Navigation

» Home » Kayıt Ol » Giriş Yap » Siteye Admin Ol » Hakkımızda » Buton Gif

Metin2 Yardım

» Metin2 Tasarımlarımız » Metin2 Hileleri » Mt2 Yeni Tasarım » Pvp Kurulum Ve Eklentileri » » Çalıntı Raporu

Metin2 Tasarım

» Türk Sayfası » İletişim » Metin2 Css TR.GG » Soru/ Cevap » Forum

3

Tasarım Üstü
<link rel="shortcut icon" href="http://www.metin2.org/favicon.ico" type="image/x-icon" /> <link href="http://www.metin2.org/css/jquery.transforms.css" rel="stylesheet" type="text/css" media="all"/> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-6488330-15"); pageTracker._trackPageview(); } catch(err) {}</script> <script type="text/javascript" src="http://www.metin2.org/js/main.js"></script> <script type="text/javascript" src="http://www.metin2.org/js/jquery-latest.pack.js"></script> <script type="text/javascript" src="http://www.metin2.org/js/thickbox.js"></script> <script type="text/javascript" src="http://www.metin2.org/js/jquery.bgiframe.js"></script> <script type="text/javascript" src="http://www.metin2.org/js/jquery.transforms.js"></script> <script type="text/javascript"> $.fn.exists = function(){return jQuery(this).length>0;} function registrationTooltip(elem, text, hint, clear) { if (clear) { if (elem.value == text) { elem.value = ''; } switch (hint) { case 1: $("#err-register").html("İzin Verilen Ölçü: harfler ve sayılar <br /> karakter uzunluğu 5 ile 16 arasında olmalıdır."); $("#err-register").css("display","block"); break; case 2: $("#err-register").html("Aktivasyon linkinin gonderileceği adres"); $("#err-register").css("display","block"); break; case 3: $("#err-register").html("İzin verilen: harfler ve rakamlar<br />en az 5 - en fazla 16 karakter."); $("#err-register").css("display","block"); break; } } else { if ((elem.value == '') && (text != null)) { elem.value = text; } $("#err-register").css("display","none"); } } function storeHighscoreServer(idx) { setCookie('highscoreserver', idx, 30); $.get('http://www.metin2.org/main/highscores/' + idx, function (data) {$("#highscore").html(data);}); } </script> </head> <body> <div class="page"> <div class="header-wrapper"> <div id="header"> <a class="logo" href="http://www.metin2.org/main/index" _fcksavedurl="http://www.metin2.org/main/index" _fcksavedurl="http://www.metin2.org/main/index" _fcksavedurl="http://www.metin2.org/main/index"><strong>Metin2</strong></a> <div class="header-box"> <ul class="top-nav"> <li><span>1</span><a href="http://www.metin2.org/user/register" _fcksavedurl="http://www.metin2.org/user/register" _fcksavedurl="http://www.metin2.org/user/register" _fcksavedurl="http://www.metin2.org/user/register">Kayıt Ol</a></li> <li><span>2</span><a href="http://www.metin2.org/main/download" _fcksavedurl="http://www.metin2.org/main/download" _fcksavedurl="http://www.metin2.org/main/download" _fcksavedurl="http://www.metin2.org/main/download">indir</a></li> <li><span>3</span><a href="http://www.metin2.org/main/howto" _fcksavedurl="http://www.metin2.org/main/howto" _fcksavedurl="http://www.metin2.org/main/howto" _fcksavedurl="http://www.metin2.org/main/howto">Ücretsiz oyna</a></li> </ul> <div id="err-register" style="display: none;"></div> <form action="http://www.metin2.org/user/register" method="post" name="form"> <div class="form"> <fieldset> <div class="box"> <label for="namefield">Kullanıcı adı</label> <div class="input"><input type="text" id="namefield" name="reg[username]" maxlength="16" value="" onblur_fckprotectedatt_fckprotectedatt_fckprotectedatt="%20onblur_fckprotectedatt_fckprotectedatt%3D%22%2520onblur_fckprotectedatt%253D%2522%252520onblur%25253D%252522registrationTooltip(this%25252C''%25252C1%25252Cfalse)%25253B%252522%2522%22" onfocus_fckprotectedatt_fckprotectedatt_fckprotectedatt="%20onfocus_fckprotectedatt_fckprotectedatt%3D%22%2520onfocus_fckprotectedatt%253D%2522%252520onfocus%25253D%252522registrationTooltip(this%25252C''%25252C1%25252Ctrue)%25253B%252522%2522%22"/></div> </div> <div class="box"> <label for="emailfield" >E-Posta</label> <div class="input input-2"><input type="text" id="emailfield" name="reg[email]" id="reg[email]" maxlength="64" value="" onblur_fckprotectedatt_fckprotectedatt_fckprotectedatt="%20onblur_fckprotectedatt_fckprotectedatt%3D%22%2520onblur_fckprotectedatt%253D%2522%252520onblur%25253D%252522registrationTooltip(this%25252C''%25252C2%25252Cfalse)%25253B%252522%2522%22" onfocus_fckprotectedatt_fckprotectedatt_fckprotectedatt="%20onfocus_fckprotectedatt_fckprotectedatt%3D%22%2520onfocus_fckprotectedatt%253D%2522%252520onfocus%25253D%252522registrationTooltip(this%25252C''%25252C2%25252Ctrue)%25253B%252522%2522%22"/></div> </div> <div class="box"> <label for="pwdfield">Şifre</label> <div class="input input-3"><input type="password" id="pwdfield" name="reg[password]" maxlength="16" value="" onblur_fckprotectedatt_fckprotectedatt_fckprotectedatt="%20onblur_fckprotectedatt_fckprotectedatt%3D%22%2520onblur_fckprotectedatt%253D%2522%252520onblur%25253D%252522registrationTooltip(this%25252C''%25252C3%25252Cfalse)%25253B%252522%2522%22" onfocus_fckprotectedatt_fckprotectedatt_fckprotectedatt="%20onfocus_fckprotectedatt_fckprotectedatt%3D%22%2520onfocus_fckprotectedatt%253D%2522%252520onfocus%25253D%252522registrationTooltip(this%25252C''%25252C3%25252Ctrue)%25253B%252522%2522%22"/></div> </div> <input type="submit" class="button" onclick_fckprotectedatt_fckprotectedatt_fckprotectedatt="%20onclick_fckprotectedatt_fckprotectedatt%3D%22%2520onclick_fckprotectedatt%253D%2522%252520onclick%25253D%252522document.forms%25255B'form'%25255D.submit()%25253Breturn%252520false%25253B%252522%2522%22" value="Kayıt Ol" /> </fieldset> <input class="form-agb-box"name="reg[agb]" type="checkbox" value="1" onkeypress_fckprotectedatt_fckprotectedatt_fckprotectedatt="%20onkeypress_fckprotectedatt_fckprotectedatt%3D%22%2520onkeypress_fckprotectedatt%253D%2522%252520onkeypress%25253D%252522submitEnter(event%25252C%252520'form')%25253B%252522%2522%22"/> <div class="agb-label"><a href="http://agb.gameforge.de/mmog/index.php?lang=tr&art=tac_mmog&special=&&f_text=FFEACE&f_text_hover=FFB45D&f_text_h=FFB45D&f_text_hr=541412&f_text_hrbg=541412&f_text_hrborder=FFEACE&f_text_font=tahoma&f_bg=541412" _fcksavedurl="http://agb.gameforge.de/mmog/index.php?lang=tr&art=tac_mmog&special=&&f_text=FFEACE&f_text_hover=FFB45D&f_text_h=FFB45D&f_text_hr=541412&f_text_hrbg=541412&f_text_hrborder=FFEACE&f_text_font=tahoma&f_bg=541412" _fcksavedurl="http://agb.gameforge.de/mmog/index.php?lang=tr&art=tac_mmog&special=&&f_text=FFEACE&f_text_hover=FFB45D&f_text_h=FFB45D&f_text_hr=541412&f_text_hrbg=541412&f_text_hrborder=FFEACE&f_text_font=tahoma&f_bg=541412" _fcksavedurl="http://agb.gameforge.de/mmog/index.php?lang=tr&art=tac_mmog&special=&&f_text=FFEACE&f_text_hover=FFB45D&f_text_h=FFB45D&f_text_hr=541412&f_text_hrbg=541412&f_text_hrborder=FFEACE&f_text_font=tahoma&f_bg=541412" target="_blank"><strong>Kullanım Şartları</strong></a> ve <a href="http://agb.gameforge.de/mmog/index.php?lang=tr&art=datenschutz_mmog&special=&&f_text=FFEACE&f_text_hover=FFB45D&f_text_h=FFB45D&f_text_hr=541412&f_text_hrbg=541412&f_text_hrborder=FFEACE&f_text_font=tahoma&f_bg=541412" _fcksavedurl="http://agb.gameforge.de/mmog/index.php?lang=tr&art=datenschutz_mmog&special=&&f_text=FFEACE&f_text_hover=FFB45D&f_text_h=FFB45D&f_text_hr=541412&f_text_hrbg=541412&f_text_hrborder=FFEACE&f_text_font=tahoma&f_bg=541412" _fcksavedurl="http://agb.gameforge.de/mmog/index.php?lang=tr&art=datenschutz_mmog&special=&&f_text=FFEACE&f_text_hover=FFB45D&f_text_h=FFB45D&f_text_hr=541412&f_text_hrbg=541412&f_text_hrborder=FFEACE&f_text_font=tahoma&f_bg=541412" _fcksavedurl="http://agb.gameforge.de/mmog/index.php?lang=tr&art=datenschutz_mmog&special=&&f_text=FFEACE&f_text_hover=FFB45D&f_text_h=FFB45D&f_text_hr=541412&f_text_hrbg=541412&f_text_hrborder=FFEACE&f_text_font=tahoma&f_bg=541412" target="_blank"><strong>Gizlilik Politikası</strong></a>nı okudum ve kabul ettim.</div> </div> <input name="reg[isHeaderRegistration]" type="hidden" value="1" /> </form> </div> </div> </div>  <div class="container-wrapper"> <div class="container"> <div class="col-1"> <div class="boxes-top"> </div> <div class="modul-box"> <div class="modul-box-bg"> <div class="modul-box-bg-bottom">  <ul class="main-nav"> <li class="active"><a href="http://www.metin2.org/" _fcksavedurl="http://www.metin2.org/" _fcksavedurl="http://www.metin2.org/" _fcksavedurl="http://www.metin2.org/">Başla</a></li> <li><a href="http://www.metin2.org/main/thegame" _fcksavedurl="http://www.metin2.org/main/thegame" _fcksavedurl="http://www.metin2.org/main/thegame" _fcksavedurl="http://www.metin2.org/main/thegame">Oyun</a></li> <li><a href="http://www.metin2.org/main/media" _fcksavedurl="http://www.metin2.org/main/media" _fcksavedurl="http://www.metin2.org/main/media" _fcksavedurl="http://www.metin2.org/main/media">Galeri</a></li> <li><a href="http://www.metin2.org/main/howto" _fcksavedurl="http://www.metin2.org/main/howto" _fcksavedurl="http://www.metin2.org/main/howto" _fcksavedurl="http://www.metin2.org/main/howto">İlk Adımlar</a></li> <li><a href="http://www.metin2.org/main/community" _fcksavedurl="http://www.metin2.org/main/community" _fcksavedurl="http://www.metin2.org/main/community" _fcksavedurl="http://www.metin2.org/main/community">Topluluk</a></li> <li><a href="http://www.metin2.org/main/board" _fcksavedurl="http://www.metin2.org/main/board" _fcksavedurl="http://www.metin2.org/main/board" _fcksavedurl="http://www.metin2.org/main/board" target="_blank">Forum</a></li> </ul> </div> </div> </div> <div class="boxes-bottom"> </div> </div> <div class="col-2">

Tasarım Altı
<div class="shadow"> </div> </div> <script type="text/javascript"> $(document).ready(function(){ $("#screenshots a").overlay({ target: '#gallery', expose: '#000' }).gallery({ next: '.forward', prev: '.back', speed: 800 }); }); </script>  <div class="col-3"> <div class="boxes-top"> </div> <div class="modul-box"> <div class="modul-box-bg"> <div class="modul-box-bg-bottom"> <h3>GM</h3> <form action="http://www.metin2.org/user/login" method="post" name="loginForm"> <p> </p> <p align="center" class="load-link"></p> <p align="center" class="load-link">[GA]</p> <p align="center" class="load-link"> </p> <p> </p> </form> </div> </div> </div> <div class="boxes-middle"> </div> <div class="modul-box modul-box-2"> <div class="modul-box-bg"> <div class="modul-box-bg-bottom"> <h3> İndir </h3> <a href="down.php" _fcksavedurl="down.php" class="btn download-btn"></a> </div> </div> </div> <div class="boxes-middle"> </div> <div class="modul-box modul-box-2"> <div class="modul-box-bg"> <div class="modul-box-bg-bottom"> <h3> Sıralama </h3> <form action="#"> <div class="form-score"> <div class="select-replacement"> <select onchange_fckprotectedatt="%20onchange%3D%22storeHighscoreServer(this.options%5Bthis.selectedIndex%5D.value)%3B%22"> <option value="2">Sıralama</option> </select> </div> <ul id="highscore"> <li ><strong>1</strong> - <a href="index.php" _fcksavedurl="index.php" class="first"></a></li> <li class ="light"><strong>2</strong> - <a href="index.php" _fcksavedurl="index.php" class="first"></a></li> <li ><strong>3</strong> - <a href="index.php" _fcksavedurl="index.php" class="first"></a></li> <li class ="light"><strong>4</strong> - <a href="index.php" _fcksavedurl="index.php" class="first"></a></li> <li ><strong>5</strong> - <a href="index.php" _fcksavedurl="index.php" class="first"></a></li> <li class ="light"><strong>6</strong> - <a href="index.php" _fcksavedurl="index.php" class="first"></a></li> <li ><strong>7</strong> - <a href="index.php" _fcksavedurl="index.php" class="first"></a></li> <li class ="light"><strong>8</strong> - <a href="index.php" _fcksavedurl="index.php" class="first"></a></li> <li ><strong>9</strong> - <a href="index.php" _fcksavedurl="index.php" class="first"></a></li> <li class ="light"><strong>10</strong> - <a href="index.php" _fcksavedurl="index.php" class="first"></a></li> </ul> <a href="rank.php" _fcksavedurl="rank.php" class="btn"> İlk 100 </a> </div> </form> </div> </div> </div> <div class="boxes-bottom"> </div> </div> </div> </div> </div>  <div class="footer-wrapper"> <div id="footer"> <a class="gameforge4d" href="../www.gameforge.com/default.htm" _fcksavedurl="../www.gameforge.com/default.htm" target="_blank">gameforge4d</a> <ul> <li class="first"> Published by Gameforge 4D GmbH. Copyright YMIR Co., Ltd. Tüm hakları saklıdır. </li> <li class="impressum"><a href="../agb.gameforge.de/mmog/index.php@lang=tr&art=impress_mmog&special=&&f_text=FFEACE&f_text_hover=FFB45D&f_text_h=FFB45D&f_text_hr=541412&f_text_hrbg=541412&f_text_hrborder=FFEACE&f_text_font=tahoma&f_bg=541412" _fcksavedurl="../agb.gameforge.de/mmog/index.php@lang=tr&art=impress_mmog&special=&&f_text=FFEACE&f_text_hover=FFB45D&f_text_h=FFB45D&f_text_hr=541412&f_text_hrbg=541412&f_text_hrborder=FFEACE&f_text_font=tahoma&f_bg=541412" target="_blank"> Kurumsal </a></li> <li><a href="../agb.gameforge.de/mmog/index.php@lang=tr&art=tac_mmog&special=&&f_text=FFEACE&f_text_hover=FFB45D&f_text_h=FFB45D&f_text_hr=541412&f_text_hrbg=541412&f_text_hrborder=FFEACE&f_text_font=tahoma&f_bg=541412" _fcksavedurl="../agb.gameforge.de/mmog/index.php@lang=tr&art=tac_mmog&special=&&f_text=FFEACE&f_text_hover=FFB45D&f_text_h=FFB45D&f_text_hr=541412&f_text_hrbg=541412&f_text_hrborder=FFEACE&f_text_font=tahoma&f_bg=541412" target="_blank"> Ş&K </a></li> </ul> </div> </div> <div id="lbBottomContainer" style="display: none;"> <div id="lbBottom"></div> <a id="lbCloseLink" href="#" _fcksavedurl="#"></a> <div id="lbCaption"> <div id="lbNumber"> <div style="clear: both;"></div> </div> </div> </div>

CSS-Code 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;} /* Metin2 all.css */ html { heighth100%; min-width: 930px; } body { background: #000 url(http://www.screammt2.com/img/container-bg.jpg) repeat-y 50% 0; color: #160400; font: 11px/14px Arial, Helvetica, sans-serif; height: 100%; margin: 0; min-width: 930px; } body.netbar {margin-top:32px !important} img { border: none; display: block; } a:focus { outline:none; } form { margin: 0; padding: 0; } .page { /* has IE-fix */ min-height: 100%; overflow: hidden; } .header-wrapper { background: url(http://www.screammt2.com/img/header-bg.jpg) no-repeat 50% 0; height: 250px; } .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; } /* header start */ #header { height: 250px; margin: 0 auto; overflow: hidden; position: relative; width: 930px; } /* logo */ .logo { background: url(d) no-repeat; height: 62px; left: 370px; overflow: hidden; position: absolute; text-indent: -9999px; top: 1px; width: 199px; } .header-box { margin: 130px 0 0 199px; overflow: hidden; width: 534px; } /* top navigation start */ .top-nav { margin: 6px 0 0; overflow: hidden; padding: 0 0 2px; width: 100%; } .top-nav li { /* has IE-fix */ background: url(http://www.screammt2.com/img/number-bg.png) no-repeat; color: #fef6aa; display: inline; float: left; font-size: 14px; height: 25px; list-style: none; line-height: 16px; margin: 0 0 0 16px; padding: 0 20px 0 0; } .top-nav li span { float: left; font-size: 16px; font-weight: bold; margin: 4px 0 0 8px; width: 24px; } .top-nav li a { color: #fef6aa; float: left; margin: 5px 0 0; position: relative; text-decoration: none; } .top-nav li a:hover { text-decoration: underline; } .header-box-nav-container{ background: url(http://www.screammt2.com/img/header-box.png) no-repeat; border: none; height: 42px; margin: 7px 0 0 6px; overflow: hidden; padding: 8px 0 0 6px; width: 516px; } .welcome-text{ color: #fef6aa; font-size: 14px; font-weight: bold; } .welcome-text-left{ float: left; padding: 12px 0 0 10px; width: 256px; } .welcome-text-right{ float: left; padding: 10px 12px 0 0; text-align: right; width: 256px; } .welcome-text-invisible{ visibility: hidden; } .nav-box-btn{ /* has IE-fix */ color: #FEF6AA; display: block; float: left; height: 20px; margin: 0 0 0 14px; padding :5px 0 0 18px; text-align: center; text-decoration: none; width: 131px; } .nav-box-btn:hover{ text-decoration: underline; } .nav-box-btn-1 { background-image: url(http://www.screammt2.com/img/nav-box-login-1-bg.gif); } .nav-box-btn-2 { background-image: url(http://www.screammt2.com/img/nav-box-login-2-bg.gif); } .nav-box-btn-3 { background-image:url(http://www.screammt2.com/img/nav-box-login-3-bg.gif); } .nav-box-btn-4 { background-image:url(http://www.screammt2.com/img/nav-box-login-4-bg.gif); } /* top navigation end */ /* form start */ .form { clear: both; } .form fieldset { background: url(http://www.screammt2.com/img/header-box.png) no-repeat; border: none; height: 42px; margin: 0 0 0 6px; overflow: hidden; padding: 0 0 0 6px; width: 516px; } .agb-label { color:#CE2918; display:block; float:left; line-height:14px; margin:0 0 0 5px; } .form-agb-box { /* has IE-fix */ float:left; margin-left:20px; } .agb-label a { color: #c5a15f; text-decoration: none; } .form label { /* has IE-fix */ color: #ce2918; display: block; line-height: 14px; margin: 1px 0 0 294px; } .form label a { color: #c5a15f; text-decoration: none; } .form label a:hover { text-decoration: underline; } .form label input { /* has IE-fix */ height: 13px; float: left; margin: 0 4px 0 0; width: 15px; } .form fieldset label { color: #fef6aa; font-size: 10px; float: left; line-height: 13px; margin: 0; } .form fieldset .box { float:left; margin:3px 0 0; width:135px; } .form fieldset .input { background: url(http://www.screammt2.com/img/input-bg-1.gif) no-repeat; display: inline; float: left; height: 18px; margin: 1px 0 0 1px; width: 126px; } .form fieldset .input-2 { background: url(http://www.screammt2.com/img/input-bg-2.gif) no-repeat; } .form fieldset .input-3 { background: url(http://www.screammt2.com/img/input-bg-3.gif) no-repeat; } .form fieldset .input input { background: none; border: none; color: #fff; display: inline; float: left; font: 11px/14px Arial, Helvetica, sans-serif; height: 15px; margin: 0 0 0 4px; padding: 2px 0 0; width: 117px; } /* all buttons styles */ .button, .dyn-button { background: transparent url(http://www.screammt2.com/img/top-nav-register-btn.gif) no-repeat scroll 0 0; border-style: none; color: #DFBF8B; cursor: pointer; display: block; float: left; font-size: 11px; font-weight: normal; height: 20px; margin: 16px 0 0; padding: 0 17px 3px 0; text-align: center; text-decoration: none; width: 100px; } .button:hover, .button:hover span, .btn:hover { text-decoration: underline; } .btn { background: url(http://www.screammt2.com/img/button-bg-2.gif) no-repeat; color: #DFBF8B; display: block; font-size: 10px; font-weight: bold; height: 17px; line-height: 12px; margin: 4px 0 0; padding: 3px 14px 0 0; text-align: center; text-decoration: none; width: 116px; } .btn-login { background:transparent url(http://www.screammt2.com/img/button-bg-2.gif) no-repeat scroll 0 0 !important; border-style:none; margin-top:3px; padding-bottom:4px; width:129px !important; } .btn-login:hover {text-decoration: underline !important;} .form-score .btn { background: url(http://www.screammt2.com/img/button-bg-3.gif) no-repeat; color: #dfbf8b; margin-left: 4px; } .form-score h4 { color:#7B1300; font-size:14px; font-weight:bold; padding-left:9px; text-align:left; width:141px; } .back-btn { background:transparent url(http://www.screammt2.com/img/back-btn-bg.gif) repeat scroll 0 0; margin:30px 0 22px 145px; padding-left:28px; width:87px; } .dyn-button { background: transparent url(http://www.screammt2.com/img/tutorial-btn.png) no-repeat; line-height:18px; padding: 0 0 0 8px; text-align:left; } .dyn-button-end { background: transparent url(http://www.screammt2.com/img/tutorial-btn.png) no-repeat top right; float:right; height:19px; width:20px } .dyn-button:hover {text-decoration:underline;} /* form end */ /* header end */ /* footer start */ .footer-wrapper { background: url(http://www.screammt2.com/img/footer-bg.gif) no-repeat 50% 0; height: 220px; margin: -220px 0 0; float: left; width: 100%; } #footer { margin: 0 auto; width: 930px; overflow: hidden; } .gameforge4d { background: url(http://www.screammt2.com/img/gameforge4d.gif) no-repeat; width: 128px; height: 35px; display: block; text-indent: -9999px; overflow: hidden; margin: 71px 0 0 400px; } /* list */ #footer ul { background: url(http://www.screammt2.com/img/footer-box.jpg) no-repeat; font-size: 10px; height: 29px; line-height: 13px; margin: 21px 0 0 171px; padding: 15px 10px 0 0; text-align: center; width: 579px; } #footer ul li { background: url(http://www.screammt2.com/img/sep.gif) no-repeat 0 7px; color: #ae9467; display: inline; list-style: none; padding: 0 5px 0 13px; } #footer ul li.first { background: none; } #footer ul li a { color: #ae9467; text-decoration: none; } #footer ul li.impressum a { color: #a00; } #footer ul li a:hover { text-decoration: underline; } /* footer end */ /* main container */ .container-wrapper { background: url(http://www.screammt2.com/img/container-bg-top.jpg) no-repeat 50% 0; float: left; padding: 0 0 181px; width: 100%; } .container { margin: 0 auto; position: relative; width: 930px; } /* left column */ .col-1, .col-3 { display: inline; float: left; margin: -62px 0 0 11px; position: relative; width: 157px; } /* right column */ .col-3 { float: right; margin: -62px 9px 0 0; overflow: hidden; width: 157px; } /* right and left boxes styles start */ .boxes-top { background: url(http://www.screammt2.com/img/box-top-1.jpg) no-repeat; height: 23px; width: 157px; } .col-3 .boxes-top { background: url(http://www.screammt2.com/img/box-top-2.jpg) no-repeat; } .boxes-bottom { /* has IE-fix */ background: url(http://www.screammt2.com/img/box-bottom.png) no-repeat; height: 48px; margin: 0 0 0 4px; width: 150px; } .boxes-middle { /* has IE-fix */ background: url(http://www.screammt2.com/img/box-middle.png) no-repeat; height: 32px; margin: 0 0 0 12px; width: 134px; } .modul-box { background: url(http://www.screammt2.com/img/modul-box-bg.jpg) repeat-y; width: 157px; } .modul-box .modul-box-bg { background: url(http://www.screammt2.com/img/modul-box-top.jpg) no-repeat; } .modul-box-2 .modul-box-bg { background: url(http://www.screammt2.com/img/modul-box-top-2.jpg) no-repeat; } .modul-box .modul-box-bg-bottom { /* has IE-fix */ background: url(http://www.screammt2.com/img/modul-box-bottom.jpg) no-repeat 0 100%; min-height: 132px; overflow: hidden; padding: 0 0 5px; width: 100%; } /* right and left boxes styles end */ /* main navigation start */ .main-nav { margin: 24px 0 0; padding: 0 0 16px; } .main-nav li { list-style: none; padding: 0 0 5px; } .main-nav li a, .modul-box h3 { background: url(http://www.screammt2.com/img/main-mav-bg.gif) no-repeat; color: #fef6aa; display: block; font-weight: bold; font-size: 12px; height: 26px; line-height: 15px; overflow: hidden; padding: 8px 0 0; text-align: center; text-decoration: none; width: 157px; } .modul-box h3 { margin: 24px 0 0; } .main-nav li a:hover, .main-nav li a.active { background-position: 0 -34px; color: #fffde8; } /* main navigation end */ /* login form start */ .form-login { margin: 6px 0 0 14px; overflow: hidden; padding: 0 0 12px; width: 143px; } .form-login label { color: #4a1e00; font-size: 11px; line-height: 14px; } .form-login .input { background: url(http://www.screammt2.com/img/input-bg-4.gif) no-repeat; height: 18px; margin: 2px 0 0; padding: 0 0 4px; width: 129px; } .form-login .input input { border: none; background: none; font: 11px/13px Arial, Helvetica, sans-serif; margin: 1px 0 0 4px; width: 121px; } .password { color:#58220E; display:block; font-size:9px; line-height:11px; margin:8px 0 6px; text-align:center; text-decoration:none; width:128px; } .password:hover { text-decoration: underline; } .agbok { color:#775555; display:block; font-size:9px; margin:8px 0 6px; text-align:center; text-decoration:none; width:128px; } .agbok a { color:#8D0404; font-size:9px; line-height:11px; text-decoration:none; } .agbokinput { margin-bottom:0px; } .agbok2 { margin:0 0 0 12px;!important } .agbokbtn { margin:0 0 0 62px;!important } /* login form end */ /* hightscore box start */ .form-score { margin: 5px 0 0 10px; padding: 0 0 20px; } .form-score select { background-color: #cdb78b; border: 1px solid #997c47; color:#4a1e00; font-size: 13px; padding: 0; width: 129px; } .select-replacement { background-image:url(http://www.screammt2.com/img/select-replacement-bg.gif); height: 20px; margin: 0 0 0 4px; padding: 0; width: 129px; } .form-score ul { margin: 6px 1px 0 0; padding: 0 0 1px; } .form-score ul li { color: #4a1e00; font-size: 11px; line-height: 14px; list-style: none; padding: 2px 0 2px 9px; } .form-score ul li.light { background: url(http://www.screammt2.com/img/shadow.gif) no-repeat; padding: 3px 0 3px 9px; } .form-score ul li strong { color: #8d0404; margin: 0 2px 0 0; } .form-score ul li a { color: #4a1e00; margin: 0 0 0 2px; text-decoration: none; } .form-score ul li a.first { color: #943b00; } .form-score ul li a:hover { text-decoration: underline; } /* hightscore box end */ /* center column */ .col-2 { float: left; display: inline; margin: 33px 0 0 46px; width: 510px; } /* two boxes holder start */ .two-boxes { background: url(http://www.screammt2.com/img/two-boxes-bg.jpg) repeat-y; width: 506px; } .two-boxes .two-boxes-top { background: url(http://www.screammt2.com/img/two-boxes-top.jpg) no-repeat; } .two-boxes .two-boxes-bottom { background: url(http://www.screammt2.com/img/two-boxes-bottom.jpg) no-repeat 0 100%; overflow: hidden; padding: 0 0 15px; width: 100%; } .banner img {margin:10px 0;} /* welcome box */ .box { float: left; display: inline; margin: 0 0 0 11px; width: 223px; } .box-right { float: right; margin: 0 14px 0 0; } .box h2, .content h2 { background: url(http://www.screammt2.com/img/heading-1.jpg) no-repeat; color: #7b1300; font-size: 14px; font-weight: bold; line-height: 17px; margin: 11px 0 0; padding: 7px 0 7px 33px; } .box-right h2 { background: url(http://www.screammt2.com/img/heading-2.jpg) no-repeat; } .content h2 { background: url(http://www.screammt2.com/img/heading-3.jpg) no-repeat; } .box .body { margin: 4px 6px 0 5px; } .box p { color: #160400; font-size: 11px; line-height: 13px; margin: 0; padding: 0 0 7px; text-align: justify; } /* video */ .video { background: url(http://www.screammt2.com/img/video-border-bg.gif) no-repeat; margin: 7px 0 0; width: 223px; } .video .video-bg { background: url(http://www.screammt2.com/img/video-border-bg-bottom.gif) no-repeat 0 100%; overflow: hidden; padding: 3px 0 3px 3px; width: 220px; } .video a { float: left; border: 1px solid #eae0c6; } /* two boxes holder end */ .content { background: url(http://www.screammt2.com/img/content-box-bg.jpg) repeat-y; margin: 0; width: 507px; } .content .content-bg { background: url(http://www.screammt2.com/img/content-box-top.jpg) no-repeat; } .content .content-bg-bottom { background: url(http://www.screammt2.com/img/content-box-bottom.jpg) no-repeat 0 100%; overflow: hidden; padding: 0 0 0 11px; width: 496px; } .shadow { /* has IE-fix */ background: url(http://www.screammt2.com/img/shadow-2.png) no-repeat; height: 5px; overflow: hidden; width: 507px; } /* distribute box*/ .distribute-content { line-height:20px; margin-bottom:10px; } .distribute-content p { margin:6px 0 6px 10px; } .distribute-content .content-bg {margin-bottom:10px;} .distribute-content .distribute-item {height:60px;} .distribute-content .dist-item-ammount, .distribute-content .dist-item-name { float:left; padding-top:15px; margin:0 6px; } .distribute-content img { margin-top:4px; float:left; } .distribute-content .dist-item-ammount { color:#801d08; font-size:30px; font-weight:bold; height:40px; margin-left:10px; } .distribute-content .dist-item-name { color:#801d08; font-size:16px; font-weight:bold; } .distribute-content .dyn-button { float:right; margin-right:20px; width:140px; } .distribute-content .shadow-line { background:transparent url(http://www.screammt2.com/img/shadow-line.png) no-repeat scroll left bottom; height:3px; margin:0 0 6px 10p; } .distribute-content .distribute-box { background: url(http://www.screammt2.com/img/distributebox-bg.jpg) no-repeat; height:121px; margin:0 0 20px 10px; width:458px; } .distribute-content .distribute-box form { margin:15px 0 0 15px; } .distribute-content .distribute-box .distribute-item { height:38px; padding:18px 0 0 10px; } .distribute-content .distribute-box .dist-item-ammount { font-size:22px; padding-top:10px; } .distribute-content .distribute-box .dist-item-name { font-size:14px; padding-top:10px; } .distribute-content .distribute-box .formField { float:left; margin-right:10px; } .distribute-content .distribute-box .amount { background:url(http://www.screammt2.com/img/distributebox-input.jpg); border:0px; height:20px; width:37px; } .distribute-content .distribute-box .distribute-btn { background:url(http://www.screammt2.com/img/distributebox-btn.jpg) no-repeat; color:#FEF6AA; display:block; font-weight:bold; text-decoration:none; height:34px; margin:6px 0 0 30px; padding:6px 0 0 10px; width:121px; } .distribute-content .success-msg { background:transparent url(http://www.screammt2.com/img/bullet.gif) no-repeat scroll 0 0; font-weight:bold; list-style:none outside none; padding:0 0 13px 20px; } .distribute-content .error-mini {margin-left:10px;} .distribute-content .error-mini p {margin:6px 0 6px 6px;} .distribute-content .error-mini ul li{ background: url(http://www.screammt2.com/img/error-bullet.png) no-repeat 0 6px; list-style: none; padding: 0 0 13px 20px; } /* screenshots list */ .screenshots { margin: 5px 0 0; overflow: hidden; padding: 0 0 17px; width: 100%; } .screenshots li { background: url(http://www.screammt2.com/img/screeshot-border-2.gif) no-repeat; display: inline; float: left; height: 79px; list-style: none; padding: 4px 0 0 4px; margin: 0 6px 0 6px; width: 104px; } .screenshots li.first { background: url(http://www.screammt2.com/img/screeshot-border.gif) no-repeat; } /* content start */ .stepdown { display:inline; } .inner-content { margin: 4px 25px 0 5px; padding: 0 0 18px; } .inner-content p { font-size: 11px; line-height: 13px; margin: 0; padding: 0 0 10px; text-align: justify; } .inner-content h3 { color: #7b1300; font-size: 13px; font-weight: bold; line-height: 15px; margin: 9px 0 0; padding: 0 0 9px; } .inner-content ul { font-size: 11px; line-height: 13px; margin: 0; padding: 0 0 15px; text-align: justify; } .inner-content ul li { background: url(http://www.screammt2.com/img/bullet.gif) no-repeat; list-style: none; padding: 0 0 13px 20px; } /* content end */ /*slimbox start*/ #lbOverlay { background-color: #000; cursor: pointer; left: 0; position: absolute; z-index: 9999; width: 100%; } #lbCenter, #lbBottomContainer { background:#d2bc85 url(http://www.screammt2.com/img/standard-bg.jpg) no-repeat; left: 50%; overflow: hidden; position: absolute; z-index: 9999; } .lbLoading { background: #fff url(http://www.screammt2.com/img/loading.gif) no-repeat center; } #lbImage { background-repeat: no-repeat; border: 2px solid #d2bc85; left: 0; top: 0; position: absolute; } #lbPrevLink, #lbNextLink { display: block; outline: none; position: absolute; top: 0; width: 50%; } #lbPrevLink { background: transparent url(http://www.screammt2.com/img/prevlabel.gif) no-repeat 0% 50%; left: 0; } #lbPrevLink:hover { background: transparent url(http://www.screammt2.com/img/prevlabel-hover.gif) no-repeat 0% 50%; } #lbNextLink { background: transparent url(http://www.screammt2.com/img/nextlabel.gif) no-repeat 100% 50%; right: 0; } #lbNextLink:hover { background: transparent url(http://www.screammt2.com/img/nextlabel-hover.gif) no-repeat 100% 50%; } #lbBottom { border: 2px solid #d2bc85; border-top-style: none; color: #8d0404; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; font-weight:bold; height:31px; line-height: 1.4em; padding:3px 0px 0px 0px; text-align:center; } #lbCloseLink { background: transparent url(http://www.screammt2.com/img/closelabel.gif) no-repeat center; display: block; float:right; height: 25px; margin: 0px 3px 0px 0px; outline: none; width: 25px; } #lbCaption, #lbNumber { margin-right: 0px; } #lbCaption { font-weight: bold; } /*slimbox end*/ /*about start*/ .aboutbox-1, .aboutbox-2, .aboutbox-3, .aboutbox-4 { min-height:169px; padding:7px 190px 7px 9px; width:281px; } .aboutbox-1 { background:url(http://www.screammt2.com/img/aboutbox-1-bg.jpg) no-repeat; } .aboutbox-2{ background:url(http://www.screammt2.com/img/aboutbox-2-bg.jpg) no-repeat; } .aboutbox-3{ background:url(http://www.screammt2.com/img/aboutbox-3-bg.jpg) no-repeat; } .aboutbox-4{ background:url(http://www.screammt2.com/img/aboutbox-4-bg.jpg) no-repeat; } .about-inner-content h4 { background:url(http://www.screammt2.com/img/shadow-line.png) no-repeat bottom left; color: #7b1300; font-size:11px; padding-bottom:8px; margin:1px 0 0 0; } .about-inner-content p { margin:5px 0 9px 0; width:280px; } .about-inner-content { margin: 9px 0 0 0; padding: 0; } .box-foot{ background-image:url(http://www.screammt2.com/img/aboutbox-foot-bg.jpg); height:10px; margin-bottom:12px; width:481px; } /*about end*/ /*first steps start*/ .firststepsbox-1, .firststepsbox-2, .firststepsbox-3 { min-height:155px; padding:7px 190px 7px 9px; width:282px; } .firststepsbox-1 { background:url(http://www.screammt2.com/img/firststepsbox-1-bg.jpg) no-repeat; } .firststepsbox-2 { background:url(http://www.screammt2.com/img/firststepsbox-2-bg.jpg) no-repeat; } .firststepsbox-3 { background:url(http://www.screammt2.com/img/firststepsbox-3-bg.jpg) no-repeat; } .firststeps-inner-content { margin: 9px 0px 0px 0px; padding: 0 0 0px; } .firststeps-inner-content h4{ background:url(http://www.screammt2.com/img/shadow-line.png) no-repeat bottom left; color: #7b1300; font-size:12px; padding-bottom:8px; margin:1px 0 0 0; } .firststeps-inner-content p{ margin:5px 0 9px 0; } .firststeps-login-screenshot { height:130px; margin-left:12px; margin-top:18px; width:166px; } .firststeps-inner-content .tutorialsbox { background:url(http://www.screammt2.com/img/tutorials-box-1-bg.jpg) no-repeat; min-height:155px; padding:7px 190px 7px 9px; width:282px; } .firststeps-inner-content .tutorial-btn { background:transparent url(http://www.screammt2.com/img/tutorial-btn.png) no-repeat; color:#f1e6a6; display:block; font-size:11px; height:17px; margin:10px 0 0; padding:3px 20px 0 10px; text-decoration:none; width:200px; } .firststeps-inner-content .tutorial-btn:hover {text-decoration:underline;} .firststeps-inner-content .community { background:url(http://www.screammt2.com/img/community_dragon_bg.jpg) no-repeat; min-height:155px; padding:7px 190px 7px 9px; width:282px; } /*first steps end*/ /* empires start */ .empires-content { margin: 9px 0 0 0; padding: 0; position:relative; } .empires-content .empires-map { background:url(http://www.screammt2.com/img/empires-map-bg.png) no-repeat; height:341px; position:relative; width:481px; } .empirebox-2, .empirebox-3 { display:none; } .empirebox-1, .empirebox-2, .empirebox-3 { background:url(http://www.screammt2.com/img/empire-box-bg.jpg) no-repeat; min-height:169px; padding:7px; position:relative; width:467px; } .empires-content h4 { background:url(http://www.screammt2.com/img/shadow-line.png) no-repeat bottom left; color: #7b1300; font-size:11px; padding-bottom:8px; margin:1px 0 0 0; } .empires-content .empire-crest { background:url(http://www.screammt2.com/img/empire-box-bg.jpg) no-repeat; height:87px; position:absolute; top:0px; left:345px; width:136px; } .empires-content .empirebox-1 .empire-crest { background:url(http://www.screammt2.com/img/empire-crest.png) no-repeat 0 0; } .empires-content .empirebox-2 .empire-crest { background:url(http://www.screammt2.com/img/empire-crest.png) no-repeat 0 -87px; } .empires-content .empirebox-3 .empire-crest { background:url(http://www.screammt2.com/img/empire-crest.png) no-repeat 0 -174px; } .empires-content p { margin:5px 0 9px 0; width:320px; } .empires-content .empires-map img { position:absolute; top:0px; } .empires-content #empire-img { position:relative; } .empires-content .empire-1 { background:url(http://www.screammt2.com/img/empires-map.png) no-repeat 0 -196px; height:145px; left:0px; top:196px; width:345px; } .empires-content .empire-2 { background:url(http://www.screammt2.com/img/empires-map.png) no-repeat 0 0; height:160px; left:0px; top:0px; width:200px; } .empires-content .empire-3 { background:url(http://www.screammt2.com/img/empires-map.png) no-repeat -291px 0; height:225px; left:291px; width:190px; } /* empires end */ /*gallery start*/ #screenshots {height:100px;} #wallpapers a, #screenshots a { background:url(http://www.screammt2.com/img/screeshot-border-2.gif) no-repeat; float:left; margin:4px; padding:4px; } #wallpapers a.first, #screenshots a.first {background:url(http://www.screammt2.com/img/screenshot-li-bg.jpg) no-repeat;} .gallerybox{ background:url(http://www.screammt2.com/img/gallerybox-bg.jpg) no-repeat; margin-bottom:9px; min-height:228px; padding-top:7px; padding-left:12px; width:469px; } .gallerybox-small { background-image:url(http://www.screammt2.com/img/gallerybox-small-bg.jpg); min-height:133px; } .gallerybox-middle { background-image:url(http://www.screammt2.com/img/gallerybox-bg.jpg); min-height:193px; margin-bottom:30px; } .gallery-inner-content h4{ color: #7b1300; font-size:12px; height:34px; margin:1px 0px 0px 9px; width:290px; } .gallery-inner-content{ margin: 9px 0px 0px 0px; padding:0 0 0 0px; } .gallery-image{ float:left; margin-right:8px; margin-bottom:8px; } .screenshots-gallery-list { margin: 4px 0 0; overflow: hidden; padding: 0; width: 100%; } .screenshots-gallery-list li { background: url(http://www.screammt2.com/img/screenshot-li-bg.jpg) no-repeat; display: inline; float: left; list-style: none; height: 83px; margin: 0 4px 4px 0px; padding: 4px 0px 0px 4px; width: 108px; } .wallpaper-links { float:left; line-height:18px; margin-right:8px; text-align:center; width:108px; } .wallpaper-links a{ color: #4a1e00; font-size: 11px; text-decoration: underline; } /*gallery end*/ /*characterclasses start*/ .characterclasses { min-height:155px; padding:7px 190px 7px 9px; width:282px; } .charclass-1 { background:url(http://www.screammt2.com/img/characterclasses-knight-bg.jpg) no-repeat; } .charclass-2 { background:url(http://www.screammt2.com/img/characterclasses-ninja-bg.jpg) no-repeat; } .charclass-3 { background:url(http://www.screammt2.com/img/characterclasses-shaman-bg.jpg) no-repeat; } .charclass-4 { background:url(http://www.screammt2.com/img/characterclasses-sura-bg.jpg) no-repeat; } .characterclasses h4 { font-size:12px; } /*characterclasses end*/ /*download start*/ .download-inner-column-left{ /* has IE-fix */ background-image:url(http://www.screammt2.com/img/download-inner-column-left-bg.jpg); float:left; overflow:hidden; width:301px; } .download-inner-column-right{ width:180px; float:left; } .download-inner-column-right p{ width:174px; margin:12px 0px 16px 1px; } .download-inner-column-right p a{ color:#7b1300; font-weight:bold; text-decoration:none; } .download-inner-column-right p a:hover{ color:#af4e3c; } .download-button-1{ background-image:url(http://www.screammt2.com/img/download-button-1.jpg); display:block; height:63px; width:174px; } .download-button-1:hover{ background-image:url(http://www.screammt2.com/img/download-button-1_h.jpg); } .download-button-2{ background-image:url(http://www.screammt2.com/img/download-button-2.jpg); display:block; height:63px; width:174px; } .download-button-2:hover{ background-image:url(http://www.screammt2.com/img/download-button-2_h.jpg); } .downloadbox{ background:url(http://www.screammt2.com/img/downloadbox-bg.jpg) no-repeat; margin-bottom:9px; min-height:209px; padding-top:7px; padding-left:12px; width:289px; } .download-inner-content h4{ color: #7b1300; font-size:12px; height:34px; margin:1px 0px 0px 0px; width:290px; } .download-inner-column-left p{ margin:5px 0px 9px 0px; width:286px; } .download-image{ margin-bottom:16px; } .download-inner-content{ margin: 9px 0px 0px 0px; padding:0 0 0 0px; } .downloadbox caption{ caption-side:inherit; font-weight:bold; font-size:12px; height:20px; text-align:left; } .downloadbox table{ margin-bottom:20px; width:281px; } .left_td{ background:url(http://www.screammt2.com/img/bullet.gif) no-repeat 0px 0px; height:23px; padding-left:20px; width:69px; } .download-box-foot{ background-image:url(http://www.screammt2.com/img/aboutbox-foot-bg.jpg); clear:both; height:10px; margin-bottom:12px; width:481px; } /*download end*/ /*error start*/ .error-inner-content ul { font-size: 11px; line-height: 13px; margin:12px 0px 0px 12px; padding: 0 0 15px; text-align: justify; } .error-inner-content ul li { background: url(http://www.screammt2.com/img/bullet.gif) no-repeat; list-style: none; padding: 0 0 13px 20px; } /*error end*/ /*ranks start*/ .ranks-dropdowns-box{ /* has IE-fix */ background-image:url(http://www.screammt2.com/img/ranks-dropdowns-box-bg.jpg); height:56px; margin:0 0 0 8px; width:466px; } .ranks-dropdowns-box select{ background-color:#CDB78B; border:1px solid #997C47; color:#4a1e00; font-size:13px; margin:0 0 0 4px; padding:0; width:120px; } .ranks-dropdowns-box input{ background:none; border:none; color:#4a1e00; font-size:13px; margin:0 0 0 4px; padding-top:2px; width:110px; } .ranks-dropdowns-box label{ color:#671000; font-weight:bold; } .ranks-select-box{ /* has IE-fix */ height:45px; float:left; margin-right:7px; margin-left:4px; margin-top:10px; width:120px; } .ranks-select-box-btn{ height:45px; float:left; margin-top:19px; width:30px; } .ranks-input{ background-image:url(http://www.screammt2.com/img/ranks-input-bg.jpg); height:20px; width:119px; } .ranks-input-noservers { background-image:url(http://www.screammt2.com/img/ranks-input-bg.jpg); color:#4A1E00; font-size:13px; height:17px; padding-left:4px; padding-top:3px; width:115px; } .small-btn { background: url(http://www.screammt2.com/img/small-btn-bg.gif) no-repeat; color: #dfbf8b; display: block; font-weight:bold; font-size: 10px; height: 20px; line-height: 12px; margin: 4px 0 0; padding: 3px 14px 0 0; text-align: center; text-decoration: none; text-transform:uppercase; width: 51px; } .small-btn:hover { text-decoration: underline; } .ranks-inner-content h5{ color:#4a1e00; font-size:11px; font-weight:bold; margin:7px 34px 14px 9px; } .ranks-inner-content p{ color:#4a1e00; font-size:11px; margin:0px 9px 15px 9px; } .ranks-inner-content th{ /* has IE-fix */ color:#8d0404; font-size:11px; font-weight:bold; height:43px; padding-top:20px; } .ranks-inner-content td{ /* has IE-fix */ /* has safari-fix */ color:#8d0404; font-size:11px; height:29px; padding-top:8px; } .rankfirst{ font-weight:bold; } .rank-td-1-1{ background-image:url(http://www.screammt2.com/img/rank-td-1-1-bg.jpg); font-weight:bold; text-align:center; width:55px; } .rank-td-1-2{ background-image:url(http://www.screammt2.com/img/rank-td-1-2-bg.jpg); padding-left:13px; text-align:left; width:144px; } .rank-td-1-3{ background-image:url(http://www.screammt2.com/img/rank-td-1-3-bg.jpg); text-align:center; width:56px; } .rank-td-1-4{ background-image:url(http://www.screammt2.com/img/rank-td-1-4-bg.jpg); padding-right:13px; text-align:right; width:200px; } .rank-td-2-1{ background-image:url(http://www.screammt2.com/img/rank-td-2-1-bg.jpg); font-weight:bold; text-align:center; width:55px; } .rank-td-2-2{ background-image:url(http://www.screammt2.com/img/rank-td-2-2-bg.jpg); padding-left:13px; text-align:left; width:144px; } .rank-td-2-3{ background-image:url(http://www.screammt2.com/img/rank-td-2-3-bg.jpg); text-align:center; width:56px; } .rank-td-2-4{ background-image:url(http://www.screammt2.com/img/rank-td-2-4-bg.jpg); padding-right:13px; text-align:right; width:200px; } .rank-th-1{ background-image:url(http://www.screammt2.com/img/rank-head-1-bg.jpg); width:55px; } .rank-th-2{ background-image:url(http://www.screammt2.com/img/rank-head-2-bg.jpg); padding-left:13px; text-align:left; width:144px; } .rank-th-3{ background-image:url(http://www.screammt2.com/img/rank-head-3-bg.jpg); width:56px; } .rank-th-4{ background-image:url(http://www.screammt2.com/img/rank-head-4-bg.jpg); padding-right:13px; text-align:right; width:200px; } .ranks-nav{ height:24px; float:left; font-weight:bold; padding:8px 10px 0px 10px; } .ranks-nav a{ color:#8d0404; font-size:10px; text-decoration:none; } .ranks-nav a:hover{ text-decoration:underline; } .prev{ background-image:url(http://www.screammt2.com/img/rank-td-last-1.jpg); text-align:left; width:221px; } .next{ background-image:url(http://www.screammt2.com/img/rank-td-last-2.jpg); text-align:right; width:220px; } .prev-top { background-image:url(http://www.screammt2.com/img/rank-td-first-1.jpg); padding:9px 10px 0; } .next-top { background-image:url(http://www.screammt2.com/img/rank-td-first-2.jpg); padding:9px 10px 0; } .ranks-update-time{ color:#4a1e00; height:15px; font-size:11px; margin-top:10px; text-align:right; width:475px; } /*ranks end*/ /*news start*/ .news-box{ background-image:url(http://www.screammt2.com/img/news-box-bg.jpg); height:256px; margin-top:12px; overflow:hidden; padding-top:9px; width:481px; } .news-box h4{ color: #7b1300; float:left; font-size:11px; height:20px; margin:1px 0px 0px 9px; width:345px; } .news-box h5{ font-size:11px; margin:10px 12px 5px 13px; width:365px; } .news-box h5 a{ color:#8d0404; text-decoration:none; } .news-box h5 a:hover{ text-decoration:underline; } .news-box p{ margin:10px 12px 5px 13px; } .news-date{ color:#533a00; float:right; font-size:12px; margin-right:10px; } .news-box ul { font-size: 11px; line-height: 13px; margin:5px 12px 0px 12px; padding:0; text-align: justify; } .news-box ul li { background: url(http://www.screammt2.com/img/bullet.gif) no-repeat; list-style: none; padding: 0 0 13px 20px; } .news-box ul li a{ color:#8d0404; text-decoration:none; } .news-box ul li a:hover{ text-decoration:underline; } /*news start*/ /*password lost start*/ .input-data-box{ background:url(http://www.screammt2.com/img/input-data-box-bg.jpg) no-repeat; min-height:129px; padding-top:9px; width:481px; } .input-data-box .box-img { float:right; height:130px; width:180px; } .login-inner-content h4, .pass-lost-inner-content h4{ color: #7b1300; font-size:11px; height:22px; margin:1px 0px 0px 9px; width:290px; } .login-inner-content p, .pass-lost-inner-content p{ font-size:11px; margin: 5px 0 10px 12px; width:275px; } .login-inner-content, .pass-lost-inner-content{ margin: 9px 0px 0px 0px; padding: 0 0 0px; } .pass-lost-box{ background:url(http://www.screammt2.com/img/pass-lost-box.jpg) no-repeat; margin-left:11px; overflow:hidden; padding-top:10px; width:275px; } .pass-lost-box-small{ background: url(http://www.screammt2.com/img/pass-lost-box-small.jpg) no-repeat; float:left; height: auto; margin-left: 11px; padding-top: 10px; width: 275px; } .change-password .pass-lost-box-small {padding-top:5px;} .login-inner-content .pass-lost-box-small{ background: url(http://www.screammt2.com/img/login-box-small.jpg) no-repeat; } .pass-lost-box-big { height: 315px; } .pass-lost-box-small p{ width:250px; } .pass-lost-box-inner-content{ margin-left:10px; width:253px; } .pass-lost-box label{ color:#4a1e00; font-weight:bold; font-size:11px; } .pass-lost-box input{ border:0; background-color:transparent; font: 11px/13px Arial, Helvetica, sans-serif; margin: 1px 0 0 4px; width:245px; } .pass-lost-box input.btn-center-input {margin-top:5px !important;} .pass-lost-box-small label{ color:#4a1e00; font-weight:bold; font-size:11px; } .pass-lost-box-small input{ background: none; border: none; font: 11px/13px Arial, Helvetica, sans-serif; margin: 1px 0 0 4px; width:245px; } .input-data-input{ background-image:url(http://www.screammt2.com/img/input-data-input-bg.jpg); height:20px; margin-top:5px; margin-bottom:5px; width:251px; } .error-mini{ background:url(http://www.screammt2.com/img/error-mini.gif) no-repeat 0px 0px; color:#af1b03; font-size:11px; font-weight:bold; margin:10px 0px 15px 0px; padding-left:20px; } .error-mini-maxwidth{ width:260px; } .btn-center-input{ margin-left:62px !important; margin-top:10px !important; } .btn-center-input-space{ margin:17px 0px 0px 62px !important; } .error-big{ background:url(http://www.screammt2.com/img/error.gif) no-repeat 0px 9px; color:#4a1e00; font-size:10px; margin:23px 0px 15px 0px; padding-left:60px; } /*password lost end*/ /*login error start*/ .password-lost:hover { text-decoration:underline; } .password-lost { color:#58220E; display:block; font-size:9px; line-height:11px; margin:0px 0 0 0px; text-decoration:none; text-align:center; } .btn-center-input-small-space{ margin:10px 0px 4px 62px !important; } .error-mini-margin{ margin-left:12px; } /*login error end*/ /*register start*/ .register-inner-content h4{ color: #7b1300; font-size:11px; height:22px; margin:1px 0px 0px 9px; width:290px; } .register-inner-content p{ font-size:11px; margin:5px 0px 10px 12px; width:285px; } .register-inner-content{ margin: 9px 0px 0px 0px; padding: 0 0 0px; position:relative; } .register-box { background:url(http://www.screammt2.com/img/register-box-bg.jpg) no-repeat; /*height:438px;*/ float:left; margin-left:11px; overflow:visible; padding-top:10px; width:280px; } .register-box-inner-content{ margin-left:10px; width:253px; } .agb-label-register2 { color:#4a1e00; float:left; font-weight:bold; font-size:11px; line-height:13px; vertical-align:text-top; width:200px; } .agb-label-register2 a{ color:#8d0404; text-decoration:none; } .agb-label-register2 a:hover{ text-decoration:underline; } .register-box-checkbox { background: none; border: none; float:left; font: 11px/13px Arial, Helvetica, sans-serif; margin:0; width:30px; } .register-agb-box2 { margin-top:10px; } .register-box-input{ background:transparent none repeat scroll 0 0; border:medium none; font:normal normal normal 13px/13px Arial,Helvetica,sans-serif; font-size-adjust:none; font-stretch:normal; margin:1px 0 0 4px; width:245px; } .error-close{ margin-top:0px; margin-bottom:5px; } .btn-center-input-register{ margin:10px 0 10px 64px; padding-bottom:5px; } .hide{visibility:hidden;} /* register-box secure pwd */ #securePwd { float:right; width:180px; } .invalid-char {height:15px;} #validChar { color:#AF1B03; font-weight:bold; } .valid-icon { background:transparent url(http://www.screammt2.com/img/valid-icon.png) no-repeat; display:block; float:left; height:14px; margin:5px 5px 0 0; width:14px; } #securePwd p.valid-header {width:150px;} .invalid {background-position:0 -14px;} #securePwd .securePwdBarBox { float:left; margin:5px 0 15px 0; width:180px; } #securePwd .securePwdBarBox, #securePwd #securePwdBar { /* has IE-fix */ background:transparent url(http://www.screammt2.com/img/secure-pwd-bar.png) no-repeat 0 -13px; height:13px; line-height:1px; direction:ltr; font-size:1px; } #securePwd #securePwdBar {background-position:0 -13px;} #securePwd .yellow-bar {background-position:0 -26px;} .page #securePwd .green-bar {background-position:0 -39px;} #securePwd .securePwdBar {float:left;} #pwdWarning { display:none; margin-top:10px; } #pwdWarning label {font-weight:700} #securePwd p { margin:5px 0 0; width:180px; } /* register-box secure pwd end */ /*register end*/ /*download box start*/ .download-btn{ background-image:url(http://www.screammt2.com/img/nav-download-btn.jpg); height:68px; margin:4px 0 9px 14px; width:130px; } /*download box end*/ .itemshop-btn{ background-image:url(http://www.screammt2.com/img/nav-itemshop-btn.jpg); height:68px; margin:4px 0 9px 14px;; width:130px; } /*administration*/ .administration-inner-content h4{ color: #7b1300; font-size:11px; height:22px; margin:1px 0px 0px 9px; width:290px; } .administration-inner-content p{ font-size:11px; margin: 0 5px 0 12px; } .administration-inner-content{ margin:9px 0 0; padding: 0 0 0px; } .administration-inner-content ul { font-size: 11px; margin: 9px 0 0 12px; padding: 0; text-align: justify; } .administration-inner-content ul li { background: url(http://www.screammt2.com/img/bullet.gif) no-repeat; list-style: none; padding: 0 0 13px 20px; width:260px; } .long-li { overflow:visible; width: 440px !important; } .long-li-code { background-position: 0px 5px !important; line-height: 23px; padding-bottom: 0px; } .administration-box { height:35px; line-height:18px; margin-bottom:0; margin-left:12px; padding:0 0 0 13px; width:500px; } .administration-box p { color: #4a1e00; float:left; margin-left:6px; } .administration-box a { float:left; margin: 0 0 0 0; } .delete-code { background-color: #CDB78B; border: 1px solid #997C47; color: #7B1300; font: normal bold 11px; height: 15px; padding-left: 4px; padding-right: 4px; padding-top: 3px; } .load-link { color:#7B1300; font-weight:bold; text-decoration:none; } .load-link:hover { text-decoration:underline; } .load-link:visited { color:#943B00; } /* character list */ .char-list-content { color:#86280f; font-weight:bold; margin-bottom:10px; width:480px; } .char-list-content .pagerWrapper { background:transparent url(http://www.screammt2.com/img/charlist-pager-bg.jpg) no-repeat; height:18px; margin-top:10px; padding:7px; width:465px; } .char-list-content .pagerWrapper .sort-char-list { float:left; width:300px; } .char-list-content .pagerWrapper .sellabel { float:left; line-height:20px; } .char-list-content .pagerWrapper .charselect { border:1px solid #997C47; float:left; height:18px; margin-left:3px; overflow:hidden; width:125px; } .char-list-content .pagerWrapper select { background-color:#CDB78B; color:#4A1E00; font-size:13px; height:22px; margin:-2px 0 0 -2px; width:129px } .char-list-content .pagerWrapper .pager { background: url(http://www.screammt2.com/img/charlist-pager.jpg) no-repeat; float:right; height:20px; text-align:right; width:110px; } .char-list-content .pagerWrapper .prev { background: url(http://www.screammt2.com/img/charlist-pager-prev.jpg) no-repeat; } .char-list-content .pagerWrapper .next { background: url(http://www.screammt2.com/img/charlist-pager-next.jpg) no-repeat; } .char-list-content .pagerWrapper div.pager-prev, .char-list-content .pagerWrapper a.pager-prev { display:block; float:left; height:20px; width:18px; } .char-list-content .pagerWrapper div.pager-next, .char-list-content .pagerWrapper a.pager-next { display:block; float:left; height:20px; width:20px; } .char-list-content .pagerWrapper .bg-none{ background: none; float:left; height:20px; width:20px; } .char-list-content .pagerWrapper .pager-middle { color:#fff; float:left; font-weight:normal; height:20px; line-height:19px; text-align:center; width:70px; } .char-list-content .charList { background: url(http://www.screammt2.com/img/charlist-row-bg.jpg) no-repeat; height:96px; padding:2px; width:476px; } .char-list-content .charList .charimg { background: url(http://www.screammt2.com/img/charlist-avatar-bg.jpg) no-repeat 3px 3px; float:left; height:72px; margin-right:5px; width:56px; } .char-list-content .charList .charimg img { border:1px solid #000; padding:1px; margin:4px; } .char-list-content .charList .charuser div { height:30px; line-height:30px; } .char-list-content .charList .charuser .charname { font-size:16px; float:left; width:276px; } .char-list-content .charList .charuser .charrank { text-align:right; } .char-list-content .charList .charlevel, .char-list-content .charList .charclass, .char-list-content .charList .charkingdom, .char-list-content .charList .chartime, .char-list-content .charList .charserver,.char-list-content .charList .charposition { float:left; height:20px; line-height:20px; width:250px; } .char-list-content .charList .charlevel, .char-list-content .charList .charclass { width:160px;} .char-list-content .charList .charposition {width:410px;} .char-list-content .charList .charlabel{ color:#86280f; display:block; float:left; font-weight:bold; width:70px; } .char-list-content .charList .chardata { color:#000; font-weight:bold; } .char-list-content .charList .charrow td { height:20px; } .char-list-content .charList .charend td{ padding-bottom:13px; } /* character list end*/ /* captcha */ .captcha-container { margin:10px 0 0 0; } .captcha-container p{ margin:15px 0; padding:0 0 0 0; color: #8D0404; font-weight:bold; width:auto; } .register-captcha {margin-top:24px;} .pass-lost-box-inner-content .register-captcha {margin-top:0;} .captcha-container .input-data-input {background-image:url(http://www.screammt2.com/img/input-data-input-captcha-bg.jpg);} /* end captcha*/ .help-link { background: url(http://www.screammt2.com/img/help-link-bg.gif) no-repeat; height: 17px; width: 17px; } #err-register { background-color: #2E0100; border: 1px dotted #7B1300; color: #FEF6AA; font-size: 11px; left: 330px; padding: 2px 5px; position: absolute; top: 91px; width: 256px; z-index: 5; } /* tabs definition */ .content .tabs-nav { height:40px; width:481px; } .content .tabs-nav li, .content .tabs-nav li a { color:#7b1300; display:block; font: bold 12px/26px Arial, Helvetica, sans-serif; height:30px; text-align:center; text-decoration:none; } .content .tabs-nav li { float:left; height:34px; list-style-type:none; padding:3px; } .content .tabs-nav li a:hover { text-decoration:underline; } .content .tabs-nav li.selected a { text-decoration:none !important; cursor:text !important; } /* tabs4 */ .content .tabs4 li {background:transparent url(http://www.screammt2.com/img/tabs4-navi.png) no-repeat; width:114px;} .content .tabs4 li a {width:114px;} .content .tabs4 #tab1 {background-position:0 -40px;} .content .tabs4 #tab2 {background-position:-120px -40px;} .content .tabs4 #tab3 {background-position:-240px -40px;} .content .tabs4 #tab4 {background-position:-360px -40px; width:115px;} .content .tabs4 #tab1.selected {background-position:0 0;} .content .tabs4 #tab2.selected {background-position:-120px 0;} .content .tabs4 #tab3.selected {background-position:-240px 0;} .content .tabs4 #tab4.selected {background-position:-360px 0;} /* tabs3 */ .content .tabs3 li {background:transparent url(http://www.screammt2.com/img/tabs3-navi.png) no-repeat; width:154px;} .content .tabs3 li a {width:154px;} .content .tabs3 #tab1 {background-position:0 -40px;} .content .tabs3 #tab2 {background-position:-160px -40px;} .content .tabs3 #tab3 {background-position:-320px -40px; width:155px;} .content .tabs3 #tab1.selected {background-position:0 0;} .content .tabs3 #tab2.selected {background-position:-160px 0;} .content .tabs3 #tab3.selected {background-position:-320px 0;} /* tabs2 */ .content .tabs2 li {background:transparent url(http://www.screammt2.com/img/tabs2-navi.png) no-repeat; width:234px;} .content .tabs2 li a {width:234px;} .content .tabs2 #tab1 {background-position:0 -40px;} .content .tabs2 #tab2 {background-position:-240px -40px; width:235px;} .content .tabs2 #tab1.selected {background-position:0 0;} .content .tabs2 #tab2.selected {background-position:-240px 0;} /* tabs definition end */ /* ticketservice */ .ticketservice { background:transparent url(http://www.screammt2.com/img/qaservice-bg.jpg) no-repeat; margin-top:10px; padding:7px; margin:10px 0; width:467px; } .ticketservice ul li { background:none; list-style-position:inside; list-style-type:circle; padding:0 0 5px; } .ticketservice a { color:#943B00; text-decoration:none; } .ticketservice .ticketlist a { background: url(http://www.screammt2.com/img/bullet.gif) no-repeat; display:block; height:18px; padding-left:20px; } .ticketservice a:hover { text-decoration:underline; } /* ticketservice end */ /* safari hacks */ @media screen and (-webkit-min-device-pixel-ratio:0){ .ranks-inner-content th, .ranks-inner-content td { height:21px; } } /**/ .nodisplay { display:none !important; } .display { display:block !important; } #warning { background:transparent none repeat scroll 0 0; border:1px solid #CC0000; color:#CC0000; font-size:12px; line-height:18px; margin:15px; padding:5px; } #warning strong { font-size: 16px; } .top-nav li { behavior: url(http://www.screammt2.com/img/iepngfix.htc) }

Bu Gün Sitemize 45684 ziyaretçi (137681 klik) Girmiştir

Pvp İçin Logo Yazma

Metin2 Yardım

Navigation

Metin2 Yardım

Metin2 Tasarım

Metin2-Wallper-İNG

3