Metin2

Metin2 Tasarım 1

Tasarımın Üzerindeki Yazı

<body class="home blog">  <div id="art-main">      <div class="cleared reset-box"></div>      <div class="art-bar art-nav">          <div class="art-nav-outer">          <div class="art-nav-wrapper">          <div class="art-nav-inner">      	 <ul class="art-hmenu"> 	<li class="menu-item-7"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-12"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-22"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-1"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-3"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-15"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-6"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> </ul>         </div>          </div>          </div>      </div>      <div class="cleared reset-box"></div>      <div class="art-header">          <div class="art-header-position">              <div class="art-header-wrapper">                  <div class="cleared reset-box"></div>                  <div class="art-header-inner">                  <div class="art-logo">                                                  <h1 class="art-logo-name"><a href="/" _fcksavedurl="/" _fcksavedurl="/">SİTENİZİN İSMİ BURAYA</a></h1>                                                                      <h2 class="art-logo-text">Site Sloganı Buraya</h2>                                  </div>                  </div>              </div>          </div>      </div>      <div class="cleared reset-box"></div>      <div class="art-box art-sheet">          <div class="art-box-body art-sheet-body">  <div class="art-layout-wrapper">      <div class="art-content-layout">          <div class="art-content-layout-row">              <div class="art-layout-cell art-sidebar1">                <div class="art-box art-vmenublock widget vmenu" id="vmenuwidget-3">      <div class="art-box-body art-vmenublock-body"><div class="art-bar art-vmenublockheader">      <h3 class="t">MENÜ</h3>  </div><div class="art-box art-vmenublockcontent">      <div class="art-box-body art-vmenublockcontent-body"> <ul class="art-vmenu"> 	<li class="menu-item-7"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-12"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-22"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-1"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-3"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-15"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-6"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> </ul> 		<div class="cleared"></div>      </div>  </div>		<div class="cleared"></div>      </div>  </div><div class="art-box art-block widget widget_text" id="text-9">      <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">      <h3 class="t">Başlık</h3>  </div><div class="art-box art-blockcontent">      <div class="art-box-body art-blockcontent-body">			<div class="textwidget">Buraya Herhangibir yazı veya kod girebilirsin.</div> 				<div class="cleared"></div>      </div>  </div>		<div class="cleared"></div>      </div>  </div><div class="art-box art-block widget widget_categories" id="categories-2">      <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">      <h3 class="t">Dost Siteler</h3>  </div><div class="art-box art-blockcontent">      <div class="art-box-body art-blockcontent-body">		<ul> 	<li class="cat-item cat-item-7"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-12"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-22"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-1"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-3"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-15"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-6"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 		</ul> 		<div class="cleared"></div>      </div>  </div>		<div class="cleared"></div>      </div>  </div>              <div class="cleared"></div>              </div>              <div class="art-layout-cell art-content">  			      			<div class="art-box art-post post-474 post type-post status-publish format-standard hentry category-spor" id="post-474">  	    <div class="art-box-body art-post-body">  	            <div class="art-post-inner art-article">

Tasarımın Altındaki Yazı

</div>  			<div class="cleared"></div>  	    </div>  	</div> <div class="cleared"></div>             </div> <div class="art-layout-cell art-sidebar2">   <div class="art-box art-block widget widget_text" id="text-10">      <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">      <h3 class="t">Başlık</h3>  </div><div class="art-box art-blockcontent">      <div class="art-box-body art-blockcontent-body">			<div class="textwidget">Buraya Herhangibir yazı veya kod girebilirsin.</div> 				<div class="cleared"></div>      </div>  </div>		<div class="cleared"></div>      </div>  </div><div class="art-box art-block widget widget_text" id="text-6">      <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">      <h3 class="t">REKLAM ALANI </h3>  </div><div class="art-box art-blockcontent">      <div class="art-box-body art-blockcontent-body">			<div class="textwidget">REKLAM BURAYA GELECEK  REKLAM BURAYA GELECEK  REKLAM BURAYA GELECEK  </div> 				<div class="cleared"></div>      </div>  </div>		<div class="cleared"></div>      </div>  </div><div class="art-box art-block widget widget_categories" id="categories-3">      <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">      <h3 class="t">Linkler</h3>  </div><div class="art-box art-blockcontent">      <div class="art-box-body art-blockcontent-body">		<ul> 	<li class="cat-item cat-item-7"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-12"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-22"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-1"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-3"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-15"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-6"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 		</ul> 		<div class="cleared"></div>      </div>  </div>		<div class="cleared"></div>      </div>  </div><div class="art-box art-block widget widget_text" id="text-18">      <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">      <h3 class="t">Başlık</h3>  </div><div class="art-box art-blockcontent">      <div class="art-box-body art-blockcontent-body">			<div class="textwidget">herhangibir yazı gir veya kod girebilirsin..</div> 				<div class="cleared"></div>      </div>  </div>		<div class="cleared"></div>      </div>  </div>              <div class="cleared"></div>              </div>          </div>      </div>  </div>  <div class="cleared"></div>      <div class="art-footer">                  <div class="art-footer-body">                                   <a href="#" _fcksavedurl="#" _fcksavedurl="#" class='art-rss-tag-icon' title="YUKARI "></a>                              <div class="art-footer-text">                                    <p><a href="http://www.seoatolyesi.com/" _fcksavedurl="http://www.seoatolyesi.com/" _fcksavedurl="http://www.seoatolyesi.com/" title="Seo">Seo</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#">Link2</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#">Link3</a></p><p>Copyright © 2012. Tüm Hakları Saklıdır.</p>                                <div class="cleared"></div>                                  <p class="art-page-footer">Web Tasarım:<a href="http://csstemalar.tr.gg/" _fcksavedurl="http://csstemalar.tr.gg/" _fcksavedurl="#/" target="_blank"></a> </p>                              </div>                      <div class="cleared"></div>                  </div>              </div>      		<div class="cleared"></div>          </div>      </div>      <div class="cleared"></div>  </div>      <div id="wp-footer">	        	              </div>   <script language="javascript" type="text/javascript" src="http://quickribbon.com/ribbon/2012/07/95ed229fa308bae7fa23db68204265c4.js"></script><noscript><a href="http://quickribbon.com/">Quickribbon</a></noscript>

Css Kodu

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;}  /* Theme Name: Metin2 Teması Theme URI: http://csstemalar.tr.gg/ Description: csstemalar.tr.gg - Metin2 teması Version: 1.0 Author: Veysel KARA Author URI:http://csstemalar.tr.gg/  Tags: fixed width, three columns, valid XHTML, widgets */   /* Yapımcı csstemalar.tr.gg */  #art-main, table {    font-family: Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 14px; }  h1, h2, h3, h4, h5, h6, p, a, ul, ol, li {    margin: 0;    padding: 0; }  .art-postcontent, .art-postheadericons, .art-postfootericons, .art-blockcontent-body, ul.art-vmenu a  {    text-align: left; }  .art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a.hovered {    font-family: Arial, Helvetica, Sans-Serif; }  .art-postcontent p {    margin: 12px 0; }  .art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover, .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover, .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover, .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover, .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover, .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover, .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover, .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover, .art-logo-name, .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover, .art-logo-text, .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover, .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover {    font-family: "Times New Roman", Georgia, Times, Serif;    font-style: normal;    font-weight: bold;    font-size: 29px;    text-decoration: none; }  .art-postcontent a {    text-decoration: none;    color: #303030; }  .art-postcontent a:link {    text-decoration: none;    color: #303030; }  .art-postcontent a:visited, .art-postcontent a.visited {    color: #1F1F1F; }  .art-postcontent  a:hover, .art-postcontent a.hover {    text-decoration: underline;    color: #404040; }  .art-postcontent h1 {    color: #303030;    margin: 10px 0 0; }  .art-blockcontent h1 {    margin: 10px 0 0; }  .art-postcontent h2 {    color: #404040;    margin: 10px 0 0;    font-size: 24px; }  .art-blockcontent h2 {    margin: 10px 0 0;    font-size: 24px; }  .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited  {    font-size: 24px; }  .art-postcontent h3 {    color: #303030;    margin: 10px 0 0;    font-size: 20px; }  .art-blockcontent h3 {    margin: 10px 0 0;    font-size: 20px; }  .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited  {    font-size: 20px; }  .art-postcontent h4 {    color: #3D3D3D;    margin: 10px 0 0;    font-size: 18px; }  .art-blockcontent h4 {    margin: 10px 0 0;    font-size: 18px; }  .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited  {    font-size: 18px; }  .art-postcontent h5 {    color: #171717;    margin: 10px 0 0;    font-size: 15px; }  .art-blockcontent h5 {    margin: 10px 0 0;    font-size: 15px; }  .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited  {    font-size: 15px; }  .art-postcontent h6 {    color: #1F1F1F;    margin: 10px 0 0;    font-size: 14px; }  .art-blockcontent h6 {    margin: 10px 0 0;    font-size: 14px; }  .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited  {    font-size: 14px; }  ul {    list-style-type: none; }  ol {    list-style-position: inside; }  html, body {    height:100%; }  #art-main {    position: relative;    z-index: 0;    width: 100%;    min-height: 100%;    left: 0;    top: 0;    cursor:default;    overflow:hidden; }  body {    padding: 0;    margin:0;    min-width: 980px;    color: #242424;    background-color: #000000;    background-image: url('http://www.kozan.somee.com/metin2images/Bottom_texture.jpg');    background-repeat: repeat-y;    background-attachment: fixed;    background-position: center center; }  .cleared {    display:block;    clear: both;    float: none;    margin: 0;    padding: 0;    border: none;    font-size: 0;    height:0;    overflow:hidden; }  .reset-box {    overflow:hidden;    display:table; }  form {    padding: 0 !important;    margin: 0 !important; }  table.position {    position: relative;    width: 100%;    table-layout: fixed; }  /* Start Box */ .art-box, .art-box-body {    margin:0 auto;    position:relative; } .art-box:before, .art-box:after, .art-box-body:before, .art-box-body:after {    position:absolute;    top:0;    bottom:0;    content:' ';    background-repeat: no-repeat;    line-height:0; } .art-box:before,.art-box-body:before{    left:0; } .art-box:after,.art-box-body:after{    right:0; } .art-box:before {    overflow:hidden;    background-position: bottom left;    direction: ltr;    z-index:-3; } .art-box:after {    background-position: bottom right;    z-index:-3; } .art-box-body:before, .art-box-body:after {    background-repeat:repeat-y; } .art-box-body:before {    background-position: top left;    z-index:-3; } .art-box-body:after {    background-position: top right;    z-index:-3; }  .art-box .art-box:before, .art-box .art-box:after, .art-box-body .art-box-body:before, .art-box-body .art-box-body:after {    z-index:-2; } .art-box .art-box .art-box:before, .art-box .art-box .art-box:after, .art-box-body .art-box-body .art-box-body:before, .art-box-body .art-box-body .art-box-body:after {    z-index:-1; } /* End Box */  /* Start Bar */ .art-bar {    position:relative; } .art-bar:before, .art-bar:after {    position:absolute;    top:0;    bottom:0;    content:' ';    background-repeat:repeat;    z-index:-1; } .art-bar:before {    left:0;    background-position: top left; } .art-bar:after {    right:0;    background-position: top right; } /* End Bar */  li h1, .art-postcontent li h1, .art-blockcontent-body li h1  {    margin:1px; }  li h2, .art-postcontent li h2, .art-blockcontent-body li h2  {    margin:1px; }  li h3, .art-postcontent li h3, .art-blockcontent-body li h3  {    margin:1px; }  li h4, .art-postcontent li h4, .art-blockcontent-body li h4  {    margin:1px; }  li h5, .art-postcontent li h5, .art-blockcontent-body li h5  {    margin:1px; }  li h6, .art-postcontent li h6, .art-blockcontent-body li h6  {    margin:1px; }  li p, .art-postcontent li p, .art-blockcontent-body li p  {    margin:1px; }  /* end Page */  /* begin Menu */ /* menu structure */  ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover  {    outline: none;    position: relative;    z-index: 11; }  ul.art-hmenu, ul.art-hmenu ul {    display: block;    margin: 0;    padding: 0;    border: 0;    list-style-type: none; }  ul.art-hmenu li {    margin: 0;    padding: 0;    border: 0;    display: block;    float: left;    position: relative;    z-index: 5;    background: none; }  ul.art-hmenu li:hover{    z-index: 10000;    white-space: normal; } ul.art-hmenu li li{    float: none;    width: auto; } ul.art-hmenu li:hover>ul {    visibility: visible;    top: 100%; } ul.art-hmenu li li:hover>ul {    top: 0;    left: 100%; } ul.art-hmenu:after, ul.art-hmenu ul:after {    content: ".";    height: 0;    display: block;    visibility: hidden;    overflow: hidden;    clear: both; } ul.art-hmenu, ul.art-hmenu ul {    min-height: 0; }  ul.art-hmenu ul {    visibility: hidden;    position: absolute;    z-index: 10;    left: 0;    top: 0;    background-image: url('http://www.kozan.somee.com/metin2images/spacer.gif');    padding: 10px 30px 30px 30px;    margin: -10px 0 0 -30px; }  ul.art-hmenu ul.art-hmenu-left-to-right {    right: auto;    left: 0;    margin: -10px 0 0 -30px; } ul.art-hmenu ul.art-hmenu-right-to-left {    left: auto;    right: 0;    margin: -10px -30px 0 0; }  ul.art-hmenu ul ul {    padding: 30px 30px 30px 10px;    margin: -30px 0 0 -10px;    margin-left: -11px;    z-index: -1; }  ul.art-hmenu ul ul.art-hmenu-left-to-right {    right: auto;    left: 0;    padding: 30px 30px 30px 10px;    margin: -30px 0 0 -10px;    margin-left: -11px; }  ul.art-hmenu ul ul.art-hmenu-right-to-left {    left: auto;    right: 0;    padding: 30px 10px 30px 30px;    margin: -30px -10px 0 0;    margin-right: -11px; }  ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {    right: auto;    left: 100%; } ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {    left: auto;    right: 100%; }  ul.art-hmenu{    position:relative;    padding: 0 0 0 0;    float: left; }  /* end menu structure */  /* menu bar */  .art-nav {    width:100%;    margin:0 auto;    min-height: 27px;    z-index: 100;    margin-top: 0;    margin-bottom: 0; }  .art-nav:before, .art-nav:after{    background-image: url('http://www.kozan.somee.com/metin2images/nav.png'); } .art-nav:before{    right: 0; } .art-nav:after{    width: 0; } /* end menu bar */ .art-nav-outer{    position:absolute;    width:100%; } .art-nav-wrapper  {    position: relative;    width:980px;    margin:0 auto; }  .art-nav-inner{    margin: 0 16px; }  /* end Menu */  /* begin MenuItem */ ul.art-hmenu>li>a {    position: relative;    display: block;    height: 27px;    cursor: pointer;    text-decoration: none;    color: #D1D1D1;    padding: 0 8px;    line-height: 27px;    text-align: center; }  ul.art-hmenu>li>a:before, ul.art-hmenu>li>a:after {    position: absolute;    display: block;    content:' ';    top: 0;    bottom:0;    z-index: -1;    background-image: url('http://www.kozan.somee.com/metin2images/menuitem.png'); }  ul.art-hmenu>li>a:before {    left: 0;    right: 0;    background-position: top left; }  ul.art-hmenu>li>a:after {    width: 0;    right: 0;    background-position: top right; }  .art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover {    text-align: left;    text-decoration: none; }  ul.art-hmenu>li>a:hover:before, ul.art-hmenu>li:hover>a:before {    background-position: center left; } ul.art-hmenu>li>a:hover:after, ul.art-hmenu>li:hover>a:after {    background-position: center right; } ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{    color: #D9D9D9; }  /* end MenuItem */  /* begin MenuSeparator */ ul.art-hmenu>li:before {    position:absolute;    display: block;    content:' ';    top:0;    left:  -1px;    width:1px;    height: 27px;    background: url('http://www.kozan.somee.com/metin2images/menuseparator.png') center center no-repeat; }  ul.art-hmenu>li {    margin-left:1px; } ul.art-hmenu>li:first-child {    margin-left:0; }  ul.art-hmenu>li:first-child:before{    display:none; } /* end MenuSeparator */  /* begin MenuSubItem */ .art-hmenu ul a {    display: block;    white-space: nowrap;    height: 29px;    background-image: url('http://www.kozan.somee.com/metin2images/subitem.png');    background-position: left top;    background-repeat: repeat-x;    border-width: 1px;    border-style: solid;    border-top-width: 0;    border-color: #E4BE8B;    min-width: 7em;    text-align: left;    text-decoration: none;    line-height: 29px;    color: #000000;    margin:0;    padding: 0 22px; }  .art-hmenu ul>li:first-child>a {    border-top-width: 1px; }  .art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active {    text-align: left;    text-decoration: none;    line-height: 29px;    color: #000000;    margin:0;    padding: 0 22px; }  .art-hmenu ul li a:hover {    color: #242424;    background-position: left bottom;    border-color: #DAA662;    border-top-width: 1px !important; }  .art-hmenu ul li a.art-hmenu-before-hovered {    border-bottom-width: 0 !important; }  .art-hmenu ul li:hover>a {    color: #242424;    background-position: left bottom;    border-color: #DAA662;    border-top-width: 1px !important; }  /* end MenuSubItem */  /* begin Header */ div.art-header {    margin: 0 auto;    position: relative;    z-index: -5;    width:100%;    height: 250px;    margin-top: 0;    margin-bottom: 0; } .art-header-position {    position: absolute;    top: 0;    right: 0;    left: 0; }   .art-header-wrapper  {    position: relative;    top:0;    width:980px;    margin:0 auto; } .art-header-inner  {    position: relative;    margin: 0 6px; }  .art-header:after {    position: absolute;    z-index:-1;    display:block;    content:' ';    top: 0;    width:100%;    height: 250px;    background-image: url('http://www.kozan.somee.com/metin2images/header.jpg');    background-repeat: no-repeat;    background-position: center center; } /* end Header */  /* begin Logo */ div.art-logo {    display: block;    position: absolute;    top: 135px;    left: 50%;    margin-left: -469px;    width: 939px; }  .art-logo-name {    display: block;    text-align: center;    font-size: 33px;    padding: 0;    margin: 0;    color: #E1B67F !important; } .art-logo-name a,  .art-logo-name a:link,  .art-logo-name a:visited,  .art-logo-name a:hover {    font-size: 33px;    padding: 0;    margin: 0;    color: #E1B67F !important; }  .art-logo-text {    display: block;    text-align: center;    font-family: Arial, Helvetica, Sans-Serif;    font-size: 19px;    padding: 0;    margin: 0;    color: #E1B67F !important; } .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover {    font-family: Arial, Helvetica, Sans-Serif;    font-size: 19px;    padding: 0;    margin: 0;    color: #E1B67F !important; }  /* end Logo */  /* begin Box, Sheet */ .art-sheet {    max-width:980px;    margin-top: 0;    margin-bottom: 0;    cursor:auto;    width: 980px; } .art-sheet-body  {    padding:16px;    min-width:10px;    min-height:10px;    padding-top:0;    padding-bottom:0; }  /* end Box, Sheet */  /* begin Layout */ .art-layout-wrapper {    position:relative;    margin:0 auto 0 auto; }  .art-content-layout {    display: table;    width:100%;    table-layout: fixed;    border-collapse: collapse; }  .art-content-layout-row {    display: table-row; }  .art-layout-cell {    display: table-cell;    vertical-align: top; } /* end Layout */  /* begin Box, Block, VMenuBlock */ .art-vmenublock {    max-width:948px;    margin: 11px; } .art-vmenublock-body  {    padding:0; }  /* end Box, Block, VMenuBlock */  /* begin BlockHeader, VMenuBlockHeader */ .art-vmenublockheader {    margin-bottom: 0;    min-height: 33px;    line-height:33px; } .art-vmenublockheader:before, .art-vmenublockheader:after{    background-image: url('http://www.kozan.somee.com/metin2images/vmenublockheader.png'); } .art-vmenublockheader:before{    right: 42px; } .art-vmenublockheader:after{    width: 42px; }  .art-vmenublockheader .t {    min-height: 33px;    line-height:33px;    color: #ABABAB;    font-family: Arial, Helvetica, Sans-Serif;    font-size: 15px;    text-align: left;    margin:0;    padding: 0 10px 0 48px;    white-space: nowrap; }  .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited,  .art-vmenublockheader .t a:hover {    color: #ABABAB;    font-family: Arial, Helvetica, Sans-Serif;    font-size: 15px;    text-align: left; }  /* end BlockHeader, VMenuBlockHeader */  /* begin Box, Box, VMenuBlockContent */ .art-vmenublockcontent {    max-width:948px; } .art-vmenublockcontent-body  {    padding:6px; } .art-vmenublockcontent:before, .art-vmenublockcontent:after  {    content: url('http://www.kozan.somee.com/metin2images/vmenublockcontent_t.png');    font-size: 0;    background-image: url('http://www.kozan.somee.com/metin2images/vmenublockcontent_b.png'); } .art-vmenublockcontent:after{    content: url('http://www.kozan.somee.com/metin2images/vmenublockcontent_t.png');    font-size: 0;    background-image: url('http://www.kozan.somee.com/metin2images/vmenublockcontent_b.png');    clip:rect(auto, auto, auto, 947px); } .art-vmenublockcontent:before,.art-vmenublockcontent-body:before{    right:1px; } .art-vmenublockcontent-body:after{    width: 1px;    top:1px;    bottom:1px;    background-image:url('http://www.kozan.somee.com/metin2images/vmenublockcontent.png'); } .art-vmenublockcontent-body:before{    right:1px;    top:1px;    bottom:1px;    background-image:url('http://www.kozan.somee.com/metin2images/vmenublockcontent.png'); }  .art-vmenublockcontent:before{    content: url('http://www.kozan.somee.com/metin2images/vmenublockcontent_t.png');    font-size: 0;    background-image: url('http://www.kozan.somee.com/metin2images/vmenublockcontent_b.png');    right:1px; }  /* end Box, Box, VMenuBlockContent */  /* begin VMenu */ ul.art-vmenu, ul.art-vmenu ul {    list-style: none;    display: block; }  ul.art-vmenu, ul.art-vmenu li {    display: block;    margin: 0;    padding: 0;    width: auto;    line-height: 0; }  ul.art-vmenu {    margin-top: 0;    margin-bottom: 0; }  ul.art-vmenu ul {    display: none;    margin: 0;    padding: 0;    position:relative;    margin-left: 0;    margin-right: 0; }  ul.art-vmenu ul.active {    display: block; } /* end VMenu */  /* begin VMenuItem */ ul.art-vmenu a  {    display: block;    cursor: pointer;    z-index:0;    text-decoration: none;    font-family: Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 13px;    text-align: center;    margin-left:0;    margin-right:0;    position:relative; }  ul.art-vmenu li{    position:relative; }  ul.art-vmenu>li>a  {    color: #CCCCCC;    padding: 0 34px 0 35px;    height: 34px;    line-height: 34px;    white-space: nowrap; }  ul.art-vmenu>li>a.active {    color: #CCCCCC; } ul.art-vmenu a:hover, ul.art-vmenu a.active:hover {    color: #999999; }  ul.art-vmenu>li>a:before, ul.art-vmenu>li>a:after  {    position: absolute;    display: block;    content: ' ';    z-index:-1;    background-image: url('http://www.kozan.somee.com/metin2images/vmenuitem.png');    top:0;    height:34px; }  ul.art-vmenu>li>a:before{    left: 0;    right: 0;    background-position: top left; } ul.art-vmenu>li>a:after{    width: 0;    right: 0;    background-position: top right; } ul.art-vmenu>li>a.active:before {    background-position: bottom left; } ul.art-vmenu>li>a.active:after {    background-position: bottom right; } ul.art-vmenu>li>a:hover {    background-color: transparent; } ul.art-vmenu>li>a:hover:before  {    background-position: center left; } ul.art-vmenu>li>a:hover:after {    background-position: center right; }  ul.art-vmenu>li{    margin-top:0; } ul.art-vmenu>li>ul{    margin-top:0;    padding-bottom: 0; } ul.art-vmenu>li:first-child{    margin-top:0; }  /* end VMenuItem */  /* begin VMenuSubItem */ ul.art-vmenu ul li{    margin: 0;    padding: 0; } ul.art-vmenu li li, ul.art-vmenu li li a {    position:relative; }  ul.art-vmenu ul a {    display: block;    position:relative;    white-space: nowrap;    height: 24px;    overflow: visible;    background-image: url('http://www.kozan.somee.com/metin2images/vsubitem.png');    background-repeat: repeat-x;    background-position: top left;    padding:0;    padding-left:15px;    padding-right:15px;    line-height: 24px;    color: #303030;    margin-left: 0;    margin-right: 0; }  ul.art-vmenu ul a.active{    background-position: bottom left; } ul.art-vmenu ul a:hover{    background-position: center left;    line-height: 24px;    color: #303030;    margin-left: 0;    margin-right: 0; } ul.art-vmenu ul li li a:hover, ul.art-vmenu ul li li a:hover.active{    background-position: left center; }  ul.art-vmenu ul a:link, ul.art-vmenu ul a:visited, ul.art-vmenu ul a:active {    line-height: 24px;    color: #303030;    margin-left: 0;    margin-right: 0; }  ul.art-vmenu>li>ul>li:first-child{    padding-top: 0;    margin-top:0; }   ul.art-vmenu li li{    position:relative;    margin-top:0; }  ul.art-vmenu ul ul a{    padding-left:30px; } ul.art-vmenu ul ul ul a{    padding-left:45px; } ul.art-vmenu ul ul ul ul a{    padding-left:60px; } ul.art-vmenu ul ul ul ul ul a{    padding-left:75px; }  ul.art-vmenu ul li a.active {    color: #D1D1D1; } ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active {    color: #474747; }  /* end VMenuSubItem */  /* begin Box, Block */ .art-block {    max-width:948px;    margin: 3px; } .art-block-body  {    padding:8px; }  div.art-block img {    /* WARNING do NOT collapse this to 'border' - inheritance! */   border-width: 0;    margin: 7px; }  /* end Box, Block */  /* begin BlockHeader */ .art-blockheader {    margin-bottom: 7px;    min-height: 29px;    line-height:29px; } .art-blockheader:before, .art-blockheader:after{    background-image: url('http://www.kozan.somee.com/metin2images/blockheader.png'); } .art-blockheader:before{    right: 42px; } .art-blockheader:after{    width: 42px; }  .art-blockheader .t {    min-height: 29px;    line-height:29px;    color: #A3A3A3;    font-family: Arial, Helvetica, Sans-Serif;    font-size: 15px;    margin:0;    padding: 0 10px 0 48px;    white-space: nowrap; }  .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited,  .art-blockheader .t a:hover {    color: #A3A3A3;    font-family: Arial, Helvetica, Sans-Serif;    font-size: 15px; }  /* end BlockHeader */  /* begin Box, BlockContent */ .art-blockcontent {    max-width:948px; } .art-blockcontent-body  {    padding:8px;    color: #242424;    font-family: Arial, Helvetica, Sans-Serif;    font-size: 14px; } .art-blockcontent:before, .art-blockcontent:after  {    content: url('http://www.kozan.somee.com/metin2images/blockcontent_t.png');    font-size: 0;    background-image: url('http://www.kozan.somee.com/metin2images/blockcontent_b.png'); } .art-blockcontent:after{    clip:rect(auto, auto, auto, 947px); } .art-blockcontent:before,.art-blockcontent-body:before{    right:1px; } .art-blockcontent-body:after{    width: 1px;    top:1px;    bottom:1px;    background-image:url('http://www.kozan.somee.com/metin2images/blockcontent.png'); } .art-blockcontent-body:before{    top:1px;    bottom:1px;    background-image:url('http://www.kozan.somee.com/metin2images/blockcontent.png'); } .art-blockcontent-body table, .art-blockcontent-body li,  .art-blockcontent-body a, .art-blockcontent-body a:link, .art-blockcontent-body a:visited, .art-blockcontent-body a:hover {    color: #242424;    font-family: Arial, Helvetica, Sans-Serif;    font-size: 14px; }  .art-blockcontent-body p {    margin: 0 5px; }  .art-blockcontent-body a, .art-blockcontent-body a:link {    color: #303030;    text-decoration: underline; }  .art-blockcontent-body a:visited, .art-blockcontent-body a.visited {    color: #303030;    text-decoration: underline; }  .art-blockcontent-body a:hover, .art-blockcontent-body a.hover {    color: #0F0F0F; }  .art-blockcontent-body ul li {    line-height: 125%;    color: #303030;    margin: 5px 0 0 10px;    padding: 0 0 0 12px;    background-image: url('http://www.kozan.somee.com/metin2images/blockcontentbullets.png');    background-repeat: no-repeat;    background-position: top left; } /* end Box, BlockContent */  /* begin Button */ span.art-button-wrapper>a.art-button, span.art-button-wrapper>a.art-button:link, span.art-button-wrapper>input.art-button, span.art-button-wrapper>button.art-button {    text-decoration: none;    font-family: Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 14px;    position:relative;    top:0;    display: inline-block;    vertical-align: middle;    white-space: nowrap;    text-align: center;    color: #F2E1C9 !important;    width: auto;    outline: none;    border: none;    background: none;    line-height: 27px;    height: 27px;    margin: 0 !important;    padding: 0 9px !important;    overflow: visible;    cursor: pointer;    text-indent: 0; }  .art-button img, span.art-button-wrapper img {    margin: 0;    vertical-align: middle; }  span.art-button-wrapper {    vertical-align: middle;    display: inline-block;    position: relative;    height: 27px;    overflow: hidden;    white-space: nowrap;    text-indent: 0;    width: auto;    max-width:948px;    margin: 0;    padding: 0;    z-index: 0; }  .firefox2 span.art-button-wrapper {    display: block;    float: left; }  input, select, textarea {    vertical-align: middle;    font-family: Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 14px; }  div.art-block select  {    width:96%; }  span.art-button-wrapper.hover>.art-button, span.art-button-wrapper.hover>a.art-button:link {    color: #DEDEDE !important;    text-decoration: none !important; }  span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link {    color: #DEDEDE !important; }  span.art-button-wrapper>span.art-button-l, span.art-button-wrapper>span.art-button-r {    display: block;    position: absolute;    top: 0;    bottom: 0;    margin: 0;    padding: 0;    background-image: url('http://www.kozan.somee.com/metin2images/button.png');    background-repeat: no-repeat; }  span.art-button-wrapper>span.art-button-l {    left: 0;    right: 5px;    background-position: top left; }  span.art-button-wrapper>span.art-button-r {    width: 5px;    right: 0;    background-position: top right; }  span.art-button-wrapper.hover>span.art-button-l {    background-position: center left; }  span.art-button-wrapper.hover>span.art-button-r {    background-position: center right; }  span.art-button-wrapper.active>span.art-button-l {    background-position: bottom left; }  span.art-button-wrapper.active>span.art-button-r {    background-position: bottom right; }  span.art-button-wrapper input {    float: none !important; } /* end Button */  /* begin Box, Post */ .art-post {    max-width:948px;    margin: 2px; } .art-post-body  {    padding:12px; } .art-post:before, .art-post:after  {    content: url('http://www.kozan.somee.com/metin2images/post_t.png');    font-size: 0;    background-image: url('http://www.kozan.somee.com/metin2images/post_b.png'); } .art-post:after{    clip:rect(auto, auto, auto, 945px); } .art-post:before,.art-post-body:before{    right:3px; } .art-post-body:after{    width: 3px;    top:3px;    bottom:3px;    background-image:url('http://www.kozan.somee.com/metin2images/post.png'); } .art-post-body:before{    top:3px;    bottom:3px;    background-image:url('http://www.kozan.somee.com/metin2images/post.png'); }  a img {    border: 0; }  .art-article img, img.art-article, .art-block img, .art-footer img {    border-color: #C4C4C4;    border-style: solid;    border-width: 1px;    margin: 10px 10px 10px 10px; }  .art-metadata-icons img {    border: none;    vertical-align: middle;    margin: 2px; }  .art-article table, table.art-article {    border-collapse: collapse;    margin: 1px; }  .art-post .art-content-layout-br {    height: 0; }  .art-article th {    text-align: center;    vertical-align: middle;    padding: 7px; }  pre {    overflow: auto;    padding: 0.1em; }  /* end Box, Post */  /* begin PostHeaderIcon */ .art-postheader {    color: #242424;    margin: 5px 0;    line-height: 1em;    font-size: 26px; }  .art-postheader a,  .art-postheader a:link,  .art-postheader a:visited, .art-postheader a.visited, .art-postheader a:hover, .art-postheader a.hovered {    font-size: 26px; }  .art-postheader a, .art-postheader a:link {    text-align: left;    text-decoration: none;    color: #303030; }  .art-postheader a:visited, .art-postheader a.visited {    color: #303030; }  .art-postheader a:hover,  .art-postheader a.hovered {    color: #404040; }  /* end PostHeaderIcon */  /* begin PostIcons, PostHeaderIcons */ .art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover {    font-family: Arial, Helvetica, Sans-Serif;    color: #242424; }  .art-postheadericons {    padding: 1px; }  .art-postheadericons a, .art-postheadericons a:link {    text-decoration: underline;    color: #303030; }  .art-postheadericons a:visited, .art-postheadericons a.visited {    font-style: italic;    font-weight: normal;    color: #303030; }  .art-postheadericons a:hover, .art-postheadericons a.hover {    font-style: italic;    font-weight: normal;    text-decoration: none;    color: #0F0F0F; }  /* end PostIcons, PostHeaderIcons */  /* begin PostIcon, PostDateIcon */ span.art-postdateicon {    display:inline-block;    line-height: 1em; }  span.art-postdateicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostDateIcon */  /* begin PostIcon, PostAuthorIcon */ span.art-postauthoricon {    display:inline-block;    line-height: 1em; }  span.art-postauthoricon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostAuthorIcon */  /* begin PostIcon, PostEditIcon */ span.art-postediticon {    display:inline-block;    line-height: 1em; }  span.art-postediticon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostEditIcon */  /* begin PostBullets */ .art-postcontent ol, .art-postcontent ul {    margin: 1em 0 1em 2em;    padding: 0; }  .art-postcontent li {    font-size: 14px;    color: #242424;    margin: 5px 0 5px -15px;    padding: 0 0 0 12px; }  .art-postcontent li ol, .art-post li ul {    margin: 0.5em 0 0.5em 2em;    padding: 0; }  .art-postcontent ol>li {    background: none;    padding-left: 0;    /* overrides overflow for "ul li" and sets the default value */   overflow: visible; }  .art-postcontent ul>li {    background-image: url('http://www.kozan.somee.com/metin2images/postbullets.png');    background-repeat: no-repeat;    background-position: top left;    padding-left: 12px;    /* makes "ul li" not to align behind the image if they are in the same line */   overflow-x: visible;    overflow-y: hidden; }  /* end PostBullets */  /* begin PostQuote */ blockquote, blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a, blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link, blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited, blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover {    color: #303030; }  /* Override native 'p' margins*/ blockquote p, .art-postcontent blockquote p, .art-blockcontent blockquote p, .art-footer blockquote p {    margin: 0;    margin:5px; }  blockquote {    margin: 10px;    padding: 4px;    background-color: #F0DCC1;    margin-left: 50px;    padding-left: 37px;    background-image: url('http://www.kozan.somee.com/metin2images/postquote.png');    background-position: left top;    background-repeat: no-repeat;    /* makes block not to align behind the image if they are in the same line */   overflow: auto;    clear:both; }  /* end PostQuote */  /* begin PostMetadata, PostMetadataFooter */ .art-postmetadatafooter {    position:relative;    z-index:1;    padding: 1px;    background-image: url('http://www.kozan.somee.com/metin2images/postmetadatafooter_bg.png');    border-color: #C4C4C4;    border-style: solid;    border-width: 1px; } /* end PostMetadata, PostMetadataFooter */  /* begin PostIcons, PostFooterIcons */ .art-postfootericons, .art-postfootericons a, .art-postfootericons a:link, .art-postfootericons a:visited, .art-postfootericons a:hover {    font-family: Arial, Helvetica, Sans-Serif;    color: #292929; }  .art-postfootericons {    padding: 1px; }  .art-postfootericons a, .art-postfootericons a:link {    text-decoration: underline;    color: #333333; }  .art-postfootericons a:visited, .art-postfootericons a.visited {    color: #333333; }  .art-postfootericons a:hover, .art-postfootericons a.hover {    text-decoration: none;    color: #0F0F0F; }  /* end PostIcons, PostFooterIcons */  /* begin PostIcon, PostCategoryIcon */ span.art-postcategoryicon {    display:inline-block;    line-height: 1em; }  span.art-postcategoryicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostCategoryIcon */  /* begin PostIcon, PostTagIcon */ span.art-posttagicon {    display:inline-block;    line-height: 1em; }  span.art-posttagicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostTagIcon */  /* begin PostIcon, PostCommentsIcon */ span.art-postcommentsicon {    display:inline-block;    line-height: 1em; }  span.art-postcommentsicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostCommentsIcon */  /* begin Footer */ .art-footer {    position: relative;    margin-top:10px;    margin-bottom:0;    width: 100%; }  .art-footer-body {    position:relative;    padding: 2px;    color: #A3A3A3;    font-size: 10px; }  .art-footer-body ul li {    font-size: 14px;    line-height: 125%;    color: #E0E0E0;    padding: 0 0 0 10px;    background-image: url('http://www.kozan.somee.com/metin2images/footerbullets.png');    background-repeat: no-repeat;    background-position: top left; }  .art-footer-body:before {    position: absolute;    content:' ';    z-index:-2;    left:0;    right:0;    top:0;    bottom:0;    background-image: url('http://www.kozan.somee.com/metin2images/footer.png');    background-position:bottom left; }  .art-footer-body .art-rss-tag-icon {    position: absolute;    right:   12px;    bottom:2px;    z-index:1; }  .art-rss-tag-icon {    display: block;    background-image: url('http://www.kozan.somee.com/metin2images/rssicon.png');    background-position: center right;    background-repeat: no-repeat;    height: 32px;    width: 32px;    cursor: default; }  .art-footer-text p {    padding:0;    margin:0;    text-align: center; }  .art-footer-body a, .art-footer-body a:link, .art-footer-body a:visited, .art-footer-body a:hover, .art-footer-body td,  .art-footer-body th, .art-footer-body caption {    color: #A3A3A3;    font-size: 10px; }  .art-footer-text {    min-height: 32px;    padding-left: 10px;    padding-right: 10px;    text-align: center; }  .art-footer-body a, .art-footer-body a:link {    color: #E9C9A0;    text-decoration: underline; }  .art-footer-body a:visited {    color: #B0B0B0; }  .art-footer-body a:hover {    color: #DAA662;    text-decoration: none; }  div.art-footer img {    /* WARNING do NOT collapse this to 'border' - inheritance! */   border-width: 0;    margin: 40px; }/* end Footer */  /* begin PageFooter */ .art-page-footer,  .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover {    font-family: Arial;    font-size: 10px;    letter-spacing: normal;    word-spacing: normal;    font-style: normal;    font-weight: normal;    text-decoration: underline;    color: #C4C4C4; }  .art-page-footer {    position: relative;    z-index: 10;    padding: 1em;    text-align: center;    text-decoration: none;    color: #C4C4C4; } /* end PageFooter */  /* begin WordPress, Template.WordPress */ form.art-search {    display:block;    position: relative;    width: 98%;    padding:0;    margin:0 auto !important;    border: none; }  form.art-search div {    margin: 0 18px 0 -2px; }  input.art-search-text {    display: block;    margin: 0;    width: 100%;    padding-right: 16px; }  input.art-search-button {    display: block;    position: absolute;    right: 0;    top: 0;    height: 100%;    padding: 0;    margin: 0;    width: 16px;    background:url('http://www.kozan.somee.com/metin2images/search.png') center center no-repeat;    border: none; } /* end WordPress, Template.WordPress */  /* begin LayoutCell, sidebar1 */ .art-content-layout .art-sidebar1 {    width: 200px; } /* end LayoutCell, sidebar1 */  /* begin LayoutCell, sidebar2 */ .art-content-layout .art-sidebar2 {    width: 200px; } /* end LayoutCell, sidebar2 */  textarea#comment {    width:99%; }  ul#comments-list div.avatar {    float:right; }  ul#comments-list, ul#comments-list li {    background: none;    padding:0; }  ul#comments-list li li {    margin-left: 20px; }  div.avatar {    position:relative;    margin: 7px;    border: 1px solid #aaa;    padding: 1px;    background: #fff;    float:left; }  div.avatar img, div.avatar img.wp-post-image {    margin:0 !important;    padding:0;    border:none; }  span.page-navi-outer, span.page-navi-inner  {    position:relative;    display:block;    float:left;    margin:0;    padding:0; }  span.page-navi-outer {    margin: 1px;    border: 1px solid #aaa; }  span.page-navi-inner  {    padding: 1px;    min-width:14px;    line-height:18px;    text-align:center;    border: 2px solid #fff;    font-weight:bold; }  a span.page-navi-inner, span.page-navi-caption span.page-navi-inner  {    border-width:1px;    font-weight:normal; }  a span.page-navi-outer, span.page-navi-caption {    margin:2px 1px; }  ul#comments-list li cite {    font-size: 1.2em; }  #commentform textarea {    width: 100%; }  #commentform {    text-align:left; }  .rtl #commentform {    text-align:right; }  img.wp-smiley {    border: none;    margin: 1px;    vertical-align:middle;    padding: 0; }  .navigation {    display: block;    text-align: center; }  /* Recommended by http://codex.wordpress.org/CSS */ /* Begin */ .aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter {    display: block;    margin-left: auto;    margin-right: auto; }  p.aligncenter , p.center  {    text-align: center; }  .alignleft {    float: left; }  .alignright {    float: right; }  .alignright img, img.alignright {    margin: 1em;    margin-right: 0; }  .alignleft img, img.alignleft {    margin: 1em;    margin-left: 0; }  .wp-caption {    border: 1px solid #ddd;    background-color: #f3f3f3;    padding-top: 4px;    margin: 10px;    text-align: center; }  .wp-caption img {    margin: 0;    padding: 0;    border: 0 none; }  .wp-caption p.wp-caption-text {    font-size: 11px;    line-height: 17px;    padding: 0 4px 5px;    margin: 0; }  .wp-caption p {    text-align: center; }  .gallery {    margin: 0 auto 18px;    clear:both;    overflow:hidden;    letter-spacing: normal; }  .gallery .gallery-item {    float: left;    margin-top: 0;    text-align: center;    width: 33%; } .gallery img {    border: 10px solid #f1f1f1; }  .gallery .gallery-caption {    color: #888;    font-size: 12px;    margin: 0 0 12px; }  .gallery dl {    margin: 0; }  .gallery br+br {    display: none; } /* End */  .hidden {    display: none; }  /* Calendar */ #wp-calendar {    empty-cells: show;    margin: 10px auto 0;    width: 155px; }  #wp-calendar #next a {    padding-right: 10px;    text-align: right; }  #wp-calendar #prev a {    padding-left: 10px;    text-align: left; }  #wp-calendar a {    display: block; }  #wp-calendar caption {    text-align: center;    width: 100%; }  #wp-calendar td {    padding: 3px 0;    text-align: center; }  .art-content {    position: relative;    z-index: 1; }  #todays-events{    position: relative;    z-index: 11; }  #upcoming-events{    position: relative;    z-index: 10; }  img.wp-post-image  {    margin:0 5px 5px 0 !important; }  ul#comments-list li {    list-style-image: none;    background:none;    list-style-type:none; }  div.art-footer div.art-content-layout {    margin:0 auto;    width:100%; }  div.art-layout-cell-size1  {    width:100%; }  div.art-layout-cell-size2  {    width:50%; } div.art-layout-cell-size3  {    width:33%; }  div.art-layout-cell-size4 {    width:25%; }  .art-widget-title {    padding:0 0 0 24px;    margin-bottom:0; }  div.art-center-wrapper {    position: relative;    float: right;    right: 50%; }  div.art-center-inner {    position: relative;    float: left;    left: 50%; }  .firefox2 div.art-center-inner {    float: none; }  div.breadcrumbs h4,  div.breadcrumbs p,  li.pingback p,  #respond p, h3#reply-title,  h4#comments,  h4.box-title {    margin:0; }  #respond .comment-notes {    margin-bottom: 1em; }  .form-allowed-tags {    line-height: 1em; }  #comments-list #respond {    margin-left: 22px !important; }  #cancel-comment-reply-link {    font-size: 12px;    font-weight: normal;    line-height: 18px; }  #respond .required {    color: #ff4b33;    font-weight: bold; }  #respond label {    font-size: 12px; }  #respond input {    margin: 0 0 9px;    width: 98%; }  #respond textarea {    width: 98%; }  #respond .form-allowed-tags {    font-size: 12px;    line-height: 18px; }  #respond .form-allowed-tags code {    font-size: 11px; }  #respond .form-submit {    margin: 12px 0; }  #respond .form-submit input {    font-size: 14px;    width: auto; }  .art-footer .art-widget-title  {    font-size:1.2em;    padding: 0; }  .art-footer .art-widget, .art-footer .art-widget a, .art-footer .art-widget a:link, .art-footer .art-widget a:visited, .art-footer .art-widget a:hover {    color: #A3A3A3;    font-size: 10px;    text-align: left; }  .art-footer .art-widget a, .art-footer .art-widget a:link {    color: #E9C9A0;    text-decoration: underline; }  .art-footer .art-widget a:visited {    color: #B0B0B0; }  .art-footer .art-widget a:hover {    color: #DAA662;    text-decoration: none; }  DIV[id^="GMPmap"] IMG  {    margin: 0; } /* bedava sitem reklam otala bas */ table {margin-left: auto;margin-right: auto}  /* bedava sitem reklam otala son */  iframe{border:solid 4px #ffa020;}

Metin2 Tasarım 2

Tasarımın Üzerindeki Yazı

if(theElementStyle.style.display == "none")
					{
					theElementStyle.style.display = "block";
					}
					else
					{
					ementStyle.style.display = "none";
					}
					}					
				</script> <div id="header"> <div id="navbar"> <ul> <li><a href="#anasayfa" _fcksavedurl="#anasayfa" _fcksavedurl="#anasayfa">Anasayfa</a></li> <li><a href="#kayitol" _fcksavedurl="#kayitol" _fcksavedurl="#kayitol">Kayıt Ol</a></li> <li><a href="#oyunuindir" _fcksavedurl="#oyunuindir" _fcksavedurl="#oyunuindir">Oyunu Indir</a></li> <li><a href="#siralama" _fcksavedurl="#siralama" _fcksavedurl="#siralama">Sıralama</a></li> <li><a href="#market" _fcksavedurl="#market" _fcksavedurl="#market">Market</a></li> <li><a href="#forum" _fcksavedurl="#forum" _fcksavedurl="#forum">Forum</a></li> <li><a href="#destek?" _fcksavedurl="#destek?" _fcksavedurl="#destek?">Destek</a></li> <li class="last"><a href="http://facebook.com/OSakarya54" _fcksavedurl="http://facebook.com/OSakarya54" _fcksavedurl="http://facebook.com/OSakarya54">Facebook</a></li> </ul> </div> <div id="head"> <br /><br /> <center> <a href="#" _fcksavedurl="#" _fcksavedurl="#" title="OzgurSakarya54"> <img src="https://img.webme.com/pic/o/ozgursakarya/metin2logo.gif" _fcksavedurl="https://img.webme.com/pic/o/ozgursakarya/metin2logo.gif" _fcksavedurl="https://img.webme.com/pic/o/ozgursakarya/metin2logo.gif" /> </a> </center></div> </div> <center></center><div id="wrapper"> <div id="sidebar" class="left"> <a href="#market" _fcksavedurl="#market" _fcksavedurl="#market"> <div id="buttons" class="violett"> <span>Market</span> </div> </a> <p> <p></p> <div id="top"> <div id="loginh2"><h2>Oyun Durumu</h2></div> </div> <div id="repeat"> <div id="login"> <div id="Login_content"> <table border="0" width="75%"> <tr> <td height='20' align='rigth'>CH1</td> <td width='20%'><img border='0' src='https://img.webme.com/pic/o/ozgursakarya/online.png' _fcksavedurl='https://img.webme.com/pic/o/ozgursakarya/online.png' _fcksavedurl='https://img.webme.com/pic/o/ozgursakarya/online.png' width='16' height='16'></td> <td align='left'><font color='#047c04'>Açık</font></td> </tr> <tr> <td height='20' align='rigth'>CH2</td> <td width='20%'><img border='0' src='https://img.webme.com/pic/o/ozgursakarya/online.png' _fcksavedurl='https://img.webme.com/pic/o/ozgursakarya/online.png' _fcksavedurl='https://img.webme.com/pic/o/ozgursakarya/online.png' width='16' height='16'></td> <td align='left'><font color='#047c04'>Açık</font></td> </tr> <tr> <td height='20' align='rigth'>CH3</td> <td width='20%'><img border='0' src='https://img.webme.com/pic/o/ozgursakarya/online.png' _fcksavedurl='https://img.webme.com/pic/o/ozgursakarya/online.png' _fcksavedurl='https://img.webme.com/pic/o/ozgursakarya/online.png' width='16' height='16'></td> <td align='left'><font color='#047c04'>Açık</font></td> </tr> <tr> <td height='20' align='rigth'>CH4</td> <td width='20%'><img border='0' src='https://img.webme.com/pic/o/ozgursakarya/online.png' _fcksavedurl='https://img.webme.com/pic/o/ozgursakarya/online.png' _fcksavedurl='https://img.webme.com/pic/o/ozgursakarya/online.png' width='16' height='16'></td> <td align='left'><font color='#047c04'>Açık</font></td> </tr> </table> </div>  </div> <br/> </div> <div id="foot"></div> <div id="player_info"> </div>		<p> <p></p> <a href="#epsatinal" _fcksavedurl="#epsatinal" _fcksavedurl="#epsatinal"> <div id="buttons" class="turquoise"> <span>EP Satın Al</span> </div> </a> </div> <div id="sidebar" class="right"> <a href="#oyunuindir" _fcksavedurl="#oyunuindir" _fcksavedurl="#oyunuindir"> <div id="buttons" class="green"> <span>Oyunu Indir</span> </div> </a> <p> <p></p> <div id="top"> <div id="loginh2"><h2>Giriş Yap</h2></div> </div> <div id="repeat"> <div id="login"> <div id="Login_content"> <br/><br/> <form action="#giris" method="post" id="Login"> <input  class="id"  type="text" maxlength="16" size="16" name="userid" title="Kullanıcı adı" onfocus_fckprotectedatt_fckprotectedatt="%20onfocus_fckprotectedatt%3D%22%2520onfocus%253D%2522if(this.value%253D%253D'Kullan%2526%2523305%253Bc%2526%2523305%253B%2520Ad%2526%2523305%253B')%2520this.value%253D''%253B%2522%22" onblur_fckprotectedatt_fckprotectedatt="%20onblur_fckprotectedatt%3D%22%2520onblur%253D%2522if(this.value%253D%253D'')%2520this.value%253D'Kullan%2526%2523305%253Bc%2526%2523305%253B%2520Ad%2526%2523305%253B'%253B%2522%22" value="Kullanıcı Adı" > <input class="bar right"  type="password" maxlength="16" size="16" name="userpass" title="Şifre" onfocus_fckprotectedatt_fckprotectedatt="%20onfocus_fckprotectedatt%3D%22%2520onfocus%253D%2522if(this.value%253D%253D'%2526%2523350%253Bifre')%2520this.value%253D''%253B%2522%22" onblur_fckprotectedatt_fckprotectedatt="%20onblur_fckprotectedatt%3D%22%2520onblur%253D%2522if(this.value%253D%253D'')%2520this.value%253D'%2526%2523350%253Bifre'%253B%2522%22" value="Şifre" > <input type="submit" value="Giriş" name="submit" class="btn s1"> </form><br /> <div id="sit"> <div class="sb-sep"></div> </div> <br/> <a href="#sifremiunuttum" _fcksavedurl="#sifremiunuttum" _fcksavedurl="#sifremiunuttum">Şifremi unuttum?</a><br/> <a href="#kayitol" _fcksavedurl="#kayitol" _fcksavedurl="#kayitol">Kayıt</a><br/> </div>  </div> <br/> </div> <div id="foot"></div> <div id="player_info"> </div>				<p> <p></p> <div id="top"> <div id="statush2"><h2>Duyurular</h2></div> </div> <div id="repeat" style="height:100px;"> <div class="ranking" > Bu tasarım bedavadır ve izinsiz kullanılması yasaldır. </div>    </div> <div id="foot"></div> <p> <p></p> <a href="#kurallar" _fcksavedurl="#kurallar" _fcksavedurl="#kurallar"> <div id="buttons" class="blue"> <span>Kurallar</span> </div> </a> </div> <div id="ajax_load"> <div id="content"> <div id="top"><h2><center>Metin2<center></center></h2></div> <div id="repeat"> <div style="margin-left:20px; margin-right:15px;"></center>

Tasarımın Altındaki Yazı

Css Kodu

table {margin-left: auto;margin-right: auto} 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 { margin:0; padding:0; background:#000 url("https://img.webme.com/pic/o/ozgursakarya/mt2.01.arkaplan.png"); font-family:Verdana, Geneva, sans-serif; font-size:12px; } * { margin:0; padding:0; } body { background: url("https://img.webme.com/pic/o/ozgursakarya/mt2.01.arkaplan.alt.png") repeat-x; min-height:629px; } ul { list-style:none; } img { border:none; } a { color:#fff6cd; text-decoration:none; } li { list-style:none; } form { margin:0; padding:0; } #header { width:1278px; margin:0 auto; } #navbar { background:url("https://img.webme.com/pic/o/ozgursakarya/mt2.01.menu.arkaplan.png") no-repeat; height:121px; } #navbar ul { margin-left:175px; } #navbar ul li { background:url("https://img.webme.com/pic/o/ozgursakarya/mt2.01.menu.ayrac.png") no-repeat right center; float:left; height:66px; line-height:60px; padding:0 23px; margin-top:10px; } #navbar ul li.last { background:none; } #navbar ul li a { font-size:16px; color:#b0adac; text-decoration:none; text-shadow:0 0 5px #000, 0 0 5px #000; } #navbar ul li a:hover { color:#bfbcbb; text-shadow:0 0 20px #963f3b, 0 0 20px #963f3b, 0 0 20px #963f3b; } #head { background:url("https://img.webme.com/pic/o/ozgursakarya/mt2.01.baslik.png") no-repeat; height:513px; } #head a { opacity:0.85; } #head a:hover { opacity:1; } #wrapper { width:1075px; margin-top:-80px; margin-left:137px; } #content { width:528px; margin:0 auto; } #content #top { background:url(https://img.webme.com/pic/o/ozgursakarya/mt2.01.icerik.kutusu.png); background-position:top left; height:60px; } #content #top h2 { margin:0 0 0 20px; line-height:54px; color:#CCC; font-weight:normal; text-shadow:0px 0px 5px #000, 0px 0px 5px #000; } #content #top a { color:#fff6cd; text-decoration:none; } #content #top a:hover { text-decoration:underline; } #content #foot { background:url("https://img.webme.com/pic/o/ozgursakarya/mt2.01.icerik.kutusu.png"); background-position:bottom left; height:15px; margin-bottom:20px; } #content #repeat { background:url("https://img.webme.com/pic/o/ozgursakarya/mt2.01.icerik.kutusu.png"); background-position:top right; color:#CCC; padding:0 20px; text-shadow:0px 0px 5px #000, 0px 0px 5px #000; } #sidebar { width:250px; } #sidebar.left { float:left; } #sidebar.right { float:right; } #sidebar #top { background:url("https://img.webme.com/pic/o/ozgursakarya/mt2.01.yan.icerik.png") no-repeat top left; height:62px; } #sidebar #top h2 { margin:0; text-align:center; line-height:54px; color:#CCC; font-weight:normal; text-shadow:0px 0px 5px #000, 0px 0px 5px #000; } #sidebar #repeat { background:url("https://img.webme.com/pic/o/ozgursakarya/mt2.01.yan.icerik.png") repeat-y top right; color:#CCC; padding:0 20px; text-align:center; font:Times New Roman; } #sidebar #foot { background:url("https://img.webme.com/pic/o/ozgursakarya/mt2.01.yan.icerik.png") no-repeat bottom left; height:16px; } #buttons { background:url("https://img.webme.com/pic/o/ozgursakarya/mt2.01.butonlar.png") no-repeat; height:68px; width:249px; margin:0px 0; background-position:249px 0; } #buttons.green { background-position:0 0; } #buttons.green:hover { background-position:center left; } #buttons.green:active { background-position:bottom left; } #buttons.green span { color:#41a51f; text-shadow:0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000; line-height:63px; margin-left:125px; font-size:18px; } #buttons.green:hover span { color:#60e534; text-shadow:0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #2e8012; } #buttons.green small { color:#41a51f; text-shadow:0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000; font-size:10px; position:relative; top:15px; right:87px; } #buttons.green2 { background-position:0 0; } #buttons.green2:hover { background-position:center left; } #buttons.green2:active { background-position:bottom left; } #buttons.green2 span { color:#41a51f; text-shadow:0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000; line-height:63px; margin-left:125px; font-size:18px; } #buttons.green2:hover span { color:#60e534; text-shadow:0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #2e8012; } #buttons.green2 small { color:#41a51f; text-shadow:0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000; font-size:10px; position:relative; top:15px; right:87px; } #buttons.blue { background-position:-249px top; } #buttons.blue:hover { background-position:-249px center; } #buttons.blue:active { background-position:-249px bottom; } #buttons.blue span { color:#21177e; text-shadow:0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000; line-height:63px; margin-left:120px; font-size:18px; } #buttons.blue:hover span { color:#372ba7; text-shadow:0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #0d074a; } #buttons.violett { background-position:-498px top; } #buttons.violett:hover { background-position:-498px center; } #buttons.violett:active { background-position:-498px bottom; } #buttons.violett span { color:#7a23bc; text-shadow:0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000; line-height:63px; margin-left:125px; font-size:18px; } #buttons.violett:hover span { color:#9a2feb; text-shadow:0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #500c84; } #buttons.turquoise { background-position:top right; } #buttons.turquoise:hover { background-position:center right; } #buttons.turquoise:active { background-position:bottom right; } #buttons.turquoise span { color:#087f6b; text-shadow:0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000; line-height:63px; margin-left:125px; font-size:18px; } #buttons.turquoise:hover span { color:#159983; text-shadow:0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #01483c; } #buttons.turquoise2 { background-position:top right; } #buttons.turquoise2:hover { background-position:center right; } #buttons.turquoise2:active { background-position:bottom right; } #buttons.turquoise2 span { color:#087f6b; text-shadow:0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000; line-height:63px; margin-left:125px; font-size:18px; } #buttons.turquoise2:hover span { color:#159983; text-shadow:0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #01483c; } #end { float:left; width:100%; } #footer { background:url("https://img.webme.com/pic/o/ozgursakarya/mt2.01.copyright.png") repeat-x bottom center; height:229px; } #footer #foot { background:url("https://img.webme.com/pic/o/ozgursakarya/mt2.01.copyright.png") no-repeat; height:228px; width:1278px; margin:0 auto; } #footer #foot p { margin:0 auto; text-align:center; color:#BBB; text-shadow:0 0 1px #000,0 0 1px #000; padding-top:60px; } #footer #foot p a { color:#076262; text-decoration:none; } #footer #foot p a:hover { text-shadow:0 0 5px #076262; } input { margin-bottom:7px; } #status{ line-height:32px; } #status .offline{ color:#990F03; } #status .online{ color:#02520B; } #ajax_fail{ font-weight:bold; color:#990F03; } #ajax_success{ font-weight:bold; color:#02520B; } #Login a{ color:#A1A1A0; text-shadow:0 0 5px #919191; } #Login a:hover{ color:#828282; text-shadow:0 0 5px #A1A1A0; } input[type=text],input[type=password] { background:url(https://img.webme.com/pic/o/ozgursakarya/mt2.01.metin.alanlari.png) no-repeat; width:180px; height:33px; border:none; color:#CCC; } input[type=text].id { background-position:top left; text-indent:40px; } input[type=text].id:hover { background-position:bottom left; text-indent:40px; } input[type=text].id:focus { background-position:bottom left; text-indent:40px; } input[type=password] { background-position:-180px top; text-indent:40px; } input[type=password]:hover { background-position:-180px bottom; text-indent:40px; } input[type=password]:focus { background-position:-180px bottom; text-indent:40px; } input[type=text] { background-position:-360px top; text-indent:10px; } input[type=text].search { background-position:top right; text-indent:40px; } input[type=text].search:hover { background-position:top bottom; text-indent:40px; } input[type=text].search:focus { background-position:top bottom; text-indent:40px; } input[type=submit] { background:url(https://img.webme.com/pic/o/ozgursakarya/mt2.01.giris.buton.png) top center no-repeat; height:35px; width:124px; border:none; color:#CCC; text-shadow:0 0 5px #000,0 0 5px #000; } input[type=submit]:hover { background-position:center center; color:#CCC; text-shadow:0 0 5px #000,0 0 5px #000; } input[type=submit]:active { background-position:bottom center; } sb-sep { background:url("https://img.webme.com/pic/o/ozgursakarya/mt2.01.giris.ayrac.png"); height:176px; width:9px; clear:both; margin:10px 0 5px 16px; } #sit{ } .sb-sep { background:url("https://img.webme.com/pic/o/ozgursakarya/mt2.01.giris.ayrac.png"); height:9px; width:176px; margin:10px 0 5px 16px; } .news {} .news a { display:block; width:490px; height:43px; line-height:43px; background:url(""); color:#6a7c9d; font-size:11px; opacity:0.9; } .news a img { height:26px; width:24px; float:left; margin:6px 14px 0 7px; background:url("") no-repeat top center; padding:3px 4px 4px 9px; } .news .n-new img {background-position:0 0;} .news .n-update img {background-position:-37px 0;} .news .n-event img {background-position:-74px 0;} .news .n-hot img {background-position:-111px 0;} .news a .title {font-weight:bold;} .news a .date { float:right; width:116px; padding:0 6px; font-size:11px; color:#494949; text-align:center; } .news a .ntype { margin:0 5px; font-size:10px; text-transform:uppercase; } .news a.n-new .ntype {color:#006ace;} .news a.n-update .ntype {color:#2d5c16;} .news a.n-event .ntype {color:#75276b;} .news a.n-hot .ntype {color:#891313;} .news a:hover .title {color:#a4bff1;} .news a:active {background-position:bottom left;} #slider, #slider ul, #slider ul li { width:375px; height:75px; overflow:hidden; display:block; margin:0 auto; } #slider a.ss { display:block; float:left; height:58px; width:71px; background-position:-906px -99px; margin:8px 10px; position:relative; left:5px; } #slider a.ss img { height:48px; width:61px; margin:5px 0 0 5px; } #slider a.ss:hover { background-position:-977px -99px; } #slider a.ss:active { background-position:-1048px -99px; } #prevBtn, #nextBtn { position:absolute; } #prevBtn a, #nextBtn a { display:block; width:43px; height:42px; background:url(""); z-index:24; overflow:hidden; line-height:150px; position:relative; bottom:58px; } #nextBtn a { float:right; background-position:-691px -118px; left:412px; } #nextBtn a:hover { background-position:-777px -118px; } #nextBtn a:active { background-position:-863px -118px; } #prevBtn a { float:left; right:17px; background-position:-648px -118px; } #prevBtn a:hover { background-position:-734px -118px; } #prevBtn a:active { background-position:-820px -118px; } #sb-ranking-guilds {} .ranking { width:182px; height:315px; margin:auto; } .sb-con select { margin:10px 0 2px 40px; } .ranking table { font-size:10px; } .ranking table tr.thead { height:31px; } .ranking table tr { height:28px; line-height:25px; } .t-rank { width:21px; color:#fff6cd; text-indent:3px; } .t-name { width:119px; text-align:left; text-indent:5px; color:#fff6cd; text-indent:10px; } .t-lvl { width:42px; color:#ffe6bb; text-indent:10px; } .ranking table tr.thead * { padding-top:10px; padding-bottom:2px; color:#FFF; } .class { border: 1px solid #928c7c; color:#928c7c; } .class2 { border: 1px solid #333; color:#fff6cd; } .class3 { border: 1px solid #333; color:#98cbff; } #slider, #slider ul, #slider ul li { width:375px; height:75px; overflow:hidden; display:block; margin:0 auto; } #slider a.ss { display:block; float:left; height:58px; width:71px; background-position:-906px -99px; margin:8px 10px; position:relative; left:5px; } #slider a.ss img { height:48px; width:61px; margin:5px 0 0 5px; } #slider a.ss:hover { background-position:-977px -99px; } #slider a.ss:active { background-position:-1048px -99px; } #prevBtn, #nextBtn { position:absolute; } #prevBtn a, #nextBtn a { display:block; width:43px; height:42px; background:url(""); z-index:24; overflow:hidden; line-height:150px; position:relative; bottom:58px; } #nextBtn a { float:right; background-position:-691px -118px; left:412px; } #nextBtn a:hover { background-position:-777px -118px; } #nextBtn a:active { background-position:-863px -118px; } #prevBtn a { float:left; right:17px; background-position:-648px -118px; } #prevBtn a:hover { background-position:-734px -118px; } #prevBtn a:active { background-position:-820px -118px; } .slider, .wrapper, .slider ul, .slider li { display:block; overflow:hidden; width:545px; height:122px; margin:0 auto; } a.item { display:block; float:left; padding:0 13px 0 11px; height:122px; width:66px; background:url("") no-repeat top right; text-align:center; color:#a1c8df; } a.screenshot { display:block; float:left; padding:0 13px 0 11px; height:122px; width:85px; background:url("") no-repeat top right; text-align:center; } a.item img { height:50px; width:50px; background:url(""); padding:2px; display:block; margin:25px auto 0; opacity:0.6; } a.screenshot img { height:50px; width:67px; background:url(""); padding:2px; display:block; margin:35px auto 0; opacity:0.6; } a.item:hover img, a.screenshot:hover img { background-position:top center; opacity:1.0; } a.item:active img, a.screenshot:active img { background-position:top right; } a.item span { display:block; padding-top:8px; margin:0 auto; font-size:10px; } .slider a.last { background:none; } a.item:hover { color:#FFF; } a.item:active { color:#9baab3; } #prevBtn a, #nextBtn a { display:block; width:18px; height:60px; background:url(""); z-index:24; overflow:hidden; line-height:150px; position:relative; bottom:90px; } #nextBtn a { float:right; background-position:top right; right:9px; } #nextBtn a:hover { background-position:center right; } #nextBtn a:active { background-position:bottom right; } #prevBtn a { float:left; left:9px; } #prevBtn a:hover { background-position:center left; } #prevBtn a:active { background-position:bottom left; } .cp { display:none; } .sep { background:url(""); height:9px; width:611px; margin:0 auto -3px; } #tooltip { background:transparent url(""); position:absolute; display:none; height:48px; width:162px; padding:10px; line-height:15px; font-size:9px; color:#FFF; overflow:hidden; z-index:42; } .sbimg { margin:10px auto 20px; text-align:center; display:block; opacity: 0.7; width:180px; } .sbimg:hover{ opacity:1; } .sbvideo { margin:0px 10px 5px 15px; text-align:center; display:block; opacity: 0.7; width:180px; } .sbvideo:hover{ opacity:1; }