Making sidebar tabs the same as main page

[fulltilt]

On this site ... VotaSport / Popular

I'm trying to make the tabs on the sidebar login module look the same as the "Popular" tab on the main content of the page BUT I also need the top menu to be in all upper case.

Has anyone done this ?
Can you help me with the correct code in login.tpl ?

I know the correct CSS settings are there somewhere, I just haven't been able to find them yet.

[CaptainAngry]

I ahve done this but it was based on a template I have created. Are you using the default 'yget' template in 9.8.2?

The CSS to capitalize something is text-transform: uppercase;

That will at least get you somewhere.

[fulltilt]

Hi,

Yes, I already have it in uppercase but the tabs are not surrounding the link properly ... did you look at the site ?

I'm not using yget, but a replacement yget (blue theme) that I got from pligg.com

I'm also on v.9.5, I had a feeling that the 9.8 codestream was still beta but I'll check that out now.

[fulltilt]

** Bump **

[redwine]

Change the width of the exp_down.png, It is 58 px. then change the

.tlb2 span.selected a {main.css (line 124)
background:transparent url(../images/exp_down.png) no-repeat scroll 0pt;
color:#666666;
cursor:text;
display:block;
float:left;
font-weight:bold;
height:21px;
margin-right:8px;
padding-top:2px;
text-align:center;
width:58px; Change it to auto;
}

Or Remove the border off the image and change this:

.tlb2 span.selected a {main.css (line 124)
background:transparent url(../images/exp_down.png) no-repeat scroll 0pt;

Change it to:

.tlb2 span.selected a {main.css (line 124)
background:transparent url(../images/exp_down.png) repeat-x scroll 0pt;

Do the same for:

.tlb2 span a {main.css (line 122)
background:transparent url(../images/exp_on.png) no-repeat scroll 0pt 50%;
color:#6666CC;
cursor:pointer;
display:block;
float:left;
height:21px;
margin-right:8px;
padding-top:2px;
text-align:center;
width:58px;
}

[fulltilt]

Thank you, that got me going on the right track