webkit conditional-stylesheet not working [#1020402]

Hi All,

I'm trying to use a Webkit (safari -, chrome, etc) conditional-stylesheet in a zen sub-theme. The IE one works great but conditional-stylesheets[if Webkit][all][] = css/webkit.css has no effect.

I've cleared cache. Checked variable table entry "conditional_styles_asiasociety",

s:405:"

Any ideas?

Thanks, JIm

Comments

Comment #1

jwilde commented 9 January 2011 at 18:49

conditional style sheets work only with IE.

Here is the code you'll need to add hacks for webkit browers (chrome and safari). Add anywhere in your css and include all of your hacks within the brackets.

@media screen and (-webkit-min-device-pixel-ratio:0) {
body.node-type-support-section-page h1.title {

color: #F38717;
font-size: 1.5em;
font-weight: 500;
border:1px solid #000;

}
}

Good luck,

Jim

Comment #2

topdawg commented 19 August 2011 at 19:45

Hi, the wrap works in that webkit picks it up, the thing is, what can I use for the other browsers and how to force them to see the "OTHER" style not the one for the webkit?