В этом посте, уже собраны некоторые стили 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;}