xNTLx 0 Опубликовано: 8 января 2014 Рассказать Опубликовано: 8 января 2014 (изменено) Добрый день обитатели dle-news Нужна ваша помощь на сайт онлайн кинотеатра хочу сделать выпадающее меню сейчас выглядит оно так http://s3.hostingkar...fdd3db24fde.png а хотелось бы чтоб выглядело так http://s5.hostingkar...28f7e23eb88.png с сайта http://ghostanime.com/ вот содержимое main.tpl <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> {headers} <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" /> <!--noindex--> <script type="text/javascript" src="{THEME}/js/jquery.jmpopups-0.5.1.js"></script> <script type="text/javascript"> //<![CDATA[ $.setupJMPopups({ screenLockerBackground: "#000", screenLockerOpacity: "0.7" }); function openStaticPopup() { $.openPopupLayer({ name: "loginPopup", width: 303, target: "loginform" }); } //]]> </script> <!--/noindex--> </head> <body> <div id="loading-layer" style="display:none;font-family: Verdana;font-size: 11px;background:transparent;padding:0px;text-align:center;"><img src="/engine/ajax/loading.gif" border="0" alt="" /></div> <div id="busy_layer" style="visibility: hidden; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: gray; opacity: 0.1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)'; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10); "></div> {AJAX} <div id="wrapper"> <div id="header"> <div id="header_h"> <div id="header_logo"><a href="/"><img src="{THEME}/images/spacer.gif" alt="" /></a></div> <div id="header_banner"> <!--noindex--> <style> #header_banner div{ margin:0!important; padding-top:1.4px!important; padding-left:2px!important; } </style> <div> {banner_header} </div> <!--/noindex--> </div> </div><!-- /header_h --> <div id="header_c"> <h1 class="header1">Смотреть аниме онлайн, огромная коллекция аниме по жанрам!</h1> </div> <div id="header_b"> <div class="header_search"> <form action="" name="searchform" method="post"> <input type="hidden" name="do" value="search" /> <input type="hidden" name="subaction" value="search" /> <input class="sfield" id="story" name="story" value="Введите текст для поиска..." onblur="if(this.value=='') this.value='Введите текст для поиска...';" onfocus="if(this.value=='Введите текст для поиска...') this.value='';" type="text" maxlength="60" /> <input class="sbtn" value="Поиск" alt="Поиск" type="image" src="{THEME}/images/spacer.gif" /> </form> </div> <div class="header_rss"><a href="/index.php?do=stats"><img src="{THEME}/images/spacer.gif" alt="" /></a></div> <div class="menu_link"> <ul class="reset"> <li><div class="h_link"><a href="/"><span>Главная</span></a></div></li> <li><div class="h_link"><a href="/"><span>Форум</span></a></div></li> <li><div class="h_link"><a href="/"><span>Фильмы</span></a></div></li> <li><div class="h_link"><a href="/"><span>Мульты</span></a></div></li> <li><div class="h_link"><a href="/"><span>Аниме</span></a></div></li> <li><div class="h_link"><a href="/"><span>Стол заказов</span></a></div></li> </ul> </div> </div><!-- /header_b --> </div><!-- /header --> <div id="content"> <div id="cont_bar"> <div class="speedbar">[not-aviable=main]{speedbar}[/not-aviable]</div> <!--Логин --> {login} <!--Логин --> </div><!-- /cont_bar --> <div id="cont"> <div class="cont"><div class="cont_bg"> <div id="side_left"> <!--mass_c--><div id='dle-content'> {info} {content} </div><!--/mass_c--> </div> <div id="side_right"> <!-- block_id1 --> <div class="block_id1"> <div class="block_id1_h"><div>АНИМЕ КАЛЕНДАРЬ</div></div> <div class="block_id1_c"><div class="block_id1_c"><div class="block_id1_c"> <div class="block_id1_c2"> {calendar} </div> </div></div></div> </div> <!-- /block_id1 --> <!-- block_id1 --> <div class="block_id1"> <div class="block_id1_h"><div></div></div> <div class="block_id1_c"><div class="block_id1_c"><div class="block_id1_c"> <div class="block_id1_c2"> <ul class="reset"> </div> </div></div></div> </div> <!-- /block_id1 --> <div class="block_id1"> <div class="block_id1_h"><div>Наша кнопка</div></div> <div class="block_id1_c"><div class="block_id1_c"><div class="block_id1_c"> <div class="block_id1_c2"> <ul class="reset"> {topnews} </ul> </div> </div></div></div> </div> <!--noindex--> <!-- block_id4 --> <div class="block_id4"> <div class="block_id4_h"><div>Реклама</div></div> <div class="block_id4_c"><div class="block_id4_c"><div class="block_id4_c"> <div class="block_id4_c2"> <div class="online_block"> {пустой блок} </div> </div> </div></div></div> </div> <!-- /block_id4 --> <!--/noindex--> </div> </div></div> </div><!-- /cont --> </div><!-- /content --> <div id="footer"> <div id="footer_logo"><a href="/"><img src="{THEME}/images/spacer.gif" alt="" /></a></div> <div id="footer_text"> <div id="footer_text_h"> <div class="footer_copy" style="color:#fff;">Copyright (c) 2009-2012 <a href="/">AnimeWay</a>. Все права защищены. </div> <div class="footer_counter"> <ul class="reset"> <li>счетчик</li> </ul> </div> </div> <div id="footer_text_b"> <div class="footer_message" style="color:#fff;">При использовании материалов ссылка на источник обязательна. <br />Copyright <a href="http://www.dle9.com" target="_blank">DLE</a> © 2013. All Rights Reserved.</div> </div> </div> </div><!-- /footer --> </div><!-- /wrapper --> </body> </html> styles.css /*--- Design by: DCOReARTS.com -------------------------------- Author: Tamerlan -------------------------------- Code: Misterio -------------------------------- Web-site: http://dcorearts.com/ -------------------------------- Date: 31 December 2011 ---*/ body {margin:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#050505 url('../images/bg.png') no-repeat center top;} /*---forms---*/ input[type="image"]:hover {opacity:0.8;} ul, form {display:block; padding:0; margin:0; list-style:none;} input[type="submit"], input[type="button"] {cursor:pointer;} /*---h1,h2,h3,h4,h5,h6----*/ h1,h2,h3,h4,h5,h6 {display:block; margin:0 0 10px 0; padding:0; color:#403f3f;} .story_h h1 {font-size:12px; color:#fff;text-decoration: none} .story_h h2 {font-size:11px; color:#fff;text-decoration: none} .story_h h3 {font-size:11px; color:#fff;text-decoration: none} .anime_block_h_l h2 {font-size:11px; color:#fff;text-decoration: none} .anime_block2_h_l h2 {font-size:11px; color:#fff;text-decoration: none} .story_ras h3 {font-size:11px; color:#fff;text-decoration: none} /*---clear styles---*/ .reset, .reset li { list-style: none; padding: 0; margin: 0; } .clr { clear: both; } .lcol, .rcol, form { display: inline; } .lcol { float: left; } .rcol { float: right; } .small { font-size: 0.9em; } /*---a-links---*/ a, img, input {outline:none;border:none;} a img {border:0;} a:link, a:active, a:visited {text-decoration:underline; color:#403f3f;} a:hover {text-decoration:underline; } #wrapper { margin:0 auto; width:1022px;} /*---Header---*/ #header {height:347px;} #header div div #logos {text-indent:-9999px; width:100%} #header_h {height:106px;} #header_logo {float:left; margin:0 0 0 -34px;} #header_logo a {display:block;} #header_logo img {width:443px; height:106px; background:url('../images/header_logo.png') no-repeat;} #header_banner {float:right; margin:10px 2px 0 0; height:80px; width:488px; background:url('../images/header_banner_bg.png') no-repeat;} #header_banner img {margin:10px 0 0 10px;} #header_c {height:188px; width:1023px; background: url('../images/header_c_bg.jpg') no-repeat; position: relative;} h1.header1{text-indent:-9999px; width:100%;font-size:0px;color:#fff;float:right; margin-right:50px;} #header_c .santa {height:128px; width:94px; background:url('../images/santa_head.png') no-repeat; position:absolute; margin:-12px 0 0 -33px;} #header_b {height:53px; width:1023px; background:url('../images/header_b_bg.png') no-repeat;position:absolute;} .header_rss {float:left;} .header_rss a {margin:13px 0 0 4px; display:block; width:41px; height:37px; background:url('../images/header_rss.png') no-repeat;} .header_rss a:hover {background-position:0 -37px;} .menu_link {margin:0 0 0 59px; overflow:hidden;} .menu_link ul {margin:6px 0 0 0; text-transform:uppercase; display:inline-block; position:relative; overflow:hidden; height:46px; width:670px; overflow:hidden;} .menu_link ul li, .menu_link ul a {float:left; cursor:pointer;} .menu_link ul li {padding:0 2px 0 0; background:url('../images/menu_sep.png') no-repeat right center; height:46px;} .menu_link ul li:first-child:hover .h_link {height:40px; background: url('../images/menu_light2.png') no-repeat center top;} .menu_link ul li:hover .h_link {height:40px; background: url('../images/menu_light2.png') no-repeat center top;} .menu_link ul .h_link a span, .menu_link ul .h_link a { float: left; height: 32px; background: url('../images/hm_links.png') no-repeat left 0; text-transform: uppercase; font-size:12px;} .menu_link ul .h_link a {margin:8px 0 0 19px; color:#fff; text-shadow: 0 0 1px #1d5481; line-height: 33px; padding: 0 17px 0 0; background-position: right -32px; diplay:block; height:32px; position:relative;} .menu_link ul .h_link a span { float: left; background-position: left 0; padding: 0 0 0 17px; margin:0 0 0 -19px;} .menu_link ul .h_link a:hover {background-position: right -32px; text-decoration:none;} .menu_link ul .h_link a:hover span {color:#fff; text-shadow: 0 0 1px #1d5481; background-position: left 0;} .header_search {float:right; position:relative; width:260px; overflow:hidden; height:25px; background:url('../images/search_bg.png') no-repeat; margin:16px 0 0 0;} .header_search form {float:left;} .header_search form input.sfield {width:200px; padding:0 0px; background:none; border:none; height:25px; display:block; float:left; color:#b8d9ff; text-shadow: 0 0 1px #000; line-height:0px; margin:0 4px 0 0;} .header_search form input.sbtn {height:25px; width:44px; background: url('../images/search_btn.png') no-repeat; cursor:pointer;} .header_search form input.sbtn:hover {background-position:0 -25px;} /*---Content---*/ #content {width:1023px; overflow:hidden; margin:12px 0 0 0;} #cont_bar {height:35px; padding:0 10px; background:url('../images/cont_bar_bg.png') no-repeat;} .speedbar {color:#deeffe; float:left; width:730px; overflow:hidden; padding:9px 0 0 27px; height:18px; line-height:18px;} .speedbar a {color:#deeffe;} /*---login---*/ .log_user {float:right; margin:9px 0 0 0;} .log_user ul {overflow:hidden;} .log_user ul li {float:left; margin:0 7px 0 0;} .log_user ul li .user_panel a img {display:block; float:left; width:69px; height:19px; background: url('../images/log_btn.png') no-repeat 0 0;} .log_user ul li .user_panel a img:hover {background-position: 0 -19px;} .log_user ul li .log_exit a img {display:block; width:69px; height:19px; background: url('../images/log_btn.png') no-repeat -69px 0;} .log_user ul li .log_exit a img:hover {background-position: -69px -19px;} .log_user ul li .log_panel a img {display:block; float:left; width:59px; height:19px; background: url('../images/reg_btn.png') no-repeat 0 0;} .log_user ul li .log_panel a img:hover {background-position: 0 -19px;} .log_user ul li .log_links a img {display:block; float:left; width:92px; height:19px; background: url('../images/reg_btn.png') no-repeat -59px 0;} .log_user ul li .log_links a img:hover {background-position: -59px -19px;} .window {display: none; width:303px; height:223px;} .window_bg {position:relative; background:url('../images/window_bg.png') no-repeat; width:303px; height:223px;} .closebtn {position:relative; top:-13px; left:-13px;} .closebtn a img{width:20px; height:20px; background:url('../images/close.png') no-repeat;} .closebtn a:hover img {background-position: 0 -20px;} .window_c {margin:50px 0 0 0;} .window_l {float:left; width:116px; position:absolute; height:160px; margin:-20px 0 0 0;} .window_ava {width:99px; height:100px; margin:0 auto;} .window_ava img {padding:0 0 0 0; width:99px; height:100px;} .window_exit {margin:5px auto 0 auto; width:69px;} .window_exit a {cursor:pointer; display:block; width:69px; height:19px; background:url('../images/window_exit.png') no-repeat;} .window_exit a:hover { background-position:0 -19px;} .window_r {margin:0 0 0 108px; width:186px;} .window_r ul {padding:0 0 0 5px; width:186px; overflow:hidden;} .window_r ul li:last-child {background:none;} .window_r ul li {overflow:hidden; background:url('../images/window_link.png') no-repeat center bottom; height:21px; width:186px; font-size:11px; line-height:19px; padding:0 0 0 1px; } .window_r ul li a {background:url('../images/window_li.png') no-repeat left 4px; overflow:hidden; height:25px; display:block; color:#fff; padding:0 0 0 10px;} .window_r ul li a:hover {background:url('../images/window_li_on.png') no-repeat left 4px; text-decoration:none; color:#ff8400; padding:0 0 0 10px;} .window_c2 {overflow:hidden; height:157px; width:281px; margin:32px auto 0 auto;} .reg_link {overflow:hidden; margin:0 0 5px 0;} .reg_link span {margin:0 0 3px 0; display:block; overflow:hidden;} .reg_link a.reg_1 {font-size:10px; color:#fff; cursor:pointer;} .reg_link a.reg_2 {color:#e1a004; font-style:italic; font-size:10px; cursor:pointer;} .window_c2 .login {margin:0 auto 10px auto; height:37px; width:281px; background:url('../images/window_input.png') no-repeat 0 0;} .window_c2 .password {margin:0 auto 10px auto; height:37px; width:281px; background:url('../images/window_input.png') no-repeat 0 -37px;} .window_c2 .login input {margin:4px 0 0 55px; background:none; border:none;padding:0 0px;width:214px; height:26px; color:#fff;} .window_c2 .password input {margin:4px 0 0 60px; background:none; border:none;padding:0 0px;width:210px; height:26px; color:#fff;} .window_login {margin:5px auto 0 auto; width:70px;} .window_login button {float:left; border:none; cursor:pointer; width:70px; height:24px; background:url('../images/window_login.png') no-repeat 0 0;} .window_login button:hover { background-position: 0 -24px;} /*---cont---*/ .cont_blocks2 {clear:both; background:url('../images/cont_blocks.png') repeat-x center center} .cont_blocks {clear:both; height:243px; background:url('../images/cont_blocks.png') repeat-x center center} .cont_blocks .cont_blocks {background:url('../images/cont_blocks.png') no-repeat left top;} .cont_blocks .cont_blocks .cont_blocks {background:url('../images/cont_blocks.png') no-repeat right bottom;} #cont_blocks {padding:0 9px; color:#000;} .cont_blocks_l {float:left; margin:11px 0 0 0;} .cont_blocks_r {float:right; margin:11px 0 0 0;} .cont_block {width:498px; height:223px; background:url('../images/cont_block.png') no-repeat; overflow:hidden;} .cont_block_h {height:34px; padding:0 4px; overflow:hidden;} .cont_block_h div {width:150px; height:25px; text-transform:uppercase; color:#153857; line-height:25px; overflow:hidden; padding:4px 5px 0 28px; text-shadow: 0 0 1px #e2e2e2;} .cont_block_c {height:189px; overflow:hidden; padding:5px 0; color:#fff;} .cont_block_c ul {} .cont_block_c ul li {clear:both; height:26px; background:url('../images/cont_block_li.png') repeat-x center bottom; padding:0 5px; line-height:26px;} .cont_block_c ul li:last-child {background:none;} .cont_block_c ul li .list_l {float:left; width:400px; height:20px; overflow:hidden;} .cont_block_c ul li .list_l a {color:#fff; background:url('../images/list.png') no-repeat left 3px; padding:0 0 0 12px;} .cont_block_c ul li .list_l a:hover {color:#ffb400; text-decoration:none; background:url('../images/list_on.png') no-repeat left 3px; padding:0 0 0 12px;} .cont_block_c ul li .list_r {float:right; max-width:80px; height:20px; overflow:hidden;} .cont_block_c ul li .list_r a {color:#fff;} .cont_block_c ul li .list_l2 {float:left; width:340px; height:20px; overflow:hidden;} .cont_block_c ul li .list_l2 a {color:#fff; background:url('../images/list.png') no-repeat left 3px; padding:0 0 0 12px;} .cont_block_c ul li .list_l2 a:hover {color:#ffb400; text-decoration:none; background:url('../images/list_on.png') no-repeat left 3px; padding:0 0 0 12px;} .cont_block_c ul li .list_r2 {float:right; max-width:120px; height:20px; overflow:hidden;} .cont_block_c ul li .list_r2 a {color:#fff;} #cont {width:1023px; overflow:hidden; clear:both; background:url('../images/cont_bg.png') repeat-y -1023px 0;} .cont {overflow:hidden; clear:both; background:url('../images/cont_bg.png') no-repeat top left;} .cont_bg {overflow:hidden; clear:both; background:url('../images/cont_bg.png') no-repeat bottom right; padding:10px 4px 10px 4px;} #side_left {float:left; width:752px; margin:-4px 0 0 0;} /*---anime_block---*/ .anime_block {width:376px; float:left;} .anime_block_h {height:46px; padding:0 9px; background:url('../images/anime_head.png') no-repeat;} .anime_block_h_l {float:left; margin:15px 0 0 36px; text-shadow: 0 0 1px #191919; color:#d5d7d9; text-transform:uppercase;} .anime_block_h_r {float:right; margin:10px 7px 0 0;} .anime_block_h_r a {display:block; width:39px; height:23px; background: url('../images/anime_link.png') no-repeat 0 -23px;} .anime_block_h_r a:hover {background-position:0 0;} .anime_block_c {background:url('../images/anime_cc.png') repeat-y;} .anime_block_c .anime_block_c {background:url('../images/anime_ch.png') no-repeat center top;} .anime_block_c .anime_block_c .anime_block_c {background:url('../images/anime_cb.png') no-repeat center bottom; padding:5px 5px 10px 5px;} .anime_block_c2 {color:#000;} .anime_block2 {width:376px; float:left;} .anime_block2_h {height:46px; padding:0 9px; background:url('../images/anime_head.png') no-repeat -376px 0;} .anime_block2_h_l {float:left; margin:15px 0 0 36px; text-shadow: 0 0 1px #191919; color:#d5d7d9; text-transform:uppercase;} .anime_block2_h_r {float:right; margin:10px 7px 0 0;} .anime_block2_h_r a {display:block; width:39px; height:23px; background: url('../images/anime_link.png') no-repeat;} .anime_block2_h_r a:hover {background-position:0 -23px;} .anime_block2_c {background:url('../images/anime_cc.png') repeat-y;} .anime_block2_c .anime_block2_c {background:url('../images/anime_ch.png') no-repeat center top;} .anime_block2_c .anime_block2_c .anime_block2_c {background:url('../images/anime_cb.png') no-repeat center bottom; padding:5px 5px 10px 5px;} .anime_block2_c2 {color:#000;} .anime {overflow:hidden; padding:0 0 14px 0; background:url('../images/anime_sep.png') repeat-x center bottom;} .anime:last-child {background:none; padding:0 0 3px 0;} .anime_l {float:left; margin:0 0 0 8px;} .anime_comm {width:59px; height:25px; line-height:23px; background:url('../images/anime_comm.png') no-repeat;} .anime_comm div {width:30px; height:18px; overflow:hidden; margin:0 0 0 23px; color:#1a486f;} .anime_r {float:right; margin:0 4px 0 0; width:292px; font-size:11px; color:#464646;} .anime_r a {color:#464646;} .anime_title {color:#fff; height:27px; width:292px; background:url('../images/anime_title.png') no-repeat; line-height:27px; overflow:hidden;} .anime_title a, .anime_title2 a {color:#fff;} .anime_title span, .anime_title2 span {padding:0 5px; width:270px;} .anime_poster {width:59px; height:81px; margin:0 0 4px 0;} .anime_poster img {width:55px; height:77px; padding:1px; border:1px solid #c9c7c7;} .anime_title2 {color:#fff; height:27px; width:292px; background:url('../images/anime_title.png') no-repeat -292px 0; line-height:27px; overflow:hidden;} .anime_blocks {overflow:hidden; clear:both; margin:3px 0 5px 0;} /*---story---*/ .story {width:752px; margin:0 0 5px 0; overflow:hidden;} .story_h {padding:0 9px; height:54px; background:url('../images/story_head.png') no-repeat;} .story_h div {color:#ffffff; text-transform:uppercase; height:25px; line-height:25px; overflow:hidden; padding:16px 5px 0 34px; text-shadow: 0 0 1px #184368; width:683px;} .story_h div span {color:#ffae01; padding:0 0 0 10px;} .story_h div span a {color:#ffae01;} .story_h div a {color:#ffffff; text-shadow: 0 0 1px #184368;} .story_c {background:url('../images/story_cc.png') repeat-y;} .story_c .story_c {background:url('../images/story_cb.png') no-repeat center bottom; padding:3px 4px 4px 4px;} .story_c2 {color:#3a3a3a; padding:0px 5px 10px 5px; overflow:hidden;} .story_c2 {color:#3a3a3a;} .story_c2 ul.story_fields {overflow:hidden; margin:0 0 5px 0;} .story_c2 ul.story_fields li {color:#1d1d1d; height:26px; line-height:26px; background:url('../images/story_fields_bg.png') repeat-x center bottom;} .story_c2 ul.story_fields li a {color:#1d1d1d;} .story_c2 ul.story_fields li span { background:url('../images/story_field.png') no-repeat left center; padding:0 0 0 15px;} .story_c2_l {float:left; width:157px; min-height:140px; padding:0 7px 0 0;} .story_c2_l_f {float:right; width:157px; min-height:140px; padding:0 7px 0 0;} .story_c2_l_f .poster {width:157px; height:212px; background:url('../images/story_poster_bg.png') no-repeat;} .story_c2_l_f .poster img {margin:4px 0 0 5px; width:147px; height:202px;} .story_c2_l_f .poster a img:hover {opacity:0.6;} .story_c2_l .poster {width:157px; height:212px; background:url('../images/story_poster_bg.png') no-repeat;} .story_c2_l .poster img {margin:4px 0 0 5px; width:147px; height:202px;} .story_c2_l .poster a img:hover {opacity:0.6;} .story_b {color:#000; height:44px; background:url('../images/story_bottom.png') no-repeat center top;} .story_b_l {float:left; margin:8px 0 0 6px; height:30px;} .story_b_r {float:right; margin:8px 6px 0 0; height:30px;} .story_b_r a {background: url('../images/story_btn.png') no-repeat; height:30px; width:108px;;cursor:pointer;display:block;} .story_b_r a:hover {background-position:0 -30px;} a.story_button {display:block; width:159px; color:#18456b; font-size:11px; text-align:center; height:27px; line-height:27px; background:url('../images/story_button.png') no-repeat; text-shadow: 0 0 1px #fbfbfb;} div.story_button {margin:5px 0;} .watch_online {width:736px; margin:5px auto 0 auto; clear:both;} .watch_online_h {height:41px; background:url('../images/watch_h.png') no-repeat;} .watch_online_h2 { padding:6px 0 0 6px;} .watch_bg, .watch_bg .watch_bg2 {max-width:620px; overflow:hidden; float: left; height: 27px; padding: 0 0 0 24px; background: url('../images/cust_bg.png') no-repeat; } .watch_bg .watch_bg2 {color:#184368; text-transform:uppercase; line-height:26px; padding: 0 12px 0 8px; background-position: 100% 100%; text-shadow: 0 0 1px #e2e2e2;} .watch_online_c {width:728px; margin:3px auto 0 auto; background:#f2f2f2; border:1px solid #dfdddd;} .watch_online_c2 {padding:2px;} .story_b2 {color:#000; height:40px; background:url('../images/story_bottom.png') no-repeat center top;} .story_b2_l {float:left; margin:8px 0 0 6px; height:30px;} .story_b2_r {float:right; margin:8px 6px 0 0; height:30px;} .story_b2_r a {background: url('../images/story_link2.png') no-repeat; height:30px; width:108px;;cursor:pointer;display:block;} .story_b2_r a:hover {background-position:0 -30px;} .story_inf {width:736px; height:29px; overflow:hidden; color:#000; padding:0 0 5px 0; margin:0 auto; background:url('../images/story_inf.png') no-repeat;} .story_inf ul.inf_story {width:650px; float:left; height:19px; overflow:hidden; margin:4px 0 0 9px;} .story_inf ul.inf_story li {color:#525151; height:19px; float:left; margin:0 8px 0 0; background:url('../images/story_inf_sep.png') no-repeat right center; padding:0 10px 0 0; line-height:18px;} .story_inf ul.inf_story li span, .story_inf ul.inf_story li span a {color:#1a486f;} .story_inf ul.inf_story li div {padding:0 0 0 20px; background:url('../images/story_inf_icons.png') no-repeat;} .story_inf ul.inf_story li .inf_author {height:16px;} .story_inf ul.inf_story li .inf_date {height:18px; background-position:0 -16px;} .story_inf ul.inf_story li .inf_views {height:15px; background-position:0 -34px;} .story_inf ul.inf_story li .inf_comm {height:15px; background-position:0 -50px;} .story_inf ul.moder_story {float:right; height:19px; overflow:hidden; margin:4px 7px 0 0;} .story_inf ul.moder_story li {float:left; height:19px; background:url('../images/story_moder_sep.png') no-repeat left center;} .story_inf ul.moder_story li div {margin:2px 0;} .story_inf ul.moder_story li div.compl {padding:0 7px 0 9px;} .story_inf ul.moder_story li div.compl a { display:block; height:14px; width:6px; background:url('../images/compl.png') no-repeat;} .story_inf ul.moder_story li div.compl a:hover {background-position:0 -14px;} .story_inf ul.moder_story li div.edit {padding:0 5px 0 8px;} .story_inf ul.moder_story li div.edit a { display:block; height:15px; width:9px; background:url('../images/edit.png') no-repeat;} .story_inf ul.moder_story li div.edit a:hover {background-position:0 -15px;} .story_inf ul.moder_story li div.favor {padding:0 0 0 5px;} .story_inf ul.moder_story li div.favor a { display:block; height:14px; width:16px; background:url('../images/favor.png') no-repeat;} .story_inf ul.moder_story li div.favor a:hover {background-position:0 -14px;} .related {width:740px; margin:0 auto;} .related_h {height:35px; background:url('../images/related_head.png') no-repeat;} .related_h div {position:absolute; margin:10px 0 0 11px; width:114px; height:19px; text-indent:-9999px; background:url('../images/related_title.png') no-repeat;} .related_c {background:url('../images/related_cc.png') repeat-y;} .related_c .related_c {padding:0 5px 6px 5px; background:url('../images/related_cb.png') no-repeat center bottom;} .related_c2 {padding:0 0 0 0; overflow:hidden;} .related_c2 ul {overflow:hidden;} .related_c2 ul li {line-height:24px; height:26px; background:url('../images/related_sep.png') no-repeat center bottom; padding:0 0 0 3px;} .related_c2 ul li:last-child {background:none;} .related_c2 ul li a {color:#ffffff; display:block; background:url('../images/list.png') no-repeat left 7px; padding:0 0 0 13px; width:720px; overflow:hidden; height:18px;} .related_c2 ul li a:hover {color:#f08f08; text-decoration:none; background:url('../images/list_on.png') no-repeat left 7px; padding:0 0 0 13px;} /*---poll_block---*/ .poll_block2 {width:736px; margin:5px auto 0 auto; clear:both;} .poll_block2_h {height:41px; background:url('../images/poll2_h.png') no-repeat;} .poll_block2_h2 { padding:6px 0 0 6px;} .poll_block2_bg, .poll_block2_bg .poll_block2_bg2 {max-width:620px; overflow:hidden; float: left; height: 27px; padding: 0 0 0 24px; background: url('../images/cust_bg.png') no-repeat; } .poll_block2_bg .poll_block2_bg2 {color:#184368; text-transform:uppercase; line-height:26px; padding: 0 12px 0 8px; background-position: 100% 100%; text-shadow: 0 0 1px #e2e2e2;} .poll_block2_c {width:728px; margin:3px auto 0 auto; color:#000;} /*---torrent_table---*/ .torrent_table {width:736px; margin:5px auto 0 auto; clear:both;} .torrent_table_h {height:41px; background:url('../images/watch_h.png') no-repeat;} .torrent_table_h2 { padding:6px 0 0 6px;} .torrent_bg, .torrent_bg .torrent_bg2 {max-width:620px; overflow:hidden; float: left; height: 27px; padding: 0 0 0 24px; background: url('../images/cust_bg.png') no-repeat; } .torrent_bg .torrent_bg2 {color:#184368; text-transform:uppercase; line-height:26px; padding: 0 12px 0 8px; background-position: 100% 100%; text-shadow: 0 0 1px #e2e2e2;} .torrent_table_c {width:728px; margin:3px auto 0 auto; color:#000;} a.torrent_down {display:block; width:25px; height:25px; background:url('../images/torrent_btn.png') no-repeat;} a.torrent_down:hover {background-position:0 -25px;} /*---forms---*/ .baseform .heading {color:#707070;font-size:1.4em;} .baseform {margin:0 15px 10px 0;} .mass_comments_action {padding:3px 20px 3px 0; text-align:right; overflow:hidden; border-top:2px solid #232323;} .baseform .dcont {padding:13px 0;margin:0 13px;} .baseform .dcont .heading {margin:0;} .fbutton { background: #fff url('../images/bbcodes2.gif') repeat-x; text-shadow: 0 0 1px #b9b8b8; color:#272727; padding: 1px 20px 3px 20px; margin-bottom: 2px !important; height:24px; cursor: pointer; border:2px solid #171717; -moz-box-shadow: 0 1px 5px -2px black; -webkit-box-shadow: 0 1px 5px -2px black; box-shadow: 0 1px 5px -2px black; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; font:14px/12px Calibri, Arial, Helvetica, sans-serif; } .fbutton:hover {background-position:0 -20px;color:#fff;text-shadow: 0 0 1px #313131;} .bbcodes_poll {width:100px;} /*---tableform---*/ .tableform {width:100%;} .fieldsubmit, .tableform td {padding:3px 0; height:25px; line-height:24px; background: url('../images/userinfo_li.png') repeat-x center bottom; color:#1d1d1d;} .addnews {font-weight:bold;} .impot {color:#d51e44;font-family:Arial;font-weight:normal;} .checkbox {padding:4px 0;line-height:1em;} .checkbox input {margin-top:-2px;vertical-align:middle;} .f_input {width:300px;padding:1px;} .f_textarea {width:458px;} .fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xprofile textarea, .xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, .logform li.lfield input {padding:2px;background:#fff url(../images/fields.png) repeat-x;border:1px solid #bcc0c2;} .f_textarea, .editor_button select {padding:0;} .textin {padding:2px;} #searchuser {width:235px !important;} .lines {background:#f5ead7;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:5px 7px 5px 7px;} /*---info---*/ .info {width:730px; margin:5px auto;} .info2 {background:url('../images/info_c.png') repeat-y;} .info2 .info2 {background:url('../images/info_h.png') no-repeat center top;} .info2 .info2 .info2 {padding:7px 5px 7px 5px; background:url('../images/info_b.png') no-repeat center bottom;} .info_c {min-height:50px; padding:0 0 0 63px; background:url('../images/info_icon.png') no-repeat left top;} .info_c2 {padding:8px 0 0 0; color:#fff;} .info_c2 a {color:#fff;} /*---Userinfo---*/ .userinfo2 {} .userinfo2 .lcol ul {} .userinfo2 .lcol ul li {height:24px;} .userinfo2 .lcol ul li a {} .userinfo2 .lcol ul li span.orange a, .userinfo2 .lcol ul li span.orange {color:#195d98;} .userinfo2 .lcol ul li span.white a, .userinfo2 .lcol ul li span.white {color:#fff;} .userinfo {overflow:hidden; padding:0 5px;} .userinfo_l {float:left; display:block; width: 105px; padding-right: 6px; } .userinfo_l .avatar { margin:0 0 4px 0; padding:2px; border:1px solid #c0bbbb; } .userinfo_l .avatar img {width: 99px; height:100px;} .userinfo_l ul {width:109px; margin:0 0 0 -2px; font-size:11px;} .userinfo_l ul li {display:block; width:109px; text-align:center; line-height:20px; height:24px; background:url('../images/userinfo_btn.png') no-repeat;} .userinfo_l ul li:hover {background-position:0 -24px;} .userinfo_l ul li a {color:#fff; width:109px; display:block; height:24px;} .userinfo_l ul li a:hover {text-decoration:none;} .userinfo_r {float:right; width:613px; } .userinfo_r ul { list-style: none; width:302px; margin-left: 0; } .userinfo_r ul li {height:25px; line-height:24px; background: url('../images/userinfo_li.png') repeat-x center bottom; color:#1d1d1d;} .userinfo_r ul li .blue {background:url('../images/userinfo_li_bg.png') no-repeat left 7px; padding:0 0 0 16px;} .userinfo_r ul li .blue span, .userinfo_r ul li .blue span a {color:#1b4a74;} /*---userinfo_board---*/ .board {width:734px; overflow:hidden; margin:3px 0 0 0;} .board_h {height:39px; background:url('../images/board_head.png') no-repeat;} .board_h2 {padding:6px 0 0 5px;} .board_bg, .board_bg .board_bg2 {max-width:620px; overflow:hidden; float: left; height: 27px; padding: 0 0 0 24px; background: url('../images/cust_bg.png') no-repeat; } .board_bg .board_bg2 {color:#184368; text-transform:uppercase; line-height:26px; padding: 0 12px 0 5px; background-position: 100% 100%; text-shadow: 0 0 1px #e2e2e2;} .board_c {background:url('../images/board_cc.png') repeat-y;} .board_c .board_c {padding:0 0 5px 0; background:url('../images/board_cb.png') no-repeat center bottom;} .board_c2 {padding:0 0 0 0; color:#fff; overflow:hidden;} /*---board_comm---*/ .board_comm {color:#3e3e3e; overflow:hidden; padding:0 0 10px 0; background:url('../images/board_bg.png') repeat-x center bottom;} .board_comm_l {float:left; margin:5px 0 0 3px;} .board_comm_ava {width:91px; margin:3px 0 0 0; height:92px; background:url('../images/comments_ava_bg.png') no-repeat;} .board_comm_ava img {width:79px; height:80px; margin:6px 0 0 6px;} .board_comm_r {float:right; margin:5px 3px 0 0; width:625px; background:url('../images/board_r.png') no-repeat left top; padding:0 0 0 9px;} .board_comm_inf {overlow:hidden; margin:3px auto 0 auto; width:611px; height:41px; background:url('../images/board_inf.png') no-repeat center bottom;} .board_comm_inf_l {float:left; margin:0 0 0 4px;} .board_comm_inf_l ul {} .board_comm_inf_l ul li:first-child {background:none; padding:0;} .board_comm_inf_l ul li {float:left; color:#fff; height:36px; background:url('../images/board_inf_sep.png') no-repeat left center; padding:0 0 0 10px; margin:0 6px 0 0;} .board_comm_inf_l ul li a {color:#fff;} .board_comm_inf_r {float:right; margin:-2px 4px 0 0;} .board_moder, .board_moder .board_moder2 {max-width:620px; overflow:hidden; float: left; height: 32px; padding: 0 0 0 7px; background: url('../images/board_moder.png') no-repeat; } .board_moder .board_moder2 {color:#184368; text-transform:uppercase; line-height:26px; padding: 0 7px 0 0; background-position: 100% 100%; text-shadow: 0 0 1px #e2e2e2;} .board_comm_text {width:623px; margin:0 auto;} .board_comm_text_bg {background:url('../images/board_text_c.png') repeat-y;} .board_comm_text_bg .board_comm_text_bg {background:url('../images/board_text_h.png') no-repeat center top;} .board_comm_text_bg .board_comm_text_bg .board_comm_text_bg {padding:2px 3px 5px 3px; background:url('../images/board_text_b.png') no-repeat center bottom;} .board_comm_text2 {color:#232323; padding:5px 5px; min-height:20px;} .board_comm_text2 a {color:#232323;} .add_comments {margin:0 0 5px 0; padding:0 5px; background:url('../images/comments_bg.png') repeat-x center top;} .editdate, .basetags { font-size: 0.9em; text-align: right; color: #6c838e; } /*---comments---*/ .comments_forum {color:#3e3e3e; overflow:hidden; margin:5px 0 10px 0; background:url('../images/comments_bg.png') repeat-x center top;} .comments {color:#3e3e3e; overflow:hidden; margin:5px 0 10px 0; background:url('../images/comments_bg.png') repeat-x center top;} .comments_l {float:left; margin:5px 0 0 6px;} .comments_ava {width:91px; margin:3px 0 0 0; height:92px; background:url('../images/comments_ava_bg.png') no-repeat;} .comments_ava img {width:79px; height:80px; margin:6px 0 0 6px;} .comments_r {float:right; min-height:100px; margin:5px 8px 0 0; width:625px; background:url('../images/comments_r.png') no-repeat left top; padding:0 0 0 9px;} .comments_r_forum {float:right; min-height:100px; margin:5px 8px 0 0; width:610px; background:url('../images/comments_r.png') no-repeat left top; padding:0 0 0 9px;} .comments_inf {overlow:hidden; margin:3px auto 0 auto; width:611px; height:41px; background:url('../images/comments_inf.png') no-repeat center bottom;} .comments_inf_forum {overlow:hidden; margin:3px auto 0 auto; width:611px; height:41px; background:url('../images/comments_inf.png') no-repeat center bottom;} .comments_inf_l {float:left; margin:0 0 0 4px;} .comments_inf_l ul {} .comments_inf_l ul li:first-child {background:none; padding:0;} .comments_inf_l ul li {float:left; height:36px; background:url('../images/comm_inf_sep.png') no-repeat left center; padding:0 0 0 10px; margin:0 6px 0 0;} .comments_inf_r {float:right; margin:-2px 4px 0 0;} .comm_moder, .comm_moder .comm_moder2 {max-width:620px; overflow:hidden; float: left; height: 32px; padding: 0 0 0 7px; background: url('../images/comm_moder.png') no-repeat; } .comm_moder .comm_moder2 {color:#184368; text-transform:uppercase; line-height:26px; padding: 0 7px 0 0; background-position: 100% 100%; text-shadow: 0 0 1px #e2e2e2;} .comm_moders ul { margin:6px 0 0 0; } .comm_moders ul li {float:left; height:19px; background:url('../images/story_moder_sep.png') no-repeat left center;} .comm_moders ul li:first-child {background:none;} .comm_moders ul li div {margin:2px 0;} .comm_moders ul li div.selectmass {padding:0 3px 0 0; margin:-1px 0 0 0;} .comm_moders ul li div.selectmass input {display:block; width:14px; height:14px;} .comm_moders ul li div.warn {padding:0 7px 0 5px;} .comm_moders ul li div.warn a { display:block; height:14px; width:6px; background:url('../images/compl.png') no-repeat;} .comm_moders ul li div.warn a:hover {background-position:0 -14px;} .comm_moders ul li div.edit {padding:0 5px 0 8px;} .comm_moders ul li div.edit a { display:block; height:15px; width:9px; background:url('../images/edit.png') no-repeat;} .comm_moders ul li div.edit a:hover {background-position:0 -15px;} .comm_moders ul li div.del {margin:4px 0 0 0; padding:0 0 0 6px;} .comm_moders ul li div.del a { display:block; height:10px; width:11px; background:url('../images/del.png') no-repeat;} .comm_moders ul li div.del a:hover {background-position:0 -10px;} .comments_text {width:623px; margin:0 auto;} .comments_text_forum {width:610px; margin:0 auto;} .comments_text_bg {background:url('../images/comments_text_c.png') repeat-y;} .comments_text_bg .comments_text_bg {background:url('../images/comments_text_h.png') no-repeat center top;} .comments_text_bg .comments_text_bg .comments_text_bg {padding:2px 3px 5px 3px; background:url('../images/comments_text_b.png') no-repeat center bottom;} .comments_text2 {color:#fff; padding:5px 5px; min-height:20px;} .comments_text2 a {color:#fff;} .comments_text2_forum {color:#000; padding:5px 5px; min-height:20px;} .comments_text2_forum a {color:#0004FF;} .statistic {font-family: "Calibri", "Arial", "Helvetica", sans-serif; color:#454545;} .stat_first {background:#f5ead7;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:5px 7px 5px 7px;} .stat_next {margin:5px 0 0 0;} .stat_ink h5 {color:#288f25;font:12px/11px Calibri, Arial, Helvetica, sans-serif;font-weight:bold;margin-bottom:5px;} .stat_ink {padding-right:15px;} .stat_ink b {color:#bf8118;} .lecol {float:left;} .recol {float:right;} /*---custom-news---*/ .custom-news {overflow:hidden; width:1023px; margin:0 auto 5px auto;} .custom-news_h {padding:0 4px; overflow:hidden; height:34px; background: url('../images/cust_h.png') no-repeat;} .custom-news_h_l {float:left; margin:6px 0 0 0;} .custom-news_h_l a {text-shadow: 0 0 1px #e2e2e2; color:#184368;} .custom-news_h_r {float:right; margin:6px 0 0 0;} .custom-news_h_r a {display:block; width:67px; height:27px; background: url('../images/custom-news_link.png') no-repeat;} .custom-news_h_r a:hover {background-position:0 -27px;} .custom-news_c {background:url('../images/cust_cc.png') repeat-y;} .custom-news_c .custom-news_c {background:url('../images/cust_b.png') no-repeat center bottom; padding:0 2px 5px 2px;} .custom-news_c2 {overflow:hidden;} .custom-news_c2 ul {margin-left:15px;} .custom-news_c2 ul li:first-child {margin:0;} .custom-news_c2 ul li {margin:0 0 0 -4px; float:left; width:151px; height:207px; background:url('../images/cust_news.png') no-repeat;} .custom-news_c2 ul li .cust_poster {margin:9px 0 0 7px; width:137px; height:175px;} .custom-news_c2 ul li .cust_poster img {width:133px; height:171px; padding:1px; border:1px solid #adadad;} .custom-news_c2 ul li .cust_title {margin:4px 0 0 8px; width:138px; overflow:hidden; height:12px; color:#143755; text-shadow: 0 0 1px #e2e2e2; font-size:9px;} .custom-news_c2 ul li .cust_title a {color:#143755; text-shadow: 0 0 1px #e2e2e2;} .cust_bg, .cust_bg .cust_bg2 {max-width:620px; overflow:hidden; float: left; height: 27px; padding: 0 0 0 24px; background: url('../images/cust_bg.png') no-repeat; } .cust_bg .cust_bg2 {color:#184368; text-transform:uppercase; line-height:26px; padding: 0 12px 0 3px; background-position: 100% 100%; text-shadow: 0 0 1px #e2e2e2;} /*---navigation---*/ .navigation_bg {color:#FFF;margin:5px auto 0 auto; display:block; text-align: center; height:26px; line-height:26px; } .navigation {text-align:center; height:26px; line-height:20px;} .navigation a {color:#FFF; height:26px; text-decoration:none; background:url('../images/navi_a.gif') repeat-x; padding:3px 6px 7px 6px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; font-style:normal; margin:0 1px 0 0;} .navigation a:hover {color:#fff; padding:3px 6px 7px 6px; background:url('../images/navi_hover.gif') repeat-x;} .navigation span {padding:3px 6px 7px 6px; background:url('../images/navi_span.gif') repeat-x; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-style:normal; margin:0 1px 0 0;} .nprev img {vertical-align:middle; margin:1px -1px 0px 0;width:69px;height:28px;background:url('../images/navi_side.png') no-repeat;} .nprev a img {background-position:0px 0px;} .nprev a:hover img {background-position:0 -28px;} .nprev span span img {background-position:-1px -56px;} .nnext img {vertical-align:middle;margin:1px 0px 0px -1px;width:69px;height:28px;background:url('../images/navi_side.png') no-repeat;} .nnext a img {background-position:-69px 0;} .nnext a:hover img {background-position:-69px -28px;} .nnext span img {background-position:-69px -56px;} /*---side_right---*/ #side_right {float:right; width:263px;} /*---block_id1---*/ .block_id1 {width:263px; margin:0 0 5px 0; overflow:hidden;} .block_id1_h {height:44px; padding:0 8px; background:url('../images/block_head.png') no-repeat 0 0;} .block_id1_h div {color:#3d3d3d; width:150px; height:25px; text-transform:uppercase; line-height:25px; overflow:hidden; padding:9px 5px 0 28px; text-shadow: 0 0 1px #e2e2e2;} .block_id1_c2 {min-height:80px; padding:0 5px 12px 5px;} .block_id1_c2 ul {width:251px; margin:0 auto; overflow:hidden;} .block_id1_c2 ul li {height:26px; background:url('../images/menu_nav_li.png') no-repeat center bottom; line-height:24px; padding:0 5px; overflow:hidden;} .block_id1_c2 ul li a {color:#fff; text-shadow: 0px 0px 1px #1b1b1b; background:url('../images/menu_li.png') no-repeat left center; padding:0 0 0 18px;} .block_id1_c2 ul li a:hover {color:#ffad1d; text-decoration:none; text-shadow: 0px 0px 1px #1b1b1b; background:url('../images/menu_li_on.png') no-repeat left center; padding:0 0 0 18px;} .block_id1_c {background:url('../images/block_cc.png') repeat-y center left;} .block_id1_c .block_id1_c {background:url('../images/block_ch.png') no-repeat left top;} .block_id1_c .block_id1_c .block_id1_c {background:url('../images/block_bottom.png') no-repeat bottom left;} .block_friends {min-height:80px; padding:0 5px 12px 5px;} .block_friends ul {overflow:hidden; padding:5px 4px 0 6px;} .block_friends ul li {float:left; width:79px; height:80px; background: url('../images/friends_bg.png') no-repeat; margin:0 2px 0 0;} .block_friends ul li a {display:block;} .block_friends ul li img {width:68px; height:68px; margin:6px 0 0 5px;} /*---block_id2---*/ .block_id2 {width:263px; margin:0 0 5px 0; overflow:hidden;} .block_id2_h {height:44px; padding:0 8px; background:url('../images/block_head.png') no-repeat -263px 0;} .block_id2_h div {color:#184368; width:150px; height:25px; text-transform:uppercase; line-height:25px; overflow:hidden; padding:9px 5px 0 28px; text-shadow: 0 0 1px #e2e2e2;} .block_id2_c2 {min-height:80px; padding:0 5px 12px 5px;} .block_id2_c {background:url('../images/block_cc.png') repeat-y center left;} .block_id2_c .block_id2_c {background:url('../images/block_ch.png') no-repeat left top;} .block_id2_c .block_id2_c .block_id2_c {background:url('../images/block_bottom.png') no-repeat bottom left;} .my_favor {min-height:80px; padding:0 5px 12px 5px;} .my_favor ul {overflow:hidden; padding:5px 2px 0 4px;} .my_favor ul li {margin:0 2px 2px 0; float:left; width:78px; height:105px; border:1px solid #3e3e3e;} .my_favor ul li a {display:block;} .my_favor ul li img {width:74px; height:101px; margin:2px 0 0 2px;} /*---block_id3---*/ .block_id3 {width:263px; margin:0 0 5px 0; overflow:hidden;} .block_id3_h {height:44px; padding:0 8px; background:url('../images/block_head.png') no-repeat -263px 0;} .block_id3_h div {color:#184368; width:150px; height:25px; text-transform:uppercase; line-height:25px; overflow:hidden; padding:9px 5px 0 28px; text-shadow: 0 0 1px #e2e2e2;} .block_id3_c2 {min-height:80px; color:#353535; padding:5px 10px 12px 10px;} .block_id3_c2 a {color:#353535;} .block_id3_c {background:url('../images/block_cc.png') repeat-y -263px center;} .block_id3_c .block_id3_c {background:url('../images/block_ch.png') no-repeat -263px top;} .block_id3_c .block_id3_c .block_id3_c {background:url('../images/block_bottom.png') no-repeat -263px bottom;} /*---block_id4---*/ .block_id4 {width:263px; margin:0 0 5px 0; overflow:hidden;} .block_id4_h {height:44px; padding:0 8px; background:url('../images/block_head.png') no-repeat -526px 0;} .block_id4_h div {color:#184368; width:150px; height:25px; text-transform:uppercase; line-height:25px; overflow:hidden; padding:9px 5px 0 28px; text-shadow: 0 0 1px #e2e2e2;} .block_id4_c2 {min-height:80px; color:#353535; padding:5px 13px 12px 13px;} .block_id4_c2 a {color:#353535;} .block_id4_c {background:url('../images/block_cc.png') repeat-y -526px center;} .block_id4_c .block_id4_c {background:url('../images/block_ch.png') no-repeat -526px top;} .block_id4_c .block_id4_c .block_id4_c {background:url('../images/block_bottom.png') no-repeat -526px bottom;} .online_block {color:#353535;} .online_list {font-family:Candara; font-size:14.37px;} .online_block a {color:#353535; font-family:Candara; font-size:14.37px;} .online_block a.user {color:#1e79b9;} .online_block a.moder {color:#176f12;} .online_block a.admin {color:#ff0000;} .online_block a.vip {color:#ff9600;} .command_site {overflow:hidden; height:55px; width:253px; margin:0 auto; background:url('../images/site_command_sep.png') repeat-x center bottom;} .command_site:last-child {background:none;} .command_site_l {height:44px; width:43px; margin:4px 0 0 4px; float:left;} .command_site_l img {padding:1px; border:1px solid #e7e7e7; width:39px; height:40px;} .command_site_r {height:44px; width:197px; margin:4px 5px 0 0; float:right;} .command_site_r ul {overflow:hidden; padding:2px 0 0 0;} .command_site_r ul li {height:21px; line-height:20px; background:url('../images/command_shape.png') no-repeat center bottom;} .command_site_r ul li:last-child {background:none;} .command_site_r ul li a {color:#1a69b0;} .command_site_r ul li span {height:20px; line-height:20px; background:url('../images/command_li.png') no-repeat left 2px; padding:0 0 0 17px;} .poll_block {padding:5px 0 10px 0; overflow:hidden;} .poll_title {margin:0 0 0 1px; padding:0 4px; width:241px; height:68px; background:url('../images/vote_tile.png') no-repeat;} .poll_title div {padding:0px 0 0 15px; width:175px; overflow:hidden; height:48px; line-height:48px; color:#fff; text-shadow: 0 0 1px #946602;} .poll_cont {padding:0 5px 0 5px; margin:-5px 0 0 0;} .vote {padding:0 0 3px 0;background:url('../images/vote_bg.png') repeat-x center bottom;} .poll_buttons {width:226px; margin:10px auto 0 auto; height:28px; background:url('../images/vote_btn_bg.png') no-repeat;} .vote_submit {float:left; height:22px; margin:3px 0 0 3px;} .vote_result {float:right; margin:3px 7px 0 0; height:22px;} .dovote {height:22px; width:83px; margin:0 0 0 0; border:none; background:url('../images/vote_submit.png') no-repeat;} .dovote:hover {background-position: 0 -22px;} .doresult {background: url('../images/vote_btn.png') no-repeat; width:60px; height:22px;} .doresult:hover {opacity:0.6;} .doallvote {background: url('../images/vote_btn.png') no-repeat -66px 0; width:60px; height:22px;} .doallvote:hover {opacity:0.6;} /*---Footer---*/ #footer {clear:both; height:98px; width:1023px; background:url('../images/footer_%20bg.png') no-repeat; position:absolute;} #footer_logo {float:left; margin:9px 0 0 -18px;} #footer_logo a {display:block;} #footer_logo img {height:88px; width:334px; background:url('../images/footer_logo.png') no-repeat;} #footer_text {height:84px; width:698px; float:right; margin:12px 3px 0 0; background:url('../images/footer_sep.png') no-repeat left center; padding:0 0 0 4px;} #footer_text_h {overflow:hidden; margin:1px 0 0 0; height:35px;} .footer_copy {float:left; padding:0 12px; line-height:35px; text-shadow: 0 0 1px #000;} .footer_copy a {color:#fff;} .footer_counter {float:right; margin:0 1px 0 0;} .footer_counter ul {overflow:hidden;} .footer_counter ul li {float:left;width:92px; height:35px; margin:0 4px 0 0;} .footer_counter ul li img {border:1px solid #7ca0c4; padding:1px;} #footer_text_b {overflow:hidden; margin:11px 0 0 0;} .footer_message {float:left; width:540px; height:28px; overflow:hidden; padding:0 12px; font-size:11px; text-shadow: 0 0 1px #000;} .dcorearts {float:right; margin:0 10px 0 0;} .dcorearts a {display:block; width:121px; height:36px; background:url('../images/dcorearts.png') no-repeat;} .dcorearts a:hover {opacity:0.6;} /*---Hint---*/ .tipsy{padding:5px;font-size:10px;opacity:0.7;filter:alpha(opacity=70);background-repeat:no-repeat;background-image:url('../images/tipsy.gif');} .tipsy-inner{padding:5px 8px 4px 8px;background-color:black;color:white;max-width:200px;text-align:center;} .tipsy-inner{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .tipsy-north{background-position:top center;} .tipsy-south{background-position:bottom center;} .tipsy-east{background-position:right center;} .tipsy-west{background-position:left center;} .tipsy-se{background-position:bottom left;} accordion { width: 100%; border-bottom: solid 1px #c4c4c4; } .accordion h3 { background: #e9e7e7; padding: 7px 15px; margin: 0; font: bold 120%/100% Arial, Helvetica, sans-serif; border: solid 1px #c4c4c4; border-bottom: none; cursor: pointer; } .accordion h3:hover { background-color: #e3e2e2; } .accordion h2 { width: 600px; background: #4EEE94; padding: 7px 15px; margin: 0; font: bold 120%/100% Arial, Helvetica, sans-serif; border: solid 1px #c4c4c4; border-bottom: none; cursor: pointer; } .accordion h2:hover { background-color: #54FF9F; } .accordion p { background: #f7f7f7; margin: 0; padding-top:10px; padding-bottom:10px; border-left: solid 1px #c4c4c4; border-right: solid 1px #c4c4c4; } .areatabs{margin:10px 0} div.areatabs ul.tabs{margin:0px;padding:0px;list-style:none;position:relative;height:30px;border-left:1px solid #dce0e5;z-index:10;border-bottom:1px solid #dce0e5} div.areatabs ul.tabs li{float:left} div.areatabs ul.tabs li a{display:inline-block;background:#f4f7fa;padding:0px 12px;line-height:29px;border:1px solid #dce0e5;border-left:1px solid #fff;color:#616971;font-size:13px;font-weight:bold;text-shadow:0px 1px 0px #fbfdff;text-decoration:none} div.areatabs ul.tabs li a:hover{text-decoration:none}div.areatabs ul.tabs li.current a{background:#fff;color:#071526;border-bottom:1px solid #fff}div.areatabs div.panes{padding:10px 0;margin:0}div.areatabs div.panes div.pane{display:none}div.areatabs div.panes div.pane.visible{display:block}div.areatabs h1:first-child{margin:0;float:left;font:bold 18px Arial,Helvetica,sans-serif;line-height:28px}h5.toggle{color:#69727d;cursor:pointer;padding:0px 0px 0px 20px;font-size:16px;line-height:24px;background:url('../images/tog_expand.png') left 4px no-repeat}h5.activetoggle{color:#071526;background-position:left -60px} .zp-btn { text-align: center; background: #2a2c2f; } .zp-btn .btn_min { font-size: 1.4em; background-position: 0 -191px; display: block; width: 188px; height: 35px; line-height: 34px; padding: 0; float: none; } .btn_min, .btn_wh, .btnwh_min, .ui-dialog-buttonset button, #loading div, #gsearch input.gsc-search-button, .zp-btn, .btn_big { border-radius: 6px; -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); } .btn_min, .btn_wh, #gsearch input.gsc-search-button { margin-right: 5px; cursor: pointer; padding: 0 6px; color: #fff; border: 1px solid #2b7aa0; float: left; height: 1.8em; line-height: 1.8em; background: #297eac url("../images/zobrimgs.png") repeat-x 0 -192px; } .ghead .btn_min, .chead .btn_min { margin-right: 10px; font-size: 1.1em; padding: 0 10px; } .btn_min { text-shadow: 0 1px 0 #1b6d9a; } .chead .btn_min { margin-top: -4px; border: 1px solid #83bacf; -moz-box-shadow: 0 0 5px -1px black; -webkit-box-shadow: 0 0 5px -1px black; box-shadow: 0 0 5px -1px black; } .btn_wh, #gsearch input.gsc-search-button { padding: 0 10px; text-shadow: 0 1px 0 #fff; font-size: 1.1em; height: 28px; color: #277cab; border-color: #a5c0cc; background: #fff url("../images/zobrimgs.png") repeat-x 0 -345px; } .btn_wh:hover, #gsearch input.gsc-search-button:hover { background-position: 0 -340px; } .btn_min, .btn_wh { padding-bottom: 2px; } a.btn_wh { padding-bottom: 0; height: 26px; } .btn_min:hover { background-position: 0 -179px; } .btn_big { cursor: pointer; text-shadow: 0 1px 0 #fff; color: #277cab; border: 1px solid #c3c9cc; height: 40px; padding: .2em .6em .3em .6em; font-weight: normal; font-size: 1.35em; } .btn_big:active { background: #efefef; color: #48758d; } .m_list {} .m_list li { margin-bottom: 5px; } .pages a, .pages b, .nextprev a, .berrors, .textbox input, .whitext, .tipbox, .bb_panel a, .bb_footpanel a, .bbf_more, .faqbox, .uploadimg, .galleryavatars li a, #gsearch input.gsc-input, #gsearch .gsc-results .gsc-cursor-page, .hidetxt, .galleryavatars, .ui-autocomplete, .ui-autocomplete .ui-menu-item a, #topsearch input, .sp-cont, .f-load, .f-ok, .f-error { border-radius: 4px; } .m_list li a { display: block; clear: both; height: 50px; padding: 0 0 0 3px; line-height: normal; white-space: nowrap; } .m_list li a b { font-weight: normal; } .m_list li a:hover { background: #f7f7f7; } .m_list li a:hover b { text-decoration: underline; } .m_list li span { cursor: pointer; } .m_list li .stat { font-size: .85em; } .img_small { background-color: #fff; margin-right: 8px; padding: 4px; width: 40px; height: 40px; float: left; border: 1px solid #d6d6d6; } .m_list .img_small { margin: 0 5px 0 -3px; } .img_small img, .img_small span { width: 40px; height: 40px; } .img_small span { display: block; overflow: hidden; } .stat { display: block; color: #4a4a4a; } #bscreens .pad { padding-right: 0; } .m_screens, .dhead { background: #292929; color: #fff; } .m_screens ul { height: 112px; padding-right: 0; } .m_screens li { margin: 0 10px 0 0; float: left; } .m_screens li a, .m_screens li span { display: block; width: 100px; height: 100px; padding: 5px; border: 1px solid #404040; background: #373737; } .m_screens li a:hover { background: #333; border-color: #4d4d4d; } #game-scr-vid { height: 232px; padding: 20px; } #gamevideo { text-align: center; width: 348px; height: 232px; float: left; background: #202020; overflow: hidden; margin: 0; } #gamevideo .posted-video { padding: 0; } .game-novideo { margin-top: 25%; } #game-scr-vid ul { float: right; height: 252px; width: 250px; } #game-scr-vid ul li { float: right; margin: 0 0 8px 8px; } .pad.mbbanner { padding: 20px; } .mbbanner img { display: block; } .mcontent { margin-left: 15px; } .shortcol { float: left; width: 258px; margin-left: -1px; } .sbpad { width: 240px; padding: 0 15px 15px 1px; } .shortbase, .mass_comments_action, .searchitem { background-color: #2a2a2a; border: 1px solid #414141; } .tbcont { height: 250px; border: 5px solid #323232; overflow: hidden; } @media print { .tabcontent { display:block !important; } } .tbdesc, .fscont { color: #323232; background-color: #f1f1f1; border-color: #f1f1f1; } .fscont { padding: 0 0 10px 0; } .tbdesc a, .fscont a, .related li a { color: #67900d; } .sbcat { font-size: 0.9em; color: #686868; margin-bottom: 0.1em; } .tbimg { background-color: #323232; } .tbimg img { width: 220px; margin: 0 auto; display: block; } *html .tbimg img { height: 150px; } .tabline { overflow: hidden; padding: 0 5px; height: 22px; background: #2a2a2a url("../images/tabline0.png") repeat-x; } .tabline .lcol li { float: left; margin-right: 2px; height: 19px; } .scrntab img { float: left; height: 19px; width: 26px; background: url("../images/scrntab0.png") 0 -19px; } .scrntab .selected img { background-position: 0 0; } .desctab a, .desctab a span { line-height: 17px; height: 19px; background: url("../images/desctab0.png") no-repeat; float: left; cursor: pointer; } .desctab a { color: #626262; font-size: 0.9em; } .desctab a span { background-position: 100% -19px; padding: 0 7px 0 18px; } .desctab a:hover { color: #b5b5b5; } .desctab a.selected { background-color: #fff; color: #7db51a; background-position: 0 -38px; } .desctab a.selected span { background-position: 100% -57px; } .tabline .rcol li { padding-top: 3px; float: right; } .sbinfo { padding: 0 5px; height: 120px; overflow: hidden; } .sbinfo h3 { color: #fff; font-size: 1em; line-height: 15px; overflow: hidden; height: 30px; } .sbinfo h3 a { color: #fff; } .sbinfo p { color: #b5b5b5; font-style: italic; font-size: 0.9em; line-height: normal; } .sbinfo p a { color: #b5b5b5; } .sbmore a { padding: 0 5px; color: #1fa4df; display: block; height: 18px; padding-top: 5px; background: url("../images/bsmore00.png") no-repeat 100% 0; } .sbmore a:hover { background-position: 100% -23px; color: #1fa4df;} .infoseson {width:990px; font-size:24px; margin-bottom:10px; padding:10px; font-style: bold; color:#fff; background-color: #2a2a2a; border: 1px solid #414141; } #slider_list li {margin:3px; padding:3px; background-color:#0178ae;} .pm_status { float:left; border: 1px solid #d8d8d8; padding: 0px; background-color: #fff; width: 280px; height: 100px; margin-left: 20px; margin-right: 5px; } .pm_status_head { border-bottom: 1px solid #d8d8d8; font-size: 0.9em; background: #fff url("../images/bbcodes.png") repeat-x 0 100%; height: 22px; padding: 0; font-weight: bold; text-align: center; color: #4e4e4e; } Очень надеюсь на вашу помощь Спасибо заранее Изменено 8 января 2014 пользователем xNTLx Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.