EVET ARKADAŞLAR SİZLER İÇİN ATAMT2 CSS TASARIMI PAYLAŞIYORUM ARTIK KENDİNİZ SİTENİZDE GÖRE AYARLARSINIZ TŞKR UNUTMAYIN
işte TASARIMIN RESİMİ
http://a1107.hizliresim.com/11/7/31/2680.bmp
TASARIM ÜSTÜNE
<script type="text/javascript" src="http://tursabmt2.anilbilisim.com/static/scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://tursabmt2.anilbilisim.com/static/scripts/easySlider1.7.js"></script>
<script type="text/javascript" src="http://tursabmt2.anilbilisim.com/static/scripts/clock.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#scSlider").easySlider({
auto: false,
continuous: true,
});
});
$(document).ready(function(){
$("#nSlider").easySlider({
auto: true,
continuous: true,
numeric: true,
});
});
$(document).ready(function(){
$("#itemSlider").easySlider({
auto: false,
continuous: true,
});
});
</script>
<script type="text/javascript">
function chkFormular () {
if (document.login.user.value == "") {
alert("Kullanıcı adı boş olamaz.");
document.login.user.focus();
return false;
}
if (document.login.pw.value == "") {
alert("Şifre boş olamaz.");
document.login.pw.focus();
return false;
}
if (document.login.user.value == "%") {
alert("Yasaklı karakter kullandınız!");
document.login.user.focus();
return false;
}
if (document.login.pw.value == "%") {
alert("Yasaklı karakter kullandınız!");
document.login.pw.focus();
return false;
}
}
</script>
<style type="text/css">
<!--
.style1 {
font-weight: bold;
color: #FF0000;
}
-->
</style>
</head>
<body onload_fckprotectedatt="%20onload%3D%22UR_Start()%22">
<div id="bb">
<div id="wrapper">
<div id="header">
<div id="navbar">
<ul>
<li><a class="home" href="#" _fcksavedurl="#">Ana Sayfa</a></li>
<li><a class="register" href="#" _fcksavedurl="#">Kayıt Ol</a></li>
<li><a class="downloads" href="#" _fcksavedurl="#">Dosya indir</a></li>
<li><a class="ranking" href="#" _fcksavedurl="#">Sıralama</a></li>
<li><a class="forums" href="#" _fcksavedurl="#">Kullanıcı Panel</a></li>
<li><a class="donate" href="#" _fcksavedurl="#" target="_blank">Forum</a></li>
<li><a class="vote" href="#" _fcksavedurl="#">Takım</a></li>
<li><a class="staff" href="#" _fcksavedurl="#">Market</a></li>
<li><a class="rules noborder" href="Ticket" _fcksavedurl="Ticket" target="#">Destek </a></li>
</ul> </div>
</div>
<div id="content">
<div class="cui ctop"></div>
<div class="cui ccon">
<div class="clearfix"></div>
TASARIM ALTINA
<div class="clearfix"></div>
<div id="sliderContainer">
<div id="nSlider">
<ul>
<li><a class="ns1" href="#" _fcksavedurl="#"><span class="nsTitle">Hoşgeldiniz,</span> <span class="nsCon"> Oyunu Size Metin2 Tadını Yaşatacakdır...</span></a></li>
<li><a class="ns2" href="#" _fcksavedurl="#"><span class="nsTitle">Kayıt ol,</span> <span class="nsCon">Kayıt ol, kaliteli oyunun keyfini çıkart. Kayıt olmak için buraya tıkla.</span></a></li>
<li><a class="ns3" href="#" _fcksavedurl="#"><span class="nsTitle">User CP,</span> <span class="nsCon">Kullanıcı panelinden şifrenizi değiştirebilir, mail adresinizi değiştirebilir, bilgilerinize bakabilirsiniz.</span></a></li>
<li><a class="ns4" href="#" _fcksavedurl="#"><span class="nsTitle">Nesne Market</span> <span class="nsCon">Oyunumuza Katkı Sağlamak ve Hesabını Güçlendirmek İçin Marketi Ziyaret Ediniz...</span></a></li>
<li><a class="ns5" href="#" _fcksavedurl="#"><span class="nsTitle">Oyun açıkları,</span> <span class="nsCon">Lütfen bulduğunuz oyun açıklarını, yetkili kişilere bildiriniz.</span></a></li>
</ul> </div>
</div>
<div class="cbox-ui cbox-end"></div>
<div class="clearfix"></div>
</div>
<div class="cui cbottom"></div>
</div>
<div id="sidebar">
<a href="http://hotfile.com/dl/123064287/abc6758/TursabMt2.rar.html" _fcksavedurl="http://hotfile.com/dl/123064287/abc6758/TursabMt2.rar.html" class="download">
<span>TursabMt2 Pack</span>
<small>TursabMt2.rar (24mb)</small>
</a> <div class="clear"></div>
<div class="sbox">
<div class="sbui sb-title">
<img src="static/images/icons/usercp.png" _fcksavedurl="static/images/icons/usercp.png" alt="User CP" />
<h4>Kullanıcı Paneli:</h4>
</div>
<div class="sbui sb-con">
<form action="#" method="post" id="Login" onsubmit_fckprotectedatt="%20onsubmit%3D%22return%20chkFormular()%22" name="login">
<div>
<p><label><span>ID:</span> <input name="user" type="text" class="txtbar" onkeyup_fckprotectedatt="%20onkeyup%3D%22value%3Dvalue.replace(%2F%5B%5Ew.%2F%5D%2Fig%2C'')%22"/></label></p>
<p><label><span>PW:</span> <input name="pw" type="password" class="txtbar" onkeyup_fckprotectedatt="%20onkeyup%3D%22value%3Dvalue.replace(%2F%5B%5Ew.%2F%5D%2Fig%2C'')%22"/></label></p>
<p><input name="login" type="submit" value="Giriş" class="btn login lime" /> <center><a href='index.php?p=sifre_gonder' _fcksavedurl='index.php?p=sifre_gonder'>Şifremi unuttum?</a></center></p>
</div>
</form>
</div>
<div class="sbui sbft"></div>
</div>
<div class="clear"></div>
<div class="sbox">
<div class="sbui sb-title">
<img src="http://tursabmt2.anilbilisim.com/static/images/icons/stats.png" _fcksavedurl="http://tursabmt2.anilbilisim.com/static/images/icons/stats.png" alt="Current Status" />
<h4>Server Durumu:</h4>
</div>
<div class="sbui sb-con-nao">
<div class="time">
<div id="clockbox"><font size="1" face="Trebuchet MS, Verdana, Arial, sans-serif" color="#DAD3B7">Server Saati: </font><font id="ur" size="1" face="Trebuchet MS, Verdana, Arial, sans-serif" color="#DAD3B7"></font> </div>
</div>
<div class="srvstatus">
Giriş Server:<p class="srv-on">Online</p>CH1:<p class="srv-on">Online</p>
</div> </div>
<div class="sbui sbft"></div>
</div>
<div class="clear"></div>
<div class="sbox">
<div class="sbui sb-title">
<img src="http://tursabmt2.anilbilisim.com/static/images/icons/ranking.png" _fcksavedurl="http://tursabmt2.anilbilisim.com/static/images/icons/ranking.png" alt="Oyuncu Sıralaması" />
<h4>Sıralama | İlk 5</h4>
</div>
<div class="sbui sb-con">
<table id="sbRanking" width="206" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="sbrc1" scope="col"><center>Sıra</center></th>
<th class="sbrc2" scope="col"><center>Nickname</center></th>
<th class="sbrc3" scope="col"><center>Lvl</center></th>
</tr>
<center>
<tr>
<center>
<td class="sbrc1"><font color=#98cbff><center><h4>1</h4></center></font></td>
<td class="sbrc2"><font color=#fff6cd><center><h4>YERIN7KAT6</h4></center></font></td>
<td class="sbrc3"><font color=ffe6bb><center><h4>96</h4></center></font></td>
</tr>
</center>
<center>
<tr>
<center>
<td class="sbrc1"><font color=#98cbff><center><h4>2</h4></center></font></td>
<td class="sbrc2"><font color=#fff6cd><center><h4>CraacK</h4></center></font></td>
<td class="sbrc3"><font color=ffe6bb><center><h4>96</h4></center></font></td>
</tr>
</center>
<center>
<tr>
<center>
<td class="sbrc1"><font color=#98cbff><center><h4>3</h4></center></font></td>
<td class="sbrc2"><font color=#fff6cd><center><h4>NauqHTy</h4></center></font></td>
<td class="sbrc3"><font color=ffe6bb><center><h4>95</h4></center></font></td>
</tr>
</center>
<center>
<tr>
<center>
<td class="sbrc1"><font color=#98cbff><center><h4>4</h4></center></font></td>
<td class="sbrc2"><font color=#fff6cd><center><h4>FonDeep</h4></center></font></td>
<td class="sbrc3"><font color=ffe6bb><center><h4>93</h4></center></font></td>
</tr>
</center>
<center>
<tr>
<center>
<td class="sbrc1"><font color=#98cbff><center><h4>5</h4></center></font></td>
<td class="sbrc2"><font color=#fff6cd><center><h4>Tam1Boq</h4></center></font></td>
<td class="sbrc3"><font color=ffe6bb><center><h4>92</h4></center></font></td>
</tr>
</center></td>
</tr>
</table> </tr>
</table>
<a class="bplus" href="index.php?p=rank" _fcksavedurl="index.php?p=rank">Devamı</a>
</div> <div class="sbui sbft"></div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div id="footer">
<div class="f-left">
<p>RPG-DESİGN Tüm Hakkı Saklıdır. | Anilbilisim.com Tarafından Kurulmsutur</p>
</div>
<div class="f-right">
</div>
<div class="clear"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
CSS KODU BÖLÜMÜNE
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
html, body {
padding:0;
margin:0;
height:100%;
}
body {
background:#000 url('http://hizliresimyukle.com/showoriginal-77634/bg_top.jpg') no-repeat top center;
text-align:center;
color:#9c9688;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12px;
}
.clear {clear:both}
.clearfix {clear:both; height:1px;}
a {text-decoration:none;}
a:focus {outline:none;}
a img {border:none;}
/*-------------------------------------*/
/* Main Elements ----------------------*/
#bb {
background:transparent url('http://tursabmt2.anilbilisim.com/static/images/ui/bg_bottom.jpg') no-repeat center bottom;
}
#wrapper {
width:968px;
margin:0 auto;
text-align:left;
}
/*-------------------------------------*/
/* Header -----------------------------*/
#header {
height:350px;
margin-bottom:20px;
}
#header #logo{
margin:20px 0 0 50px;
}
#navbar {
height:52px;
padding-left:9px;
}
#navbar ul {
margin:0;
padding:0;
list-style:none;
}
#navbar ul li {
margin:0;
padding:0;
}
#navbar ul li a {
display:block;
float:left;
height:50px;
line-height:3.3;
padding:0 22px;
color:#b68b76;
text-shadow:0px 1px 0px #000;
font-size:14px;
background:url('http://tursabmt2.anilbilisim.com/static/images/ui/navlink_border.png') no-repeat center right;
}
#navbar ul li a.noborder {
background:none;
}
#navbar ul li a:hover {
color:#f6c4ac;
}
#navbar ul li a:active {
line-height:3.4;
}
#navbar ul li a.current,
#navbar ul li a:active
/*,
#sidebar .sb-title h4:hover,
.rn-news a:hover span*/
{
color:#FFF !important;
text-shadow:
0 -1px 2px #FFF,
0 -2px 4px #ffaa76,
0 -4px 6px #ff4800,
0 0px 2px #000,
0 3px 5px #ff4800,
5px 0 35px #4d8ccd,
-5px 0 35px #4d8ccd,
0 3px 35px #ff4800,
5px 0 35px #cd834d,
-5px 0 35px #cd834d,
10px 0 25px #cd834d,
-10px 0 25px #cd834d,
10px 0 25px #cd834d,
-10px 0 25px #cd834d
!important
}
/*-------------------------------------*/
/* Content ----------------------------*/
#content {
float:right;
width:708px;
}
.cui {
background:url('http://tursabmt2.anilbilisim.com/static/images/ui/content_ui.png');
}
.ctop {
height:22px;
}
.cbottom {
height:22px;
background-position:bottom left;
margin-bottom:10px;
}
.ccon {
background-position:top right;
background-repeat:repeat-y;
min-height:1100px;
}
.recentNews, .regBox, .cbox-end, .cbox-end2 {
margin-bottom:30px !important;
}
/*-------------------------------------*/
/* Content - News Slider --------------*/
#sliderContainer {
margin:0 auto;
height:156px;
width:663px;
background:url('http://tursabmt2.anilbilisim.com/static/images/ui/sliderbox.png');
color:#858585;
}
#sliderContainer #nSlider {
height:111px;
width:649px;
position:relative;
top:7px;
left:7px;
overflow:hidden;
}
#sliderContainer ul, #sliderContainer ul li, #sliderContainer ul li a {
margin:0;
padding:0;
list-style:none;
height:111px;
width:649px;
overflow:hidden;
display:block;
}
#sliderContainer .ns1 {
background:url('http://tursabmt2.anilbilisim.com/static/images/news/bg_01.jpg') no-repeat;
}
#sliderContainer .ns2 {
background:url('http://tursabmt2.anilbilisim.com/static/images/news/bg_02.jpg') no-repeat;
}
#sliderContainer .ns3 {
background:url('http://tursabmt2.anilbilisim.com/static/images/news/bg_03.jpg') no-repeat;
}
#sliderContainer .ns4 {
background:url('http://tursabmt2.anilbilisim.com/static/images/news/bg_04.jpg') no-repeat;
}
#sliderContainer .ns5 {
background:url('http://tursabmt2.anilbilisim.com/static/images/news/bg_05.jpg') no-repeat;
}
#sliderContainer span.nsTitle, #sliderContainer span.nsCon {
display:block;
width:240px;
text-shadow:0px 2px 0px #000;
position:relative;
top:18px;
left:20px;
}
#sliderContainer span.nsTitle {
color:#ffae00;
font-size:16px;
margin-bottom:4px;
}
#sliderContainer span.nsCon {
color:#d0ecee;
font-size:10px;
letter-spacing:1px;
}
#sliderContainer ul li a:hover span.nsCon {
color:#FFF;
}
#sliderContainer ul li a:hover span.nsTitle {
color:#ff9600;
}
#sliderContainer ul li a:active span {
top:19px;
}
/* Slider Controls */
#sliderContainer ol {
float:right;
position:relative;
top:18px;
right:58px;
}
/* numeric controls */
ol#controls {
margin:0;
padding:0;
}
ol#controls li {
margin:0 2px;
padding:0;
list-style:none;
display:inline-block;
}
ol#controls li a {
background:url('http://tursabmt2.anilbilisim.com/static/images/ui/sliderbox_controls_sprite.png');
color:#858585;
text-shadow:0px 1px 1px #000;
text-align:center;
height:14px;
width:15px;
display:block;
overflow:hidden;
font-size:10px;
}
ol#controls li a:hover {
background-position:0 -14px;
color:#FFF;
}
ol#controls li a:active {
background-position:0 -42px;
}
ol#controls li.current a {
color:#FFF;
text-shadow:none;
background-position:0 -28px;
}
/*-------------------------------------*/
/* Content - Recent News --------------*/
.recentNews, .regBox {
width:652px;
margin:0 auto;
background:url('http://img.webme.com/pic/m/megahack-com/bgcon_artwork.jpg') no-repeat center right;
min-height:270px;
}
.regBox {
background:url('../images/ui/bgcon_artwork2.html') no-repeat center right !important;
}
.rn-gui {
background:url('http://img.webme.com/pic/m/megahack-com/news_ui.png');
width:468px;
}
.rn-title {
height:47px;
}
.rn-end {
height:40px;
background-position:bottom left;
}
.rn-content {
background-position:top right;
background-repeat:repeat-y;
}
.rn-end span {
position:relative;
top:10px;
left:15px;
}
.rn-title h2, .cbox-title h2 {
margin:0;
padding:8px 0 0 18px;
color:#ff9320;
font-size:16px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
}
.rn-end a.bplus {
float:right;
margin:10px 8px 0 0;
}
.rn-news a {
display:block;
width:428px;
height:30px;
border-bottom:1px solid #151515;
margin:5px auto;
color:#989283;
background:url('http://img.webme.com/pic/m/megahack-com/news_type_sprite.png') no-repeat;
}
.rn-news a:hover {
color:#FFF;
}
.rn-news a:active {
color:#fff5dd;
}
.rn-news span {
margin-left:65px;
font-size:12px;
font-weight:normal;
position:relative;
top:5px;
}
.rn-news small {
float:right;
font-size:10px;
position:relative;
top:7px;
color:#666;
}
.rn-news a.new {
background-position:0 -4px;
}
.rn-news a.event {
background-position:0 -40px;
}
.rn-news a.notice {
background-position:0 -76px;
}
.rn-news a.update {
background-position:0 -112px;
}
/*-------------------------------------*/
/* Content - General Content Box ------*/
.cbox-ui {
width:658px;
margin:0 auto;
background:url('http://img.webme.com/pic/m/megahack-com/contentbox_ui.png');
}
.cbox-title {
height:47px;
}
.cbox-content {
background-position:top right;
background-repeat:repeat-y;
}
.cbox-end {
height:15px;
background-position:0 -47px;
}
.cbox-end2 {
height:39px;
background-position:0 -62px;
}
.cbox-content p {
padding:5px 18px 15px;
margin:0;
line-height:1.7;
}
.cbox-content p a {
color:#ffc000;
}
.cbox-content p a:hover {
text-decoration:underline;
}
.cbox-content p a:active {
color:#ffa200;
}
/*-------------------------------------*/
/* Content - iSlider ------------------*/
#itemSlider, #scSlider {
margin:0 auto;
width:548px !important;
position:relative;
top:20px;
}
#scSlider {
width:565px !important;
}
.islider {
width:623px;
margin: 0 auto !important;
}
.islider ul, .islider li {
display:block;
margin:0;
padding:0;
list-style:none;
height:120px;
width:623px;
overflow:hidden;
}
#itemSlider ul li a {
display:block;
background:url('http://img.webme.com/pic/m/megahack-com/thumbsprite.png') no-repeat;
height:100px;
width:90px;
text-align:center;
float:left;
margin:10px;
color:#888888;
font-size:10px;
}
#scSlider ul li a {
display:block;
background:url('http://img.webme.com/pic/m/megahack-com/thumbsprite.png') no-repeat;
background-position:-270px 0;
height:82px;
width:122px;
text-align:center;
float:left;
margin:10px;
color:#888888;
font-size:10px;
}
.islider ul li a img {
margin:5px auto 5px;
}
#itemSlider ul li a:hover {
background-position: -90px 0;
color:#ff9c00;
}
#itemSlider ul li a:active {
background-position: -180px 0;
}
#scSlider ul li a:hover {
background-position: -392px 0;
}
#scSlider ul li a:active {
background-position: -514px 0;
}
/* slider controls */
.sliderContainer #prevBtn, .sliderContainer #prevBtn a {
float:left;
}
.sliderContainer #nextBtn, .sliderContainer #nextBtn a {
float:right;
}
.sliderContainer #prevBtn a, .sliderContainer #nextBtn a {
display:block;
height:30px;
width:20px;
overflow:hidden;
text-indent:-99em;
background:url('../images/ui/slider_controls_arrows.png');
position:relative;
bottom:65px;
}
.sliderContainer #nextBtn a {
background-position:top right !important;
}
.sliderContainer #nextBtn a:hover {
background-position:center right !important;
}
.sliderContainer #nextBtn a:active {
background-position:bottom right !important;
}
.sliderContainer #prevBtn a:hover {
background-position:center left !important;
}
.sliderContainer #prevBtn a:active {
background-position:bottom left !important;
}
/*-------------------------------------*/
/* Content - Reg Form -----------------*/
#regForm {
margin:0 0 0 20px;
}
#regForm label span {
display:inline-block;
width:100px;
text-align:left;
}
#regForm label label.error {
padding-left:7px;
font-size:10px;
color:#C00;
}
.sep, .sep2 {
height:1px;
border-bottom:1px dotted #1a1813;
width:95%;
margin:5px 0 10px;
}
.sep2 {
border-bottom:1px solid #1c170b;
}
/*-------------------------------------*/
/* Sidebar ----------------------------*/
#sidebar {
float:left;
width:260px;
min-height:200px;
position:relative;
left:10px;
bottom:2px;
}
#sidebar .sbox {
background:url('http://tursabmt2.anilbilisim.com/static/images/ui/sidebar_back.png') no-repeat top right;
min-height:115px;
}
#sidebar .sbui {
float:left;
width:240px;
background:url('http://tursabmt2.anilbilisim.com/static/images/ui/sidebar_ui.png');
position:relative;
right:3px;
}
#sidebar .sb-title {
height:54px;
margin-top:2px;
}
#sidebar .sb-title img {
margin:18px 10px 0 19px;
padding:0;
float:left;
}
#sidebar .sb-title h4 {
margin:18px 0 0;
padding:0;
font-size:14px;
color:#FFF;
text-shadow:0px 0px 3px #af5f00;
}
#sidebar .sbft {
height:19px;
background-position:bottom left;
margin-bottom:20px;
}
#sidebar .sb-con {
background-position:top right;
background-repeat:repeat-y;
}
#sidebar .sb-con-nao {
background:url('http://tursabmt2.anilbilisim.com/static/images/ui/sidebar_nao.png') no-repeat;
height:175px;
}
a.download {
background:url('http://tursabmt2.anilbilisim.com/static/images/ui/download_sprite.png');
display:block;
height:72px;
width:240px;
float:left;
margin-bottom:22px;
position:relative;
top:2px;
right:4px;
}
a.download span, a.download small {
position:relative;
top:18px;
left:70px;
text-shadow:0px 0px 4px #361c00;
font-weight:normal;
}
a.download span {
color:#FFF;
font-size:16px;
display:block;
width:158px;
}
a.download small {
color:#ffb359;
font-size:10px;
}
a.download:hover, a.download:hover span, a.download:hover small {
background-position:bottom left;
color:#FFF !important;
text-shadow:0px 0px 1px #FFF !important;
}
a.download:active {
background-position:top left;
}
a.download:active span, a.download:active small {
text-shadow:0px 0px 1px #000 !important;
color:#ffbe78 !important;
}
/*-------------------------------------*/
/* SB User Panel ----------------------*/
#sidebar #Login {
margin:0 auto;
width:90%;
}
#Login p {margin:18px auto; clear:both; padding:0;}
#Login label span {
display:inline-block;
width:50px;
text-align:right;
color:#5b5b5b;
font-size:12px;
position:relative;
top:2px;
left:10px;
cursor:pointer;
}
#Login label input {
float:right;
width:126px;
color:#999;
background:url('http://tursabmt2.anilbilisim.com/static/images/ui/input_bar.png') no-repeat center center;
border:none;
font-size:12px;
padding:6px 8px;
margin-right:8px;
position:relative;
bottom:3px;
}
#Login input.btn {
width:62px;
height:27px;
background:#5c5c5c url('http://tursabmt2.anilbilisim.com/static/images/ui/btn_sprite.png');
color:#FFF;
border:none;
font-size:12px;
padding-bottom:2px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
cursor:pointer;
}
#Login input.login {
margin:0 4px 0 72px;
}
input.lime {
color:#f3ff33 !important;
}
input.btn:hover {
background-position:center left !important;
}
input.btn:active {
background-position:bottom left !important;
}
/*-------------------------------------*/
/* SB Stats ---------------------------*/
/* time */
.time {
margin:13px auto;
text-align:center;
height:20px;
}
/* server status */
.srvstatus {
padding:15px 0 0 30px;
font-size:11px;
}
.srvstatus p {
margin:0;
padding:0px 0;
background:url('http://tursabmt2.anilbilisim.com/static/images/ui/srvstatus.png') no-repeat;
text-indent:15px;
}
.srvstatus p.srv-on {
color:#82a027;
background-position: 0 3px;
}
.srvstatus p.srv-off {
color:#ce3636;
background-position: 0 -30px;
}
.srvstatus p.srv-info {
color: #3d7cb7;
background-position: 0pt -54px;
}
/* player count */
.playerstats {
font-size:11px;
text-align:center;
margin:34px auto 0;
}
.playerstats p {
margin:0;
padding:0;
}
.playerstats p span {
color:#ff900d;
}
/*-------------------------------------*/
/* SB Top Players ---------------------*/
table#sbRanking {
margin:10px auto;
width:206px;
font-size:10px;
color:#969083;
height:114px;
border:1px solid #110f0b;
}
#sbRanking .sbrc1 {
width:40px;
text-align:center;
border-right:1px solid #110f0b;
}
#sbRanking .sbrc2 {
width:136px;
text-indent:15px;
border-right:1px solid #110f0b;
}
#sbRanking .sbrc3 {
width:30px;
text-align:center;
}
#sbRanking tr {
height:26px;
}
#sbRanking td, #sbRanking th {
border-bottom:1px solid #110f0b;
}
#sbRanking th {
color:#e1d3b1;
font-weight:bold;
border-top:1px solid #110f0b;
}
/*-------------------------------------*/
/* SB Video Box -----------------------*/
.videobox {
width:208px;
height:132px;
margin:10px auto;
background:url('http://img.webme.com/pic/m/megahack-com/vidbox.jpg');
text-align:center;
}
.videobox .flashvideo {
width:200px;
height:124px;
margin:4px auto;
}
/*-------------------------------------*/
/* SB CG Logo -------------------------*/
a.cglogo {
margin:0 0 0 40px;
text-align:center;
display:block;
width:155px;
margin-bottom:10px;
}
/*-------------------------------------*/
/* Misc -------------------------------*/
a.bplus {
background:url('http://img.webme.com/pic/m/megahack-com/btnplus_sprite.png');
display:inline-block;
height:21px;
width:79px;
color:#797979;
font-size:10px;
line-height:2;
text-indent:22px;
}
#sidebar a.bplus {
float:right;
margin-right:16px;
margin-bottom:4px;
}
.cbox-end2 a.bplus {
margin:6px 0 0 0px;
position:relative;
left:10px;
}
a.bplus:hover {
background-position:center left;
}
a.bplus:active {
background-position:bottom left;
}
#tooltip{
position:absolute;
border:1px solid #333;
background:#f7f5d1;
padding:2px 5px;
color:#333;
display:none;
}
/*-------------------------------------*/
/* Footer -----------------------------*/
#footer {
width:690px;
color:#ffd8a1;
font-size:10px;
float:right;
text-shadow:0 1px 3px #000;
height:60px;
padding-top:15px;
margin:0 20px 0 0;
}
#footer .f-left {
float:left;
padding-left:10px;
}
#footer .f-right {
float:right;
}
#footer .f-left p {
margin:0;
padding:0;
}
#footer a {
color:#FFF;
}
#footer a:hover {
color:#ffeb9b;
}
#footer a:active {
color:#ffcc00;
}
.fui {
border:none;
}
input.txt {
width:127px;
height:27px;
color:#575e51;
margin:5px 0;
text-indent:10px;
font-size:11px;
background:url("http://tursabmt2.anilbilisim.com/static/images/ui/sidebar_input.jpg");
}
input.txt:hover {
color:#89947e;
background-position:center left;
}
input.txt:active,
input.txt:focus {
color:#bbc8af;
background-position:bottom left;
}
input.txt2 {
width:50px;
height:27px;
color:#575e51;
margin:5px 0;
text-indent:10px;
font-size:11px;
background:url("http://img.webme.com/pic/m/megahack-com/sidebar_input2.jpg");
}
input.txt2:hover {
color:#89947e;
background-position:center left;
}
input.txt2:active,
input.txt2:focus {
color:#bbc8af;
background-position:bottom left;
}
input.btn {
display:block;
height:30px;
width:68px;
margin:12px 0 0 9px;
background:url("http://tursabmt2.anilbilisim.com/static/images/ui/sidebar_button.jpg");
cursor:pointer;
color:#8da0ac;
font-size:12px;
text-shadow:0 0 3px #000;
}
input.btn2 {
height:30px;
width:68px;
margin:12px 0 0 9px;
background:url("http://tursabmt2.anilbilisim.com/static/images/ui/sidebar_button.jpg");
cursor:pointer;
color:#8da0ac;
font-size:12px;
text-shadow:0 0 3px #000;
}
@-moz-document url-prefix() {
input.btn {
padding-bottom:5px;
}
}
input.btn:hover {
color:#FFF;
background-position:center center;
}
input.btn:active {
color:#d7e2ea;
background-position:bottom center;
}
input.btn2:hover {
color:#FFF;
background-position:center center;
}
input.btn2:active {
color:#d7e2ea;
background-position:bottom center;
}
fieldset {
width: 617px;
padding: 10px 10px 10px 10px;
margin: 10px 10px 10px 10px;
}
/*-------------------------------------*/
/* W3C Valid CSS 3.0
/*
azizgfx( at )gmail.com
/* 72e334ed833af843856bfda3a5aa2bd8
/*-------------------------------------*/
bir teşekkürü çok görmeyin