Украшаем Друпаловские табы и сообщения

По умолчанию не оформленные табы в друпале имеют ужасный вид. Чтобы их привести к красивым закругленно-бело-серым закладкам, нужно прописать следущее:

ul.tabs
{
    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
    line-height: 17px;
    margin: 0 0 30px 0;
    padding: 0 0 0 4px;
}
 
ul.tabs li
{
    margin: 0 0 0 4px;
    padding: 0;
    border: 0;
}
 
ul.tabs li a:link,
ul.tabs li a:visited
{
    background: #F7F7F7;
    color: #BBBBBB;
    border: 1px solid #C5C5C5;
    border-top-left-radius: 3px; -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px; -moz-border-radius-topright: 3px;
    padding: 2px 9px 2px 10px;
    margin: 0;
}
 
ul.tabs li a:hover,
ul.tabs li a:active
{
    color: #5F5F5F;
    background: #F9F9F9;
}
 
ul.tabs li a.active:link,
ul.tabs li a.active:visited
{
    border-bottom-color: white;
    background: transparent;
    color: #515151;
}
 
ul.tabs.secondary
{
    position: relative;
    top: -10px;
}

Источник: http://xandeadx.ru/blog/drupal/252

Так же улучшаем вывод messages:

.messages {
	margin:15px 0px 15px 0px;
	font:bold 14px Arial,sans-serif;
	z-index:9999999;
}
 
.messages.status {
	background:#ccffcc;
	padding: 5px 5px 5px 15px;
	border: solid 1px green;
	color:black;
}
 
.messages.status a{
	color:#448844;
}
 
.messages.error {
	background:#ff8888;
	padding: 5px 5px 5px 15px;
	border: solid 1px red;
	color:black;
}
Drupal 6, 7

Комментарии

Добавить комментарий