/* Oynucaz Theme V1.0 * @author SERKAN AFÞAR & RAMAZAN YÝÐÝT * @copyright 2013, Tüm haklarý saklýdýr. * @filename Oynucaz Theme V1.0 Ana Stil dosyasý * * SERKAN AFÞAR'a teþekkürler..! */ @import url(http://fonts.googleapis.com/css?family=Play&subset=latin,latin-ext); * { margin:0; padding:0; font-family: 'Play',sans-serif; } /* Top Bar */ #wrapper .top_bar { height:38px; margin-left:7%; } #wrapper .top_bar div.left { float:left; background: url(../images/topbar_first.png) no-repeat; height:38px; width:20px; } #wrapper .top_bar div.inner { background: url(../images/topbar_inner.png) repeat-x; height:38px; margin:0 0 0 20px; padding-left:15px; color:white; font-size:13px; line-height:38px; } #wrapper .top_bar div.inner a { color:white; text-decoration:none; margin-left:8px; padding-left:15px; } #wrapper .top_bar div.inner a:hover { color:white; text-decoration:underline; } #wrapper .top_bar .inner .login { float:left; margin-right: 50%; margin-top: 0;} /* Top Menu */ #wrapper .exe_menu { width:967px; height:80px; margin-left:auto; margin-right:auto; } #wrapper .exe_menu div.logo { position:absolute; width:249px; height:80px; background: url(../images/topmenu_logo.png) no-repeat; float:left; z-index:12; } *:first-child+html #wrapper .exe_menu div.logo { margin-left:-220px; } #wrapper .exe_menu div.menu { margin-left: 240px;height:42px; background:white; z-index:10; float:left; } #wrapper .exe_menu div.menu_son { background: url(../images/menuend.png); width:27px; height:42px; float:left;} #wrapper .exe_menu div.menu ul { height:42px; width:100%; background: white; list-style:none; text-align:center; background: url(../images/topmenu_back.png) repeat-x; box-shadow: 0 2px 6px -1px black; } #wrapper .exe_menu div.menu ul li { width:89px; padding-left:5px; padding-right:5px; float:left; height:42px; background: url(../images/topmenu_back.png); line-height:42px; } #wrapper .exe_menu div.menu ul li a { display:block; width:89px; height:42px; line-height:42px; color:#3c3c3c; font-size:11px; text-decoration:none; font-family: 'Roboto',sans-serif; font-weight:bold; } *:first-child+html #wrapper .exe_menu div.menu ul li { width:128px; } *:first-child+html #wrapper .exe_menu div.menu ul li a { width:128px; } #wrapper .exe_menu div.menu ul li:hover { background: lightblue; } #wrapper .exe_menu div.menu ul li.active { background: url(../images/topmenu_active.png); padding-left:10px; } #wrapper .exe_menu div.menu ul li.active:hover { background: green; } /* Slider */ #wrapper .stats { width:967px; height:250x; margin-left:auto; margin-right:auto; background: url(../images/slider_back.png); border-radius: 4px 4px 4px 4px; border:4px solid rgba(109,107,107,.77); margin-top:5px; } *:first-child+html #wrapper .stats { border:4px solid #6d6b6b; } #wrapper .stats div.uststats { margin-left:40px; margin-right:40px; margin-top:10px; } /* Announcement */ #wrapper .announcement { background: url(../images/announcements.png);width:923px;height:40px;margin-top:8px; margin-left:auto; margin-right:auto; line-height:40px;padding-left:50px; } /* Info */ #wrapper .info { width:967; height:142px; position:relative; bottom:50px; margin-left:auto; margin-right:auto; background: url(../images/alt.png); } /* #wrapper .info table { width:967px; height:142px;} #wrapper .info table tr td { border:1px solid #ccc; } #wrapper .info table tr td .title { text-align:center; margin-top:-60px; font-weight:bold; } #wrapper .info table tr td i.paypal-icon { } */ /* Footer */ #wrapper .footer { position:fixed; bottom:0px; height:41px; width:100%; background: url(../images/footer_back.png); } #wrapper .footer .logo { width:112px; margin-left:20px; height:41px; background: url(../images/footer_logo.png) no-repeat; background-position:center; line-height:41px; float:left; } #wrapper .footer .logo a { display:block; width:112px; height:41px; } #wrapper .footer ul { position:absolute; right:300px; height:41px; line-height:41px; } #wrapper .footer ul li { height:41px; width:130px; float:left; list-style:none; line-height:41px;} #wrapper .footer ul li a { display:block; width:100%; height:100%; } #wrapper .footer ul li#cstrike { background: url(../images/cstrike.png) no-repeat; background-position:center;} #wrapper .footer ul li#cloudflare { background: url(../images/cloudflare.png) no-repeat; background-position:center;} #wrapper .footer ul li#valve { background: url(../images/valve.png) no-repeat; background-position:center;} #wrapper .footer ul li#steam { background: url(../images/steam.png) no-repeat; background-position:center;} #wrapper .footer ul li#netinternet { background: url(../images/ninet.png) no-repeat; background-position:right;} #wrapper .footer .destek { background: url (..) no-repeat; float: left;} /** 3. MISC *****************************************************************/ .rm{ color: #121212; background-color: #000000; padding: 1px 4px; display:block; width: 118px; margin-top: 5px; box-shadow: 0px 0px 3px #000; font-family: LeagueGothic, sans-serif; text-transform: uppercase; font-size: 18px; border-radius: 2px; } .rm:hover{ background-color: #e40901; color: #000000; } #bg-darker { position: fixed; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .5); } #bg-pattern, .pattern { position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; background: url('http://mrstipfan.hol.es/images/pattern-bg.png') repeat fixed !important; } #bg-image { position: fixed !important; z-index: -1; width:100%; height: 100%; } #bg-video { position: fixed !important; z-index: -1; width: 100%; height: 100%; } #canvas-container { position: fixed !important; z-index: 0; width: 100%; height: 100%; opacity: 0; } canvas { position: fixed !important; z-index: 0; width: 100%; height: 100%; } .showOn-video-bg { display: none; } .volume-button { font-size: 18px; position: absolute; z-index: 7; top: 20px; left: 20px; cursor: pointer; color: #fff; } .stop-button { font-size: 18px; position: absolute; z-index: 7; top: 20px; left: 50px; cursor: pointer; color: #fff; } /** 4. FRONT-CONTENT