CSS темы
| Автор: Александр Добавлено: 2005-06-30 21:13:50 |
Версия для печати
Скачать статьюДокументация
| CSS темы default с комментариями |
|---|
|
/* Комментарий
Темно синий цвет - Таги (table ); Темно зеленый цвет - ID тага (td#leftcolumn ); */ /* Параметры по-умолчанию */ body {color: black; background: white; margin: 0px; padding: 0px;} body td, p, div {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;} /* Параметры по-умолчанию для всех таблиц (если не определены спецефические) */ table {width: 100%; margin: 5px; padding: 5px; font-size: small} table td {padding: 0px; border-width: 0px; vertical-align: top; } /* Настройки по-умолчанию для гиперссылок */ a {color: #666666; text-decoration: none; font-weight: bold; background-color: transparent;} a:hover {color: #ff6600;} /* Настройка HTML тэгов заголовков #1-5 и списков */ h1 { font-family: tahoma,arial,helvetica; font-size: 12px; font-weight: normal;text-align: justify; padding-bottom: 0px; margin-bottom: 0px; } h2 { font-family: arial,helvetica; font-size: 17px; font-weight: bold; line-height: 20px; text-align: center; } h3 { font-family: arial,helvetica; font-size: 15px; font-weight: bold; line-height: 18px; text-align: center; } h4 {} h5 {} ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;} li { margin-left: 2px; list-style: square inside; color: #2F5376} img { border: 0;} /* Маркер для кнопок форм */ input.formButton {} /* НАСТРОЙКИ МОДУЛЯ НОВОСТИ, могут быть применены и в другом месте*/ /* Рамка вокруг новости */ .item {border: 1px solid #cccccc;} /* Цвет фона заголовка */ .itemHead {padding: 3px; background-color: #2F5376; color: #FFFFFF;} /* Цвет фона информации о новости (когда опубликова, кем и т.д.) */ .itemInfo {text-align: right; padding: 3px; background-color: #efefef;} /* Цвет ссылки на раздел и заголовок новости */ .itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #ffffff; background-color: transparent;} /* Текст "опубликовано" */ .itemPoster {font-size: 90%; font-style:italic;} /* Текст даты и времени */ .itemPostDate {font-size: 90%; font-style:italic;} /* Цвет текста "прочтено Х раз" */ .itemStats {font-size: 90%; font-style:italic;} /* Поле текста новости и картинки */ .itemBody {padding-left: 5px;} /* Текст новости */ .itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;} /* Первая буква новости */ .itemText:first-letter {font-size: 133%; font-weight: bold;} /* Нижний колонтитул новости (читать далее и т.д.) */ .itemFoot {text-align: right; padding: 3px; background-color: #efefef;} /* Нижний колонтитул новости (ссылки на администрирование новости) */ .itemAdminLink {font-size: 90%;} /* Нижний колонтитул новости (Х байт) */ .itemPermaLink {font-size: 90%;} /* КОНЕЦ НАСТРОЙКИ МОДУЛЯ НОВОСТИ */ /* Настройки заголовков таблиц */ th {background-color: #2F5376; color: #FFFFFF; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;} /* Верх сайта (лого и баннер)*/ td#headerbanner {width: 100%; background-color: #2F5376; vertical-align: middle; text-align:center;} /* Серая полоска ниже */ td#headerbar {border-bottom: 1px solid #dddddd; background-image: url(hbar.gif);} /* НАСТРОЙКА СТОЛБЦОВ КОНТЕНТНОЙ ЧАСТИ (левые блоки, центр, правые блоки) */ /* Настройка ЛЕВЫХ блоков */ td#leftcolumn {width: 170px; border-right: 1px solid #cccccc; font-size:12px;} /* Заголовки таблиц в левом столбце */ td#leftcolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;} /* Заголовки левых блоков*/ td#leftcolumn div.blockTitle {padding: 3px; background-color: #dddddd; color: #639ACE; font-weight: bold;} /* Содержание левых блоков*/ td#leftcolumn div.blockContent {padding: 3px; line-height: 120%; line-height: 120%;} /* Настройка ЦЕНТРА страницы */ td#centercolumn {font-size: 12px;} /* Заголовки центральных таблиц */ td#centercolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;} /* Настройки ЦЕНТРАЛЬНЫХ ЦЕНТРАЛЬНЫХ блоков */ td#centerCcolumn {padding: 0px 3px 1px 3px;} /* Заголовок центрального центрального блока */ td#centerCcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-left: 0px;} /* Содержание центрального центрального блока */ td#centerCcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-right: 0px; margin-left: 0px; margin-bottom: 2px; line-height: 120%;} /* Настройки ЦЕНТРАЛЬНЫХ ЛЕВЫХ блоков*/ td#centerLcolumn {width: 50%; padding: 0px 3px 0px 0px;} /* Заголовок центральных левых блоков */ td#centerLcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;} /* Содержание центральных левых блоков */ td#centerLcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 3px; margin-right: 2px; margin-bottom: 2px; line-height: 120%;} /* Настройки ЦЕНТРАЛЬНЫХ ПРАВЫХ блоков*/ td#centerRcolumn {width: 50%; padding: 0px 3px 0px 0px;} /* Заголовок центральных правых блоков */ td#centerRcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;} /* Содержание центральных правых блоков */ td#centerRcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 120%;} /* Управление всем контентом: */ div#content {text-align: left; padding: 8px;} /* Настройка ПРАВЫХ блоков */ td#rightcolumn {width: 170px; border-left: 1px solid #cccccc; font-size:12px;} /* Заголовки таблиц правой стороны */ td#rightcolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;} /* Заголовок правых блоков */ td#rightcolumn div.blockTitle {padding: 3px; background-color: #dddddd; color: #639ACE; font-weight: bold;} /* Содержание правых блоков */ td#rightcolumn div.blockContent {padding: 3px; line-height: 120%;} /* КОНЕЦ НАСТРОЙКИ ОСНОВНОЙ ЧАСТИ СТРАНИЦЫ */ /* Нижний колонтитул */ tr#footerbar {text-align:center; background-image: url(hbar.gif);} /* Главное меню */ td#mainmenu a {background-color: #e6e6e6; display: block; margin: 0px padding: 4px;} /* Сыылка в Главном меню при наведении*/ td#mainmenu a:hover {background-color: #ffffff;} /* Верхнюю ячейка меню. */ td#mainmenu a.menuTop {padding-left: 3px; border-top: 1px solid silver; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;} /* Оставшиеся пункты меню*/ td#mainmenu a.menuMain {padding-left: 3px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;} /* Подпункты меню */ td#mainmenu a.menuSub {padding-left: 9px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;} /* Меню пользователя */ td#usermenu a {background-color: #e6e6e6; display: block; margin: 0px padding: 4px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;} /* Ссылка при наведении */ td#usermenu a:hover {background-color: #ffffff;} /* Вершина меню */ td#usermenu a.menuTop {border-top: 1px solid silver;} /* Подсветка приватных сообщений */ td#usermenu a.highlight {background-color: #fcc;} /* Стили использующиеся в таблицах*/ .outer {border: 1px solid silver;} .head {background-color: #c2cdd6; padding: 5px; font-weight: bold;} .even {background-color: #dee3e7; padding: 5px;} .odd {background-color: #E9E9E9; padding: 5px;} .foot {background-color: #c2cdd6; padding: 5px; font-weight: bold;} tr.even td {background-color: #dee3e7; padding: 5px;} tr.odd td {background-color: #E9E9E9; padding: 5px;} /* Системные */ div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;} div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;} div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;} /* Комментарии */ .comTitle {font-weight: bold; margin-bottom: 2px;} .comText {padding: 2px;} .comUserStat {font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;} .comUserStatCaption {font-weight: normal;} .comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px;} .comUserRank {margin: 2px;} .comUserRankText {font-size: 10px;font-weight:bold;} .comUserRankImg {border: 0px} .comUserName {} .comUserImg {margin: 2px;} .comDate {font-weight: normal; font-style: italic; font-size: smaller} .comDateCaption {font-weight: bold; font-style: normal;} |
Тема страницы:
