Log in

View Full Version : css settings in template


ragtek
09-16-2007, 11:35 AM
can i access/set the css variables in the template?

i need something like this:

#myPanel.yui-panel .bd { .$css[thead] }

Opserty
09-16-2007, 02:11 PM
What wrong with using class="thead" in your template?

If you want to use another class to, you can do something like class="thead bd" Although personally I prefer to use just a single class and just duplicate the properties.

ragtek
09-16-2007, 02:21 PM
what i need

i'm working on an yui tool witch needs this

http://developer.yahoo.com/yui/examples/container/panelskin1_clean.html
so i have to put it so in:
/* Aqua Panel Skin CSS */
#myPanel_c.yui-panel-container.shadow .underlay { background-color:#999; }
#myPanel.yui-panel { position:relative; border:none; overflow:visible; background-color:transparent; }

#myPanel.yui-panel .container-close { top:3px; left:4px; height:18px; width:17px; background-image:url(assets/img/aqua-hd-close.gif); }
#myPanel.yui-panel .container-close:hover { background-image:url(assets/img/aqua-hd-close-over.gif); }

#myPanel.yui-panel .hd { padding:0; border:none; background:transparent url(assets/img/aqua-hd-bg.gif); color:#000; height:22px; margin-left:7px; margin-right:7px; text-align:center; overflow:visible; }
#myPanel.yui-panel .hd span { vertical-align:middle; line-height:22px; }
#myPanel.yui-panel .hd .tl { width:7px; height:22px; top:0; left:0; background:transparent url(assets/img/aqua-hd-lt.gif); position:absolute; }
#myPanel.yui-panel .hd .tr { width:7px; height:22px; top:0; right:0; background:transparent url(assets/img/aqua-hd-rt.gif); position:absolute; }

#myPanel.yui-panel .bd { overflow:hidden; padding:4px; border:1px solid #aeaeae; background-color:#FFF; }
#myPanel.yui-panel .ft { font-size:75%; color:#666; padding:2px; overflow:hidden; border:1px solid #aeaeae; border-top:none; background-color:#dfdfdf; }

or is there a other way?