Файл: default/css/default.css
Строк: 134
/* Touch design for WapCORE by serogaq aka kom [wapcore.su] */
body
{background:#E9EAED;color:#3E3E3E;font-family:tahoma;font-size:13px;margin:auto;max-width:500px;}
a:link,
a:active, a:visited {color: #5B8096;cursor: pointer;text-decoration:
none;}
a:hover, a:focus {color:#3B5998;text-decoration:none;}
img
{vertical-align:middle;border-style:none;}
hr
{margin-top:3px;margin-bottom:3px;border-top:1px dotted
#c6c6c6;border-right-style:none;border-bottom-style:none;border-left-style:none;}
.head
{color:#000;background-color:#ff9900;border-bottom:1px solid
#133783;height:30px;padding:5px;} /* Используется в
логотипе */
.head img {vertical-align:middle;}
.auth
{color:#000;background-color:#F0F1F4;border:#C4CCE0 solid
1px;height:25px;line-height:25px;} /* Кнопки авторизации
*/
.auth a {padding:6px;border-right:1px solid
#C4CCE0;font-weight:bold;color:#3B5998;font-size:11px;}
.auth a:hover
{background:#e4e8f0;text-decoration: none;}
.adv
{background:#F1F1F1;border:1px solid #C4CDE0;border-left:5px solid
#C4CDE0;margin-bottom:1px;border-radius:1px;padding:3px;margin-top:7px;} /*
Реклама */
.title
{color:#6A7480;font-size:12px;font-weight:700;padding:2px 0 0
14px;background:#ff9900;border:1px solid
#D3D6DB;border-bottom:none;margin-top:10px;height:25px;line-height:25px;}
/* Заголовки */
.panel
{background-color:#fff;background-repeat:repeat-x;background-position:50%
1px;border:1px solid
#B2B2B2;margin-bottom:1px;border-radius:6px;padding:5px;} /*
Панелька с закругленными краями */
.colorpanel
{color:#fff;text-shadow:#9a9a9a 1px 1px
0;background-color:#acacac;background-repeat:repeat-x;background-position:top;margin-top:1px;margin-bottom:1px;padding:3px;padding-left:10px;border:1px
solid #b2b2b2;} /* Цветная панель, используется
часто */
.colorpanel a {color:#fff;}
.menu
{background-color:#fff;background-repeat:repeat-x;border:1px solid
#D3D6DB;padding:3px;color:gray;font-weight:normal;line-height:15px;} /*
Классический блок */
.block
{background-color:#FAFBFB;border-left:1px solid #D3D6DB;border-right:1px
solid #D3D6DB;border-top:none;border-bottom:1px solid #D3D6DB;padding:1px
1px 1px 4px;} /* Тоже класический блок, но
используется немного реже */
.pagination
{text-align:left;padding:6px;background:#f1f0f1;border:1px solid #D3D6DB;}
/* Класс для кнопок постраничной
навигации */
.pagination a {background:#576F96;padding:5px 8px 5px
8px;border-radius:3px;border:#e4e8f0 solid 1px;color:#fff;}
.pagination
a:hover {color:#7C97AA;}
.stat
{background-repeat:repeat-x;background-position:top;text-align:left;padding:2px;}
/* Для счетчиков */
.stat a img {opacity:0.6;}
.stat a:hover
img {opacity:0.9;}
.copy
{color:gray;padding:7px;font-size:11px;text-align:center;} /* Для
футера с копирайтом */
.error
{font-size:11px;color:#FF0000;border:1px solid
#B2B2B2;margin-bottom:4px;border-radius:6px;padding:5px;} /* Для
показа ошибок */
.q {background-color:#fcfeeb;border:1px solid
#e9ebec;border-left:4px solid #8394b2;color :
#878787;font-size:11px;padding-left:6px;margin-top:5px;padding:3px;}
.sphead
{background:#e0e6e9;border:1px solid
#9fa9b8;font-size:x-small;margin-top:2px;padding:2px;} /* Голова
спойлера */
.spbody {border:1px solid
#c1c1c1;border-top:0px;color:#586776;background-color:rgba(255, 255, 255,
0.3);margin-bottom:2px;padding:6px;} /* Тело спойлера
*/
span.new {color:#ff5400;} /* Для + счетчиках. Пример
<span class="new">+1</span> */
span.small_text
{font-size:11px;color:#4B4B4B;} /* Маленький текст.
Используется на форуме (посл. редакт.) и в
других модулях */
span.new_files {font-size:11px;color:red;}
/* Используется в зц для счетчиков новых
файлов */
/* Touch by serogaq aka kom */
#touch {border-top:1px solid
#dffdc3;border-bottom:1px solid #dffdc3;}
#touch ul
{list-style-type:none;margin:0;padding:0;}
#touch ul li
{padding-right:10px;background:#f1f0f1;border:1px solid #D3D6DB;} /*
Разбирайся с устройсятвом тача */
#touch ul
li:hover {background:#e4e8f0;} /*
Под <ul><li> переписан двиг */
#touch ul li a
{display:block;padding:7px;color:#5B8096;} /*
Поэтому тач делай через них */
#touch ul li a:hover
{text-decoration:none;}
#touch ul li a span {/**/}