Błąd Panel boczny - nadanie innej klasy

wersja skryptu MyBB: 1.6.x
adres forum: downloadzik.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Wyedytowałem panel boczny "Popularne" tym samym klase thead2
I chce dodać to samo tylko z innymi kolorami do "Nowe wrzuty"
Więc skopiowałem całe thead2 i dodałem pod nazwą thead3 do global.css i pozmieniałem kolory, po nadaniu klasy w panelu bocznym dla "Nowe wrzuty" thead3 nic sie nie zmienia..

Kod z paneli bocznych:

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" width="880">
<tr>
<td class="thead3">
<strong><center>Nowe wrzuty</center></strong>
</td>
</tr>
<tr>
<td class="trow3">
{$topStats['LastThreads']}
</td>
</tr>
</table>
<br />
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" width="880">
<tr>
<td class="thead2">
<strong><center>Popularne</center></strong>
</td>
</tr>
<tr>
<td class="trow3">
{$topStats['MostViews']}
............................
............................./////////////////////////////////////
</td>
</tr>
</table>

Kod thead2 i thead 3 z global.css

thead2

.thead2 {
    
        background: linear-gradient(bottom, rgb(152,56,171) 28%, rgb(108,39,122) 100%);
        background: -o-linear-gradient(bottom, rgb(152,56,171) 28%, rgb(108,39,122) 100%);
        background: -moz-linear-gradient(bottom, rgb(152,56,171) 28%, rgb(108,39,122) 100%);
        background: -webkit-linear-gradient(bottom, rgb(152,56,171) 28%, rgb(108,39,122) 100%);
        background: -ms-linear-gradient(bottom, rgb(152,56,171) 28%, rgb(108,39,122) 100%);
    color: #ffffff;
        padding: 10px;
    -webkit-box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
    -moz-box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
    box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
        font-size: 12px;
    text-shadow: 1px 1px 1px #555;
    font-family: verdana;
    font-weight: bold;    padding: 8px;
        border-radius: 10px;
        color: #FFFFFF;
}

thead3

.thead3 {
    
        background: linear-gradient(bottom, rgb(65,71,201) 28%, rgb(39,43,130) 100%);
        background: -o-linear-gradient(bottom, rgb(65,71,201) 28%, rgb(39,43,130) 100%);
        background: -moz-linear-gradient(bottom, rgb(65,71,201) 28%, rgb(39,43,130) 100%);
        background: -webkit-linear-gradient(bottom, rgb(65,71,201) 28%, rgb(39,43,130) 100%);
        background: -ms-linear-gradient(bottom, rgb(65,71,201) 28%, rgb(39,43,130) 100%);
    color: #ffffff;
        padding: 10px;
    -webkit-box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
    -moz-box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
    box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
        font-size: 12px;
    text-shadow: 1px 1px 1px #555;
    font-family: verdana;
    font-weight: bold;    padding: 8px;
        border-radius: 10px;
        color: #FFFFFF;
}

Screen:

Spróbuj to:

.thead3 {
    
        background: linear-gradient(bottom, rgb(65,71,201) 28%, rgb(39,43,130) 100%);
        background: -o-linear-gradient(bottom, rgb(65,71,201) 28%, rgb(39,43,130) 100%);
        background: -moz-linear-gradient(bottom, rgb(65,71,201) 28%, rgb(39,43,130) 100%);
        background: -webkit-linear-gradient(bottom, rgb(65,71,201) 28%, rgb(39,43,130) 100%);
        background: -ms-linear-gradient(bottom, rgb(65,71,201) 28%, rgb(39,43,130) 100%);
    color: #ffffff;
        padding: 10px;
    -webkit-box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
    -moz-box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
    box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
        font-size: 12px;
    text-shadow: 1px 1px 1px #555;
    font-family: verdana;
    font-weight: bold;    padding: 8px;
        border-radius: 10px;
        color: #FFFFFF;
} 


usunąć z global.css, a dodać do np. nowego arkusza (utwórz np. z nazwą nowy.css).