--=REKLAMA=--
Obszar treści głównej osadzony jest za pomocą elementu div oznaczonego identyfikatorem #main, gdy widoczny jest prawy pasek lub #main2, gdy prawy pasek jest niewidoczny:
<div id="<?php echo $showRightColumn ? 'main2' : 'main'; ?>">
<?php if ($this->getBuffer('message')) : ?>
<div class="error">
<h2>
<?php echo JText::_('Message'); ?>
</h2>
<jdoc:include type="message" />
</div>
<?php endif; ?>
<jdoc:include type="component" />
</div><!-- end main or main2 -->
Poniższe klasy i identyfikatory wpływają na cały obszar div zawierający treści lewego paska. Zwróć uwagę na kolejność. Każdy atrybut CSS zostanie nadpisany przez powyższą klasę.
Miejsce przechowywania - plik: position.css
.blog { padding: 0; }
Miejsce przechowywania - plik: position.css
.leading
{
background: #EFDEEA url(../images/biene.gif) no-repeat top left;
border: solid 1px #CCCCCC;
color: #000000;
margin: 30px 0px 10px 0px;
padding: 20px 20px 40px 120px;
position: relative;
}
Miejsce przechowywania - plik: layout.css
.leading_separator {
border-bottom:solid 0 #333;
display:block;
height:10px;
margin:0;
}
Miejsce przechowywania: position.css
*
{
margin: 0;
padding: 0;
}
Miejsce przechowywania - plik: position.css
#all
{
background: #FFFFFF;
border: solid 1px #DBB0CD;
color: #000000;
font-size: 0.8em;
margin: 0 auto;
max-width: 1000px;
padding: 0 3px 3px 3px;
text-align: left;
}
Dziedziczone są własności: color, font-size i text-align.
Miejsce przechowywania - plik: position.css
body
{
background: #F2E3ED;
color: #000000;
font-family: arial, helvetica, sans-serif;
font-size: 100.1%;
padding: 0px;
text-align: center;
}
Dziedziczone jest własność font-family.