*/
}
div.coner{width:12px;}
div.leaf{width:26px; cursor: pointer;}
div.minus{background-position: -13px 0;}
div.plus{background-position:-40px 0;}
div.minus_hover{background-position: -67px 0;}
div.plus_hover{background-position: -94px 0;}
div.menucontent{
clear:both;
/* margin-bottom:22px; */
padding:5px;
height:1%; /*Лечим IE6-7, ставим hasLayout=true. c.202. Без нее значение нижнего отсупа становится таким же и для верхнего отступа*/
}
div.smcalpsd{display:none;} /*smcalpsd - Side Menu Collapsed. Использование visibility:hidden оставляет элемент в дереве, что будет давать прокрутку, если слой (даже невидимый) не влазит на экран. На имя класса опираются menu.js и calendar.js*/
div.menugap{clear:both; height:22px;}/*Зазор между пунктами меню. Когда они свернуты, div.menucontent уже не командует и получается свалка из листочков и заголовков менюшек.*/
#myAdv a{margin-left:110px;}
/*-------------------------------------*/
/*---- Подвал ----*/
#copyright {
font:100% Verdana, Geneva, Kalimati, sans-serif;
float: left;
padding-left: 10px;
padding-top: 11px;
}
#copyright a{text-decoration: none; cursor: default;}
#claim, #sitetime{ float:right; font-size:90%;}
#claim{padding-right:15px;}
#sitetime{
margin-right:50px;
margin-top: 11px; /*Значение зависит от высоты футера. Выставил посредине*/
}
/*----------------*/
/*div-ки Ссылки и Метки в списке и на странице одной записи. Ссылка "Лупа"*/
div.btmlinks, div.label{font:90%/1.5em Verdana, Geneva, Kalimati, sans-serif;}
div.btmlinks{
float:left;
padding: 0 10px;
margin-top:10px;
}
div.label{
/* background: url(images/label.gif) no-repeat 0px 2px transparent; отключил картинку метки. Без нее лучше смотрится.*/
/* padding: 0 0 1px 25px; Для картинки слева было поле*/
margin-top:10px;
float:right;
max-width:300px;
}
a.search{
display:block;
float:right;
width:13px;
height:13px;
margin-top:11px;
margin-left:10px;
}
.clear{clear:both;} /*используем пустую div-ку для отмены обтекания. Очень важная div-ка!!*/
.inframe{margin:2px; padding: 3px;}
.note{
display:block;
text-align:justify;
padding: 10px 20px;
margin:10px 0px; /*Во время rec#80 изменил здесь значение. Было 3px 0px*/
}
.overflow-scroll {
overflow:scroll;
white-space:nowrap;
}
.italic90{font-style: italic; font-size: 90%;}/*мелкие заметки, типа "кликабельно". Ячейки таблицы, #28*/
ol{margin:5px 0; padding-left:30px;}
span.lead{display:block; text-indent:0;}
acronym {border-bottom:1px dotted black;}/*Чтоб в IE видно было акроним*/
#opmsg {/*operation message*/
left: 10px;
position: fixed;
text-align: center;
top: 0;
width: 200px;
}
div.confirmdlg{
display: none;
position:absolute;
padding:10px;
width: 160px;
left:0px;
top:0px;
}
a.inv{text-decoration: none;} /*inv - inverse, оформление, обратное обычному. Используется в частности в rec#28*/
a.inv:hover{text-decoration: underline;}
.label a{text-decoration: none;}
.label a:hover{text-decoration: underline;}
.label a.hlight{font-weight:bold;}
/*------Нумератор в списке и частично Нумератор комментов---------*/
/*#pagenator{text-align: center;} */
div.pages, div.cnmtpages{
text-align:center;
padding:4px 0px;
border:0;
background-color:transparent;
margin:15px 0;
}
span.activepage, span.deadend, a.pagenum, span.cmntpage, span.cmntactpage{
padding:2px 10px;
margin:0px 1px;
cursor:pointer;
}
a.pagenum{text-decoration: none;}
span.activepage, span.deadend{cursor:default;}
/*--------------------------------*/
/*-----Комменты и Нумератор комментов-------*/
/*Уточняем свойства нумератора комментариев*/
div.cnmtpages{margin:5px 0;}
span.cmntactpage{cursor:default; font-weight:bold;}
#cmntWrapper{
padding-left:10px;
margin-top:15px;
margin-bottom:20px;
}
#indicator{
visibility: hidden; /*пока не построится DOM, не будет загрузки комментов. А значит не надо светить индикатором*/
width:270px; /*Размеры и отступ определяется из размеров картинки процесса*/
height:5px;
float:right;
margin-top:7px;
}
* html #indicator{font-size: 4px;}/*Очередной хак на IE6: он увеличивает размер div-ки согласно размера шрифта, причем без разницы что в теге нет нИХуЯ!!*/
table.comment{
table-layout: fixed;
border-collapse:collapse;
margin:10px 0px;
width:100%;
}
/*td "date" - в комментах, span "date"(УДАЛЕНО) - в гостебуке*/
table.comment td.date{
width:150px;
font-size:90%;
text-align:right;
vertical-align: middle;
padding-right:3px;
}
table.comment td img{
vertical-align:-30%;
background-image: url(/images/smiles_all.gif);
background-repeat: no-repeat;
}
table.comment tbody td{padding:5px;}
table.comment tfoot td{ font-size:90%; padding:3px; }
table.comment td.quote{ text-align:right; vertical-align:middle; }
span.qoute{
display:block;
text-align:left;
padding:5px;
margin:3px 0px 3px 0px;
}
#smiles, #bbcodes{margin:5px 0px 0px 0px;}
#bbcodes{float:left;}
#smiles {float:right;}
img.smile, img.bbcode{
border:0;
cursor:pointer;
margin:0; padding:0;
background-repeat: no-repeat;
}
img.smile{background-image: url(/images/smiles_all.gif);} /*Базовый класс всех смайликов, а так же класс для смайликов ':)', ':-)'*/
img.wink{background-position: -20px 0;}
img.laugh{background-position: -40px 0;}
img.lol{background-position: -60px 0;}
img.cool{background-position: -80px 0;}
img.kiss{background-position: -100px 0;}
img.normal{background-position: -120px 0;}
img.sad{background-position: -140px 0;}
img.cry{background-position: -160px 0;}
img.surprised{background-position: -180px 0;}
img.confused{background-position: -200px 0;}
img.unsure{background-position: -220px 0;}
img.oops{background-position: -240px 0;}
img.sick{background-position: -260px 0;}
img.shocked{background-position: -280px 0;}
img.zzz{background-position: -300px 0;}
img.tongue{background-position: -320px 0;}
img.evil{background-position: -340px 0;}
img.bbcode{height:21px;}/*общий стиль bb-кодов а так же стиль I-кода. Картинка в разных стилях (день/ночь) прописана*/
img.codeI{width:25px;} /*отдельный класс для этой картинки необязательно, но так js-скрипту проще ее определять*/
img.codeB{background-position: -24px 0; width:32px;}
img.codeU{background-position: -55px 0; width:30px;}
img.codeS{background-position: -84px 0; width:28px;}
img.codeURL{background-position: -111px 0; width:40px;}
/*----------Конец. Комменты------------------*/
/*---ссылки-картинки----*/
a.arrow_left, a.arrow_right{
display:block;
float:left;
width:19px;
height:20px;
margin-top:1px;
}
a.print{
display:block;
height:20px;
padding-left:20px;
float: right;
}
/*a.blank{padding-right:12px;}*/
/*----------------------*/
/*---Календарь---*/
#daysnet{border-collapse: collapse;}
#daysnet td{
height:20px;
text-align:center;
vertical-align:middle;
}
#daysnet td a{font-weight:bold;}
#daysnet th{
font-weight:bold;
width:28px; /*было 30 при ширине меню 220*/
}
#daysnet td.today{font-weight: bold;} /* border: 1px solid #034A8A; убрал границу, т.к. выделение "Записей на дату" путается с "Сегодня"*/
#daysnet td.transp{background-color:transparent;}
#daysnet td.transp a{font-weight:normal;}
#clndr_query { /*gif-ка индикатор в календаре блога*/
margin:8px 0 0 20px;
float:left;
height:16px; width:50px; /*в размер gif-ки*/
visibility: hidden;
}
/*----------------------*/
a.snb_href {/*ссылки соц.сетей в горизонтальном статичном блоке*/
background-image:url(/images/snb_icons.png);
display:inline-block;
width:24px;
height:24px;
margin-right:7px;
}
/*админские инструменты под главным меню*/
div.toptools{padding:5px 0; margin-bottom:-28px;}
/*---- Сворачиваемый блок текста -------------*/
/*TODO что это? Где у меня такой блок? Почему шрифт отдельно описан? */
div.container{padding:3px;}
div.blkexpd, div.blkclpsd{ /*blkexpd - block expaneded; blkclpsd - block collapsed*/
padding-left:18px;
cursor: pointer;
font: 10pt/1.5em Arial,Helvetica,sans-serif;
height:18px;
background-repeat:no-repeat;
}
div.blkexpd{background-position: 2px 4px;}
div.blkclpsd{background-position: 2px -11px;}
div.file{padding: 0 10px 0 18px; display: none;}
/*----------------------*/
/*Предупреждение про старые/бесполезные статьи в блоге*/
div.oldarticle{
float: right;
width: 400px;
padding: 0 10px;
font-style: italic;
margin: -5px 0 10px 0;
}
/*------- Блок fullsize-отображения картинок --------*/
.shot{cursor:pointer;}
#fullshot{border:1px solid #FFC;}
#carrierbox{
display: none;
POSITION: fixed;
LEFT:0px;
top: 0px;
width: 100%;
height:100%; }
#boxbg{
display: block;
POSITION: absolute;
LEFT:0px;
TOP: 0px;
width: 100%;
height: 100%;
background-color: #696969;
}
#boxcontent, #boxprogress{
visibility:hidden;
position: absolute;
cursor:pointer;
}
/*---------------------------------------*/
/*---- Индивидуальные стили --------*/
table.borders td{padding:5px;} /*rec#121 Казино. Ниже еще стили для нее.*/
/*rec #43 Прикольные ответы в билетах ПДД*/
li.corr {font-weight: bold;}
/*rec #66 Свечи зажигания для СуперФуры (Honda CB400SF)*/
/*rec # 80, 121, 132*/
#tbl_sparks{border-collapse:collapse;}
#tbl_sparks td{padding:5px; vertical-align:top;}
/*rec #75 Фотки из мира Skyrim*/
#gameshots{
border:0px;
border-collapse:collapse;
table-layout: fixed;
}
#gameshots td{padding: 0 0 15px; vertical-align:top;}
.transMark{font-style:italic;} /*rec# 80, 113, 130-135. Серый курсив 100% шрифт*/
/*rec #91 Летняя жара. Мото черепаха для города*/
/*rec #117 Комп в масле. FAIL?*/
table.rec91 td{padding-top:15px!important;}
table.rec91 td img {margin-top:5px;}
/*table.rec91 td.thumb{vertical-align:middle; text-align:center;}*/
table.rec91 td p.title{margin:0;}
/*rec #99 Подбор байка по росту*/
#motosrch td.include{font-weight: bold;}
#motosrch td.exclude{text-decoration:line-through;}
#highRes{height:450px; overflow:scroll; display: none;}
#motoSrchBar{/*иникатор поиска*/
height: 5px;
margin-top: 7px;
visibility: hidden;
width: 270px;
}
/*rec#121 Казино*/
table.rec121 th{text-align:left;}
span.red{color:#D00; font-weight:bold;}/*Оставил цвет в общем файле, он нормально смотрится в обоих дизайнах*/
table.mysql {
border-collapse:collapse;
table-layout: fixed;
}
table.mysql thead td {font-weight: bold;}
table.mysql td {padding:0 5px;}
div.mysql_diag {
float:right;
width:235px;
height:145px;
margin-right:100px;
background-repeat: no-repeat;
}
/*
Оформил отдельно, т.к. слишком уж выделяется такая цитата. От стиля по умолчанию - только поля :)
Возможно в других статьях я не буду использовать такое яркое выделение и ограничусь только полями, например.
*/
blockquote.wise{
margin: 12px 40px;
padding: 10px 0;
color: #8D35AC;
}
#gameshots img {
width:350px;
}
.inline-code, .block-code {
font-family: Consolas,"Liberation Mono",Menlo,Courier,monospace;
border-radius: 3px;
font-size: 90%;
}
.inline-code {
margin: 0;
padding: 2px 3px;
}
/* Работает в паре с вложенным тегом
*/
.block-code {
margin: 10px 0;
padding: 10px 15px;
}
/* Пример использовани #186: Проблема с правами доступа в Linux */
.nobr {
overflow: scroll;
white-space: nowrap;
}
/** Спец. текст "Картинка кликабельна." */
p.image-clickable {
font-style: italic;
font-size: 90%;
}
/*
* Встроенное видео с youtube, например
* В пропорции 16:10
*/
.video_16_10 {
width: 560px;
height: 350px;
}
/* Видео в пропорции 16:9 */
.video_16_9 {
width: 560px;
height: 315px;
}
/* Видео в отношении 3:2, типа 720x480 */
.video_3_2 {
width:480px;
height: 320px;
}
/* Видео в отношении 4:3, типа 640x480 */
.video_4_3 {
width:640px;
height: 480px;
}
.epigraph {
float:right;
width:400px;
margin: 10px 0;
text-align:right;
}
/*
Идея оформления вводной части статьи. В две колонки, слева - картинка, справа текст.
Используется совместно со стилем table.txtGrid.
*/
table.intro td.barker {
padding-right: 10px;
font-style: italic;
}
table.intro p:first-of-type {
margin-top: 0;
}
/*!!!!! Не забывай переносить изменения в print.css*/