/* --------------------------------- author: Corner Studio SRL email: mail@corner.md website: http://cornerstudio.ru --------------------------------- */ @import 'reset.css'; @import 'fancybox.css'; /* SITE CSS */ html { width:100%; height:100%; background:fixed url(i/bg.jpg) #333; } body { font-family:Helvetica; color:black; background:url(i/background-top.jpg) center top no-repeat; width:100%; height:100%; } body .clear { clear:both; } body a { color:white; } .no_border { border-right:none; } .empty { height: 56px; } #wrapper { width:1000px; margin:0px auto; min-height: 100%; position:relative; } * html #wrapper {height: 100%;} /* HEADER */ #wrapper .header { width:100%; height:105px; } #wrapper .header .logo { width:203px; background:url(i/logo.png) no-repeat; height:55px; position:absolute; left:10px; top:20px; } #wrapper .header .logo a { display:block;width:203px; height:55px;} #wrapper .header .logo a span { display:none;} /* menu */ #wrapper .header ul.menu { width:auto; float:right; padding-top:35px; padding-right:14px; } #wrapper .header ul.menu li { float:left; padding-left:9px; } #wrapper .header ul.menu li a { color:#CCCCCC; font-family:Helvetica; font-size:15px; display:block; padding:3px; } #wrapper .header ul.menu li a:hover { color:white; } #wrapper .header ul.menu li.selected a { background:#FF6600; color:white; text-decoration:none; } /* CONTAINER */ #container { position:relative; display:block; margin-bottom:20px; } /* sidebar */ #container #sidebar { width:200px; background:url(i/bg_rate.png); float:left; padding-bottom:30px; position:absolute; left:0px; } #container #sidebar.white { background:url(i/white-sidebar-background.png); } #container #sidebar ul { padding-top:15px; padding-left:20px;} #container #sidebar ul li {padding-top:12px;font-size:14px; color:white;} #container #sidebar ul li.selected a { background:#FF6600; text-decoration:none; padding:3px; } #container #sidebar ul li a { padding:3px; font-size:14px; color:white; } #container #sidebar ul li ul.sub-menu { padding-left:10px; padding-top:5px; display:none; } #container #sidebar ul li.selected ul.sub-menu { display:block; } #container #sidebar ul li ul.sub-menu li { } #container #sidebar ul li ul.sub-menu li a { background:none; font-size:12px; color:#CCC; text-decoration:underline; } #container #sidebar ul li ul.sub-menu li.selected a { background:#666; color:white; text-decoration:none; padding:2px; } /* text block */ #container #text { float:left; background:white; width:800px; padding:20px 0px; margin-left:200px; } #container #text h1 { padding-left:25px; padding-right:20px; font-size:20px; line-height:120%;} #container #text h2 { padding-left:25px; padding-right:20px; padding-top:15px; font-size:15px; line-height:120%;} #container #text h2 a { color:#FF6600; font-size:12px; font-weight:normal;} #container #text p {padding-left:25px; padding-right:20px; padding-top:10px; color:#333333; font-size:14px; line-height:140%;} #container #text p a { color:#FF6600; font-size:12px; font-weight:normal;} #container #text blockquote {background:#F5F5F5; padding-bottom:10px; margin-top:10px;} #container #text blockquote p span.cq {color:#669900;} #container #text blockquote p span.acq {color:#336699;} #container #text blockquote p span.fcq {color:#FF0066;} #container #text blockquote p span.cqc {color:#333333;} #container #text blockquote p span.sq {color:#FF9900;} #container #text blockquote p span.pq {color:#666666;} #container #text blockquote p span.lcq {color:#666666;} #container #text ul.teams {background:#F5F5F5; padding-bottom:10px; margin-top:10px; padding-top:10px;} #container #text ul.teams li { float:left; padding-left:25px; width:200px; padding-right:10px; } #container #text ul.teams li h2 { font-size:17px; color:#FF6600; padding:0px; padding-bottom:7px;} #container #text ul.teams li p {color:#666666; font-size:12px; padding:0px;} #container #text ul.prepare {background:#F5F5F5; padding-bottom:10px; margin-top:10px; padding-top:10px;} #container #text ul.prepare li { float:left; padding-left:25px; width:170px; } #container #text ul.prepare li p {color:#666666; font-size:12px; padding:0px;} /* reglament */ #container .reglament { width:auto; height:auto;} #container .reglament h1 { font-size:20px; } #container .reglament h2 { color:#FF6600; font-size:16px; } #container .reglament p span { font-style:italic; padding:0px; color:#333333; font-size:12px; margin-top:-10px; position:relative; display:block; } /* press */ #container .press { width:auto; height:auto; } #container .press h1 { font-size:20px; } #container .press h2 { color:#FF6600; font-size:16px; padding-bottom:0px; } #container .press p { padding:0px; margin:0px; margin-top:-10px; } #container .press p a { color:red; font-size:14px; position:relative; margin-top:-10px; color:#333; } #container #text.press p.source { font-size:13px; color:#666; font-style:italic; } #container #text.press p.source a { color:#666; } /* gallery */ #container #gallery { float:left; background:url(i/bg_rate.png); width:780px; padding:20px 0px; padding-left:20px; margin-left:200px; } #container #gallery h2 { font-size:20px; color:#FFF; font-weight:normal; padding-left:10px; } #container #gallery .gallery-item { padding-right:15px; background:url(i/foto_bg.png) no-repeat; padding-top:8px; padding-left:10px; position:relative; float:left; width:234px; height:232px; margin-top:10px; } #container #gallery .gallery-item .title { background:url(i/bg_top_fot.png) repeat-x; padding-left:5px; color:#FF6600; font-size:13px; font-weight:normal; font-family:Helvetica; line-height:32px; padding-right:5px ;width:210px; height:35px; position:absolute; top:8px; left:10px; overflow:hidden; } #container #gallery .gallery-item .title a { color:#FF6600; font-size:13px; font-weight:normal; font-family:Helvetica;} #container #gallery .gallery-item .image { width:220px; height:220px; display:block; overflow:hidden; } /* photos */ #container #photos { float:left; background:url(i/bg_rate.png); width:780px; padding:20px 0px; padding-left:20px; margin-left:200px; } #container #photos h2 { font-size:20px; color:#FFF; font-weight:normal; padding-left:10px; } #container #photos .game-link { position:absolute; right:30px; top:16px; font-size:12px; color:#666; } #container #photos .game-link a { color:#666; } #container #photos .game-link a:hover { background:#222; color:#CCC; } #container #photos .photo { padding-right:15px; background:url(i/foto_bg.png) no-repeat; padding-top:8px; padding-left:10px; position:relative; float:left; width:234px; height:232px; margin-top:10px; display:none; } #container #photos .photo .image { width:220px; height:220px; display:block; overflow:hidden; } #container #photos .photo .image a { width:220px; height:220px; display:block; } #container #photos .photo .image a span { display:none; } /* games */ #container #games { float:left; background:url(i/bg_rate.png); width:780px; padding:20px 0px; padding-left:20px; margin-left:200px; } #container #games h2 { font-size:20px; color:#FFF; font-weight:normal; padding-left:10px; } #container #games .game { padding-right:15px; background:url(i/foto_bg.png) no-repeat; padding-top:8px; padding-left:10px; position:relative; float:left; width:234px; height:232px; margin-top:10px; display:none; } #container #games .game .title { background:url(i/bg_top_fot.png) repeat-x; padding-left:5px; color:#FF6600; font-size:13px; font-weight:normal; font-family:Helvetica; line-height:32px; width:210px; padding-right:5px; height:35px; position:absolute; top:8px; left:10px; overflow:hidden; } #container #games .game .title a { color:#FF6600; text-decoration:none; } #container #games .game a { display:block; width:220px; height:220px; } /* gallery */ #container #video { float:left; background:url(i/bg_rate.png); width:780px; padding:20px 0px; padding-left:20px; margin-left:200px; } #container #video h2 { font-size:20px; color:#FFF; font-weight:normal; padding-left:10px; } /* game */ #container #game { float:left; background:url(i/bg_rate.png); width:780px; padding:20px 0px; margin-left:200px; } #container #game .description { width:490px; } #container #game a { color:white; } #container #game h2 { font-size:20px; color:#FF6600; font-weight:normal; padding-left:20px; } #container #game h2 span { color:white; } #container #game h3 { font-size:14px; color:#FF6600; font-weight:normal; padding-top:10px; padding-left:20px; } #container #game p { font-size:14px; color:#999999; font-weight:normal; padding-top:10px; padding-left:20px; line-height:130%; } #container #game ul { padding-top:5px; padding-left:30px; } #container #game ul li { padding-top:5px; color:#999999; font-size:14px; } #container #game form.register-command { background:#FFF; padding:10px 0px; position:relative; height:240px; } #container #game form.register-command .image { position:absolute; right:10px; top:10px; } #container #game form.register-command p span { color:#666666; font-size:12px; margin-top:-10px; position:relative; display:block; } #container #game form.register-command label { width:155px; color:#000000; font-size:14px; padding-top:3px; display:block; float:left; } #container #game form.register-command .input { width:300px; border:1px solid #CCCCCC; padding:5px;} #container #game form.register-command p.button { padding-left:175px; } #container #game form.register-command p.button input{ width:auto; padding:0px; } #container #game .registered { padding-left:20px; padding-top:20px; font-size:18px; line-height:1.6; color:white; } /* inventary */ #container #text { } #container #text .inventary-item { width:auto; padding-top:5px; padding-bottom:10px; position:relative; margin-top:10px; } #container #text .dark { background:#F5F5F5; } #container #text .maps { } #container #text .flashlights { } #container #text .telephone { height:150px; } #container #text .boots { height:100px; } #container #text .car { height:130px; } #container #text .inventary-item h2 { padding-top:5px; color:#FF6600; font-size:16px; font-weight:bold; padding-left:170px; padding-bottom:0px; padding-right:20px; } #container #text .inventary-item p { font-size:13px; color:#666666; line-height:1.4; padding-left:170px; } #container #text .inventary-item img { position:absolute; left:0px; bottom:0px; } #container #text .car img { top:0px; } /* pages-navigation */ #container ul.pages { height:15px; display:block; float:right; padding-right:30px; padding-top:20px; padding-bottom:10px; clear:both; } #container ul.pages li { float:left; display:block; padding-right:1px; } #container ul.pages li a { background:white; font-size:14px; display:block; width:20px; height:20px; line-height:20px; text-align:center; color:#FF6600; text-decoration:none; } #container ul.pages li.selected a { background:#FF6600; color:white; } /* game-types */ #container ul.game-types { height:15px; display:block; float:left; padding-left:7px; clear:both; padding-bottom:10px; } #container ul.game-types li { float:left; display:block; color:#666; font-size:13px; line-height:18px; padding-left:4px; padding-right:4px; } #container ul.game-types li a { font-size:14px; display:block; color:#FF6600; padding:2px; line-height:1; } #container ul.game-types li a:hover { color:#777; } #container ul.game-types li.selected a { background:#FF6600; color:white; text-decoration:none; } /* home-game */ #container .home-game { width:326px; height:326px; background:url(i/shade.png) no-repeat; float:left; position:relative; margin-bottom:15px; } #container .home-game.center { margin-left:9px; margin-right:9px; } #container .home-game .image { display:block; padding-left:13px; padding-top:10px; position:absolute; left:0px; top:0px; z-index:1; } #container .home-game .image img { display:block; } #container .home-game .title { position:absolute; left:13px; top:10px; width:300px; height:40px; z-index:3; background:url(i/top_game.png) no-repeat; } #container .home-game .title p { font-size:11px; color:white; padding-left:5px; padding-top:5px; } #container .home-game .title p a { font-size:13px; color:#FF6600; } #container .home-game .title p a:hover { color:#666; } #container .home-game .result { height:90px; position:absolute; width:300px; padding-top:10px; left:13px; bottom:16px; background:url(i/bg_black.png); z-index:3; } #container .home-game .result p { font-size:12px; color:white; padding-left:15px; padding-top:5px; font-family:Helvetica; text-transform:uppercase; } #container .home-game .result p a { color:#FF6600; text-transform:none; } #container .home-game .result p a:hover { color:white; } /* calendar */ #container #calendars { float:left; margin-left:33px; zoom:1; background:url(i/bg_rate.png); } #container #calendars div.calendar { float:left;width:200px; border-right:1px solid white; padding-right:5px; padding-top:10px; padding-left:5px;} #container #calendars div.last { border-right:none; } #container #calendars div.calendar h1 { text-align:center; padding-bottom:5px; font-family:Georgia; font-style:italic; font-size:14px; color:white; } #container #calendars div.calendar table tr { height:18px; } #container #calendars div.calendar table tr th { width:21px; font-size:11px; color:#999999; text-align:right; border-left:1px solid #404040; padding-right:4px; } #container #calendars div.calendar table tr td { width:21px; font-size:11px; color:#FFFFFF; text-align:right; border-left:1px solid #404040; padding-right:4px; vertical-align:middle; } #container #calendars div.calendar table tr th.no_border{ border:none; } #container #calendars div.calendar table tr td.no_border{ border:none; } #container #calendars div.calendar table tr td.cq {background:url(i/green_cal.gif) top right no-repeat; } #container #calendars div.calendar table tr td.acq {background:url(i/blue_cal.gif) top right no-repeat; } #container #calendars div.calendar table tr td.g {background:url(i/gray_cal.gif) top right no-repeat; } #container #calendars div.calendar table tr td.fcq {background:url(i/red_cal.gif) top right no-repeat; } #container #calendars div.calendar table tr td.sq {background:url(i/cq_sel.gif) top right no-repeat; } #container #calendars div.calendar table tr td.lcq {background:url(i/calendar_lcq.gif) top right no-repeat; } #container #calendars div.calendar table tr td.vrq {background:url(i/calendar_vrq.gif) top right no-repeat; } #container #calendars div.calendar table tr td a { display:block; text-decoration:none; width:21px; height:16px; line-height:16px; } #container #calendars ul { clear:both; padding-left:15px; } #container #calendars ul li {float:left; padding-left:15px; color:#999999; font-size:11px; margin-top:7px; padding-right:15px; padding-bottom:10px;} #container #calendars ul li.cq { background:url(i/green_pix.gif) no-repeat; } #container #calendars ul li.acq { background:url(i/blue_pix.gif) no-repeat; } #container #calendars ul li.gray{ background:url(i/gray_pix.gif) no-repeat; } #container #calendars ul li.fcq { background:url(i/red_pix.gif) no-repeat; } #container #calendars ul li.sq { background:url(i/yellow_pix.gif) no-repeat; } #container #calendars ul li.lcq { background:url(i/legend_lcq.gif) no-repeat; } #container #calendars ul li.vrq { background:url(i/legend_vrq.gif) no-repeat; } /* rating */ #container .rating { padding-left:15px; zoom:1; float:left; } #container .rating .vetki { width:40px; float:left; padding-top:5px} #container .rating .vetki p {padding:0px; text-transform:uppercase; margin-bottom:5px; padding-left:2px; } #container .rating .vetki p a {padding:3px; color:white; font-size:13px; text-decoration:none; } #container .rating .vetki p.cq {background:#FF6600; } #container .rating .vetki p.fcq {} #container .rating .vetki p.acq {} #container .rating .vetki p.sq {} #container .rating .vetki p.lq {} /* top */ #container .rating .topten {width:244px; float:left; border-left:1px solid #FF6600; background:url(i/bg_rate.png); padding-left:15px; padding-top:10px; padding-bottom:10px; } #container .rating .topten h1 {font-size:22px; color:white; font-family:Georgia; font-style:italic; padding-bottom:10px; font-weight:bold; } #container .rating .topten p {font-size:11px; color:#CCCCCC; padding:6px 0px;} #container .rating .topten p span.first {font-size:18px; color:#CCCCCC;} #container .rating .topten p span.second {font-size:16px; color:#CCCCCC;} #container .rating .topten p span.third {font-size:14px; color:#CCCCCC;} #container .rating .topten p span.four {font-size:12px; color:#CCCCCC;} #container .rating .topten p span.five {font-size:11px; color:#CCCCCC;} /* banner */ #container .banner_panel { clear:both; height:150px; margin-top:20px; position:relative; } #container .banner_panel .banner {text-align:center; color:white; width:300px; height:120px; background:url(i/bg_rate.png); line-height:115px; position:absolute; left:15px; } #container .banner_panel .banner2 { text-align:center; color:white; width:300px; height:120px; background:url(i/bg_rate.png); line-height:115px; position:absolute; left:347px; } /* Contact CSS */ #container #contact { width:1000px; background:#FFF; padding-top:15px; padding-left:10px; padding-bottom:20px;} #container #contact .admin { float:left; width:230px; padding-left:15px; background:#FFF;} #container #contact .admin h2 { color:#FF6600; font-size:18px;} #container #contact .admin p { font-size:12px; padding-top:10px;} #container #contact .admin p span { color:#999999; } #container #contact .admin p a { color:#999999; } /* partners CSS */ #container #partners { width:1000px; background:#FFF; padding-top:15px; padding-left:10px; padding-bottom:20px;} #container #partners .banner { float:left; width:150px; height:150px; border:1px solid #CCCCCC; text-align:center; margin-right:5px; } /* Raiting */ #container #tab_rating { text-align:center; position:relative; margin:0px auto; width:95%; clear:both; } #container #tab_rating .comand { border-bottom:#CCCCCC solid 1px; line-height:30px; width:150px; height:30px; text-align:left; padding-left:20px; color:#000; font-size:13px; } #container #tab_rating .comand a { line-height:30px;height:30px; text-align:right; color:#000; font-size:14px; } #container #tab_rating .ball { border-bottom:#CCCCCC solid 1px; line-height:30px;height:30px; width:auto;font-size:11px; } #container #tab_rating .first { background:#CCC; } #container #tab_rating .mesto { padding-right:15px;font-size:11px; width:50px; color:#666666;text-align:right;} #container #tab_rating .name_comand { text-align:left; padding-left:20px; } #container #tab_rating tr.values:hover td.comand { background:#CCC; } #container #tab_rating tr.values:hover td.ball { background:#CCC; } #container #tab_rating tr.top { color:#999999; font-size:11px; line-height:20px; } #container #tab_rating tr.top td { padding-bottom:5px; } #container #tab_rating tr.top a { color:#999999; text-decoration:none;font-size:11px;font-family:Trebuchet MS; background:url(../i/bgra.gif) repeat-x bottom;} #container #tab_rating tr.top td.game { text-transform:uppercase; } #container #tab_rating .gold { padding-right:30px;text-align:right; padding-left:10px; } #container #tab_rating .gold span { color:#A0793F; font-size:10px; } #container #tab_rating .gold img{ position:absolute; padding-left:5px; } #container #tab_rating .silver { padding-right:30px;text-align:right; padding-left:10px; } #container #tab_rating .silver span{ color:#7F7F7F; font-size:10px; } #container #tab_rating .silver img{ position:absolute; padding-left:5px; } #container #tab_rating .bronze { padding-right:30px;text-align:right; padding-left:10px; } #container #tab_rating .bronze span { color:#6F3530; font-size:10px; } #container #tab_rating .bronze img { position:absolute; padding-left:5px; } #container .rating-comment { color:#666; text-align:right; font-style:italic; padding-top:10px; } /* FOOTER */ #footer { height:55px; width:1000px; border-top:1px solid #5C5C5C; margin:0px auto; position:relative; clear:both; margin: -56px auto 0; } #footer .copyright { position:absolute; right:20px; top:11px; color:#FF6600; font-size:13px; } #footer .corner { color:#777; font-size:12px; right:20px; top:27px; position:absolute; } #footer .corner a { color:#777; } #footer .corner a:hover { color:#999; } #footer ul.menu { } #footer ul.menu li {float:left; padding-left:9px; padding-top:16px; } #footer ul.menu li a { color:#CCCCCC; font-family:Helvetica; font-size:15px; display:block; padding:3px; } #footer ul.menu li a:hover { color:white; } #footer ul.menu li.selected a { background:#FF6600; color:white; text-decoration:none; }