Stylevars & CSS

[Da-Vinci]

I'm having a problem getting Stylevars to work for me on a CSS file that I've uploaded to my forum root.

Basically I've made a dropdown menu and wanted to make it universal for all skins so as not to have multiple CSS files for various skins, with various edits to make them match the skin.

The Stylevars I wanted to use are for the PopupMenus.

imodhilite_backgroundColor
imodhilite_color
popupmenu_background
popupmenu_border
popupmenu_border_radius
popupmenu_color
popupmenu_font
popupmenu_padding

So for instance a snip of the CSS would look like.

icondropdownmenu li a{
display: block;
width: 160px;
height: 10px;
color: {vb:stylevar popupmenu_color};
background: {vb:stylevar body_background};
border-bottom: {vb:stylevar popupmenu_border};
padding: {vb:stylevar popupmenu_padding};
}

The problem is when using the stylevars they don't work, if I revert to HTML colours then the CSS works perfectly.

Where am I going wrong with this?

Also rather than have a CSS file uploaded to my forum root or elsewhere how could I add the CSS to one of the CSS templates? I know I can make a new CSS template but how do I make my modification use the CSS from that template, currently I've used a line in my header template to point at the CSS file.

<link rel="stylesheet" type="text/css" href="icondropdownmenu.css" />

Any help with this would be greatly appreciated. :up: