At least in IE8, the rounded corners of the folder are square. Same page in FF looks fine. Anyone know if there is something that can be done to make this work in IE as well?
I'm having the same problem on Firefox. Weird thing, it looked great when I first started using it on my old laptop while I was at work. Now that I come home on my brand new desktop the rounded corners are gone. Same problem on both Firefox and Internet Explorer. Not good at all, if this is how other people see my wiki. It's been a couple of years since the last post was made, any news?
I think our newer browsers must be dropping support for some of their browser-specific prefixes. This theme needs to have the standard CSS3 border-radius property added in the appropriate places.
If Timothy or someone else doesn't beat me to it, I should have time later tonight or over the weekend to help out.
You're awesome Ed, thanks! I'll keep an eye out :)
I went ahead and added all the appropriate code lines to make it back to the way it was.
Ever since the web browsers have adopted CSS3, I've been needing to revamp all of my older themes; sorry for the delay in fixing this!
Timothy Foster - @tfAuroratide
Auroratide.com - Go here if you're nerdy like me
To do that, you need to modify the theme slightly. This page details exactly how to do that. If you need further clarification or debugging, don't be afraid to ask.
Timothy Foster - @tfAuroratide
Auroratide.com - Go here if you're nerdy like me
The height of the #header element is 7em, but the heights of #header-extra-div-* are set to fixed 92px, and the pencil elements have a fixed top of 100px.
Being fixed values, instead of relative ones, gives visual problems when the base font-size is different than the standar 16px. It happens when the user has touched the settings on his browser to a bigger or smaller base font size.
I suggest a solution like the next lines of CSS, which solves the problem:
[id|=header-extra-div]{
height:inherited;
}
#top-bar, #extra-div-1{ /* Pencil */
top:8em;
}