Добрый день. Проблема слудующего характера. На сайте 3 колонки. В левой колонке стоит всплывающее вертикальное меню. При наведение подменю, которые всплывают не отображаются под средней колонкой. Как устранить. выложу файлы главной и ксс - вот они Добрый день. Проблема слудующего характера. На сайте 3 колонки. В левой колонке стоит всплывающее вертикальное меню. При наведение подменю, которые всплывают не отображаются под средней колонкой. Как устранить. выложу файлы главной и ксс - вот они main <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> {headers} <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <link rel="shortcut icon" href="{THEME}/images/favicon.ico" /> <link media="screen" href="{THEME}/style/styles.css" type="text/css" rel="stylesheet" /> <link media="screen" href="{THEME}/style/engine.css" type="text/css" rel="stylesheet" /> <script language="JavaScript" type="Text/Javascript"> <!-- function addBookmark(title,url) { if (window.sidebar) { window.sidebar.addPanel(title, url,""); } else if( document.all ) { window.external.AddFavorite( url, title); } else if( window.opera && window.print ) { return true; } } //--> </script> <!--[if gte IE 5.5]> <script language="JavaScript" src="nav-h.js" type="text/JavaScript"></script> <![endif]--> </head> <body> {AJAX} <div class="pagebg"> <div class="wrapper"> <div class="header"> <h1><a class="thide" href="/" title="SkyBack.ru - Обратная сторона неба">SkyBack.ru - Обратная сторона неба</a></h1> {login} </div> <div class="topmenu"><div><div> <ul class="lcolomn reset"> <li [aviable=main]class="active"[/aviable]><a href="/"><b>Головна</b></a></li> <li [category=2]class="active"[/category]><a href="/news"><b>Новини</b></a></li> <li [aviable=feedback]class="active"[/aviable]><a href="/index.php?do=feedback"><b>Контакти</b></a></li> </ul> <form action="" name="seatchform" method="post"> <input type="hidden" name="do" value="search" /> <input type="hidden" name="subaction" value="search" /> <ul class="rcolomn reset"> <li class="sh-text"><input name="story" value="Пошук" onblur="if(this.value=='') this.value='Пошук';" onfocus="if(this.value=='Найду все что хочешь') this.value='';" type="text" /></li> <li class="sh-btn"><input title="Найти" alt="Найти" type="image" src="{THEME}/images/spacer.gif" /></li> </ul> </form> </div></div></div> <div class="vsep"><div class="vsep"><div class="vsep"><div class="vsep"> <div class="rcolomn midside"> <div class="container"> <div class="lcolomn mainside"> <div class="brcont"> {info} {content} </div> </div> <div class="rcolomn rightside"> {vote} <div class="block"> <h3>Реклама</h3> <img src="{THEME}/images/banner_190x300.jpg" alt="" /> </div> <div class="block btags"> <h3>Теги</h3> {tags} </div> <img src="{THEME}/images/rightboxfoot.jpg" alt="" /> </div> </div> </div> <div class="lcolomn leftside"> <div class="leftvnavi"><div> <!-- Start PureCSSMenu.com MENU --> <ul class="pureCssMenu pureCssMenum"> <li class="pureCssMenui"><a class="pureCssMenui" href="/">Головна сторінка</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Про Краснопільский район</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="pureCssMenum"> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Загальна інформація</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Символіка Краснопільского району<![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Адміністративно-територіальний устрій<![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Про районну раду</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="pureCssMenum"> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Керівництво</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Депутати</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Президія</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Депутатські фракції</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Депутатські групи</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Постійні комісії</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Регламент роботи</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Виконавчий апарат</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Актуальні новини</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Сільські та селищні ради</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="pureCssMenum"> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Краснопільска селищна рада</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Угроїдська селищна рада</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Бранцівська сільська рада</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Великобобрицька сільська рада</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Грабовська сільська рада</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Запсільська сільська рада</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Малорибицька сільська рада</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Мезенівська сільська рада</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Миропільська сільська рада</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Осоївська сільська рада</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Покровська сільська рада</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Ряснянська сільська рада</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Самотоївська сільська рада</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Сіннівська сільська рада</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Славгородська сільська рада</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Тур'янська сільська рада</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Хмелівська сільська рада</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Чернеччинська сільська рада</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Плани заходів</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Вітання</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Документи районної ради</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="pureCssMenum"> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Програми</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Регуляторна діяльність</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Звернення громадян</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Доступ до публічної інформації</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#">Контактні дані</a></li> </ul> <!-- End PureCSSMenu.com MENU --> </div></div> <div class="lbox"><div class="lbox"> <div class="block btopnews"> <h3>Популярне</h3> <ul class="reset"> <ul>{topnews}</ul> </ul> </div> </div></div> <div class="lboxfoot"> <div class="block bfriends"> <h3>Сайти друзів</h3> <ul class="reset"> <li><a href="http://myhyundai.info" target="_blank">Hyundai Solaris</a></li> <li><a href="http://wordlautonews.info" target="_blank">Kia Rio 2012</a></li> </ul> </div> </div> </div> <div class="clr"></div> </div></div></div> <div class="footer"><div><div> <ul class="reset"> <li class="lcolomn"> <b>© <a href="http://hause-sale.info">Краснопільська районна рада</a> 2011 </b><br /> </li> <li class="rcolomn"> <ul> <!— Счетчики —> <li><a href="#"><img src="{THEME}/images/count.png" /></a></li> <li><a href="#"><img src="{THEME}/images/count.png" /></a></li> <li><a href="#"><img src="{THEME}/images/count.png" /></a></li> </ul> </li> </ul> </div></div></div> </div> </div> <br /> </div> </body> </html> css /* Author: Rumin Sergey | Copyright: CENTROARTS.com | e-mail: sale@centroarts.com | URL: http://www.centroarts.com License: Шаблон разработан студией CENTROARTS, по индивидуальному заказу сайта http://skyback.ru Запрещено распространение файлов данного шаблона в любом виде, как на коммерческой так и на некоммерческой основе. Все права принадлежат автору. */ /* Общие настройки страницы */ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; } body { text-align: center; font: 13px/18px "Trebuchet MS", Arial, Verdana, sans-serif; background-color: #dfeaef; } h1, h2, h3, h4, h5 { line-height: normal; } h1 { font-size: 1.8em; } h2 { font-size: 1.7em; } h3 { font-size: 1.35em; } h4 { font-size: 1.2em; } h5 { font-size: 1.1em; } /* настройка ссылок */ a { color: #3d97c0; text-decoration: none; } a:hover { color: #990033; } a img { border: 0 none; } /* прочие стили */ input, textarea, select { font: 13px/18px "Trebuchet MS", Arial, Verdana, sans-serif; } input, textarea, select, a { outline: none; } p { margin-bottom: 0.4em; } .clr { clear: both; } hr { border: 0 none; border-top: 1px solid #cfcfcf; height: 1px; } ul { padding-left: 16px; list-style-position:outside; list-style-image:none; } ol { list-style-image: none; list-style-position: outside; list-style-type: decimal; margin-left: 2.2em; } /* сброс настроек таблиц и списков */ table { border-collapse: collapse; border-spacing: 0; } .reset, .reset li { list-style: none; padding: 0; margin: 0; } .pagebg { overflow: hidden; background: url("../images/pagebg.png") repeat-x; } .wrapper { min-width: 990px; max-width: 1440px; width: 92%; text-align: left; margin: 0 auto; } .wwide { min-width: 996px; width: 100%; } .header h1, .lcolomn, .rcolomn { display: inline; } .lcolomn { float: left; } .rcolomn, .arg { float: right; } .thide { overflow: hidden; display: block; height: 0; } .navi li a, .enterbtn { text-decoration: none !important; } /*header*/ .header { padding-right: 15px; height: 90px; overflow: hidden; } .header h1 a { float: left; width: 232px; padding-top: 90px; background: url("../images/skyback_ru.png") no-repeat; } /*Авторизация*/ .loginblock, .loginlinks { display: inline; } .loginbox { margin: 33px 0 0 10px; float: right; width: 293px; height: 25px; background: #3e96be url("../images/loginform.png") no-repeat; position: relative; } .loginbox li input { border: 0 none; background: none; font-size: 0.9em; } .loginbox li { float: left; height: 25px; } .flogin { width: 124px; } .fpass { width: 109px; } .loginbox li span { font-size: 0.9em; color: #9db5bf; padding-left: 5px; float: left; position: absolute; top: -20px; } .flogin input, .fpass input { color: #fff; margin: 4px 0 0 5px; width: 115px; height: 15px; } .fpass input { width: 100px; } .fbtn, .lbtn { width: 60px; height: 25px; } .loginbox li .lbtn { cursor: pointer; padding-bottom: 3px; background: #fff url("../images/loginform.png") no-repeat 0 -25px; font-size: 1em; color: #3e96be; } .loginbox li .lbtn:hover { background-position: -60px -25px; } .loginlinks { float: right; margin-top: 33px; line-height: 24px; } .loginlinks li { float: left; margin-left: 10px; } .loginenter { float: right; text-align: right; } .loginenter h3 { font-size: 1.1em; color: #4c5a68; margin-top: 24px; } .loginenter ul li { float: left; margin-left: 12px; } /*горизонтальное меню*/ .topmenu { margin-bottom: 33px; } .topmenu, .topmenu div { height: 59px; background: #3890b9 url("../images/topmenu.png") repeat-x 0 -118px; } .topmenu div { background: url("../images/topmenu.png") no-repeat; padding: 0 0 0 2px; } .topmenu div div { overflow: hidden; background-position: 100% -59px; padding: 0 15px 0 0; } .topmenu .lcolomn li, .topmenu .lcolomn li a, .topmenu .lcolomn li a b { cursor: pointer; float: left; height: 42px; background: url("../images/topmenulink.png") no-repeat -999px 0; } .topmenu .lcolomn li a { padding: 0 0 0 17px; color: #c5e3f0; font-size: 1.1em; line-height: 48px; } .topmenu .lcolomn li a b { padding-right: 17px; } .topmenu .lcolomn li a:hover { color: #fff; } .topmenu .lcolomn li.active a { color: #368db5; background-position: 0 0; } .topmenu .lcolomn li.active a b { background-color: #fff; background-position: 100% -42px; } /*searchform*/ .topmenu .rcolomn { width: 199px; height: 23px; margin-top: 14px; background: #114965 url("../images/search.png") no-repeat; } .topmenu .rcolomn li { float: left; height: 23px; } .topmenu .rcolomn li input { font-size: 0.9em; color: #fff; border: 0 none; background: none; } .sh-text { width: 166px; overflow: hidden; } .topmenu .rcolomn .sh-text input { width: 155px; margin: 2px 3px 0 8px; display: block; } .topmenu .rcolomn .sh-btn input { width: 33px; height: 23px; background: #fff url("../images/search.png") no-repeat -166px 0; } .topmenu .rcolomn .sh-btn input:hover { background-position: -199px 0; } .searchform .sinput { float: left; width: 140px; } .searchform .submit { padding: 2px 0 3px 0; cursor: pointer; background: #26323a url("../images/search.png") no-repeat 100% 0; color: #fff; position: absolute; right: 0; top: 0; width: 58px; height: 23px; } .searchform .submit:hover { background-position: 100% -23px; } /*структура блоков и контента*/ .vsep { padding-left: 200px; } .vsep .vsep { padding: 0; width: 100%; background: #fff url("../images/vsepmid.png") repeat-y 100% 0; } .vsep .vsep .vsep { background: url("../images/vsepbtm.png") no-repeat 100% 100%; } .vsep .vsep .vsep .vsep { background: url("../images/vseptop.png") no-repeat 100% 0; } .container, .midside, .rightside, .mainside, .leftside { overflow: hidden; } .container { padding: 0 225px 0 0;} .leftside { width: 200px; margin: 0 0 0 -200px; } .rightside { padding-top: 5px; width: 225px; margin: 0 -225px 0 0; } .midside, .mainside { width: 100%; } .mainside { padding-top: 15px; background: url("../images/radmside.png") no-repeat; } .brcont { border: 1px solid #dee4e8; margin: 0 15px; overflow: hidden; } /*скругление обьектов не для IE*/ .brcont, .fbutton, .imagestory, .berrors, .navigation span, .infoblock, .btn_reglog { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /* нижняя часть сайта */ .footer, .footer div { height: 90px; background: url("../images/footer.png") no-repeat; } .footer { color: #fff; font-size: 0.9em; background: #489fc6 url("../images/footer.png") repeat-x 0 -90px; } .footer div div { overflow: hidden; background-position: 100% -180px; padding: 0 15px 0 188px; } .footer ul.reset { margin-top: 31px; } .footer .lcolomn a { color: #fff; } .footer .lcolomn span, .footer .lcolomn span a { color: #c1ebfd; } .footer .rcolomn ul { display: inline; padding: 0; list-style: none; } .footer .rcolomn ul li { float: left; width: 88px; margin: 2px 0 0 8px; } /*Прозрачность счетчиков*/ .footer .rcolomn ul li { opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40); } .footer .rcolomn ul li:hover { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); } /*leftvnavi - вертикальная навигация слева*/ .leftvnavi { padding-top: 15px; width: 200px; background: #489fc6 url("../images/leftvnavi.png") no-repeat; } .leftvnavi div { padding-bottom: 102px; overflow: hidden; background: url("../images/leftvnavi.png") no-repeat 100% 100%; } .leftvnavi ul { font-size: 1.1em; margin: -2px 10px 0 10px; } .leftvnavi ul a { display: block; width: 100%; padding: 7px 0 6px 0; color: #d0e1e8; background: url("../images/leftvnaviline.png") no-repeat; } .leftvnavi ul a b { padding-left: 25px; background: url("../images/leftvnaviarrow.png") no-repeat 11px 50%; } .leftvnavi ul a:hover { color: #fff; } #pcm{display:none;} ul.pureCssMenu ul{display:none} ul.pureCssMenu li:hover>ul{display:block} ul.pureCssMenu ul{position: absolute;left:98%;top:-1px;} ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;} ul.pureCssMenu,ul.pureCssMenu ul { margin:0px; list-style:none; padding:0px 1px 1px 0px; background-color:#64accd; background-repeat:repeat; border-color:; border-width:0px; border-style:solid; } ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu { display:block; zoom:1; _width:243.60000000000002px; float: left; } ul.pureCssMenu ul{ width:298.2px; } ul.pureCssMenu li{ display:block; margin:1px 0px 0px 1px; font-size:0px; } ul.pureCssMenu a:active, ul.pureCssMenu a:focus { outline-style:none; } ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover { display:block; vertical-align:middle; zoom:1; background-color:#64accd; border-width:0px; border-color:#E4E1DE; border-style:solid; text-align:left; text-decoration:none; padding:4px; _padding-left:0; font: 12px Tahoma; color: #fff; text-decoration:none; cursor:default; } ul.pureCssMenu span{ overflow:hidden; } ul.pureCssMenu ul li { float:none; } ul.pureCssMenu ul a { text-align:left; white-space:nowrap; } ul.pureCssMenu li.sep{ text-align:left; padding:0px; line-height:0; } ul.pureCssMenu li.sep span{ float:none; padding-right:0; width:100%; height:3; display:inline-block; background-color:; background-image:none; } ul.pureCssMenu li:hover{ position:relative; } ul.pureCssMenu li:hover>a{ background-color:#64accd; border-color:#FFFFFF; border-style:solid; font: 12px Tahoma; color: #990033; text-decoration:none; } ul.pureCssMenu li a:hover{ position:relative; background-color:#64accd; border-color:#FFFFFF; border-style:solid; font: 12px Tahoma; color: #990033; text-decoration:none; } ul.pureCssMenu li.dis a { color: #AAAAAA !important; } ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:4px;width:24px; height:24px; } ul.pureCssMenu ul img {width:16px; height:16px; } ul.pureCssMenu img.over{display:none} ul.pureCssMenu li.dis a:hover img.over{display:none !important} ul.pureCssMenu li.dis a:hover img.def {display:inline !important} ul.pureCssMenu li:hover > a img.def {display:none} ul.pureCssMenu li:hover > a img.over {display:inline} ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over{display:inline} ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def{display:none} ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul{display:block} ul.pureCssMenu a:hover ul ul{display:none} ul.pureCssMenu span{ display:block; background-image:url(../images/arrow_sub5.gif); background-position:right center; background-repeat: no-repeat; padding-right:12px;} ul.pureCssMenu li:hover>a>span{ background-image:url(../images/arrow_main4.gif); } ul.pureCssMenu a:hover span{ _background-image:url(../images/arrow_main4.gif)} ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(../images/arrow_sub5.gif)} ul.pureCssMenu ul li:hover > a span{ background-image:url(../images/arrow_main4.gif);} ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span{background-image:url(../images/arrow_main4.gif)} ul.pureCssMenu table a:hover table span{background-image:url(../images/arrow_sub5.gif)} /* группа блоков слева */ .lbox { padding: 20px 0 0 0; width: 200px; background: #f2f6f8 url("../images/lbox.png") no-repeat; } .lbox .lbox { padding: 0 0 114px 0; background: url("../images/lbox.png") no-repeat 100% 100%; } .lboxfoot { min-height: 43px; background: url("../images/lbox_foot.png") no-repeat 100% 0; } /* Оформление блоков слева*/ .addbutton { margin-bottom: 1.6em; width: 180px; height: 39px; display: block; background: url("../images/btnadd.png") no-repeat; padding: 19px 10px 7px 10px; } .addbutton a, .createbtn a { letter-spacing: -0.04em; text-align: center; font-size: 1.4em; color: #fff; width: 180px; height: 39px; line-height: 37px; display: block; background: #3487b9 url("../images/btnadd.png") no-repeat -10px -19px; } .addbutton a:hover { background-position: -10px -84px; } .leftside .block { font-size: 0.9em; margin: 0 15px 2.2em 15px; width: 170px; } .leftside .block h3 { color: #2d7fb5; line-height: normal; margin-bottom: 0.3em; } /*настройка кнопок*/ .fbutton, .btn_reglog, .vresult { border: 0 none; background: none; cursor: pointer; font-weight: bold; } .btn_reglog { background: #f2f2f2 url("../images/bbcodes.png") repeat-x; border: 1px solid #c5c5c5; color: #7d7d7d; width: 108px; height: 21px; padding-bottom: 3px; font-weight: bold; cursor: pointer; } .btn_reglog:hover { background: #fff none; } .vresult { padding: 4px 0; color: #3c97c0; cursor: pointer; font-size: 0.9em; } .fbutton { border: 1px solid #0f5e83; height: 30px; color: #fff; font-size: 1.1em; padding: 2px 15px 4px 15px; cursor: pointer; background: #3c97c0 url("../images/fbutton.png") repeat-x; font-weight: bold; } .fbutton:hover { background-position: 0 -30px; } .fbutton { -moz-box-shadow: 0 1px 4px -2px black; -webkit-box-shadow: 0 1px 4px -2px black; box-shadow: 0 1px 4px -2px black; } /*bvote*/ .bvote p { color: #5394b5; margin-bottom: 0.6em; } .bvote .vote { padding: 2px 0; } /*вертикальные менюшки*/ .bfriends ul li, .bstat ul li, .btopnews ul li { padding: 3px 0; border-bottom: 1px solid #b8cce1; } .bfriends ul li a, .bstat ul li a, .btopnews ul li a { color: #071319; } .bfriends ul li a:hover, .bstat ul li a:hover, .btopnews ul li a:hover { color: #3486b9 } .bstat ul li, .bfriends ul li { padding-bottom: 4px; border: 0 none; background: url("../images/dotted.png") repeat-x 0 100%; } .bfriends ul li a { padding-left: 11px; background: url("../images/bfriends.png") no-repeat 2px 50%; } /* правые блоки */ .createbtn { display: block; margin: 0 13px 0 13px; width: 200px; height: 42px; padding: 9px 0 8px 0; background: url("../images/createbtn.png") no-repeat; } .createbtn a { width: 200px; height: 42px; line-height: 40px; background: url("../images/createbtn.png") no-repeat 0 -9px; } .createbtn a:hover { background-position: 0 -59px; } .rightside .block { font-size: 0.9em; margin: 0 18px 2.4em 17px; width: 190px; } .rightside .block h3 { color: #2d7fb5; width: 190px; margin: 0 -18px 0 -17px; padding: 0 18px 24px 17px; background: url("../images/rheadblock.jpg") no-repeat -1px 100%; } .btags { font-size: 1em; } /*настройка контента*/ /* центральные баннеры */ .footadblock, .topadblock { margin: 0 10px 0 10px; padding: 11px 0 8px 0; text-align: center; background: url("../images/bannerline.png") no-repeat; } .footadblock .dcont, .topadblock .dcont { width: 468px; height: 60px; overflow: hidden; margin: 0 auto; text-align: left; } .topadblock { padding: 8px 0 11px 0; background-position: 0 100%; margin-bottom: 2px; } /*speedbar*/ .speedbar { font-size: 0.9em; margin: 0 14px 1.6em 14px; } .speedbar div { background: url("../images/speedabr.png") no-repeat 0 1px; padding-left: 20px; } /*статьи*/ .base, .basecont { margin: 0 14px; overflow: hidden; } .basecont { margin-bottom: 1.6em; } .hsep { height: 30px; border-top: 1px solid #dee4e8; background: url("../images/hsep.png") repeat-x; } .shd { font-size: 0.8em; } .shd h1 a { color: #252a2e; } .shd h1 a:hover { color: #378fb7; } .shd h1 { margin-bottom: 0.4em; } /*иконки модератора*/ .isicons { float: right; text-align: right; margin-left: 8px; } .isicons ul { display: inline; } .isicons li { float: left; margin-left: 6px; } .isicons li img { vertical-align: middle; } .shdinfo, .shdin { height: 28px; background: url("../images/shdinfo.png") no-repeat; } .shdinfo { margin-bottom: 8px; padding-left: 8px; line-height: 27px; font-size: 0.9em; } .shdinfo .shdin { padding-right: 8px; background-position: 100% 100%; } .shdinfo .arg { color: #939393; } .shdinfo .date { float: left; } .shdinfo .date img { vertical-align: middle; margin-right: 4px; } /* изображение новости */ .imagestory { overflow: hidden; float: left; width: 150px; height: 100px; margin: 3px 10px 5px 0; } .imagestory img { width: 150px; } .morelink, .morelink .morein { height: 26px; background: url("../images/morelink.png") no-repeat; } .morelink { margin-bottom: 18px; background-color: #f3f6f8; color: #4a4a4a; font-size: 0.9em; line-height: 25px; } .morelink .morein { overflow: hidden; background-position: 100% -26px; } .maincont { margin-bottom: 1em; overflow: hidden; } .ratebox { padding: 5px 7px 0 7px; float: left; position: relative; width: 85px; height: 17px; overflow: hidden; margin-right: 10px; } /* Кнопка читать далее и назад */ .argmore a b, .argmore a, .argback a b, .argback a { float: right; height: 26px; background: url("../images/argmore.png") no-repeat; } .argback a b, .argback a { background: url("../images/argback.png") no-repeat; } .argmore a b, .argback a b { float: left; padding: 0 12px 0 18px; background-position: 100% -26px; } .argmore a, .argback a { margin-left: 5px; color: #fff; background-color: #3998c1; } .argmore a:hover, .argback a:hover { background-position: 0 -52px; background-color: #39a0c8; } .argmore a:hover b, .argback a:hover b { background-position: 100% -78px; } .argback a { background-color: #990033; } .argback a:hover { background-color: #8bb46f; } .basetags, .storenumber, .related, .berrors, .mass_comments_action { margin-bottom: 1em; font-size: 0.9em; } .related { font-size: 0.9em; background: url("../images/hsep.png") repeat-x; border-top: 1px solid #dee4e8; padding: 0 15px; } .related h3 { margin: 0 0 6px; 0; text-align: center; position: relative; top: -1px; font-size: 1em; color: #505050; width: 110px; height: 25px; background: url("../images/relatedhead.png"); } .related ul { margin: 0 0 14px; 0; } .related li { margin-bottom: 0.1em; padding-left: 22px; background: url("../images/relatearrow.png") no-repeat 0 6px; } /*errors*/ .berrors { font-size: 0.9em; line-height: normal; font-style: italic; padding: 6px 10px; background-color: #fcf7ee; line-height: normal; } /* большие заголовки */ .heading { font-weight: normal; font-size: 1.6em; color: #2879b2; margin-bottom: 0.5em; } /*Комментарии*/ .bcomment .dtop { font-size: 0.9em; padding-left: 36px; height: 46px; margin-bottom: 0.8em; overflow: hidden; } .bcomment .dtop .lcolomn { margin-left: -36px; width: 36px; height: 36px; overflow: hidden; padding-top: 8px; border-top: 2px solid #4196c1; } .bcomment .dtop .lcolomn img { width: 36px; } .bcomment .dtop .rcolomn { width: 100%; padding-top: 6px; border-top: 2px solid #bccad1; } .comedit { display: none; } .bcomment:hover .comedit { display: inline; } .comedit ul { float: right; } .comedit ul li { float: left; margin-left: 6px; } .cominfo { float: left; padding-left: 10px; } .cominfo p { color: #7f98a4; } .signature { color: #93918d; } .commtitle { font-size: 1em; margin-bottom: 0.4em; } /*pages*/ .bcheading { line-height: normal; font-weight: normal; color: #4c5a68; margin: 0 0 0.8em 0; } /*forms*/ .tableform { width: 100%; } .tableform td { padding: 8px 0; line-height: 1.35em; } .tableform td.label { width: 22%; vertical-align: top; text-align: right; padding-right: 8px; font-weight: bold; } .tableform tr { background: url("../images/dotted.png") repeat-x; } .tableform tr.flast td { padding-bottom: 0; } .tableform .nostylebb tr { background: none; } .tableform .nostylebb tr td { padding: 0; } .addnews { font-weight: bold; } .impot { color: #e5372f; font-weight: normal; } .f_input { width: 300px; } .f_textarea { width: 458px; height: 156px; } /*search*/ .searchstyle { width: 480px; } .search { font-size: 11px; } .searchtable table { border-collapse: separate; border-spacing: 0; border: 0; } .searchtable fieldset { } .searchtable fieldset legend { color: #404040; } #searchuser, #searchinput { width: 90% !important; } /*pools*/ .infoblock { margin: 0 14px 1.8em 14px; background-color: #f4f7f8; padding: 10px; } .pollvotelist { width: 70%; text-align: left; } .pollvotelist input { margin-right: 5px; } /*statistics*/ .statistics { margin: 0 auto; } .statinn { text-align: left; } .statistics ul { margin-bottom: 15px; } .statistics ul li { position: relative; background: url("../images/dotted.png") repeat-x 0 100%; padding: 4px 0; } .statistics ul li b { position: absolute; right: 0; } /*userinfo*/ .usercolomn { overflow: hidden; padding: 0 0 0 115px; margin-bottom: 9px; } .usercolomn .lcolomn { width: 115px; margin: 0 0 0 -115px; } .usercolomn .rcolomn { width: 100%; } .usercolomn .lcolomn img { width: 100px; } .userinfo h2 { font-size: 18px; color: #828282; font-weight: normal; } .userinfo .uirow, .userinfo .uirow2 { padding: 10px 0; } .userinfo .uirow { font-size: 0.9em; padding-top: 0; } .userinfo .uirow2 { font-size: 0.9em; background: url("../images/dotted.png") repeat-x 0 0; } .userinfo .colomn { float: left; } .boxlinks { font-size: 0.9em; padding: 10px; border: 1px solid #f5f5f5; background-color: #fefefe; margin-bottom: 3px; } /*постраничная навигация*/ .basenavi { margin: 0 14px; margin-bottom: 0.6em; } .basenavi br { font-size: 6px; line-height: 6px; } .navigation { display: block; font-size: 1.4em; line-height: normal; margin-bottom: 0.1em; } .navigation a { color: #111; } .navigation a:hover { color: #2d7fb5; } .navigation a, .navigation span { float: left; padding: 3px 9px; } .navigation span { color: #fff; background-color: #2d7fb5; }
