Kategoria ala IP.Board

wersja skryptu MyBB: 1.6
adres forum: localhost
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Widok kategorii ala IPB (tak tak... kolejne upodobnienie do IP.Board)

Cześć.

Tworzę styl, może nie do końca legalny, ale na pewno spełni wymagania niektórych osób szukających pewnego stylu.

Chciałbym się dowiedzieć, jak można zrobić wygląd kategorii taki sam jak defaultowy skin IP.Board, chodzi konkretniej o to:



Wewnątrz prowizorycznego obramowania widać mały padding, bodajże 9px o kolorze #EBF0F3, chodzi mi o to, aby dodać to tutaj :



Dodam też potrzebne elementy z CSS, jeżeli jest potrzeba dodam inne :

.tborder {
    width: 100%;
    margin: auto auto;
        border: 1px solid #EBF0F3;
}

.tcat {
    background: #353535;
    color: #ffffff;
    font-size: 12px;
        padding: 7px;
}

.thead {
background: #2C5687 url(/images/master/thead.png) repeat-x top;
color: white;
line-height: 120%;
padding: 10px 10px 11px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528CBC;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528CBC;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
height: auto;
width: auto;
border: inherit;
}

Dodam jeszcze że styl to Business Device - Basic.
Dziękuję za wskazówki, pozdrawiam.

---

Oparłem się na stylu Kwiecia, i wyciągnąłem z niego kilka rzeczy, m.in:

.forumsborder {
background-color: #EBF0F3;
padding: 9px 9px 9px;
margin-bottom: 20px;
}

i całe forumbit_depth1_cat:

<table cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" width="100%">
<thead>
<tr>
<td class="thead" colspan="5">
<div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>
<div><strong>{$forum['name']}</strong><br /><div class="smalltext">{$forum['description']}</div></div>
</td>
</tr>
</thead>
</table>
<div class="forumsborder" width="100%">
<table cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" border="0" style="width: 100%">
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<!--
<tr>
<td class="tcat" colspan="2"><span class="smalltext"><strong>{$lang->forumbit_forum}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>
<td class="tcat" width="200" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>
</tr>
-->
{$sub_forums}
</tbody>
</table>
</div><br /></table>

Lecz pierwsza kategoria jest teraz węższa od pozostałych:



Dodam że mam w templatce indexa zrobiony sidebox boczny z atrybutem center i width 25%, lecz teraz znalazł się na dole ponieważ w/w templatka, a raczej tabele są rozszerzone na 100%, gdy próbuję dodać sidebox na bok (ustawiając w/w tabelom 75% width) to jasno-niebieskie pola się nie skracają (zostają przy width 100%).