By sodani on

I'm trying to adapt a template to drupal. The template can be seen at:
design.you west che ster.com (remove spaces)

The drupal theme is www.you west che ster.com (remove spaces)

The original design uses an ul li class="active" a for the active tab URLs. Drupal uses a class="active" in the primary links so my current active looks look like ul li a class="active".

Can anyone tell me how I need to change the CSS?

The original CSS for these tabs looks like this:


#nav{
background:url(img/greypx.gif) bottom left repeat-x;
float:left;
width:752px;
}

#nav a{
background:url(img/tabs.gif) no-repeat 100% 0;
color:#808080;
display:block;
font-size:1.2em;
letter-spacing:-1px;
padding:7px 20px 4px 11px;
text-decoration:none;
}

#nav li{
background:url(img/tabs.gif) no-repeat 0 0;
float:left;
margin:0 4px 0 0;
padding:0 0 0 9px;
}

#nav #current{
background:url(img/tabs.gif) no-repeat 0 -41px;
}
⋅ Categories: Drupal 4.7.x

Comments

sodani’s picture

sodani commented

Actually inserted the incomplete css above.

#nav a{
background:url(img/tabs.gif) no-repeat 100% 0;
color:#808080;
display:block;
font-size:1.2em;
letter-spacing:-1px;
padding:7px 20px 4px 11px;
text-decoration:none;
}

#nav li{
background:url(img/tabs.gif) no-repeat 0 0;
float:left;
margin:0 4px 0 0;
padding:0 0 0 9px;
}

#nav .active{
background:url(img/tabs.gif) no-repeat 0 -41px;
}

#nav a.active {
background:url(img/tabs.gif) no-repeat 100% -41px;
color:#303030;
padding:7px 20px 5px 11px;
}