В этом посте, уже собраны некоторые стили css для Jooomla и будут постоянно дополняться, которые необходимы для любого шаблона создаваемого под cms.
1 Заголовки:
.contentheading { margin: ; font-size: ; font-weight: ; color: #<span class="number">222964</span>; border-bottom:; }
<span class="comment">//заголовок материала</span>
.contentheading a{}
<span class="comment">//заголовок материала как ссылка</span>
.componentheading { margin: ; font-size: ; font-weight: ; color: #<span class="number">222964</span>; border-bottom:;}
<span class="comment">//заголовок компонента</span>
#contact-name {margin: ; font-size: ; font-weight: ; color: #<span class="number">222964</span>; border-bottom:;}
<span class="comment">//заголовок контакта qcontakts</span>
2. Форма авторизации:
#form-login fieldset.input {border:<span class="number">0</span>;} <span class="comment">/*снимаем границу с формы*/</span>
#form-login p {margin:<span class="number">0</span>; padding:<span class="number">0</span>;} <span class="comment">/*Абзацы в которых находится поля формы*/</span>
#form-login ul {margin:<span class="number">0</span>; padding:<span class="number">10</span>px;} <span class="comment">/*Список ссылок на регистрацию и пр*/</span>
#form-login ul li { list-style:none; } <span class="comment">/*Список ссылок на регистрацию и пр*/</span>
#form-login a {color:#<span class="number">222964</span>; font-family:arial; font-size:<span class="number">13</span>px;} <span class="comment">/*ссылки*/</span>
#form-login a:hover {color:#E77817; font-family:arial; font-size:<span class="number">13</span>px;}
3. Список материалов категории
td.sectiontableheader { padding: <span class="number">4</span>px; border-right: <span class="number">1</span>px solid #fff;}
<span class="comment">/*ячейка в которой находится сам список материалов категории*/</span>
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td { padding: <span class="number">4</span>px;}
td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 { padding: <span class="number">3</span>px;} <span class="comment">/*Список по порядку отступы между обьектами*/</span>
<span class="number">4</span>. Автор и дата
.small {} <span class="comment">// Автор статьи</span>
.createdate {} <span class="comment">// Дата написания и публикации статьи</span>
4. Системные сообщения
#system-message{ margin-bottom: 20px;}
#system-message dd.message ul{list-style:none; color: #c00;
background: #efe7b8 ; border-top: 3px solid #f0dc7e;
border-bottom: 3px solid #f0dc7e;
margin: 0px; padding-left: 40px; text-indent: 0px;}
#system-message dd.error ul{ list-style:none; color: #c00;
background: #e6c0c0 ; border-top: 3px solid #DE7A7B;
border-bottom: 3px solid #DE7A7B;
margin: 0px; padding-left: 40px; text-indent: 0px;}
#system-message dd.notice ul{ list-style:none; color: #c00;
background: #efe7b8 ; border-top: 3px solid #f0dc7e;
border-bottom: 3px solid #f0dc7e;
margin: 0px; padding-left: 40px; text-indent: 0px; }
.message{ font-weight: bold; font-size: 14px; color: #c30;
text-align: center; width: auto; background-color: #f9f9f9;
border: solid 1px #d5d5d5; margin: 3px 0px 10px; padding: 3px 20px;}
