html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; } ol, ul { list-style:none outside; } /* Для таблиц все еще надо прописывать 'cellspacing="0"' в коде */ table { border-collapse: collapse; border-spacing: 0; border:none; } caption, th, td { vertical-align:top; } a {text-decoration:underline;} a:hover {text-decoration:none;}
/* MAIN TYPOGRAPHY */ strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; } cite, em, dfn { font-style: italic; } code, kbd, samp, pre, tt, var { font-size: 92%; font-family: tahoma, courier, monaco, "Lucida Console", mono-space; } del { text-decoration: line-through; color: #666; } ins, dfn { border-bottom: 1px solid #ccc; } small, sup, sub { font-size: 85%; } abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; } a abbr, a acronym { border: none; } abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; } sup { vertical-align: super; } sub { vertical-align: sub; } /* QUOTES */ blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; } blockquote *:first-child:before { content: "\201C"; } blockquote *:first-child:after { content: "\201D"; } /* language specific quotes! */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /* FORMS */ fieldset { border: 1px solid #ccc; } legend { background: #fff; } textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; } textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; } textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; } input[type='text'], input[type='password'] { cursor: text; } :focus { outline: none; } /* ----------------------------- CONTENT ONLY ----------------------------- */ /* BASE SIZES */ h1 { font-size: 1.6em; } h2 { font-size: 1.5em; } h3 { font-size: 1.4em; } h4 { font-size: 1.3em; } h5 { font-size: 1.2em; } h6 { font-size: 1em; } h1,h2,h3,h4,h5,h6{ margin:0.5em 0em; } /* HR */ hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; } dt { font-weight: bold; } /* MARGINS & PADDINGS */ blockquote *:first-child { margin: .8em 0; } hr, ol, dl, pre, blockquote, address{ margin-bottom: 1.6em; } /* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */ blockquote { padding: 0 1em; margin: 1.6em 0; } fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */ legend { padding-left: .8em; padding-right: .8em; } legend+* { margin-top: 1em; } /* compensates for the opera margin bug */ textarea, input { padding: .3em .4em .15em .4em; } select { padding: .1em .2em 0 .2em; } option { padding: 0 .4em; } dt { margin-top: .8em; margin-bottom: .4em; } ol { margin-left: 2.35em; } ol ol, ul ol { margin-left: 2.5em; } /* CLEARFIX */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0;} .clearfix {display: inline-block;} /* for IE/Mac */ html[xmlns] .clearfix { display: block; }
body,html { height: 100%; /* FSA */ } a {text-decoration:underline; color:#fff} a:hover {text-decoration:none;} html {} body { font: 12px/150% Tahoma,sans-serif; color:#fff; background:#000; min-width:990px; min-height:100%; } #index_layout_reducer { width:100%; min-width:100%; position:relative; } #index_layout { width:950px; margin:0px auto; position:relative; z-index:2; min-height:800px; } #bottom { clear:both; height:355px; background:url(/images/bottomback.jpg) center bottom no-repeat; position:relative; margin-top:-200px; } .index_menu { width:950px; height:84px; background:url(../images/topmenu.png) center top no-repeat; margin:0px auto; position:relative; } .index_undraw1 { height:300px; } .index_undraw2 { height:10px; } .index_undraw3 { height:240px; } .rss_box { width:387px; height:33px; margin:10px auto; background:url(../images/rss_bott.png) no-repeat; text-align:center; padding-top:4px; } .rss_box a { } .rss_box a:hover { color:#c4d6e4; } .rss_box img {vertical-align:middle; padding-right:3px;} #footer { height:60px; padding-top:50px; text-align:center; position:relative; z-index:100; } #form_errors { display:none; opacity:.9; padding:1em; background:#3d3c41; border:1px solid #888; position:absolute; top:237px; left:272px; width:380px; text-align:center; font-weight:bold; z-index:20; } #form_errors a { display:inline; position:relative; } #form_errors.loading{ background:#CCCCCC url(../i/loading.gif) center center no-repeat; } #form_errors.ingame{ top:150px; } .tomain { display:block; position:absolute; width:230px; height:36px; top:22px; left:367px; } .index_menu #login_holder { position:absolute; top:15px; left:322px; } .index_menu #pass_holder { position:absolute; top:15px; left:534px; } .index_menu #login,.index_menu #pass { background:none; border:none; width:105px; padding:0px; height:16px; font-weight:bold; color:#FFFFFF; position:relative; z-index:1; } .index_menu .registartion, .index_menu .restorepass { position:absolute; display:block; color:#008aff; top:50px; } .index_menu .registartion { left:295px; } .index_menu .restorepass { left:580px; } .index_menu .registartion:hover, .index_menu .restorepass:hover { color:#FFFFFF; } .index_menu #enter { position:absolute; display:block; width:50px; height:16px; background:url(../images/text/enter.png) no-repeat; border:none; cursor:pointer; left:450px; top:52px; } .index_menu #enter:hover { background-position:left -16px; } .index_menu .field_label { position:absolute; font-weight:bold; line-height:16px; } .index_center_menu { width:950px; height:163px; background:url(../images/centermenu.png) center top no-repeat; margin:0px auto; position:relative; } .icm_holder { position:relative; left:270px; top:105px; height:11px; width:500px; } .icm_holder .marker { display:block; float:left; margin:0px 25px; width:1px; height:11px; background:url(../images/menu_marker.png) center center; } .icm_holder .holder { display:block; float:left; height:25px; } .icm_holder .holder.hover { background:url(../images/menu_selector.png) center top no-repeat; } .icm_holder .button { height:11px; display:block; position:relative; top:6px; background-repeat:no-repeat; background-position:center top; text-decoration:none; } .icm_holder .selected .button { background-position:center -11px; } .icm_holder .button.main { background-image:url(../images/text/main.png); width:60px; } .icm_holder .button.forum { background-image:url(../images/text/forum.png); width:60px; } .icm_holder .button.news { background-image:url(../images/text/news.png); width:63px; } .icm_holder .button.bib { background-image:url(../images/text/bib.png); width:89px; } .short_news { width:100%; } .short_news .date_added { color:#01a9f4; font-size:10px; } .short_news .news_name { font-size:14px; } .short_news .news_name_forum { color:#f4c005; } .short_news .news_text { clear:both; } .short_news .news_post { margin-bottom:10px; font-size:12px; color:#8f8f8f; } #bread { clear:both; height:30px; font-size:14px; } #bread #crumbs { margin:5px 0px; width:95%; height:16px; } #bread #crumbs, #bread #crumbs a { color:#333; font-size:14px; line-height:16px; } .counters { margin:0px auto; padding:20px 0px; padding-bottom:0px; white-space:nowrap; } #pictview { position:absolute; width:auto; min-width:200px; height:auto; min-height:200px; background:#fff; border:1px solid #000; z-index:1000; display:none; } #pictview img { margin:5px; } .forums_post { padding:5px 0px; } .browsers_recomend { font-size:11px; color:#FFFFFF; } .browsers_recomend .besttt { font-size:13px; } .browsers_recomend .gooddd { font-size:12px; } .browsers_recomend a { color:#FFFFFF; } .old_browser_ie { position:absolute; width:100%; left:0px; top:0px; height:30px; background:#FFCC66; border-bottom:1px solid #000; font-weight:bold; line-height:30px; text-align:center; } .seo { color:#ccc; padding:50px 0px; font-size:13px; } .pages_navigation { padding:10px; border-top:1px solid #555; margin-top:20px; } .pages_navigation a { padding:0px 5px; line-height:20px; font-size:18px!important; } .pages_navigation a.selected { text-decoration:none; color:#fff; } .image1 { padding:5px; border:1px solid #999; } .content h1 { color:#000000; } .indexcontent h1,.indexcontent h2,.indexcontent h3 { color:#01a9f4; } .index_ratings { width:100%; font-size:11px; } .index_ratings td { height:24px; } .rating_name { padding-left:10px; } .rating_name a { color:#8f8f8f; } .rating_pos, .rating_rate { color:#01a9f4; } .rating_pos { width:20px; } .vert_dots { background:url(../images/vert_dotes.png) right center no-repeat; } .rating_rate { padding-left:10px; background:url(../images/vert_dotes.png) left center no-repeat; } .rating_even{ background:url(../images/even.png) repeat-x; } .index_users_stat { width:100%; font-size:11px; color:#8f8f8f; } .index_users_stat td { height:24px; } .users_stats_geo_name { padding-left:5px; } .yellow { color:#f4c005; } .dimmed_content { font-size:11px; color:#8f8f8f; }
/* CSS Document */ a { color:#333; text-decoration:underline; cursor:pointer; } a:hover { text-decoration:none; } .error { color:#FF0000; } .jqResize { position:absolute; right:0px; bottom:0px; width:15px; height:15px; cursor:nw-resize; background:url(/i/resize.gif) no-repeat; } .tooltip { position: absolute; display: none; min-width:100px; max-width:300px; z-index: 3000; border: 1px solid #333; background: lightyellow; padding: 5px; left: 0; /*leave this alone*/ top: 0; /*leave this alone*/ border: 2px solid gray; border-width: 1px 2px 2px 1px; font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif; } button,.submit { cursor:pointer; } .small { font:normal 9px/11px Tahoma,sans-serif; } button.small { white-space:nowrap; height:20px; } label.small, input.small { padding:2px; } label.small input { display:block; } select.small { padding:2px; } .cursor_pointer { /* cursor:url(/i/cur/pointer.cur),pointer;*/ cursor:default; } .cursor_hand { /*cursor:url(/i/cur/hand.cur),pointer;*/ cursor:pointer; } big { font-size:1.8em; } .gray { color:#666; } .red { color:#FF0000; } .white { color:#FFFFFF; } .red_back { background:#FF0000; } .loading { position:relative; width:100%; height:100%; min-width:100px; min-height:30px; left:0px; top:0px; bottom:0px; right:0px; background:url(/i/loading.gif) center center no-repeat; z-index:2000; } .submitDisabled{ padding-right:20px; background: url(/i/submitDisabled.gif) right center no-repeat; border:1px solid #ccc; } .right { text-align:right; } .left { text-align:left; }
#tooltip { position: absolute; z-index: 9999; border: 3px double #FFFF66; background: #333; color:#FFFF99; padding: 10px; opacity: 0.95; font:normal 11px/14px Tahoma,sans-serif; max-width:400px; } #tooltip .header { font-size:12px; line-height:14px; } #tooltip .body { margin-top:6px; } #tooltip ins { display:block; width:100%; margin:3px 0px; border-bottom:1px solid #FFCC33; } #tooltip hr { height:1px; color:#FFCC33; width:100px; } #tooltip .att_left { float:left; max-width:200px; min-width:150px; } #tooltip .att_right{ float:right; max-width:200px; min-width:150px; } #tooltip .att_clear { clear:both; }
.pagestree { width:200px; padding:0px 20px 0px 0px; margin-left:30px; margin-top:2px; } .pagestree a:hover { text-decoration:none!important; } .pagestree li { margin:0px 0px 6px 0px; } .pagestree ul{ list-style:none outside; } .pagestree ul, .pagestree ul a { color:#222; font:normal 1em/1.1em sans-serif; } .pagestree ul ul { font-size:0.95em; } .pagestree ul li li { padding:0px 0px 0px 10px; } .pagestree a.level_0 { display:block; width:160px; height:28px; line-height:28px; white-space:nowrap; padding:0px 20px; background:url(/img/biblio/button.png) 0 0 no-repeat; color:#FFFFFF; text-decoration:none; overflow:hidden; } .pagestree .selected a.level_0 { background-position:0px -28px; } .pagestree a.level_0:hover { color:#FFCC66; } .pagestree .items li, .pagestree .items li.selected{ } .pagestree li.selected ul{ margin:0px; margin-bottom:10px; } .pagestree li.selected .topics { background:url(../img/biblio/down_menu.png) center bottom no-repeat; padding:10px; height:100%; } .pagestree li.selected .topics ul { background:transparent; } .pagestree li.selected a, .pagestree li.selected li.selected a, .pagestree li.selected li.selected li.selected a{ color:#FFFFFF; font-weight:bold; } .pagestree li.selected li.selected a { text-decoration:none; } .pagestree li.selected li a, .pagestree li.selected li.selected li a, .pagestree li.selected li.selected li.selected li a{ font-weight:normal; text-decoration:underline; } .pagestree ul.items li { font-style:italic; } .pagestree hr { width:50%; }
.usersonline { width:80%; margin:0px auto; } .usersonline td { height:20px; } .usersonline td,.usersonline td a { font:normal 14px/20px Tahoma,sans-serif; }
.center { margin:0px auto; text-align:center; } .left { text-align:left; } .align_right { text-align:right; } .float_left { float:left; } .float_right { float:right; } .bold { font-weight:bold; } .big { font-size:130%; } .nodisplay { display:none!important; }
.roundblock { border:none; color:#000000; margin:0px auto; margin-bottom:20px; } .roundblock a { color:#000000; } .roundblock .rbtl,.roundblock .rbtr,.roundblock .rbbl,.roundblock .rbbr { height:10px; width:10px; font-size:1px; background-repeat:no-repeat; background-image:url(/img/roundblock_o80.png); } .roundblock .rbtl { background-position:0px 0px; } .roundblock .rbtr { background-position:-20px 0; } .roundblock .rbbl { background-position:0px -20px; } .roundblock .rbbr { background-position:-20px -20px; } .roundblock .rbtop,.roundblock .rbbottom { height:10px; font-size:1px; background:url(/img/roundblock_o80.png) 0px -10px repeat-x; } .roundblock .rbleft,.roundblock .rbright { width:10px; font-size:1px; background:url(/img/roundblock_o80.png) -10px 0px repeat-y; } .roundblock .rbmid { padding:10px; background:url(/img/roundblock_o80m.png); }
.main_content { color:#000; } .main_content h1 { font:normal 2em/1.5em Geneva, Arial, Helvetica, sans-serif; margin-bottom:1em; font-variant:small-caps; } .main_content h2 { font:normal 1.4em/1.5em Geneva, Arial, Helvetica, sans-serif; margin-bottom:.5em; margin-top:.5em; } .main_content h3 { font:normal 1.2em/1.5em Geneva, Arial, Helvetica, sans-serif; margin-bottom:.5em; margin-top:.5em; } .main_content h4 { font:normal 1.2em/1.5em Geneva, Arial, Helvetica, sans-serif; margin-bottom:.5em; margin-top:.5em; } .main_content table { border-left:1px solid #aaa; border-top:1px solid #aaa; margin:10px; } .main_content table .striped { } .main_content table td { padding:3px 5px; border-bottom:1px solid #999; border-right:1px solid #999; line-height:1em; background:#eee; } .main_content table td p { margin:0.1em; padding:0px; } .main_content table .odd, .main_content table .odd td { background:#fff; } .main_content table td.table_header, .main_content table .table_header td{ padding:5px; vertical-align:middle; background:#DADADA; } .main_content table.table_noborder, .main_content table.table_noborder td { border:none; } .main_content table.ctable { margin:10px auto; } .main_content table.ctable td { vertical-align:middle; } .main_content dt { margin-top: .8em; margin-bottom: .4em; } .main_content dd {margin-bottom: .4em; margin-left:.4em } .main_content ul { margin-left: 2em; } .main_content li { padding-left: 1em; } .main_content ol { margin-left: 2.35em; } .main_content ol ol, .main_content ul ol { margin-left: 2.5em; } .main_content hr, .main_content ol, .main_content dl, .main_content pre, .main_content blockquote, .main_content address, .main_content p { margin-bottom: 1em; } .main_content p+p { margin-top: -.8em; } hr.dotted { height:1px; border:none; background:url(../images/hr.png) repeat-x; } hr.bigblack { height:6px; background:#000; border:none; }
.userbox { width:170px; position:relative; clear:both; overflow:hidden; cursor:pointer; padding:1px; margin:1px; border-bottom:1px solid #999; } .userbox.self { border-bottom:3px double #999; } .user_avatar { margin:10px; } .userbox sup { font-weight:bold; font-size:11px; color:#000000; padding:1px; padding-left:4px; } .userbox2 { width:90%; height:30px; margin:2px auto; position:relative; clear:both; overflow:hidden; } .userbox .botuser.special_style { font-size:15px; font-weight:bold; color:#003366; } .clansimg { width:13px; } .users_param_name { width:80px; clear:both; } .users_param_name b { float:right; text-align:left; } .users_param_name span { float:left; } .userbox .inbattle { display:inline-block; width:16px; height:16px; background:url(../i/battle16.png) right top no-repeat; text-decoration:none!important; } .userstaticons { display:inline-block; padding-right:3px; } .userstaticons div { width:13p; height:13px; overflow:hidden; margin:1px; } .userstaticons span { display:inline-block; width:16p; height:16px; overflow:hidden; margin:1px; } .userimg { width:40px; position:absolute; left:16px; top:0px; overflow:hidden; } .userbox .userdetails { position:absolute; left:65px; right:0px; top:0px; bottom:0px; } .userbox .userparams { position:absolute; left:0px; bottom:5px; right:0px; height:36px; font:normal 10px/11px sans-serif; color:#333; display:none; } .userbox .userparams .plefts { float:left; } .userbox .userparams .prights { float:right; } .userbox .movetext { padding-left:3px; font-size:10px; } .userbox .user { text-decoration:none; font-weight:bold; } .botuser { color:#990066; } #clans_member_list, #clans_requests_list { width:300px; height:300px; overflow:auto; overflow-x:none; border:1px solid #ccc; display:none; } #clans_member_list table td, #clans_requests_list table td{ padding:2px; } .userbox .quests_boss { font-weight:bold; font-size:120%; color:#FF0000; } .userbox .quests_bots { font-style:italic; } .userbox .talkbot { color:#003399; font-weight:bold; } .usersex_m { color:#003366; } .usersex_f { color:#CC0099; }
.user_ratings { width:500px; margin:30px auto; } .user_ratings td { height:20px; } .user_ratings .rating_1 td, .user_ratings .rating_2 td, .user_ratings .rating_3 td { height:30px; font-weight:bold; } .user_ratings .rating_1 { font-size:140%; } .user_ratings .rating_2 { font-size:120%; } .user_ratings .rate_col { text-align:center; } .user_ratings .race_col { text-align:center; } .addictions_meter { margin:20px auto; width:500px; } .addictions_meter td { height:30px; padding:5px 10px; text-align:center; vertical-align:middle; color:#FFFFFF; font-weight:bold; } .addictions_meter .addict_1 { background:url(../img/iface/addicts/1.jpg) left center; } .addictions_meter .addict_2 { background:url(../img/iface/addicts/2.jpg) right center; }
.tournament_bracket { padding:10px; margin:10px; border: 3px double #FFFF66; background: #333; padding: 10px; font:normal 11px/14px Tahoma,sans-serif; position:relative; } .tournament_bracket,.tournament_bracket a, .tournament_bracket del{ color:#FFFF99; } .tournament_bracket del { } .tournament_table td { vertical-align:middle; min-width:100px; } .tournament_table .log_link { padding-top:3px; margin-top:3px; border-top:1px solid #ccc; display:block; text-align:right; } .tournament_table code { color:#ccc; } .tournament_table .tournament_winner2 { position:absolute; bottom:-50px; left:0px; font-size:24px; color:#000000; border:3px solid #333; background:#FFFF66; padding:10px; z-index:10000; } .tournament_table .tournament_winner { font-size:16px; font-weight:bold; }
.jquery-image-zoom { z-index: 1000; border: 1px solid #999; margin: -5px; padding:10px; background:#FFFFFF; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .jquery-image-zoom a { background: url(/i/jquery.imageZoom.png) no-repeat; display: block; width: 25px; height: 25px; position: absolute; left: -17px; top: -17px; /* IE-users are prolly used to close-link in right-hand corner */ *left: auto; *right: -17px; text-decoration: none; text-indent: -100000px; outline: 0; z-index: 11; } .jquery-image-zoom a:hover { background-position: left -25px; } .jquery-image-zoom img, .jquery-image-zoom embed, .jquery-image-zoom object { width: 100%; height: 100%; } .jquery-image-zoom .fotos_caption { position:absolute; left:5px; right:5px; bottom:0px; background:#FFFFFF; color:#000; } .jquery-image-zoom .fotos_caption { font-size:110%; }
.technoblock { width:244px; margin:0px auto; } .technoblock td.tb_header { height:57px; background:url(../images/technoblock/top.png) center top no-repeat; } .technoblock td.tb_content { min-height:100px; background:url(../images/technoblock/mid.png) center repeat-y; } .technoblock td.tb_footer { height:14px; background:url(../images/technoblock/bot.png) center top no-repeat; } .technoblock .tb_content_holder { width:202px; margin:3px auto; overflow:hidden; position:relative; } .technoblock .tb_title { position:relative; left:33px; top:26px; width:180px; height:16px; color:#FFFFFF; white-space:nowrap; text-align:center; vertical-align:middle; } .technoblock_big { width:446px; margin:0px auto; } .technoblock_big td.tb_header { height:30px; background:url(../images/technoblock/big_top.png) center top no-repeat; } .technoblock_big td.tb_content { min-height:100px; background:url(../images/technoblock/big_mid.png) center repeat-y; } .technoblock_big td.tb_footer { height:16px; background:url(../images/technoblock/big_bot.png) center top no-repeat; } .technoblock_big .tb_content_holder { width:390px; margin:0px auto; overflow:hidden; position:relative; } .technoblock_big .tb_title { position:relative; left:33px; top:26px; width:180px; height:16px; color:#FFFFFF; white-space:nowrap; text-align:center; vertical-align:middle; } .technoblock_super { width:850px; margin:0px auto; } .technoblock_super td.tb_header { height:30px; background:url(../images/technoblock/super_top.png) center top no-repeat; } .technoblock_super td.tb_content { min-height:100px; background:url(../images/technoblock/super_mid.png) center repeat-y; } .technoblock_super td.tb_footer { height:16px; background:url(../images/technoblock/super_bot.png) center top no-repeat; } .technoblock_super .tb_content_holder { width:800px; margin:0px auto; overflow:hidden; position:relative; }