http://dl.dropbox.com/u/5459839/Chrome%20Extensions/BSF%20Tweaks2/elegance.jpg
Javascript experts needed! The skin is there but it's not accessible from the theme menu. I need to add a
element to the theme menu with javascript.
This code does not work:
var li = document.createElement("li");li.setAttribute("style", "z-index: 10000;");var a = document.createElement("a");a.setAttribute("href", "link");a.setAttribute("style", "z-index: 10000;");a.innerText("Elegance");li.appendChild(a);document.getElementById("new_skin_menucontent").appendChild(li);Elegance definitely lives up to the name. Noticed a bug on post_controls, though, where it makes the button disappear on hover (verified Opera 11 and Firefox 9). Fixed it with the following:
ul.post_controls a:hover{background-color: #2f4979 !important;opacity: 0.8 !important;}That'll make it behave like all the other buttons.
and then I changed the edit class since it is just annoying (IP.Board doesn't have that problem, but since switching to Elegance I see what everyone was complaining about)
.edit{background-color: transparent !important;border-color: transparent !important;color: #2769ab !important;}Edit: anyone interested in messing with Elegance needs to simply copy the link to any theme (right-click the theme name and copy link location), paste it in the URL box, and change the number at the end to 8 and go to that URL.