(картинка с левым круглым углом)
*/
.uvula, .Block3 h1 {
position:relative; padding:4px 17px 7px; margin:0; text-align:center;
background:url('/pic/decor/uv1.gif') no-repeat bottom right #c60;
color:#fff; font-size:10px; font-weight:bold;
}
.uvula a, .Block3 h1 a {color:white; text-decoration:none;}
.uvula a:hover, .Block3 h1 a:hover {text-decoration:underline;}
.uvula img.Ru, .Block3 h1 img.Ru {position:absolute; bottom:0px; left:0px;}
.uvula .excl {position:absolute; top:5px; left:-6px;} /* Значок !, top и left иногда задаются индивидуально */
/* Разметка */
#Main {min-height:100%; margin:0 auto -86px; width:993px;}
#LagerStub {height:100px; clear:both;}
#Lager {width:993px; margin:0 auto; height:83px; padding:0px; clear:both; border-top:3px solid #000;}
#LagerInside {width:993px; margin:0 auto; }
/* Шапка */
#Head {position:relative; height:128px; border-bottom:3px solid black; margin-bottom:3px;}
#Head #MiniMenu {margin:0; padding:0; position:absolute; top:0; left:460px; border-left:1px solid #060;}
#Head #MiniMenu li {display:block; float:left; width:55px; height:34px; list-style:none; margin:0; padding:0; border-right:1px solid #060;}
#Head #MiniMenu li a {display:block; height:0px; padding-top:34px; overflow:hidden;}
#Head #MiniMenu li.e {background:url('/pic/decor/mm_email.gif') no-repeat 18px 10px;}
#Head #MiniMenu li.i {background:url('/pic/decor/mm_icq.gif') no-repeat 18px 10px;}
#Head #MiniMenu li.r {background:url('/pic/decor/mm_rss.gif') no-repeat 18px 10px;}
#Head #MiniMenu li.t {background:url('/pic/decor/mm_twitter.gif') no-repeat 15px 6px;}
#Head #MiniMenu li.v {background:url('/pic/decor/mm_vkontakte.gif') no-repeat 15px 6px;}
#Head #Today {position:absolute; top:97px; left:10px; font-size:10px;}
#Head #Today a {color:#c60; font-size:11px; font-weight:bold; text-decoration:none;}
#Head #Services {position:absolute; top:97px; right:361px; font-size:10px;}
#Head #Services a {text-decoration:none; padding:1px 6px;}
#Head #Services a:hover {background:#f5e0cc;}
#Head #Foto {position:absolute; bottom:0; right:0; padding-left:3px; background:url('/pic/decor/hf_bg.gif') no-repeat bottom left;}
#Head #Foto img {display:block;}
/* Большой баннер под шапкой */
#BannerBig {border-bottom:3px solid #FFFFFF; margin-bottom:3px; padding-bottom:3px;}
#BannerBig div {background:#FFFFFF; text-align:center;}
.Banner460 {border-top:1px solid black; margin-top:2px; padding-top:2px; clear:both;}
.bnr {
float: left;
width: 261px;
padding: 10px 0 0 0;
margin: 20px 0 0 0;
text-align: center;
border: solid 1px #000000;
}
.bnr img {
margin: 2px 0 2px 0;
border: solid 1px #000000;
}
.Banner-list {
list-style: none;
padding: 0;
margin: 0;
}
.Banner-list li {
float: right;
}
.Banner-list li a{
width: 150px;
/* height: 150px;*/
float: left;
padding: 0 1px 0 0;
margin: 3px 0;
font-size: 10px;
text-decoration: none;
/* border: solid #dad2c9 1px;*/
overflow: hidden;
}
.Banner-list.w-0 li a {
width: 240px;
}
.Banner-list li.middle a {
margin: 3px 2px;
}
.Banner-list.w-0 li.middle a {
margin: 10px 2px;
}
.Banner-list li img {
float: left;
margin: 5px 10px 5px 5px;
}
.Banner-list li strong {
display: block;
padding: 3px 0 4px 0;
}
.Banner-list li span {
display: block;
padding: 5px;
}
.Banner-list.w-0 li span {
padding: 5px;
}
/* Первая колонка главной (460px) */
#Content1 {float:left; width:460px;}
/* Вторая колонка на главной, 263px */
#Content2 {float:left; width:263px; margin:0 15px;}
/* Правая колонка с меню и баннерами 240px */
#Right {float:left; width:240px;}
#Content12 {float:left; width:738px; margin:0 15px 0 0;}
/* Блок - слева картинка 75 пикселей в рамочке, справа - заголовок и лид статьи */
.Lead75 {clear:both; margin:20px 10px 20px 12px;}
.Lead75.odd {background:#faefe5; padding:10px; margin:10px 0px 10px 2px;}
.Lead75 .img {float:left;}
.Lead75 .txt {margin-left:90px;}
.Lead75 .img img {display:block; border:1px solid black;}
.Lead75 h1 {font-size:14px; font-weight:bold; margin:0; padding:0;}
/* Отступ 12px слева для всякой мелочи */
.P {margin-left:12px;}
/* Блоки с заголовком-ушком. Внимание, ушко будет налезать на блок, расположенный сверху, поэтому у него должнен быть большой padding-bottom. */
.Block2{border-top:7px solid #060; position:relative;}
.Block2 h1 {
display:block; position:absolute; top:-28px;
margin:0 0 0 8px; padding:0; height:28px; line-height:28px;
background:url('/pic/decor/rub_plash.gif') no-repeat right #fff; font-size:11px !important; text-align:center;
}
.Block2 h1 img {position:absolute; top:0px; left:0px;}
/* со ссылкой на комментарии */ .talk_link {font-size:10px; margin:10px 0;} .talk_link a {text-decoration:none;} .talk_link a:hover {text-decoration:underline;} .talk_link a.n {font-weight:bold; color:#c60;} /* Количество новых комментариев */ /* Блок ссылок на другие статьи ("все новости") */ .AllNews p.links {color:#060; font-weight:bold; font-size:9px; margin:15px 0 17px 0;} .AllNews p.links a {color:black; text-decoration:none; font-weight:normal; font-size:11px;} .AllNews p.links a:hover {text-decoration:underline;} .AllNews p.links span.stringbanner {display:block;} .AllNews p.links span.stringbanner a {color:#cc6600; text-decoration:none; font-weight:normal; font-size:11px;} /* Вступление */ .Intro {padding:0 14px 10px; background:#faefe5; border-bottom:1px solid #c60;} .Intro .pl2 {margin:0;} .Intro h2 {margin:17px 0 12px; padding:0; font-size:24px; font-weight:normal;} .Intro h2 a {text-decoration: none;} /* Вступление с картинкой */ .Intro.wImg {min-height:155px; overflow:hidden; height:expression(this.scrollHeight < 155? "155px" : "auto");} .Intro.wImg img {display:block; position:absolute; border:1px solid black; margin:17px 10px 10px 0;} .Intro.wImg p {margin-left:130px;} .Intro.wImg h2 {margin-left:130px;} .Intro.wImg h2 a {text-decoration: none;} /* Вступление без рамочек */ .mIntro {background:#fef2e5; padding:11px;} .Tools {padding:0 14px 30px;} .Tools form p {margin:0; padding:7px 0 4px; font-weight:bold; font-size:10px;} .Tools table {border-collapse:collapse; border-spacing:0;} .Tools table td {padding:0;} .Tools table td.a {padding:0 10px;} .Tools form input {vertical-align:bottom;} .Tools form #what {width:137px; height:17px; border:1px solid black;} .Tools form #ok {width:19px; height:19px; border:1px solid black;} .Tools .uvula {margin-right:15px;} .Tools .uvula .excl {top:11px;} /* Главное меню */ #MainMenu {margin:0 0 7px 0; padding:0; border-top:1px solid black;} #MainMenu li {list-style:none; margin:0; padding:0; border-bottom:1px solid black;} #MainMenu li a {display:block; padding:5px 20px 4px; font-size:12px; font-weight:bold; text-decoration:none; } #MainMenu li.t1 a {color:#060;} #MainMenu li.t2 a {color:#c60;} #MainMenu li.t3 a {color:#000;} #MainMenu li a:hover {color:#fff; background:#c60;} #MainMenu li.t2 {border-bottom:3px solid black; border-top:2px solid black;} /* Форма поиска */ #Search {border-top:4px solid #c60; text-align:right; margin-bottom:17px;} #Search div {position:relative; margin-bottom:3px; height:22px; border:1px solid black; background:#fff; text-align:left;} #Search input#what {border:none; color:#676767; font-size:10px; width:205px; margin:3px 0 0 0px; padding:2px 5px; background:#fff;} #Search a {font-size:10px; color:#c60;} #Search #search_ok {width:11px; height:11px;} /* Блоки в правой колонке для форума, опросов, что делать если */ .Block3 {border:1px solid #c60; padding:0 10px 10px 10px; margin:5px 0;} .Block3 h1 {width:74px; height:10px; padding:2px 17px 7px; font-size:11px;} .Block3 ul {margin:10px 0 0; padding:0 0 0 16px;} /* Блоки на главной во 2-й колонке, новинки автосалонов - новинки автопрома */ .Block4 {border-top:1px solid black; background:#e5e5e5; padding:0px;} .Block4 .pl2 {margin-left:10px;} .Block4 .meta {margin:5px 10px;} .Block4 .msg {clear:both; padding:10px 10px; border-bottom:1px solid #fff;} .Block4 .msg img.foto {float:left; border:1px solid black; margin:0 10px 2px 0;} .Block4 .msg h1 {font-size:14px; margin:0 0 10px 0;} .Block4 ul.links {background:#7f7f7f; margin:0 0 2px 0; padding:10px; color:#fff; } .Block4 ul.links li {margin:0 0 0 15px; padding:0;} .Block4 ul.links li.yo {list-style:none; margin-top:10px; font-weight:bold;} .Block4 ul.links a {color:white;} /* Лид новости на сером фоне, встречается в оглавлении рубрики и на странице комментариев */ .LeadGray {border-bottom:1px solid black; background:#e5e5e5; margin:0; padding:12px 12px 0px;} .LeadGray.first {border-top:7px solid #c60;} .LeadGray h1 {font-size:14px; font-weight:bold; margin:0; padding:0;} .LeadGray .text {} .LeadGray hr {} /* Баннер 240 пикс. в ширину */ .Banner240 {margin:5px 0;} .FAQ {border-color:#060;} .FAQ h1 {background:url('/pic/decor/ug1.gif') no-repeat bottom right #060; width:125px;} .ForumTopics ul a {text-decoration:none;} .ForumTopics ul a:hover {text-decoration:underline;} .Poll .Q {font-weight:bold; margin:10px 0;} .Poll p {margin:10px 0 0;} .Poll input {vertical-align:bottom;} .Poll input#ok {background:#727070; color:white; font-weight:normal; font-size:9px; padding:0px 10px;} .Poll #poll_ok {width:43px; height:28px; display:block; margin-left:160px;} /* Слой с результатами опроса (используется только на внутренних страницах, внутри содержит таблицу) */ .PollResults {padding:17px 13px 20px; background:#fef2e5;} .PollResults table {border-collapse:collapse; border-spacing:0;} .PollResults table td {padding:3px 0; vertical-align:top;} /* ячейка с количеством проголосовавших */ .PollResults table td.p {padding:3px 38px; white-space:nowrap;} /* ячейка с количеством проголосовавших */ .PollResults table td.d {padding-left:20px; background:url('/pic/decor/pollbull.gif') no-repeat 0px 7px;} /* ячейка с вариантом ответа */ .PollResults .nAnswers {margin:10px 0 0 340px; font-weight:bold;} .w150 {width:150px;} /* Форма народного тест-драйва */ #TDA {} #TDA textarea {width:710px; padding:10px; font-weight:bold; font-family:Tahoma,sans-serif; font-size:11px;} #TDA .Fields {margin-top:4px; border-top:1px solid #c60;} #TDA .Fields .uvula {float:right; margin-right:30px;} #TDA .Fields table {border-collapse:collapse; border-spacing:0;} #TDA .Fields table td {padding:3px 7px; font-size:10px; font-weight:bold;} #TDA .Fields table input {border:1px solid black; font-family:Tahoma,sans-serif; font-size:11px; font-weight:normal;} /* Подвал */ #Lager #Copyright {width:460px; float:left;} #Lager #Copyright a {color:#fff;} #Lager #Copyright p {color:white; padding:13px 15px; font-size:10px;} #Lager #Copyright p.voditel {margin:0 0 1px 0; background:#060;} #Lager #Copyright p.parohod {margin:0; padding:10px 15px; background:#c60;} #Lager #AboutLinks {width:291px; padding:21px; float:left; color:#c60; font-size:12px;} #Lager #AboutLinks a {color:#c60; font-weight:bold; text-decoration:underline;} #Lager #Counters {width:200px; padding-top:10px; float:left; text-align:right;} /* for Blog */ #Comments {width:100%;} #Comments div {position:relative;} #Comments .Rate {position:absolute; left:-30px; top:10px; width:30px; height:20px; text-align:center;} #Comments p.cmt {position:relative; background:#f5f5f5; padding:5px; border:1px solid gray; border-width:0 1px; margin: 0px;} #Comments p.btn {position:relative; background:#e5e5e5; padding:2px 5px; border:1px solid gray; border-width:0 1px 1px 1px; margin: 0px;} #Login, #UserMenu { margin:10px 0 15px 0; padding:0 0 0 20px; } #Login {color:#666; font-weight:bold;} #Login input.f { display:block; margin:0; width:138px; height:18px; border:1px solid black; background:#fff; } #Login label.l { display:block; margin:0 0 10px 6px; width:55px; height:14px; background:#666; color:#fff; font-weight:bold; font-size:10px; text-align:center; } #Login .submit { width:47px; margin:0 0 0 6px; float:left; height:39px; border:none; background:#666; color:white; font-weight:bold; font-size:10px; text-align:center; } #Login a { display:block; margin:0 0 0 70px; color:#666; text-decoration:underline; font-size:12px; } #Login p { margin:15px 0 15px 3px; } #Login #ohm_log4ever {vertical-align:middle;} #UserMenu {} #UserMenu .U {float:left;} #UserMenu .U img {margin:0 5px 0 0;} #UserMenu p {margin:0; padding:0; font-size:10px;padding-left:20px;} #UserMenu p a {text-decoration:none;} #UserMenu p a:hover {text-decoration:underline;} #UserMenu ul.L {clear:both; margin:20px 0 0 0; padding:0;} #UserMenu ul.L li {list-style:none; margin:2px 0; padding:0 0 0 0px;} #UserMenu ul.L li a {font-weight:bold; font-size:12px;} #UserMenu ul.L li a#MyComments b, #UserMenu ul.L li a#MyMail b {color:#c60; text-decoration:none;} .bipform { font-family: Arial, "MS Sans Serif", sans-serif; font-size: 11px; background-color: #FFFFFF; border: 1px #999999 solid} .bipfont { font-family: Arial, "MS Sans Serif", sans-serif; font-size: 12px; line-height: 12px} .biptop { font-family: Arial, "MS Sans Serif", sans-serif; font-size: 12px; color: #FFFFFF} a.bip:link { color: #cc0000; text-decoration: underline;} a.bip:visited { color: #cc0000; text-decoration: underline} a.bip:active { color: #cc0000; text-decoration: underline} a.bip:hover { color: #000000; text-decoration: underlines} .submit {background: url(http://www.bibika.ru/images/submit.gif) no-repeat top right;border:0px solid #000000; cursor: hand} .short-news-list { list-style: none; padding: 53px 0 0 0; margin: 0; } .short-news-list.cont { padding: 10px 0 0 0; } .short-news-list.cont li { padding: 10px; } .short-news-list li { padding: 0 0 10px 0; } .short-news-list li.odd { margin: 10px 0; background: #faefe5; } .short-news-list li.b-t { padding: 2px 0 20px 0; font-size: 14px; font-weight: bold; border-top: 1px solid #cc6600; } .short-news-list li.b-t a { text-decoration: none; } .short-news-list li h1 { font-size: 14px; } .short-news-list li.main-news { background: #f3f3f3 } .short-news-list li img { float: left; margin: 0 10px 2px 0; border: solid 1px #000000; } .short-news-list li img.pic { position: relative; top: 3px; border: 1px none; display:inline; float: none; } .mt-82 { margin-top: 82px }