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