Css Tasarımlar

Counter Strike Site Tasarımı..







TASARIMIN ÜSTÜNE
<div id="body_wrapper"> <!-- Start of Body Container --> <div id="body_container"> <div id="body_container_b"> <div id="body_container_c"> <!-- Start of Page Header --> <div id="page_header"> <!-- Website Title --> <h1> <span class="hidethis"> Counter Strike </span></h1> </div> <!-- End of Page Header --> <!-- Start of Page Content --> <div id="page_content"> <textarea>
                                                   TASARIMIN ALTINA
</div> <!-- End of Page Content --> </div> </div> </div> <!-- End of Body Container --> <!-- Start of Navigation Menu --> <div id="navmenu"> <div id="navmenu_b"> <div id="navmenu_c"> <h3> <span class="hidethis">Site Menu:</span></h3> <ul> <li class="list_first"> <li><a href="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">Ana Sayfa</a></li> <li><a href="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">Css Tasarim</a></li> <li><a href="http://www.csstasarim-arsiv.tr.gg//" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg//" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg//">Oyun</a></li> <li><a href="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">Ziyaretci Defteri</a></li> <li><a href="http://www.csstasarim-arsiv.tr.gg//" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg//" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg//">Toplist</a></li> <li><a href="http://www.csstasarim-arsiv.tr.gg//" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg//" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg//">Hakkımızda</a></li> <li><a href="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">Ana Sayfa</a></li> <li><a href="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">Css Tasarim</a></li> <li><a href="http://www.csstasarim-arsiv.tr.gg//" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg//" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg//">Oyun</a></li> <li><a href="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">Ziyaretci Defteri</a></li> <li><a href="http://www.csstasarim-arsiv.tr.gg//" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg//" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg//">Toplist</a></li> <li><a href="http://www.csstasarim-arsiv.tr.gg//" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg//" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg//">Hakkımızda</a></li> </ul> </div> </div> </div> <!-- End of Navigation Menu --> <div class="clearthis"> </div> <!-- Start of Page Footer --> <div id="page_footer"> Web Tasarim by <a href="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">Css Tasarim Merkezi</a> </div> <!-- End of Page Footer --> </div> <textarea>
                                                       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;} /* WWW.CSS-TASARIMM.TR.GG WWW.csstasarim-arsiv.tr.gg */ /* WWW.csstasarim-arsiv.tr.gg WWW.csstasarim-arsiv.tr.gg WWW.csstasarim-arsiv.tr.gg WWW.csstasarim-arsiv.tr.gg WWW.csstasarim-arsiv.tr.gg WWW.csstasarim-arsiv.tr.gg */ * { margin: 0px; padding: 0px; } body { color: #fff; background-color: #484848; font-family: 'verdana', 'helvetica', sans-serif; font-size: 100%; text-align: center; } table { font-size: 1em; } td { color: #fff; background-color: inherit; font-family: 'verdana', 'helvetica', sans-serif; font-size: 1em; } a { color: #fff; background-color: inherit; text-decoration: underline; } a:hover { color: #fff; background-color: inherit; text-decoration: none; } img { border: none; } ul, ul li { list-style: none outside; } ol, ol li { list-style: decimal inside; } p { padding: 0.6em 0em 0.6em; } fieldset { border: none; } input, textarea, select { font-family: 'verdana', 'helvetica', sans-serif; font-size: 13px; } .hidethis { display: none; } .clearthis { margin : 0px; height : 1px; clear : both; float : none; font-size: 1px; overflow : hidden; visibility: hidden; } /* WWW.CSSTASARIM-ARSIV.TR.GG Image Thumbnails WWW.CSSTASARIM-ARSIV.TR.GG */ .tb_center { text-align: center; } .tb_center img { margin: 1.3em auto; border: 1px #fff solid; } /* WWW.CSSTASARIM-ARSIV.TR.GG Body Wrappers WWW.CSSTASARIM-ARSIV.TR.GG */ #body_wrapper { margin: 35px 10px; width: 982px; background: url('http://img.webme.com/pic/c/css-tasarimm/8-rightcol_img.gif') no-repeat 100% 68px; font-size: 0.71em; } /* WWW.CSSTASARIM-ARSIV.TR.GG Body Container WWW.CSSTASARIM-ARSIV.TR.GG */ #body_container { float: right; position: relative; left: -243px; width: 496px; background: url('http://img.webme.com/pic/c/css-tasarimm/8-main_bg_bot.gif') no-repeat 0% 100%; } #body_container_b { padding: 15px 0px; width: 496px; background: url('http://img.webme.com/pic/c/css-tasarimm/8-main_bg_top.gif') no-repeat 0% 0%; } #body_container_c { color: inherit; background-color: #8e8257; border-left: #fff 6px solid; border-right: #fff 6px solid; } /* WWW.CSS-TASARIMM.TR.GG Page Header WWW.CSS-TASARIMM.TR.GG */ #page_header { padding-bottom: 2px; color: inherit; background-color: #b3ab78; } #page_header h1 { position: relative; top: -4px; width: 100%; height: 40px; background: url('http://img.webme.com/pic/c/css-tasarimm/8-counterstrike_logo.gif') no-repeat 50% 50%; } /* WWW.CSSTASARIM-ARSIV.TR.GG Page Content WWW.CSSTASARIM-ARSIV.TR.GG */ #page_content { padding: 15px 17px 10px; font-weight: bold; text-align: left; } .link_readmore { padding: 35px 0px 10px; text-align: right; } .link_readmore a { margin-left: auto; display: block; width: 94px; height: 24px; background: url('http://img.webme.com/pic/c/css-tasarimm/8-button_readmore.gif') no-repeat 0% 0%; } /* WWW.CSS-TASARIMM.TR.GG Navigation Menu WWW.CSS-TASARIMM.TR.GG */ #navmenu { float: left; margin-top: 68px; position: relative; left: 77px; width: 166px; background: url('http://img.webme.com/pic/c/css-tasarimm/8-navmenu_bg_bot.gif') no-repeat 0% 100%; font-size: 1.15em; font-weight: bold; } #navmenu_b { padding: 15px 0px; width: 166px; background: url('http://img.webme.com/pic/c/css-tasarimm/8-navmenu_bg_top.gif') no-repeat 0% 0%; } #navmenu_c { color: inherit; background-color: #6d6845; border-left: #fff 6px solid; } #navmenu a { text-decoration: none; text-transform: uppercase; } #navmenu li { border-top: #fff 1px solid; } #navmenu li a { display: block; padding: 5px 0px; width: 160px; } #navmenu li a:hover { color: inherit; background-color: #989160 } #navmenu li.list_first { border-top: none; } /* WWW.CSS-TASARIMM.TR.GG Page Footer WWW.CSS-TASARIMM.TR.GG */ #page_footer { padding: 20px 0px; font-size: 0.9em; font-weight: bold; } <textarea>

 Metin2 Pvp Server Sitesi





TASARIMIN ÜSTÜNE
<body class="home blog"> <div id="art-main"> <div class="cleared reset-box"> </div> <div id="art-hmenu-bg" class="art-bar art-nav"> </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="/">Site İsmi Buraya</a></h1> <h2 class="art-logo-text"> Site sloganı</h2> </div> </div> </div> </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-1"><a href="/" _fcksavedurl="/" title="Ana sayfa">Ana sayfa</a> </li> <li class="menu-item-3"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> </li> <li class="menu-item-10"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> </li> <li class="menu-item-15"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> <ul> <li class="menu-item-43"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> </li> </ul> </li> </ul> </div> </div> </div> </div> <div class="cleared reset-box"> </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-6"> <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-1"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> </li> <li class="menu-item-3"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> </li> <li class="menu-item-10"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> </li> <li class="menu-item-15"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> <ul> <li class="menu-item-43"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> </li> </ul> </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-2"> <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 herhangi bir kod veye yazı yazabilirsin..</div> <div class="cleared"> </div> </div> </div> <div class="cleared"> </div> </div> </div> <div class="art-box art-block widget widget_categories" id="categories-4"> <div class="art-box-body art-block-body"> <div class="art-bar art-blockheader"> <h3 class="t"> Lİnkler</h3> </div> <div class="art-box art-blockcontent"> <div class="art-box-body art-blockcontent-body"> <ul> <li class="cat-item cat-item-43"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> </li> <li class="cat-item cat-item-1"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> </li> <li class="cat-item cat-item-3"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> </li> <li class="cat-item cat-item-10"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> </li> <li class="cat-item cat-item-15"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">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-6"> <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 herhangi bir kod veye yazı yazabilirsin..</div> <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-254 post type-post status-publish format-standard hentry category-teknoloji tag-google-maps-yol-hesaplama tag-google-maps-yol-tarifi tag-google-maps-yol-tarifi-al" id="post-254"> <div class="art-box-body art-post-body"> <div class="art-post-inner art-article"> <textarea>
                                                       TASARIMIN ALTINA
</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-3"> <div class="art-box-body art-block-body"> <div class="art-bar art-blockheader"> <h3 class="t"> Takvim</h3> </div> <div class="art-box art-blockcontent"> <div class="art-box-body art-blockcontent-body"> <div class="textwidget"> <!---Kaynak: www.kodbul.org --> <center> <iframe src="http://www.kodbul.org/takvim/takvim2.htm" marginwidth="1" marginheight="1" name="takvim" title="kodbul" scrolling="no" border="0" frameborder="0" width="164" height="174" align="center"> kodbul.org</iframe></center> <!---Kaynak: www.kodbul.org --></div> <div class="cleared"> </div> </div> </div> <div class="cleared"> </div> </div> </div> <div class="art-box art-block widget widget_text" id="text-4"> <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"> <!---Kaynak: www.kodbul.org ---> <div align="center"> <table cellpadding="0" cellspacing="0" width="200" height="250"> <!-- MSTableType="layout" --> <tr> <td height="230" background="http://img.webme.com/pic/g/gezerdin/duykah.gif" width="221" valign="middle"> <p align="center"> <font color="white"> <marquee onmouseover_fckprotectedatt="%20onmouseover%3D%22this.stop()%3B%22" style="WIDTH: 190; HEIGHT: 163" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.start()%3B%22" scrollAmount="1" scrollDelay="10" direction="up" left="5" top="0"> <p align="center"> <font color="#800000" size="2"><br> <br>BURALARA MESAJINIZI YAZINIZ<br><br></font></p> </MARQUEE></FONT></td> </tr> </table> </div> <!---Kaynak: www.kodbul.org ---></div> <div class="cleared"> </div> </div> </div> <div class="cleared"> </div> </div> </div> <div class="art-box art-block widget widget_text" id="text-5"> <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 herhangi bir kod veye yazı yazabilirsin..</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="#" class='art-rss-tag-icon' title="Yukarı"></a> <div class="art-footer-text"> <p> <a href="http://www.seoatolyesi.com/" _fcksavedurl="http://www.seoatolyesi.com/" title="SEO" >SEO</a> | <a href="http://..." _fcksavedurl="http://..." title="Link">Link</a> | <a href="http://..." _fcksavedurl="http://..." title="Link">Link</a></p> <p> Copyright © 2012. Tüm Hakları Saklıdır.</p> </div> <div class="cleared"> </div> </div> </div> <div class="cleared"> </div> </div> </div> <div class="cleared"> </div> <p class="art-page-footer"> WEB TASARIM <a href="http://csstemalar.tr.gg/" _fcksavedurl="http://csstemalar.tr.gg/" target="_blank">WWW.csstemalar.tr.gg</a> </p> <div class="cleared"> </div> </div> <div id="wp-footer"> </div> <textarea> <textarea class="bginput" style="WIDTH: 520px; CURSOR: url(''); HEIGHT: 70px" onclick="this.focus();this.select()" name="ERDOĞAN ASLAN" rows="5" cols="42">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 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: csstemalar, fixed width, Metin2, three columns, valid XHTML, widgets */ #art-main, table { font-family: "Century Gothic",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: "Century Gothic",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: "Century Gothic",Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: bold; font-size: 29px; text-decoration: none; } .art-postcontent a { text-decoration: none; color: #ABABAB; } .art-postcontent a:link { text-decoration: none; color: #ABABAB; } .art-postcontent a:visited, .art-postcontent a.visited { color: #C7C7C7; } .art-postcontent a:hover, .art-postcontent a.hover { text-decoration: underline; color: #C7C7C7; } .art-postcontent h1 { color: #ABABAB; margin: 10px 0 0; } .art-blockcontent h1 { margin: 10px 0 0; } .art-postcontent h2 { color: #C7C7C7; 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: #737373; 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: #EBEBEB; 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: #EBEBEB; 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: #E3E3E3; 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: 1000px; color: #C4C4C4; background-color: #120A07; } .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 MenuFluidBg */ div#art-hmenu-bg { position: absolute; overflow:hidden; top:170px; left:0; margin:0 auto; width: 100%; height: 32px; z-index:-4; } /* end MenuFluidBg */ /* begin Header */ div.art-header { margin: 0 auto; position: relative; width:100%; height: 280px; 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:1000px; margin:0 auto; } .art-header-inner { position: relative; margin: 0 0; } .art-header:after { position: absolute; z-index:-1; display:block; content:' '; top: 0; width:100%; height: 280px; background-image: url('http://www.kozan.somee.com/metin2-images/header.jpg'); background-repeat: no-repeat; background-position: center center; } /* end Header */ /* begin Logo */ div.art-logo { display: block; position: absolute; top: 42px; left: 52%; margin-left: -484px; width: 961px; } .art-logo-name { display: block; text-align: center; font-size: 34px; padding: 0; margin: 0; color: #923B1C !important; } .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover { font-size: 34px; padding: 0; margin: 0; color: #923B1C !important; } .art-logo-text { display: block; text-align: center; font-size: 19px; padding: 0; margin: 0; color: #9B5F46 !important; } .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover { font-size: 19px; padding: 0; margin: 0; color: #9B5F46 !important; } /* end Logo */ /* 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/metin2-images/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; } ul.art-hmenu ul ul.art-hmenu-left-to-right { right: auto; left: 0; padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } ul.art-hmenu ul ul.art-hmenu-right-to-left { left: auto; right: 0; padding: 30px 10px 30px 30px; margin: -30px -10px 0 0; } 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: 3px 30px 3px 30px; float: left; } /* end menu structure */ /* menu bar */ .art-nav { width:100%; margin:0 auto; min-height: 32px; z-index: 100; margin-top: 0; top: 170px; margin-bottom:-32px; } .art-nav:before, .art-nav:after{ background-image: url('http://www.kozan.somee.com/metin2-images/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:1000px; margin:0 auto; } .art-nav-inner{ margin: 0 0; } /* end Menu */ /* begin MenuItem */ ul.art-hmenu>li>a { position: relative; display: block; height: 26px; cursor: pointer; text-decoration: none; color: #D4D4D4; padding: 0 12px; line-height: 26px; 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/metin2-images/menuitem.png'); } ul.art-hmenu>li>a:before { left: 0; right: 8px; background-position: top left; } ul.art-hmenu>li>a:after { width: 8px; right: 0; background-position: top right; } .art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover { font-family: Tahoma, Arial, Helvetica, Sans-Serif; 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: #D4D4D4; } /* end MenuItem */ /* begin MenuSeparator */ ul.art-hmenu>li:before { position:absolute; display: block; content:' '; top:0; left: -9px; width:9px; height: 26px; background: url('http://www.kozan.somee.com/metin2-images/menuseparator.png') center center no-repeat; } ul.art-hmenu>li { margin-left:9px; } 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: 26px; background-image: url('http://www.kozan.somee.com/metin2-images/subitem.png'); background-position: left top; background-repeat: repeat-x; border-width: 0; border-style: solid; min-width: 7em; text-align: left; text-decoration: none; line-height: 26px; color: #CCCCCC; font-family: "Century Gothic",Arial, Helvetica, Sans-Serif; margin:0; padding: 0 8px; } .art-hmenu ul>li:first-child>a { border-top-width: 0; } .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: 26px; color: #CCCCCC; font-family: "Century Gothic",Arial, Helvetica, Sans-Serif; margin:0; padding: 0 8px; } .art-hmenu ul li a:hover { color: #DEDEDE; background-position: left bottom; border-top-width: 0 !important; } .art-hmenu ul li:hover>a { color: #DEDEDE; background-position: left bottom; border-top-width: 0 !important; } /* end MenuSubItem */ /* begin Box, Sheet */ .art-sheet { max-width:1000px; margin-top: -49px; margin-bottom: 0; cursor:auto; width: 1000px; } .art-sheet-body { padding:0; min-width:10px; min-height:10px; padding-top:5px; padding-bottom:0; } .art-sheet:before, .art-sheet:after { content: url('http://www.kozan.somee.com/metin2-images/sheet_t.png'); font-size: 0; background-image: url('http://www.kozan.somee.com/metin2-images/sheet_b.png'); } .art-sheet:after{ clip:rect(auto, auto, auto, 995px); } .art-sheet:before,.art-sheet-body:before{ right:5px; } .art-sheet-body:after{ width: 5px; top:5px; bottom:5px; background-image:url('http://www.kozan.somee.com/metin2-images/sheet.png'); } .art-sheet-body:before{ top:5px; bottom:5px; background-image:url('http://www.kozan.somee.com/metin2-images/sheet.png'); } /* 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:1000px; margin: 0; } .art-vmenublock-body { padding:8px; } /* end Box, Block, VMenuBlock */ /* begin BlockHeader, VMenuBlockHeader */ .art-vmenublockheader { margin-bottom: 7px; min-height: 35px; line-height:35px; } .art-vmenublockheader:before, .art-vmenublockheader:after{ background-image: url('http://www.kozan.somee.com/metin2-images/vmenublockheader.png'); } .art-vmenublockheader:before{ right: 41px; } .art-vmenublockheader:after{ width: 41px; } .art-vmenublockheader .t { min-height: 35px; line-height:35px; color: #B5B5B5; font-size: 15px; margin:0; padding: 0 10px 0 47px; white-space: nowrap; } .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover { color: #B5B5B5; font-size: 15px; } /* end BlockHeader, VMenuBlockHeader */ /* begin Box, Box, VMenuBlockContent */ .art-vmenublockcontent { max-width:1000px; } .art-vmenublockcontent-body { padding:0; } /* 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: 2px; margin-right: 2px; } 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: "Century Gothic",Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 13px; margin-left:0; margin-right:0; position:relative; } ul.art-vmenu li{ position:relative; } ul.art-vmenu>li>a { color: #B2B2B2; padding: 0 13px 0 23px; height: 32px; line-height: 32px; white-space: nowrap; } ul.art-vmenu>li>a.active { color: #141414; } ul.art-vmenu a:hover, ul.art-vmenu a.active:hover { color: #C4C4C4; } 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/metin2-images/vmenuitem.png'); top:0; height:32px; } ul.art-vmenu>li>a:before{ left: 0; right: 18px; background-position: top left; } ul.art-vmenu>li>a:after{ width: 18px; 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: 22px; overflow: visible; background-image: url('http://www.kozan.somee.com/metin2-images/vsubitem.png'); background-repeat: repeat-x; background-position: top left; padding:0; padding-left:15px; padding-right:15px; line-height: 22px; color: #ABABAB; 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: 22px; color: #ABABAB; 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: 22px; color: #ABABAB; 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: #858585; } ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active { color: #D1D1D1; } /* end VMenuSubItem */ /* begin Box, Block */ .art-block { max-width:1000px; margin: 3px; } .art-block-body { padding:0; } div.art-block img { /* WARNING do NOT collapse this to 'border' - inheritance! */ border-width: 0; margin: 5px; } /* end Box, Block */ /* begin BlockHeader */ .art-blockheader { margin-bottom: 4px; min-height: 39px; line-height:39px; } .art-blockheader:before, .art-blockheader:after{ background-image: url('http://www.kozan.somee.com/metin2-images/blockheader.png'); } .art-blockheader:before{ right: 41px; } .art-blockheader:after{ width: 41px; } .art-blockheader .t { min-height: 39px; line-height:39px; color: #ADADAD; font-size: 15px; margin:0; padding: 0 10px 0 47px; white-space: nowrap; } .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover { color: #ADADAD; font-size: 15px; } /* end BlockHeader */ /* begin Box, BlockContent */ .art-blockcontent { max-width:1000px; } .art-blockcontent-body { padding:10px; color: #8A8A8A; font-family: "Century Gothic",Arial, Helvetica, Sans-Serif; font-size: 14px; } .art-blockcontent:before, .art-blockcontent:after { content: url('http://www.kozan.somee.com/metin2-images/blockcontent_t.png'); font-size: 0; background-image: url('http://www.kozan.somee.com/metin2-images/blockcontent_b.png'); } .art-blockcontent:after{ clip:rect(auto, auto, auto, 993px); } .art-blockcontent:before,.art-blockcontent-body:before{ right:7px; } .art-blockcontent-body:after{ width: 7px; top:7px; bottom:7px; background-image:url('http://www.kozan.somee.com/metin2-images/blockcontent.png'); } .art-blockcontent-body:before{ top:7px; bottom:7px; background-image:url('http://www.kozan.somee.com/metin2-images/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: #8A8A8A; font-family: "Century Gothic",Arial, Helvetica, Sans-Serif; font-size: 14px; } .art-blockcontent-body p { margin: 0 5px; } .art-blockcontent-body a, .art-blockcontent-body a:link { color: #C7C7C7; text-decoration: underline; } .art-blockcontent-body a:visited, .art-blockcontent-body a.visited { color: #C7C7C7; text-decoration: underline; } .art-blockcontent-body a:hover, .art-blockcontent-body a.hover { color: #C7C7C7; } .art-blockcontent-body ul li { line-height: 125%; color: #8A8A8A; margin: 5px 0 0 10px; padding: 0 0 0 14px; background-image: url('http://www.kozan.somee.com/metin2-images/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: "Century Gothic",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: #E3E3E3 !important; width: auto; outline: none; border: none; background: none; line-height: 34px; height: 34px; margin: 0 !important; padding: 0 16px !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: 34px; overflow: hidden; white-space: nowrap; text-indent: 0; width: auto; max-width:1000px; margin: 0; padding: 0; z-index: 0; } .firefox2 span.art-button-wrapper { display: block; float: left; } input, select, textarea { vertical-align: middle; font-family: "Century Gothic",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: #000000 !important; text-decoration: none !important; } span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link { color: #DBDBDB !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/metin2-images/button.png'); background-repeat: no-repeat; } span.art-button-wrapper>span.art-button-l { left: 0; right: 14px; background-position: top left; } span.art-button-wrapper>span.art-button-r { width: 14px; 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:1000px; margin: 10px; } .art-post-body { padding:10px; } .art-post:before, .art-post:after { content: url('http://www.kozan.somee.com/metin2-images/post_t.png'); font-size: 0; background-image: url('http://www.kozan.somee.com/metin2-images/post_b.png'); } .art-post:after{ clip:rect(auto, auto, auto, 991px); } .art-post:before,.art-post-body:before{ right:9px; } .art-post-body:after{ width: 9px; top:9px; bottom:9px; background-image:url('http://www.kozan.somee.com/metin2-images/post.png'); } .art-post-body:before{ top:9px; bottom:9px; background-image:url('http://www.kozan.somee.com/metin2-images/post.png'); } a img { border: 0; } .art-article img, img.art-article, .art-block img, .art-footer img { border-color: #636363; border-style: solid; border-width: 0; 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: #C4C4C4; 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: #8A8A8A; } .art-postheader a:visited, .art-postheader a.visited { color: #707070; } .art-postheader a:hover, .art-postheader a.hovered { color: #737373; } /* end PostHeaderIcon */ /* begin PostIcons, PostHeaderIcons */ .art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover { font-family: "Century Gothic",Arial, Helvetica, Sans-Serif; color: #9E9E9E; } .art-postheadericons { padding: 1px; } .art-postheadericons a, .art-postheadericons a:link { text-decoration: underline; color: #575757; } .art-postheadericons a:visited, .art-postheadericons a.visited { font-style: italic; font-weight: normal; color: #ABABAB; } .art-postheadericons a:hover, .art-postheadericons a.hover { font-style: italic; font-weight: normal; text-decoration: none; color: #737373; } /* 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: #9E9E9E; margin: 5px 0 5px -15px; padding: 0 0 0 19px; } .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/metin2-images/postbullets.png'); background-repeat: no-repeat; background-position: top left; padding-left: 19px; /* 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: #9E9E9E; } /* 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: 6px; background-color: #1A0E05; margin-left: 50px; padding-left: 43px; background-image: url('http://www.kozan.somee.com/metin2-images/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 PostIcons, PostFooterIcons */ .art-postfootericons, .art-postfootericons a, .art-postfootericons a:link, .art-postfootericons a:visited, .art-postfootericons a:hover { font-family: "Century Gothic",Arial, Helvetica, Sans-Serif; color: #9E9E9E; } .art-postfootericons { padding: 1px; } .art-postfootericons a, .art-postfootericons a:link { text-decoration: underline; color: #737373; } .art-postfootericons a:visited, .art-postfootericons a.visited { color: #ABABAB; } .art-postfootericons a:hover, .art-postfootericons a.hover { text-decoration: none; color: #737373; } /* 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:0; margin-bottom:0; width: 100%; } .art-footer-body { position:relative; padding: 8px; color: #A8A8A8; } .art-footer-body ul li { font-size: 14px; line-height: 125%; color: #999999; padding: 0 0 0 17px; background-image: url('http://www.kozan.somee.com/metin2-images/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:5px; background-image: url('http://www.kozan.somee.com/metin2-images/footer.png'); background-position:bottom left; } .art-footer:before, .art-footer:after { position: absolute; content:' '; z-index:-2; bottom:0; height:5px; background-image: url('http://www.kozan.somee.com/metin2-images/footer_b.png'); } .art-footer:before { left:0; right:5px; background-position: bottom left; } .art-footer:after { right:0; width:5px; background-position: bottom right; } .art-footer-body .art-rss-tag-icon { position: absolute; right: 6px; bottom:8px; z-index:1; } .art-rss-tag-icon { display: block; background-image: url('http://www.kozan.somee.com/metin2-images/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: #A8A8A8; } .art-footer-text { min-height: 33px; padding-left: 10px; padding-right: 10px; text-align: center; } .art-footer-body a, .art-footer-body a:link { color: #808080; text-decoration: underline; } .art-footer-body a:visited { color: #B2B2B2; } .art-footer-body a:hover { color: #CCCCCC; text-decoration: none; } div.art-footer img { /* WARNING do NOT collapse this to 'border' - inheritance! */ border-width: 1px; border-color: #636363; border-style: solid; margin: 7px; }/* 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: #C7C7C7; } .art-page-footer { position: relative; z-index: 10; padding: 1em; text-align: center; text-decoration: none; color: #ABABAB; } /* 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/metin2-images/search.png') center center no-repeat; border: none; } /* end WordPress, Template.WordPress */ /* begin LayoutCell, sidebar1 */ .art-content-layout .art-sidebar1 { width: 225px; } /* end LayoutCell, sidebar1 */ /* begin LayoutCell, sidebar2 */ .art-content-layout .art-sidebar2 { width: 225px; } /* 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: 30px !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: #A8A8A8; text-align: left; } .art-footer .art-widget a, .art-footer .art-widget a:link { color: #808080; text-decoration: underline; } .art-footer .art-widget a:visited { color: #B2B2B2; } .art-footer .art-widget a:hover { color: #CCCCCC; 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 */ <textarea>
                                                       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 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: csstemalar, fixed width, Metin2, three columns, valid XHTML, widgets */ #art-main, table { font-family: "Century Gothic",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: "Century Gothic",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: "Century Gothic",Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: bold; font-size: 29px; text-decoration: none; } .art-postcontent a { text-decoration: none; color: #ABABAB; } .art-postcontent a:link { text-decoration: none; color: #ABABAB; } .art-postcontent a:visited, .art-postcontent a.visited { color: #C7C7C7; } .art-postcontent a:hover, .art-postcontent a.hover { text-decoration: underline; color: #C7C7C7; } .art-postcontent h1 { color: #ABABAB; margin: 10px 0 0; } .art-blockcontent h1 { margin: 10px 0 0; } .art-postcontent h2 { color: #C7C7C7; 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: #737373; 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: #EBEBEB; 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: #EBEBEB; 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: #E3E3E3; 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: 1000px; color: #C4C4C4; background-color: #120A07; } .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 MenuFluidBg */ div#art-hmenu-bg { position: absolute; overflow:hidden; top:170px; left:0; margin:0 auto; width: 100%; height: 32px; z-index:-4; } /* end MenuFluidBg */ /* begin Header */ div.art-header { margin: 0 auto; position: relative; width:100%; height: 280px; 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:1000px; margin:0 auto; } .art-header-inner { position: relative; margin: 0 0; } .art-header:after { position: absolute; z-index:-1; display:block; content:' '; top: 0; width:100%; height: 280px; background-image: url('http://www.kozan.somee.com/metin2-images/header.jpg'); background-repeat: no-repeat; background-position: center center; } /* end Header */ /* begin Logo */ div.art-logo { display: block; position: absolute; top: 42px; left: 52%; margin-left: -484px; width: 961px; } .art-logo-name { display: block; text-align: center; font-size: 34px; padding: 0; margin: 0; color: #923B1C !important; } .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover { font-size: 34px; padding: 0; margin: 0; color: #923B1C !important; } .art-logo-text { display: block; text-align: center; font-size: 19px; padding: 0; margin: 0; color: #9B5F46 !important; } .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover { font-size: 19px; padding: 0; margin: 0; color: #9B5F46 !important; } /* end Logo */ /* 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/metin2-images/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; } ul.art-hmenu ul ul.art-hmenu-left-to-right { right: auto; left: 0; padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } ul.art-hmenu ul ul.art-hmenu-right-to-left { left: auto; right: 0; padding: 30px 10px 30px 30px; margin: -30px -10px 0 0; } 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: 3px 30px 3px 30px; float: left; } /* end menu structure */ /* menu bar */ .art-nav { width:100%; margin:0 auto; min-height: 32px; z-index: 100; margin-top: 0; top: 170px; margin-bottom:-32px; } .art-nav:before, .art-nav:after{ background-image: url('http://www.kozan.somee.com/metin2-images/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:1000px; margin:0 auto; } .art-nav-inner{ margin: 0 0; } /* end Menu */ /* begin MenuItem */ ul.art-hmenu>li>a { position: relative; display: block; height: 26px; cursor: pointer; text-decoration: none; color: #D4D4D4; padding: 0 12px; line-height: 26px; 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/metin2-images/menuitem.png'); } ul.art-hmenu>li>a:before { left: 0; right: 8px; background-position: top left; } ul.art-hmenu>li>a:after { width: 8px; right: 0; background-position: top right; } .art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover { font-family: Tahoma, Arial, Helvetica, Sans-Serif; 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: #D4D4D4; } /* end MenuItem */ /* begin MenuSeparator */ ul.art-hmenu>li:before { position:absolute; display: block; content:' '; top:0; left: -9px; width:9px; height: 26px; background: url('http://www.kozan.somee.com/metin2-images/menuseparator.png') center center no-repeat; } ul.art-hmenu>li { margin-left:9px; } 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: 26px; background-image: url('http://www.kozan.somee.com/metin2-images/subitem.png'); background-position: left top; background-repeat: repeat-x; border-width: 0; border-style: solid; min-width: 7em; text-align: left; text-decoration: none; line-height: 26px; color: #CCCCCC; font-family: "Century Gothic",Arial, Helvetica, Sans-Serif; margin:0; padding: 0 8px; } .art-hmenu ul>li:first-child>a { border-top-width: 0; } .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: 26px; color: #CCCCCC; font-family: "Century Gothic",Arial, Helvetica, Sans-Serif; margin:0; padding: 0 8px; } .art-hmenu ul li a:hover { color: #DEDEDE; background-position: left bottom; border-top-width: 0 !important; } .art-hmenu ul li:hover>a { color: #DEDEDE; background-position: left bottom; border-top-width: 0 !important; } /* end MenuSubItem */ /* begin Box, Sheet */ .art-sheet { max-width:1000px; margin-top: -49px; margin-bottom: 0; cursor:auto; width: 1000px; } .art-sheet-body { padding:0; min-width:10px; min-height:10px; padding-top:5px; padding-bottom:0; } .art-sheet:before, .art-sheet:after { content: url('http://www.kozan.somee.com/metin2-images/sheet_t.png'); font-size: 0; background-image: url('http://www.kozan.somee.com/metin2-images/sheet_b.png'); } .art-sheet:after{ clip:rect(auto, auto, auto, 995px); } .art-sheet:before,.art-sheet-body:before{ right:5px; } .art-sheet-body:after{ width: 5px; top:5px; bottom:5px; background-image:url('http://www.kozan.somee.com/metin2-images/sheet.png'); } .art-sheet-body:before{ top:5px; bottom:5px; background-image:url('http://www.kozan.somee.com/metin2-images/sheet.png'); } /* 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:1000px; margin: 0; } .art-vmenublock-body { padding:8px; } /* end Box, Block, VMenuBlock */ /* begin BlockHeader, VMenuBlockHeader */ .art-vmenublockheader { margin-bottom: 7px; min-height: 35px; line-height:35px; } .art-vmenublockheader:before, .art-vmenublockheader:after{ background-image: url('http://www.kozan.somee.com/metin2-images/vmenublockheader.png'); } .art-vmenublockheader:before{ right: 41px; } .art-vmenublockheader:after{ width: 41px; } .art-vmenublockheader .t { min-height: 35px; line-height:35px; color: #B5B5B5; font-size: 15px; margin:0; padding: 0 10px 0 47px; white-space: nowrap; } .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover { color: #B5B5B5; font-size: 15px; } /* end BlockHeader, VMenuBlockHeader */ /* begin Box, Box, VMenuBlockContent */ .art-vmenublockcontent { max-width:1000px; } .art-vmenublockcontent-body { padding:0; } /* 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: 2px; margin-right: 2px; } 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: "Century Gothic",Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 13px; margin-left:0; margin-right:0; position:relative; } ul.art-vmenu li{ position:relative; } ul.art-vmenu>li>a { color: #B2B2B2; padding: 0 13px 0 23px; height: 32px; line-height: 32px; white-space: nowrap; } ul.art-vmenu>li>a.active { color: #141414; } ul.art-vmenu a:hover, ul.art-vmenu a.active:hover { color: #C4C4C4; } 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/metin2-images/vmenuitem.png'); top:0; height:32px; } ul.art-vmenu>li>a:before{ left: 0; right: 18px; background-position: top left; } ul.art-vmenu>li>a:after{ width: 18px; 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: 22px; overflow: visible; background-image: url('http://www.kozan.somee.com/metin2-images/vsubitem.png'); background-repeat: repeat-x; background-position: top left; padding:0; padding-left:15px; padding-right:15px; line-height: 22px; color: #ABABAB; 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: 22px; color: #ABABAB; 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: 22px; color: #ABABAB; 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: #858585; } ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active { color: #D1D1D1; } /* end VMenuSubItem */ /* begin Box, Block */ .art-block { max-width:1000px; margin: 3px; } .art-block-body { padding:0; } div.art-block img { /* WARNING do NOT collapse this to 'border' - inheritance! */ border-width: 0; margin: 5px; } /* end Box, Block */ /* begin BlockHeader */ .art-blockheader { margin-bottom: 4px; min-height: 39px; line-height:39px; } .art-blockheader:before, .art-blockheader:after{ background-image: url('http://www.kozan.somee.com/metin2-images/blockheader.png'); } .art-blockheader:before{ right: 41px; } .art-blockheader:after{ width: 41px; } .art-blockheader .t { min-height: 39px; line-height:39px; color: #ADADAD; font-size: 15px; margin:0; padding: 0 10px 0 47px; white-space: nowrap; } .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover { color: #ADADAD; font-size: 15px; } /* end BlockHeader */ /* begin Box, BlockContent */ .art-blockcontent { max-width:1000px; } .art-blockcontent-body { padding:10px; color: #8A8A8A; font-family: "Century Gothic",Arial, Helvetica, Sans-Serif; font-size: 14px; } .art-blockcontent:before, .art-blockcontent:after { content: url('http://www.kozan.somee.com/metin2-images/blockcontent_t.png'); font-size: 0; background-image: url('http://www.kozan.somee.com/metin2-images/blockcontent_b.png'); } .art-blockcontent:after{ clip:rect(auto, auto, auto, 993px); } .art-blockcontent:before,.art-blockcontent-body:before{ right:7px; } .art-blockcontent-body:after{ width: 7px; top:7px; bottom:7px; background-image:url('http://www.kozan.somee.com/metin2-images/blockcontent.png'); } .art-blockcontent-body:before{ top:7px; bottom:7px; background-image:url('http://www.kozan.somee.com/metin2-images/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: #8A8A8A; font-family: "Century Gothic",Arial, Helvetica, Sans-Serif; font-size: 14px; } .art-blockcontent-body p { margin: 0 5px; } .art-blockcontent-body a, .art-blockcontent-body a:link { color: #C7C7C7; text-decoration: underline; } .art-blockcontent-body a:visited, .art-blockcontent-body a.visited { color: #C7C7C7; text-decoration: underline; } .art-blockcontent-body a:hover, .art-blockcontent-body a.hover { color: #C7C7C7; } .art-blockcontent-body ul li { line-height: 125%; color: #8A8A8A; margin: 5px 0 0 10px; padding: 0 0 0 14px; background-image: url('http://www.kozan.somee.com/metin2-images/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: "Century Gothic",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: #E3E3E3 !important; width: auto; outline: none; border: none; background: none; line-height: 34px; height: 34px; margin: 0 !important; padding: 0 16px !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: 34px; overflow: hidden; white-space: nowrap; text-indent: 0; width: auto; max-width:1000px; margin: 0; padding: 0; z-index: 0; } .firefox2 span.art-button-wrapper { display: block; float: left; } input, select, textarea { vertical-align: middle; font-family: "Century Gothic",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: #000000 !important; text-decoration: none !important; } span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link { color: #DBDBDB !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/metin2-images/button.png'); background-repeat: no-repeat; } span.art-button-wrapper>span.art-button-l { left: 0; right: 14px; background-position: top left; } span.art-button-wrapper>span.art-button-r { width: 14px; 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:1000px; margin: 10px; } .art-post-body { padding:10px; } .art-post:before, .art-post:after { content: url('http://www.kozan.somee.com/metin2-images/post_t.png'); font-size: 0; background-image: url('http://www.kozan.somee.com/metin2-images/post_b.png'); } .art-post:after{ clip:rect(auto, auto, auto, 991px); } .art-post:before,.art-post-body:before{ right:9px; } .art-post-body:after{ width: 9px; top:9px; bottom:9px; background-image:url('http://www.kozan.somee.com/metin2-images/post.png'); } .art-post-body:before{ top:9px; bottom:9px; background-image:url('http://www.kozan.somee.com/metin2-images/post.png'); } a img { border: 0; } .art-article img, img.art-article, .art-block img, .art-footer img { border-color: #636363; border-style: solid; border-width: 0; 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: #C4C4C4; 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: #8A8A8A; } .art-postheader a:visited, .art-postheader a.visited { color: #707070; } .art-postheader a:hover, .art-postheader a.hovered { color: #737373; } /* end PostHeaderIcon */ /* begin PostIcons, PostHeaderIcons */ .art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover { font-family: "Century Gothic",Arial, Helvetica, Sans-Serif; color: #9E9E9E; } .art-postheadericons { padding: 1px; } .art-postheadericons a, .art-postheadericons a:link { text-decoration: underline; color: #575757; } .art-postheadericons a:visited, .art-postheadericons a.visited { font-style: italic; font-weight: normal; color: #ABABAB; } .art-postheadericons a:hover, .art-postheadericons a.hover { font-style: italic; font-weight: normal; text-decoration: none; color: #737373; } /* 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: #9E9E9E; margin: 5px 0 5px -15px; padding: 0 0 0 19px; } .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/metin2-images/postbullets.png'); background-repeat: no-repeat; background-position: top left; padding-left: 19px; /* 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: #9E9E9E; } /* 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: 6px; background-color: #1A0E05; margin-left: 50px; padding-left: 43px; background-image: url('http://www.kozan.somee.com/metin2-images/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 PostIcons, PostFooterIcons */ .art-postfootericons, .art-postfootericons a, .art-postfootericons a:link, .art-postfootericons a:visited, .art-postfootericons a:hover { font-family: "Century Gothic",Arial, Helvetica, Sans-Serif; color: #9E9E9E; } .art-postfootericons { padding: 1px; } .art-postfootericons a, .art-postfootericons a:link { text-decoration: underline; color: #737373; } .art-postfootericons a:visited, .art-postfootericons a.visited { color: #ABABAB; } .art-postfootericons a:hover, .art-postfootericons a.hover { text-decoration: none; color: #737373; } /* 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:0; margin-bottom:0; width: 100%; } .art-footer-body { position:relative; padding: 8px; color: #A8A8A8; } .art-footer-body ul li { font-size: 14px; line-height: 125%; color: #999999; padding: 0 0 0 17px; background-image: url('http://www.kozan.somee.com/metin2-images/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:5px; background-image: url('http://www.kozan.somee.com/metin2-images/footer.png'); background-position:bottom left; } .art-footer:before, .art-footer:after { position: absolute; content:' '; z-index:-2; bottom:0; height:5px; background-image: url('http://www.kozan.somee.com/metin2-images/footer_b.png'); } .art-footer:before { left:0; right:5px; background-position: bottom left; } .art-footer:after { right:0; width:5px; background-position: bottom right; } .art-footer-body .art-rss-tag-icon { position: absolute; right: 6px; bottom:8px; z-index:1; } .art-rss-tag-icon { display: block; background-image: url('http://www.kozan.somee.com/metin2-images/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: #A8A8A8; } .art-footer-text { min-height: 33px; padding-left: 10px; padding-right: 10px; text-align: center; } .art-footer-body a, .art-footer-body a:link { color: #808080; text-decoration: underline; } .art-footer-body a:visited { color: #B2B2B2; } .art-footer-body a:hover { color: #CCCCCC; text-decoration: none; } div.art-footer img { /* WARNING do NOT collapse this to 'border' - inheritance! */ border-width: 1px; border-color: #636363; border-style: solid; margin: 7px; }/* 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: #C7C7C7; } .art-page-footer { position: relative; z-index: 10; padding: 1em; text-align: center; text-decoration: none; color: #ABABAB; } /* 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/metin2-images/search.png') center center no-repeat; border: none; } /* end WordPress, Template.WordPress */ /* begin LayoutCell, sidebar1 */ .art-content-layout .art-sidebar1 { width: 225px; } /* end LayoutCell, sidebar1 */ /* begin LayoutCell, sidebar2 */ .art-content-layout .art-sidebar2 { width: 225px; } /* 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: 30px !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: #A8A8A8; text-align: left; } .art-footer .art-widget a, .art-footer .art-widget a:link { color: #808080; text-decoration: underline; } .art-footer .art-widget a:visited { color: #B2B2B2; } .art-footer .art-widget a:hover { color: #CCCCCC; 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 */ <textarea>

Counter Strike Tasarımı



TASARIMIN ÜZERİNE
<body class="home blog"> <div id="art-main"> <div class="cleared reset-box"> </div> <div class="art-box art-sheet"> <div class="art-box-body art-sheet-body"> <div class="art-header"> <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://localhost/site/?cat=7" _fcksavedurl="http://localhost/site/?cat=7" title="View all posts in Dünya">Dünya</a> </li> <li class="menu-item-12"><a href="http://localhost/site/?cat=12" _fcksavedurl="http://localhost/site/?cat=12" title="View all posts in Ekonomi">Ekonomi</a> </li> <li class="menu-item-22"><a href="http://localhost/site/?cat=22" _fcksavedurl="http://localhost/site/?cat=22" title="View all posts in Foto Galeri">Foto Galeri</a> </li> <li class="menu-item-1"><a href="http://localhost/site/?cat=1" _fcksavedurl="http://localhost/site/?cat=1" title="View all posts in Genel">Genel</a> </li> <li class="menu-item-3"><a href="http://localhost/site/?cat=3" _fcksavedurl="http://localhost/site/?cat=3" title="View all posts in Sağlık">Sağlık</a> </li> <li class="menu-item-15"><a href="http://localhost/site/?cat=15" _fcksavedurl="http://localhost/site/?cat=15" title="View all posts in Spor">Spor</a> </li> <li class="menu-item-6"><a href="http://localhost/site/?cat=6" _fcksavedurl="http://localhost/site/?cat=6" title="View all posts in Teknoloji">Teknoloji</a> </li> </ul> </div> </div> </div> </div> <div class="cleared reset-box"> </div> <div class="art-headerobject"> </div> <div class="art-logo"> <h1 class="art-logo-name"> <a href="http://localhost/site/" _fcksavedurl="http://localhost/site/">Site İsmi</a></h1> <h2 class="art-logo-text"> Site sloganı</h2> </div> </div> <div class="cleared reset-box"> </div> <div class="art-layout-wrapper"> <div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell art-content"> <div class="art-box art-post post-407 post type-post status-publish format-standard hentry category-spor tag-pyre_featured_tag tag-spor-2" id="post-407"> <div class="art-box-body art-post-body"> <div class="art-post-inner art-article"> <textarea>
                                                      TASARIMIN ÜZERİNE
</div> <div class="cleared"> </div> </div> </div> <div class="cleared"> </div> </div> <div class="art-layout-cell art-sidebar1"> <div class="art-box art-vmenublock widget vmenu" id="vmenuwidget-6"> <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://.." _fcksavedurl="http://.." title="Link adı">Link </a> </li> <li class="menu-item-12"><a href="http://..." _fcksavedurl="http://..." title="Link adı">Link</a> </li> <li class="menu-item-22"><a href="http://..." _fcksavedurl="http://..." title="Link adı">Link</a> </li> <li class="menu-item-1"><a href="http://.." _fcksavedurl="http://.." title="Link adı">Link</a> </li> <li class="menu-item-3"><a href="http://.." _fcksavedurl="http://.." title="Link adı">Link</a> </li> <li class="menu-item-15"><a href="http://.." _fcksavedurl="http://.." title="Link adı">Link</a> </li> <li class="menu-item-6"><a href="http://.." _fcksavedurl="http://.." title="Link adı">Link</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-22"> <div class="art-box-body art-block-body"> <div class="art-bar art-blockheader"> <h3 class="t"> BAŞLIK YAZ</h3> </div> <div class="art-box art-blockcontent"> <div class="art-box-body art-blockcontent-body"> <div class="textwidget"> Herhangi bir kod veya yazı gir...</div> <div class="cleared"> </div> </div> </div> <div class="cleared"> </div> </div> </div> <div class="art-box art-block widget widget_categories" id="categories-6"> <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://" _fcksavedurl="http://" title="Link adı">Link</a> </li> <li class="cat-item cat-item-12"><a href="http://" _fcksavedurl="http://" title="Link adı">Link</a> </li> <li class="cat-item cat-item-22"><a href="http://" _fcksavedurl="http://" title="Link adı">Link</a> </li> <li class="cat-item cat-item-1"><a href="http://" _fcksavedurl="http://" title="Link adı">Link</a> </li> <li class="cat-item cat-item-3"><a href="http://" _fcksavedurl="http://" title="Link adı">Link</a> </li> <li class="cat-item cat-item-15"><a href="http://" _fcksavedurl="http://" title="Link adı">Link</a> </li> <li class="cat-item cat-item-6"><a href="http://" _fcksavedurl="http://" title="Link adı">Link</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-26"> <div class="art-box-body art-block-body"> <div class="art-bar art-blockheader"> <h3 class="t"> Başlık Yaz</h3> </div> <div class="art-box art-blockcontent"> <div class="art-box-body art-blockcontent-body"> <div class="textwidget"> Herhangi bir kod veya yazı gir...</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"> <div class="art-footer-text"> <!-- BU KISIMDAKİ LİNKİ KALDIRMAK YASAKTIR --> <p> <a href="http://..." _fcksavedurl="http://..." title="Link1">Link1</a> | <a href="#" _fcksavedurl="#">Link2</a> | <a href="#" _fcksavedurl="#">Link3</a></p> <p> Copyright © 2012. Tüm Hakları Saklıdır.</p> </div> <div class="cleared"> </div> </div> </div> <div class="cleared"> </div> </div> </div> <div class="cleared"> </div> <p class="art-page-footer"> Web Tasarım: <a href="http://csstemalar.tr.gg/" _fcksavedurl="http://csstemalar.tr.gg/" target="_blank">Csstemalar.tr.gg</a>.</p> <div class="cleared"> </div> </div> <div id="wp-footer"> <!-- 16 queries. 0,489 seconds. --> </div> <textarea>
                                                       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: Counterstrike_haki Theme URI: http://csstemalar.tr.gg/ Description: csstemalar.tr.gg Counter Strike Teması Version: 1.0 Author: Veysel Kara Author URI: http://csstemalar.tr.gg/ Tags: fixed width, right sidebar, two columns, valid XHTML, widgets */ #art-main, table { font-family: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 13px; } 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: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: bold; font-size: 22px; text-decoration: none; } .art-postcontent a { text-decoration: none; color: #B6C8B8; } .art-postcontent a:link { text-decoration: none; color: #B6C8B8; } .art-postcontent a:visited, .art-postcontent a.visited { color: #C1C7B8; } .art-postcontent a:hover, .art-postcontent a.hover { text-decoration: underline; color: #E5EBE5; } .art-postcontent h1 { color: #B6C8B8; margin: 10px 0 0; font-size: 26px; } .art-blockcontent h1 { margin: 10px 0 0; font-size: 26px; } .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited { font-size: 26px; } .art-postcontent h2 { color: #B6C8B8; margin: 10px 0 0; } .art-blockcontent h2 { margin: 10px 0 0; } .art-postcontent h3 { color: #C1C7B8; margin: 10px 0 0; font-size: 18px; } .art-blockcontent h3 { margin: 10px 0 0; font-size: 18px; } .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: 18px; } .art-postcontent h4 { color: #B3C6B5; margin: 10px 0 0; font-size: 16px; } .art-blockcontent h4 { margin: 10px 0 0; font-size: 16px; } .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: 16px; } .art-postcontent h5 { color: #B3C6B5; margin: 10px 0 0; font-size: 14px; } .art-blockcontent h5 { margin: 10px 0 0; font-size: 14px; } .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: 14px; } .art-postcontent h6 { color: #85A387; margin: 10px 0 0; font-size: 13px; } .art-blockcontent h6 { margin: 10px 0 0; font-size: 13px; } .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: 13px; } 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: 800px; color: #C7C7B2; background-color: #353527; background-image: url('http://www.kozan.somee.com/Counterstrike_haki/Bottom_texture.jpg'); background-repeat: repeat; background-attachment: fixed; background-position: top left; } .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 Box, Sheet */ .art-sheet { max-width:800px; margin-top: 7px; margin-bottom: -3px; cursor:auto; width: 800px; } .art-sheet-body { padding:4px; min-width:28px; min-height:28px; padding-top:4px; padding-bottom:4px; } .art-sheet:before, .art-sheet:after { content: url('http://www.kozan.somee.com/Counterstrike_haki/sheet_t.png'); font-size: 0; background-image: url('http://www.kozan.somee.com/Counterstrike_haki/sheet_b.png'); } .art-sheet:after{ clip:rect(auto, auto, auto, 782px); } .art-sheet:before,.art-sheet-body:before{ right:18px; } .art-sheet-body:after{ width: 18px; top:18px; bottom:18px; background-image:url('http://www.kozan.somee.com/Counterstrike_haki/sheet.png'); } .art-sheet-body:before{ top:18px; bottom:18px; background-image:url('http://www.kozan.somee.com/Counterstrike_haki/sheet.png'); } /* end Box, Sheet */ /* begin Header */ div.art-header { margin: 0 auto; position: relative; width:100%; height: 175px; margin-top: 0; margin-bottom: 0; } .art-header:before { position: absolute; display:block; content:' '; z-index:-2; top: 0; width:100%; height: 175px; background-image: url('http://www.kozan.somee.com/Counterstrike_haki/header.png'); background-repeat: no-repeat; background-position:top center; } /* end Header */ /* 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/Counterstrike_haki/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 5px 0 5px; float: left; } /* end menu structure */ /* menu bar */ .art-nav { margin:0 auto; min-height: 26px; z-index: 100; margin: 0 0 -26px; width:auto; top: 0; } .art-nav:before, .art-nav:after{ background-image: url('http://www.kozan.somee.com/Counterstrike_haki/nav.png'); } .art-nav:before{ right: 5px; } .art-nav:after{ width: 5px; } /* end menu bar */ .art-nav-outer{ position:absolute; width:100%; } .art-nav-wrapper { position: relative; margin:0 auto; width:auto; } .art-nav-inner{ margin: 0 4px; } /* end Menu */ /* begin MenuItem */ ul.art-hmenu>li>a { position: relative; display: block; height: 26px; cursor: pointer; text-decoration: none; color: #9FB7A1; padding: 0 17px; line-height: 26px; 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/Counterstrike_haki/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: #000000; } /* end MenuItem */ /* begin MenuSeparator */ ul.art-hmenu>li:before { position:absolute; display: block; content:' '; top:0; left: -1px; width:1px; height: 26px; background: url('http://www.kozan.somee.com/Counterstrike_haki/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: 24px; background-image: url('http://www.kozan.somee.com/Counterstrike_haki/subitem.png'); background-position: left top; background-repeat: repeat-x; border-width: 1px; border-style: solid; border-top-width: 0; border-color: #7C9C7F; min-width: 7em; text-align: left; text-decoration: none; line-height: 24px; 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: 24px; color: #000000; margin:0; padding: 0 22px; } .art-hmenu ul li a:hover { color: #000000; background-position: left bottom; border-color: #7C9C7F; 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: #000000; background-position: left bottom; border-color: #7C9C7F; border-top-width: 1px !important; } /* end MenuSubItem */ /* begin HeaderObject */ div.art-headerobject { display: block; left: 100%; margin-left: -115px; position: absolute; top: 0; width: 115px; height: 115px; background-image: url('http://www.kozan.somee.com/Counterstrike_haki/header-object.png'); } /* end HeaderObject */ /* begin Logo */ div.art-logo { display: block; position: absolute; top: 99px; left: 8%; margin-left: -66px; width: 233px; } .art-logo-name { display: block; text-align: center; font-size: 28px; padding: 0; margin: 0; color: #B1C4B2 !important; } .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover { font-size: 28px; padding: 0; margin: 0; color: #B1C4B2 !important; } .art-logo-text { display: block; text-align: center; font-size: 14px; padding: 0; margin: 0; color: #B1C4B2 !important; } .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover { font-size: 14px; padding: 0; margin: 0; color: #B1C4B2 !important; } /* end Logo */ /* 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 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: 12px; position:relative; top:0; display: inline-block; vertical-align: middle; white-space: nowrap; text-align: center; color: #D9E2DA !important; width: auto; outline: none; border: none; background: none; line-height: 29px; height: 29px; margin: 0 !important; padding: 0 13px !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: 29px; overflow: hidden; white-space: nowrap; text-indent: 0; width: auto; max-width:792px; 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: 12px; } div.art-block select { width:96%; } span.art-button-wrapper.hover>.art-button, span.art-button-wrapper.hover>a.art-button:link { color: #000000 !important; text-decoration: none !important; } span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link { color: #DADDD4 !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/Counterstrike_haki/button.png'); background-repeat: no-repeat; } span.art-button-wrapper>span.art-button-l { left: 0; right: 10px; background-position: top left; } span.art-button-wrapper>span.art-button-r { width: 10px; 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, Block, VMenuBlock */ .art-vmenublock { max-width:792px; margin: 5px; } .art-vmenublock-body { padding:0; } /* end Box, Block, VMenuBlock */ /* begin BlockHeader, VMenuBlockHeader */ .art-vmenublockheader { margin-bottom: 0; min-height: 34px; line-height:34px; } .art-vmenublockheader:before, .art-vmenublockheader:after{ background-image: url('http://www.kozan.somee.com/Counterstrike_haki/vmenublockheader.png'); } .art-vmenublockheader:before{ right: 37px; } .art-vmenublockheader:after{ width: 37px; } .art-vmenublockheader .t { min-height: 34px; line-height:34px; color: #B7BEAC; font-size: 14px; margin:0; padding: 0 5px 0 43px; white-space: nowrap; } .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover { color: #B7BEAC; font-size: 14px; } /* end BlockHeader, VMenuBlockHeader */ /* begin Box, Box, VMenuBlockContent */ .art-vmenublockcontent { max-width:792px; } .art-vmenublockcontent-body { padding:1px; min-width:12px; min-height:12px; } .art-vmenublockcontent:before, .art-vmenublockcontent:after { content: url('http://www.kozan.somee.com/Counterstrike_haki/vmenublockcontent_t.png'); font-size: 0; background-image: url('http://www.kozan.somee.com/Counterstrike_haki/vmenublockcontent_b.png'); } .art-vmenublockcontent:after{ content: url('http://www.kozan.somee.com/Counterstrike_haki/vmenublockcontent_t.png'); font-size: 0; background-image: url('http://www.kozan.somee.com/Counterstrike_haki/vmenublockcontent_b.png'); clip:rect(auto, auto, auto, 785px); } .art-vmenublockcontent:before,.art-vmenublockcontent-body:before{ right:7px; } .art-vmenublockcontent-body:after{ width: 7px; top:7px; bottom:7px; background-image:url('http://www.kozan.somee.com/Counterstrike_haki/vmenublockcontent.png'); } .art-vmenublockcontent-body:before{ right:7px; top:7px; bottom:7px; background-image:url('http://www.kozan.somee.com/Counterstrike_haki/vmenublockcontent.png'); } .art-vmenublockcontent:before{ content: url('http://www.kozan.somee.com/Counterstrike_haki/vmenublockcontent_t.png'); font-size: 0; background-image: url('http://www.kozan.somee.com/Counterstrike_haki/vmenublockcontent_b.png'); right:7px; } /* 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: 1px; } ul.art-vmenu ul { display: none; margin: 0; padding: 0; position:relative; margin-left: 2px; margin-right: 2px; } 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: 12px; margin-left:0; margin-right:0; position:relative; } ul.art-vmenu li{ position:relative; } ul.art-vmenu>li>a { color: #BAC0AF; padding: 0 13px 0 13px; height: 28px; line-height: 28px; white-space: nowrap; } ul.art-vmenu>li>a.active { color: #9B9C77; } ul.art-vmenu a:hover, ul.art-vmenu a.active:hover { color: #C6CBBD; } 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/Counterstrike_haki/vmenuitem.png'); top:0; height:28px; } ul.art-vmenu>li>a:before{ left: 0; right: 10px; background-position: top left; } ul.art-vmenu>li>a:after{ width: 10px; 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/Counterstrike_haki/vsubitem.png'); background-repeat: repeat-x; background-position: top left; padding:0; padding-left:15px; padding-right:15px; line-height: 24px; color: #A2A380; 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: #A2A380; 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: #A2A380; 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: #A4A583; } ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active { color: #C6CBBD; } /* end VMenuSubItem */ /* begin Box, Block */ .art-block { max-width:792px; margin: 5px; } .art-block-body { padding:8px; } .art-block:before, .art-block:after { content: url('http://www.kozan.somee.com/Counterstrike_haki/block_t.png'); font-size: 0; background-image: url('http://www.kozan.somee.com/Counterstrike_haki/block_b.png'); } .art-block:after{ clip:rect(auto, auto, auto, 785px); } .art-block:before,.art-block-body:before{ right:7px; } .art-block-body:after{ width: 7px; top:7px; bottom:7px; background-image:url('http://www.kozan.somee.com/Counterstrike_haki/block.png'); } .art-block-body:before{ top:7px; bottom:7px; background-image:url('http://www.kozan.somee.com/Counterstrike_haki/block.png'); } div.art-block img { /* WARNING do NOT collapse this to 'border' - inheritance! */ border-width: 0; margin: 0; } /* end Box, Block */ /* begin BlockHeader */ .art-blockheader { margin-bottom: 4px; min-height: 32px; line-height:32px; } .art-blockheader:before, .art-blockheader:after{ background-image: url('http://www.kozan.somee.com/Counterstrike_haki/blockheader.png'); } .art-blockheader:before{ right: 38px; } .art-blockheader:after{ width: 38px; } .art-blockheader .t { min-height: 32px; line-height:32px; color: #000000; font-size: 14px; margin:0; padding: 0 6px 0 38px; white-space: nowrap; } .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover { color: #000000; font-size: 14px; } /* end BlockHeader */ /* begin Box, BlockContent */ .art-blockcontent { max-width:792px; } .art-blockcontent-body { padding:6px; color: #B1C4B2; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; } .art-blockcontent:before, .art-blockcontent:after { content: url('http://www.kozan.somee.com/Counterstrike_haki/blockcontent_t.png'); font-size: 0; background-image: url('http://www.kozan.somee.com/Counterstrike_haki/blockcontent_b.png'); } .art-blockcontent:after{ clip:rect(auto, auto, auto, 788px); } .art-blockcontent:before,.art-blockcontent-body:before{ right:4px; } .art-blockcontent-body:after{ width: 4px; top:4px; bottom:4px; background-image:url('http://www.kozan.somee.com/Counterstrike_haki/blockcontent.png'); } .art-blockcontent-body:before{ top:4px; bottom:4px; background-image:url('http://www.kozan.somee.com/Counterstrike_haki/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: #B1C4B2; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; } .art-blockcontent-body p { margin: 12px 0; } .art-blockcontent-body a, .art-blockcontent-body a:link { color: #B3C6B5; text-decoration: underline; } .art-blockcontent-body a:visited, .art-blockcontent-body a.visited { color: #E9EBE5; text-decoration: none; } .art-blockcontent-body a:hover, .art-blockcontent-body a.hover { color: #CBD8CC; text-decoration: none; } .art-blockcontent-body ul li { font-size: 13px; line-height: 125%; color: #B7B89D; margin: 5px 0 0 10px; padding: 0 0 0 12px; background-image: url('http://www.kozan.somee.com/Counterstrike_haki/blockcontentbullets.png'); background-repeat: no-repeat; background-position: top left; } /* end Box, BlockContent */ /* begin Box, Post */ .art-post { max-width:792px; margin: 3px; } .art-post-body { padding:12px; } .art-post:before, .art-post:after { content: url('http://www.kozan.somee.com/Counterstrike_haki/post_t.png'); font-size: 0; background-image: url('http://www.kozan.somee.com/Counterstrike_haki/post_b.png'); } .art-post:after{ clip:rect(auto, auto, auto, 789px); } .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/Counterstrike_haki/post.png'); } .art-post-body:before{ top:3px; bottom:3px; background-image:url('http://www.kozan.somee.com/Counterstrike_haki/post.png'); } a img { border: 0; } .art-article img, img.art-article, .art-block img, .art-footer img { border-color: #3F4536; border-style: solid; border-width: 0; margin: 7px 7px 7px 7px; } .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: #D0DCD1; margin: 5px 0; line-height: 1em; font-size: 20px; } .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: 20px; } .art-postheader a, .art-postheader a:link { text-align: left; text-decoration: none; color: #C5D3C6; } .art-postheader a:visited, .art-postheader a.visited { color: #CDD2C6; } .art-postheader a:hover, .art-postheader a.hovered { color: #E5EBE5; } /* 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: #E7E7DE; } .art-postheadericons { padding: 1px; } .art-postheadericons a, .art-postheadericons a:link { text-decoration: none; color: #B6C8B8; } .art-postheadericons a:visited, .art-postheadericons a.visited { font-style: italic; font-weight: normal; color: #B6C8B8; } .art-postheadericons a:hover, .art-postheadericons a.hover { font-style: italic; font-weight: normal; text-decoration: underline; color: #A4A583; } /* 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: 13px; color: #C7C7B2; margin: 3px 0 0 -15px; padding: 0 0 0 13px; } .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/Counterstrike_haki/postbullets.png'); background-repeat: no-repeat; background-position: top left; padding-left: 13px; /* 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: #0C0C09; font-style: italic; font-weight: normal; text-align: left; } /* Override native 'p' margins*/ blockquote p, .art-postcontent blockquote p, .art-blockcontent blockquote p, .art-footer blockquote p { margin: 0; margin: 5px 0; } blockquote { margin: 10px; padding: 10px; background-color: #9FB7A1; margin-left: 50px; padding-left: 38px; background-image: url('http://www.kozan.somee.com/Counterstrike_haki/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 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: #F2F2ED; } .art-postfootericons { padding: 1px; } .art-postfootericons a, .art-postfootericons a:link { text-decoration: none; color: #B6C8B8; } .art-postfootericons a:visited, .art-postfootericons a.visited { color: #B6C8B8; } .art-postfootericons a:hover, .art-postfootericons a.hover { color: #A4A583; } /* 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:0; margin-bottom:0; width: 100%; } .art-footer-body { position:relative; padding: 8px; color: #B3C6B5; font-size: 11px; } .art-footer-body ul li { color: #ADAE8F; padding: 0 0 0 13px; background-image: url('http://www.kozan.somee.com/Counterstrike_haki/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:5px; background-image: url('http://www.kozan.somee.com/Counterstrike_haki/footer.png'); background-position:bottom left; } .art-footer:before, .art-footer:after { position: absolute; content:' '; z-index:-2; bottom:0; height:5px; background-image: url('http://www.kozan.somee.com/Counterstrike_haki/footer_b.png'); } .art-footer:before { left:0; right:5px; background-position: bottom left; } .art-footer:after { right:0; width:5px; background-position: bottom right; } .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: #B3C6B5; font-size: 11px; } .art-footer-text { min-height: 5px; padding-left: 10px; padding-right: 10px; text-align: center; } .art-footer-body a, .art-footer-body a:link { color: #739676; text-decoration: none; } .art-footer-body a:visited { color: #7B7C5A; } .art-footer-body a:hover { color: #739676; text-decoration: underline; } div.art-footer img { /* WARNING do NOT collapse this to 'border' - inheritance! */ border-width: 0; margin: 0; }/* 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: #97A187; } .art-page-footer { position: relative; z-index: 10; padding: 1em; text-align: center; text-decoration: none; color: #C9C9B5; } /* 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/Counterstrike_haki/search.png') center center no-repeat; border: none; } /* end WordPress, Template.WordPress */ /* begin LayoutCell, sidebar1 */ .art-content-layout .art-sidebar1 { width: 250px; } /* end LayoutCell, sidebar1 */ 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: 23px !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: #B3C6B5; font-size: 11px; text-align: left; } .art-footer .art-widget a, .art-footer .art-widget a:link { color: #739676; text-decoration: none; } .art-footer .art-widget a:visited { color: #7B7C5A; } .art-footer .art-widget a:hover { color: #739676; text-decoration: underline; } 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 #000000;} <textarea>

Silkroad Server Site Tasarımı



TASARIMIN ÜZERİNE
<body class="home blog"> <div id="art-main"> <div class="art-nav"> <div class="art-nav-l"> </div> <div class="art-nav-r"> </div> <div class="art-nav-outer"> <div class="art-nav-wrapper"> <div class="art-nav-inner"> <ul class="art-hmenu"> <li><a class="active" href="/" _fcksavedurl="/" title="Ana sayfa"><span class="l"> </span><span class="r"> </span><span class="t">Ana Sayfa</span></a> </li> <li class="art-hmenu-li-separator"><span class="art-hmenu-separator"> </span></li> <li><a href="http://......" _fcksavedurl="http://......" title="link başlığı"><span class="l"> </span><span class="r"> </span><span class="t">Link</span></a> </li> <li class="art-hmenu-li-separator"><span class="art-hmenu-separator"> </span></li> <li><a href="http://...." _fcksavedurl="http://...." title="link başlığı"><span class="l"> </span><span class="r"> </span><span class="t">Link</span></a> </li> <li class="art-hmenu-li-separator"><span class="art-hmenu-separator"> </span></li> <li><a href="http://...." _fcksavedurl="http://...." title="link başlığı"><span class="l"> </span><span class="r"> </span><span class="t">Link</span></a> <ul> <li><a href="http://...." _fcksavedurl="http://...." title="link başlığı">Link</a> </li> </ul> </li> </ul> </div> </div> </div> </div> <div class="cleared reset-box"> </div> <div class="art-header"> <div class="art-header-clip"> <div class="art-header-center"> <div class="art-header-jpeg"> </div> </div> </div> <div class="art-header-wrapper"> <div class="art-header-inner"> <div class="art-logo"> <h1 class="art-logo-name"> <a href="/" _fcksavedurl="/">Site ismi</a></h1> <h2 class="art-logo-text"> </h2> </div> </div> </div> </div> <div class="cleared reset-box"> </div> <div class="art-sheet"> <div class="art-sheet-tl"> </div> <div class="art-sheet-tr"> </div> <div class="art-sheet-bl"> </div> <div class="art-sheet-br"> </div> <div class="art-sheet-tc"> </div> <div class="art-sheet-bc"> </div> <div class="art-sheet-cl"> </div> <div class="art-sheet-cr"> </div> <div class="art-sheet-cc"> </div> <div class="art-sheet-body"> <div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell art-sidebar1"> <div class="art-layout-bg"> </div> <div class="art-vmenublock widget vmenu" id="vmenuwidget-6"> <div class="art-vmenublock-tl"> </div> <div class="art-vmenublock-tr"> </div> <div class="art-vmenublock-bl"> </div> <div class="art-vmenublock-br"> </div> <div class="art-vmenublock-tc"> </div> <div class="art-vmenublock-bc"> </div> <div class="art-vmenublock-cl"> </div> <div class="art-vmenublock-cr"> </div> <div class="art-vmenublock-cc"> </div> <div class="art-vmenublock-body"> <div class="art-vmenublockheader"> <div class="l"> </div> <div class="r"> </div> <h3 class="t"> Menü</h3> </div> <div class="art-vmenublockcontent"> <div class="art-vmenublockcontent-body"> <ul class="art-vmenu"> <li><a href="/" _fcksavedurl="/" title="Ana sayfa"><span class="l"> </span><span class="r"> </span><span class="t">Ana Sayfa</span></a> </li> <li class="art-vmenu-separator"><span class="art-vmenu-separator-span"> </span></li> <li><a href="/" _fcksavedurl="/" title="link başlığı"><span class="l"> </span><span class="r"> </span><span class="t">Link</span></a> </li> <li class="art-vmenu-separator"><span class="art-vmenu-separator-span"> </span></li> <li><a href="http://..." _fcksavedurl="http://..." title="link başlığı"><span class="l"> </span><span class="r"> </span><span class="t">Link</span></a> </li> <li class="art-vmenu-separator"><span class="art-vmenu-separator-span"> </span></li> <li><a href="http://..." _fcksavedurl="http://..." title="link başlığı"><span class="l"> </span><span class="r"> </span><span class="t">Link</span></a> <ul> <li class="art-vmenu-separator art-vmenu-separator-first"><span class="art-vmenu-separator-span"> </span></li> <li><a href="http://..." _fcksavedurl="http://..." title="link başlığı">Link</a> </li> </ul> </li> </ul> <div class="cleared"> </div> </div> </div> <div class="cleared"> </div> </div> </div> <div class="art-block widget widget_text" id="text-2"> <div class="art-block-tl"> </div> <div class="art-block-tr"> </div> <div class="art-block-bl"> </div> <div class="art-block-br"> </div> <div class="art-block-tc"> </div> <div class="art-block-bc"> </div> <div class="art-block-cl"> </div> <div class="art-block-cr"> </div> <div class="art-block-cc"> </div> <div class="art-block-body"> <div class="art-blockheader"> <div class="l"> </div> <div class="r"> </div> <h3 class="t"> Başlık</h3> </div> <div class="art-blockcontent"> <div class="art-blockcontent-tl"> </div> <div class="art-blockcontent-tr"> </div> <div class="art-blockcontent-bl"> </div> <div class="art-blockcontent-br"> </div> <div class="art-blockcontent-tc"> </div> <div class="art-blockcontent-bc"> </div> <div class="art-blockcontent-cl"> </div> <div class="art-blockcontent-cr"> </div> <div class="art-blockcontent-cc"> </div> <div class="art-blockcontent-body"> <div class="textwidget"> Buraya herhangi bir kod veye yazı yazabilirsin..</div> <div class="cleared"> </div> </div> </div> <div class="cleared"> </div> </div> </div> <div class="art-block widget widget_categories" id="categories-4"> <div class="art-block-tl"> </div> <div class="art-block-tr"> </div> <div class="art-block-bl"> </div> <div class="art-block-br"> </div> <div class="art-block-tc"> </div> <div class="art-block-bc"> </div> <div class="art-block-cl"> </div> <div class="art-block-cr"> </div> <div class="art-block-cc"> </div> <div class="art-block-body"> <div class="art-blockheader"> <div class="l"> </div> <div class="r"> </div> <h3 class="t"> Lİnkler</h3> </div> <div class="art-blockcontent"> <div class="art-blockcontent-tl"> </div> <div class="art-blockcontent-tr"> </div> <div class="art-blockcontent-bl"> </div> <div class="art-blockcontent-br"> </div> <div class="art-blockcontent-tc"> </div> <div class="art-blockcontent-bc"> </div> <div class="art-blockcontent-cl"> </div> <div class="art-blockcontent-cr"> </div> <div class="art-blockcontent-cc"> </div> <div class="art-blockcontent-body"> <ul> <li class="cat-item cat-item-43"><a href="http://..." _fcksavedurl="http://..." title="link başlığı">Link</a> </li> <li class="cat-item cat-item-1"><a href="http://..." _fcksavedurl="http://..." title="link başlığı">Link</a> </li> <li class="cat-item cat-item-3"><a href="http://..." _fcksavedurl="http://..." title="link başlığı">Link</a> </li> <li class="cat-item cat-item-10"><a href="http://..." _fcksavedurl="http://..." title="link başlığı">Link</a> </li> <li class="cat-item cat-item-15"><a href="http://..." _fcksavedurl="http://..." title="link başlığı">Link</a> </li> </ul> <div class="cleared"> </div> </div> </div> <div class="cleared"> </div> </div> </div> <div class="art-block widget widget_text" id="text-6"> <div class="art-block-tl"> </div> <div class="art-block-tr"> </div> <div class="art-block-bl"> </div> <div class="art-block-br"> </div> <div class="art-block-tc"> </div> <div class="art-block-bc"> </div> <div class="art-block-cl"> </div> <div class="art-block-cr"> </div> <div class="art-block-cc"> </div> <div class="art-block-body"> <div class="art-blockheader"> <div class="l"> </div> <div class="r"> </div> <h3 class="t"> Başlık</h3> </div> <div class="art-blockcontent"> <div class="art-blockcontent-tl"> </div> <div class="art-blockcontent-tr"> </div> <div class="art-blockcontent-bl"> </div> <div class="art-blockcontent-br"> </div> <div class="art-blockcontent-tc"> </div> <div class="art-blockcontent-bc"> </div> <div class="art-blockcontent-cl"> </div> <div class="art-blockcontent-cr"> </div> <div class="art-blockcontent-cc"> </div> <div class="art-blockcontent-body"> <div class="textwidget"> Buraya herhangi bir kod veye yazı yazabilirsin..</div> <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-post post-254 post type-post status-publish format-standard hentry category-teknoloji tag-google-maps-yol-hesaplama tag-google-maps-yol-tarifi tag-google-maps-yol-tarifi-al" id="post-254"> <div class="art-post-tl"> </div> <div class="art-post-tr"> </div> <div class="art-post-bl"> </div> <div class="art-post-br"> </div> <div class="art-post-tc"> </div> <div class="art-post-bc"> </div> <div class="art-post-cl"> </div> <div class="art-post-cr"> </div> <div class="art-post-cc"> </div> <div class="art-post-body"> <div class="art-post-inner art-article"> <textarea>
                                                      TASARIMIN ALTINA
</div> </div> </div> <div class="cleared"> </div> </div> <div class="art-layout-cell art-sidebar2"> <div class="art-layout-bg"> </div> <div class="art-block widget widget_text" id="text-3"> <div class="art-block-tl"> </div> <div class="art-block-tr"> </div> <div class="art-block-bl"> </div> <div class="art-block-br"> </div> <div class="art-block-tc"> </div> <div class="art-block-bc"> </div> <div class="art-block-cl"> </div> <div class="art-block-cr"> </div> <div class="art-block-cc"> </div> <div class="art-block-body"> <div class="art-blockheader"> <div class="l"> </div> <div class="r"> </div> <h3 class="t"> Takvim</h3> </div> <div class="art-blockcontent"> <div class="art-blockcontent-tl"> </div> <div class="art-blockcontent-tr"> </div> <div class="art-blockcontent-bl"> </div> <div class="art-blockcontent-br"> </div> <div class="art-blockcontent-tc"> </div> <div class="art-blockcontent-bc"> </div> <div class="art-blockcontent-cl"> </div> <div class="art-blockcontent-cr"> </div> <div class="art-blockcontent-cc"> </div> <div class="art-blockcontent-body"> <div class="textwidget"> <!---Kaynak: www.kodbul.org --> <center> <iframe src="http://www.kodbul.org/takvim/takvim2.htm" marginwidth="1" marginheight="1" name="takvim" title="kodbul" scrolling="no" border="0" frameborder="0" width="164" height="174" align="center"> kodbul.org</iframe></center> <!---Kaynak: www.kodbul.org --></div> <div class="cleared"> </div> </div> </div> <div class="cleared"> </div> </div> </div> <div class="art-block widget widget_text" id="text-4"> <div class="art-block-tl"> </div> <div class="art-block-tr"> </div> <div class="art-block-bl"> </div> <div class="art-block-br"> </div> <div class="art-block-tc"> </div> <div class="art-block-bc"> </div> <div class="art-block-cl"> </div> <div class="art-block-cr"> </div> <div class="art-block-cc"> </div> <div class="art-block-body"> <div class="art-blockheader"> <div class="l"> </div> <div class="r"> </div> <h3 class="t"> Başlık</h3> </div> <div class="art-blockcontent"> <div class="art-blockcontent-tl"> </div> <div class="art-blockcontent-tr"> </div> <div class="art-blockcontent-bl"> </div> <div class="art-blockcontent-br"> </div> <div class="art-blockcontent-tc"> </div> <div class="art-blockcontent-bc"> </div> <div class="art-blockcontent-cl"> </div> <div class="art-blockcontent-cr"> </div> <div class="art-blockcontent-cc"> </div> <div class="art-blockcontent-body"> <div class="textwidget"> <!---Kaynak: www.kodbul.org ---> <div align="center"> <table cellpadding="0" cellspacing="0" width="221" height="250"> <!-- MSTableType="layout" --> <tr> <td height="250" background="http://img.webme.com/pic/g/gezerdin/duykah.gif" width="221" valign="middle"> <p align="center"> <font color="white"> <marquee onmouseover_fckprotectedatt="%20onmouseover%3D%22this.stop()%3B%22" style="WIDTH: 190; HEIGHT: 163" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.start()%3B%22" scrollAmount="1" scrollDelay="10" direction="up" left="5" top="0"> <p align="center"> <font color="#800000" size="2"><br> <br>BURALARA MESAJINIZI YAZINIZ<br><br></font></p> </MARQUEE></FONT></td> </tr> </table> </div> <!---Kaynak: www.kodbul.org ---></div> <div class="cleared"> </div> </div> </div> <div class="cleared"> </div> </div> </div> <div class="art-block widget widget_text" id="text-5"> <div class="art-block-tl"> </div> <div class="art-block-tr"> </div> <div class="art-block-bl"> </div> <div class="art-block-br"> </div> <div class="art-block-tc"> </div> <div class="art-block-bc"> </div> <div class="art-block-cl"> </div> <div class="art-block-cr"> </div> <div class="art-block-cc"> </div> <div class="art-block-body"> <div class="art-blockheader"> <div class="l"> </div> <div class="r"> </div> <h3 class="t"> Başlık</h3> </div> <div class="art-blockcontent"> <div class="art-blockcontent-tl"> </div> <div class="art-blockcontent-tr"> </div> <div class="art-blockcontent-bl"> </div> <div class="art-blockcontent-br"> </div> <div class="art-blockcontent-tc"> </div> <div class="art-blockcontent-bc"> </div> <div class="art-blockcontent-cl"> </div> <div class="art-blockcontent-cr"> </div> <div class="art-blockcontent-cc"> </div> <div class="art-blockcontent-body"> <div class="textwidget"> Buraya herhangi bir kod veye yazı yazabilirsin..</div> <div class="cleared"> </div> </div> </div> <div class="cleared"> </div> </div> </div> <div class="cleared"> </div> </div> </div> </div> <div class="cleared"> </div> <div class="art-footer"> <div class="art-footer-t"> </div> <div class="art-footer-l"> </div> <div class="art-footer-b"> </div> <div class="art-footer-r"> </div> <div class="art-footer-body"> <a href="#" _fcksavedurl="#" class='art-rss-tag-icon' title="Yukarı"></a> <div class="art-footer-text"> <p> <a href="http://..." _fcksavedurl="http://..." title="Link1" >Link1</a> | <a href="http://..." _fcksavedurl="http://..." title="Link2">Link2</a> | <a href="http://.." _fcksavedurl="http://.." title="Link3">Link3</a></p> <p> Copyright © 2012. Tüm Hakları Saklıdır.</p> </div> <div class="cleared"> </div> </div> </div> <div class="cleared"> </div> </div> </div> <div class="cleared"> </div> <p class="art-page-footer"> Web Tasarım: <a href="http://csstemalar.tr.gg" _fcksavedurl="http://csstemalar.tr.gg">www.csstemalar.tr.gg</a></p> </div> <div id="wp-footer"> </div> <textarea>
                                                         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: silkroad teması Theme URI: http://csstemalar.tr.gg/ Description: Csstemalar.tr.gg tema arşivi Version: 1.0 Author: Veysel Kara Author URI: Tags: css temalar */ /* sayfa */ #art-main, table { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 13px; } h1, h2, h3, h4, h5, h6, p, a, ul, ol, li { margin: 0; padding: 0; } .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: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; } .art-postcontent p { margin: 12px 0; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: bold; font-size: 32px; text-decoration: none; } .art-postcontent a { text-decoration: none; color: #BDBDBD; } .art-postcontent a:link { text-decoration: none; color: #BDBDBD; } .art-postcontent a:visited, .art-postcontent a.visited { color: #D1D1D1; } .art-postcontent a:hover, .art-postcontent a.hover { text-decoration: underline; color: #D1D1D1; } .art-postcontent h1 { color: #BDBDBD; margin: 21px 0; } .art-blockcontent h1 { margin: 21px 0; } .art-postcontent h2 { color: #D1D1D1; margin: 19px 0; font-size: 24px; } .art-blockcontent h2 { margin: 19px 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: #919191; margin: 19px 0; font-size: 19px; } .art-blockcontent h3 { margin: 19px 0; font-size: 19px; } .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: 19px; } .art-postcontent h4 { color: #F0F0F0; margin: 20px 0; font-size: 16px; } .art-blockcontent h4 { margin: 20px 0; font-size: 16px; } .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: 16px; } .art-postcontent h5 { color: #F0F0F0; margin: 26px 0; font-size: 13px; } .art-blockcontent h5 { margin: 26px 0; font-size: 13px; } .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: 13px; } .art-postcontent h6 { color: #E8E8E8; margin: 35px 0; font-size: 11px; } .art-blockcontent h6 { margin: 35px 0; font-size: 11px; } .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: 11px; } ul { list-style-type: none; } ol { list-style-position: inside; } html { height:100%; } #art-main { display: inline-block; position: relative; z-index: 0; width: 100%; left: 0; top: 0; cursor:default; overflow:visible; float: left; clear: left; } body { padding: 0; margin:0; color: #D4D4D4; height:100%; min-height:100%; background-color: #000000; min-width: 1010px; } .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; } /* end Page */ /* begin Menu */ /* menu structure */ .art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover { outline: none; } .art-hmenu, .art-hmenu ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; } .art-hmenu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; background: none; } .art-hmenu li:hover { z-index: 10000; white-space: normal; } .art-hmenu li li { float: none; } .art-hmenu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background: none; min-height: 0; background-image: url('http://kozan.somee.com/silkroad/spacer.gif'); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; } .art-hmenu li:hover>ul { visibility: visible; top: 100%; } .art-hmenu li li:hover>ul { top: 0; left: 100%; } .art-hmenu:after, .art-hmenu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .art-hmenu{ min-height: 0; position:relative; padding: 8px 3px 0 3px; } .art-hmenu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } /* menu structure */ .art-nav { position: relative; width:1010px; margin:0 auto; min-height: 36px; z-index: 100; margin-top: 0; margin-bottom: 0; } .art-nav-outer { position:absolute; width:100%; } .art-nav-wrapper { position: relative; width:1010px; margin:0 auto; } .art-nav-inner { margin: 0 7px; } .art-nav-l, .art-nav-r { position: absolute; z-index: -1; top: 0; height: 100%; background-image: url('http://kozan.somee.com/silkroad/nav.png'); } .art-nav-l { left: 0; right: 14px; } .art-nav-r { right: 0; width: 1010px; clip: rect(auto, auto, auto, 996px); } /* end Menu */ /* begin MenuItem */ .art-hmenu a { position: relative; display: block; overflow: hidden; height: 28px; cursor: pointer; text-align: left; text-decoration: none; } .art-hmenu ul li { margin:0; clear: both; } .art-hmenu a .r, .art-hmenu a .l { position: absolute; display: block; top: 0; z-index: -1; height: 94px; background-image: url('http://kozan.somee.com/silkroad/menuitem.png'); } .art-hmenu a .l { left: 0; right: 4px; } .art-hmenu a .r { width: 408px; right: 0; clip: rect(auto, auto, auto, 404px); } .art-hmenu a .t, .art-hmenu ul a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover { text-align: left; text-decoration: none; } .art-hmenu a .t { color: #CFCFCF; padding: 0 5px; margin: 0 4px; line-height: 28px; text-align: center; } .art-hmenu a:hover .l, .art-hmenu a:hover .r { top: -33px; } .art-hmenu li:hover>a .l, .art-hmenu li:hover>a .r { top: -33px; } .art-hmenu li:hover a .l, .art-hmenu li:hover a .r { top: -33px; } .art-hmenu a:hover .t { color: #DBDBDB; } .art-hmenu li:hover a .t { color: #DBDBDB; } .art-hmenu li:hover>a .t { color: #DBDBDB; } .art-hmenu a.active .l, .art-hmenu a.active .r { top: -66px; } .art-hmenu a.active .t { color: #D4D4D4; } /* end MenuItem */ /* begin MenuSeparator */ .art-hmenu .art-hmenu-li-separator { display: block; width: 8px; height:28px; } /* end MenuSeparator */ /* begin MenuSubItem */ .art-hmenu ul a { display: block; white-space: nowrap; height: 20px; width: 180px; overflow: hidden; background-image: url('http://kozan.somee.com/silkroad/subitem.png'); background-position: left top; background-repeat: repeat-x; border-width: 0; border-style: solid; text-align: left; text-indent: 12px; text-decoration: none; line-height: 20px; color: #1A1A1A; font-size: 12px; margin:0; padding:0; } .art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span { display: inline; float: none; margin: inherit; padding: inherit; background-image: none; text-align: inherit; text-decoration: inherit; } .art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active, .art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span { text-align: left; text-indent: 12px; text-decoration: none; line-height: 20px; color: #1A1A1A; font-size: 12px; margin:0; padding:0; } .art-hmenu ul li a:hover { color: #DEDEDE; background-position: 0 -20px; } .art-hmenu ul li:hover>a { color: #DEDEDE; background-position: 0 -20px; } .art-nav .art-hmenu ul li a:hover span, .art-nav .art-hmenu ul li a:hover span span { color: #DEDEDE; } .art-nav .art-hmenu ul li:hover>a span, .art-nav .art-hmenu ul li:hover>a span span { color: #DEDEDE; } /* end MenuSubItem */ /* begin Header */ div.art-header { margin: 0 auto; position: relative; z-index: -1; width:1010px; height: 225px; margin-top: 0; margin-bottom: 0; } div.art-header-clip { position: absolute; width:100%; left:0; overflow:hidden; height:225px; } .art-header-wrapper { position: relative; width:1010px; margin:0 auto; } .art-header-inner { margin: 0 7px; } div.art-header-center { position: relative; width: 1010px; left:50%; } div.art-header-jpeg { position: absolute; top: 0; left:-50%; width: 1010px; height: 225px; background-image: url('http://kozan.somee.com/silkroad/header.jpg'); background-repeat: no-repeat; background-position: center center; } /* end Header */ /* begin Logo */ div.art-logo { display: block; position: absolute; top: 82px; left: 50%; margin-left: -498px; width: 995px; } h1.art-logo-name { display: block; text-align: center; font-size: 30px; padding: 0; margin: 0; color: #CCCCCC !important; } h1.art-logo-name a, h1.art-logo-name a:link, h1.art-logo-name a:visited, h1.art-logo-name a:hover { font-size: 30px; padding: 0; margin: 0; color: #CCCCCC !important; } h2.art-logo-text { display: block; text-align: center; font-size: 17px; padding: 0; margin: 0; color: #A8A8A8 !important; } h2.art-logo-text a, h2.art-logo-text a:link, h2.art-logo-text a:visited, h2.art-logo-text a:hover { font-size: 17px; padding: 0; margin: 0; color: #A8A8A8 !important; } /* end Logo */ /* begin Box, Sheet */ .art-sheet { position: relative; margin: 0 auto; min-width: 29px; min-height: 29px; margin-top: 0; margin-bottom: -4px; cursor:auto; width: 1010px; } .art-sheet-body { position: relative; padding: 7px; padding-top:0; padding-bottom:7px; } .art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl, .art-sheet-tc, .art-sheet-bc,.art-sheet-cr, .art-sheet-cl { position: absolute; } .art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl { width: 44px; height: 44px; background-image: url('http://kozan.somee.com/silkroad/sheet_s.png'); } .art-sheet-tl { top: 0; left: 0; clip: rect(auto, 22px, 22px, auto); } .art-sheet-tr { top: 0; right: 0; clip: rect(auto, auto, 22px, 22px); } .art-sheet-bl { bottom: 0; left: 0; clip: rect(22px, 22px, auto, auto); } .art-sheet-br { bottom: 0; right: 0; clip: rect(22px, auto, auto, 22px); } .art-sheet-tc, .art-sheet-bc { left: 22px; right: 22px; height: 44px; background-image: url('http://kozan.somee.com/silkroad/sheet_h.png'); } .art-sheet-tc { top: 0; clip: rect(auto, auto, 22px, auto); } .art-sheet-bc { bottom: 0; clip: rect(22px, auto, auto, auto); } .art-sheet-cr, .art-sheet-cl { top: 22px; bottom: 22px; width: 44px; background-image: url('http://kozan.somee.com/silkroad/sheet_v.png'); } .art-sheet-cr { right: 0; clip: rect(auto, auto, auto, 22px); } .art-sheet-cl { left: 0; clip: rect(auto, 22px, auto, auto); } .art-sheet-cc { position: absolute; top: 22px; left: 22px; right: 22px; bottom: 22px; background-color: #000000; } #art-page-background-top-texture, #art-page-background-middle-texture, #art-page-background-glare { min-width: 1010px; } /* end Box, Sheet */ /* begin Layout */ .art-content-layout { display: table; position:relative; margin: 0 auto; table-layout: fixed; border-collapse: collapse; background-color: Transparent; border: none !important; padding:0 !important; width:100%; margin-top:0; margin-bottom:0; } .art-layout-cell, .art-content-layout-row { background-color: Transparent; vertical-align: top; text-align: left; border: none; margin:0; padding:0; } .art-content-layout .art-content-layout{margin:0;} .art-content-layout .art-layout-cell, .art-content-layout .art-layout-cell .art-content-layout .art-layout-cell{display: table-cell;} .art-layout-cell .art-layout-cell{display: block;} .art-content-layout-row {display: table-row;} .art-layout-glare{position:relative;}/* end Layout */ /* begin Box, Block, VMenuBlock */ .art-vmenublock { position: relative; min-width: 15px; min-height: 15px; margin: 3px; } .art-vmenublock-body { position: relative; padding: 8px; } .art-vmenublock-tr, .art-vmenublock-tl, .art-vmenublock-br, .art-vmenublock-bl, .art-vmenublock-tc, .art-vmenublock-bc,.art-vmenublock-cr, .art-vmenublock-cl { position: absolute; } .art-vmenublock-tr, .art-vmenublock-tl, .art-vmenublock-br, .art-vmenublock-bl { width: 14px; height: 14px; background-image: url('http://kozan.somee.com/silkroad/vmenublock_s.png'); } .art-vmenublock-tl { top: 0; left: 0; clip: rect(auto, 7px, 7px, auto); } .art-vmenublock-tr { top: 0; right: 0; clip: rect(auto, auto, 7px, 7px); } .art-vmenublock-bl { bottom: 0; left: 0; clip: rect(7px, 7px, auto, auto); } .art-vmenublock-br { bottom: 0; right: 0; clip: rect(7px, auto, auto, 7px); } .art-vmenublock-tc, .art-vmenublock-bc { left: 7px; right: 7px; height: 14px; background-image: url('http://kozan.somee.com/silkroad/vmenublock_h.png'); } .art-vmenublock-tc { top: 0; clip: rect(auto, auto, 7px, auto); } .art-vmenublock-bc { bottom: 0; clip: rect(7px, auto, auto, auto); } .art-vmenublock-cr, .art-vmenublock-cl { top: 7px; bottom: 7px; width: 14px; background-image: url('http://kozan.somee.com/silkroad/vmenublock_v.png'); } .art-vmenublock-cr { right: 0; clip: rect(auto, auto, auto, 7px); } .art-vmenublock-cl { left: 0; clip: rect(auto, 7px, auto, auto); } .art-vmenublock-cc { position: absolute; top: 7px; left: 7px; right: 7px; bottom: 7px; background-color: #3B3B3B; } /* end Box, Block, VMenuBlock */ /* begin BlockHeader, VMenuBlockHeader */ .art-vmenublockheader { margin-bottom: 7px; position: relative; height: 34px; } .art-vmenublockheader h3.t { position: relative; height: 34px; color: #B5B5B5; font-size: 14px; margin:0; padding: 0 10px 0 22px; white-space: nowrap; line-height: 34px; } .art-vmenublockheader h3.t a, .art-vmenublockheader h3.t a:link, .art-vmenublockheader h3.t a:visited, .art-vmenublockheader h3.t a:hover { color: #B5B5B5; font-size: 14px; } .art-vmenublockheader .l, .art-vmenublockheader .r { position: absolute; height: 34px; background-image: url('http://kozan.somee.com/silkroad/vmenublockheader.png'); } .art-vmenublockheader .l { left: 0; right: 16px; } .art-vmenublockheader .r { width: 996px; right: 0; clip: rect(auto, auto, auto, 980px); } /* end BlockHeader, VMenuBlockHeader */ /* begin Box, Box, VMenuBlockContent */ .art-vmenublockcontent { position: relative; margin: 0 auto; min-width: 1px; min-height: 1px; } .art-vmenublockcontent-body { position: relative; padding: 0; } /* end Box, Box, VMenuBlockContent */ /* begin VMenu */ ul.art-vmenu, ul.art-vmenu li { list-style: none; margin: 0; padding: 0; width: auto; line-height: 0; } ul.art-vmenu { margin-top: 0; margin-bottom: 0; } ul.art-vmenu ul { display: none; padding: 0; margin:0 2px 0 2px; } ul.art-vmenu ul.active { display: block; } /* end VMenu */ /* begin VMenuItem */ ul.art-vmenu a { position: relative; display: block; overflow: hidden; height: 34px; cursor: pointer; text-decoration: none; } ul.art-vmenu li.art-vmenu-separator { display: block; padding: 0 0 0 0; margin: 0; font-size: 1px; } ul.art-vmenu .art-vmenu-separator-span { display: block; padding: 0; font-size: 1px; height: 0; line-height: 0; border: none; } ul.art-vmenu a .r, ul.art-vmenu a .l { position: absolute; display: block; top: 0; height: 112px; background-image: url('http://kozan.somee.com/silkroad/vmenuitem.png'); } ul.art-vmenu a .l { left: 0; right: 11px; } ul.art-vmenu a .r { width: 1018px; right: 0; clip: rect(auto, auto, auto, 1007px); } ul.art-vmenu a .t, ul.art-vmenu ul a { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 12px; } ul.art-vmenu a .t { display: block; position:relative; top:0; line-height: 34px; color: #BDBDBD; padding: 0 13px 0 13px; margin-left:0; margin-right:0; } ul.art-vmenu a.active .l, ul.art-vmenu a.active .r { top: -78px; } ul.art-vmenu a.active .t { color: #C9C9C9; } ul.art-vmenu a:hover .l, ul.art-vmenu a:hover .r { top: -39px; } ul.art-vmenu a:hover .t { color: #B5B5B5; } /* end VMenuItem */ /* begin VMenuSubItem */ ul.art-vmenu ul li { margin: 0; padding: 0; } ul.art-vmenu ul a { display: block; white-space: nowrap; height: 20px; overflow: visible; background-image: url('http://kozan.somee.com/silkroad/vsubitem.gif'); background-position: 25px 0; background-repeat: repeat-x; padding: 0 0 0 25px; line-height: 20px; color: #D4D4D4; font-size: 11px; margin-left: 0; } ul.art-vmenu ul ul li { padding:0; } ul.art-vmenu ul span, ul.art-vmenu ul span span { display: inline; float: none; margin: inherit; padding: inherit; background-image: none; text-align: inherit; text-decoration: inherit; } ul.art-vmenu ul a:link, ul.art-vmenu ul a:visited, ul.art-vmenu ul a:hover, ul.art-vmenu ul a:active, ul.art-vmenu ul span, ul.art-vmenu ul span span { line-height: 20px; color: #D4D4D4; font-size: 11px; margin-left: 0; } ul.art-vmenu ul ul { margin:0 0 0 0; } ul.art-vmenu ul li.art-vsubmenu-separator { display: block; margin: 0; font-size: 1px; padding: 0 0 0 0; } ul.art-vmenu ul .art-vsubmenu-separator-span { display: block; padding: 0; font-size: 1px; height: 0; line-height: 0; margin: 0; border: none; } ul.art-vmenu ul li.art-vmenu-separator-first { margin-bottom:0; padding-bottom:0; } ul.art-vmenu ul li li a { background-position: 50px 0; padding: 0 0 0 50px; } ul.art-vmenu ul li li li a { background-position: 75px 0; padding: 0 0 0 75px; } ul.art-vmenu ul li li li li a { background-position: 100px 0; padding: 0 0 0 100px; } ul.art-vmenu ul li li li li li a { background-position: 125px 0; padding: 0 0 0 125px; } ul.art-vmenu ul li a.active { color: #CFCFCF; background-position: 25px -50px; } ul.art-vmenu ul li li a.active { background-position: 50px -50px; } ul.art-vmenu ul li li li a.active { background-position: 75px -50px; } ul.art-vmenu ul li li li li a.active { background-position: 100px -50px; } ul.art-vmenu ul li li li li li a.active { background-position: 125px -50px; } ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active { color: #E3E3E3; background-position: 25px -25px; } ul.art-vmenu ul li li a:hover, ul.art-vmenu ul li li a:hover.active { background-position: 50px -25px; } ul.art-vmenu ul li li li a:hover, ul.art-vmenu ul li li li a:hover.active { background-position: 75px -25px; } ul.art-vmenu ul li li li li a:hover, ul.art-vmenu ul li li li li a:hover.active { background-position: 100px -25px; } ul.art-vmenu ul li li li li li a:hover, ul.art-vmenu ul li li li li li a:hover.active { background-position: 125px -25px; } /* end VMenuSubItem */ /* begin Box, Block */ .art-block { position: relative; min-width: 15px; min-height: 15px; margin: 3px; } .art-block-body { position: relative; padding: 8px; } .art-block-tr, .art-block-tl, .art-block-br, .art-block-bl, .art-block-tc, .art-block-bc,.art-block-cr, .art-block-cl { position: absolute; } .art-block-tr, .art-block-tl, .art-block-br, .art-block-bl { width: 14px; height: 14px; background-image: url('http://kozan.somee.com/silkroad/block_s.png'); } .art-block-tl { top: 0; left: 0; clip: rect(auto, 7px, 7px, auto); } .art-block-tr { top: 0; right: 0; clip: rect(auto, auto, 7px, 7px); } .art-block-bl { bottom: 0; left: 0; clip: rect(7px, 7px, auto, auto); } .art-block-br { bottom: 0; right: 0; clip: rect(7px, auto, auto, 7px); } .art-block-tc, .art-block-bc { left: 7px; right: 7px; height: 14px; background-image: url('http://kozan.somee.com/silkroad/block_h.png'); } .art-block-tc { top: 0; clip: rect(auto, auto, 7px, auto); } .art-block-bc { bottom: 0; clip: rect(7px, auto, auto, auto); } .art-block-cr, .art-block-cl { top: 7px; bottom: 7px; width: 14px; background-image: url('http://kozan.somee.com/silkroad/block_v.png'); } .art-block-cr { right: 0; clip: rect(auto, auto, auto, 7px); } .art-block-cl { left: 0; clip: rect(auto, 7px, auto, auto); } .art-block-cc { position: absolute; top: 7px; left: 7px; right: 7px; bottom: 7px; background-color: #3B3B3B; } div.art-block img { /* WARNING do NOT collapse this to 'border' - inheritance! */ border-width: 0; border-color: #636363; border-style: solid; margin: 5px; } /* end Box, Block */ /* begin BlockHeader */ .art-blockheader { margin-bottom: 4px; position: relative; height: 38px; } .art-blockheader h3.t { position: relative; height: 38px; color: #9E9E9E; font-size: 14px; margin:0; padding: 0 11px 0 44px; white-space: nowrap; line-height: 38px; } .art-blockheader h3.t a, .art-blockheader h3.t a:link, .art-blockheader h3.t a:visited, .art-blockheader h3.t a:hover { color: #9E9E9E; font-size: 14px; } .art-blockheader .l, .art-blockheader .r { position: absolute; height: 38px; background-image: url('http://kozan.somee.com/silkroad/blockheader.png'); } .art-blockheader .l { left: 0; right: 38px; } .art-blockheader .r { width: 996px; right: 0; clip: rect(auto, auto, auto, 958px); } /* end BlockHeader */ /* begin Box, BlockContent */ .art-blockcontent { position: relative; margin: 0 auto; min-width: 9px; min-height: 9px; } .art-blockcontent-body { position: relative; padding: 4px; color: #ABABAB; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; font-size: 13px; } .art-blockcontent-tr, .art-blockcontent-tl, .art-blockcontent-br, .art-blockcontent-bl, .art-blockcontent-tc, .art-blockcontent-bc,.art-blockcontent-cr, .art-blockcontent-cl { position: absolute; } .art-blockcontent-tr, .art-blockcontent-tl, .art-blockcontent-br, .art-blockcontent-bl { width: 8px; height: 8px; background-image: url('http://kozan.somee.com/silkroad/blockcontent_s.png'); } .art-blockcontent-tl { top: 0; left: 0; clip: rect(auto, 4px, 4px, auto); } .art-blockcontent-tr { top: 0; right: 0; clip: rect(auto, auto, 4px, 4px); } .art-blockcontent-bl { bottom: 0; left: 0; clip: rect(4px, 4px, auto, auto); } .art-blockcontent-br { bottom: 0; right: 0; clip: rect(4px, auto, auto, 4px); } .art-blockcontent-tc, .art-blockcontent-bc { left: 4px; right: 4px; height: 8px; background-image: url('http://kozan.somee.com/silkroad/blockcontent_h.png'); } .art-blockcontent-tc { top: 0; clip: rect(auto, auto, 4px, auto); } .art-blockcontent-bc { bottom: 0; clip: rect(4px, auto, auto, auto); } .art-blockcontent-cr, .art-blockcontent-cl { top: 4px; bottom: 4px; width: 8px; background-image: url('http://kozan.somee.com/silkroad/blockcontent_v.png'); } .art-blockcontent-cr { right: 0; clip: rect(auto, auto, auto, 4px); } .art-blockcontent-cl { left: 0; clip: rect(auto, 4px, auto, auto); } .art-blockcontent-cc { position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; background-color: #3B3B3B; } .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: #ABABAB; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; font-size: 13px; } .art-blockcontent-body p { margin: 6px 0; } .art-blockcontent-body a, .art-blockcontent-body a:link { color: #D1D1D1; text-decoration: underline; } .art-blockcontent-body a:visited, .art-blockcontent-body a.visited { color: #D1D1D1; text-decoration: none; } .art-blockcontent-body a:hover, .art-blockcontent-body a.hover { color: #D1D1D1; text-decoration: none; } .art-blockcontent-body ul li { line-height: 125%; color: #ABABAB; padding: 0 0 0 19px; background-image: url('http://kozan.somee.com/silkroad/blockcontentbullets.png'); background-repeat: no-repeat; }/* end Box, BlockContent */ /* begin Button */ .art-button-wrapper a.art-button, .art-button-wrapper a.art-button:link, .art-button-wrapper input.art-button, .art-button-wrapper button.art-button { text-decoration: none; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 13px; position:relative; top:0; display: inline-block; vertical-align: middle; white-space: nowrap; text-align: center; color: #DBDBDB !important; width: auto; outline: none; border: none; background: none; line-height: 26px; height: 26px; margin: 0 !important; padding: 0 7px !important; overflow: visible; cursor: pointer; } .art-button img, .art-button-wrapper img { margin: 0; vertical-align: middle; } .art-button-wrapper { vertical-align: middle; display: inline-block; position: relative; height: 26px; overflow: hidden; white-space: nowrap; width: auto; margin: 0; padding: 0; z-index: 0; } .firefox2 .art-button-wrapper { display: block; float: left; } input, select, textarea { vertical-align: middle; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 13px; } .art-block select { width:96%; } .art-button-wrapper.hover .art-button, .art-button-wrapper.hover a.art-button:link, .art-button:hover { color: #000000 !important; text-decoration: none !important; } .art-button-wrapper.active .art-button, .art-button-wrapper.active a.art-button:link { color: #DEDEDE !important; } .art-button-wrapper .art-button-l, .art-button-wrapper .art-button-r { display: block; position: absolute; height: 88px; margin: 0; padding: 0; background-image: url('http://kozan.somee.com/silkroad/button.png'); } .art-button-wrapper .art-button-l { left: 0; right: 11px; } .art-button-wrapper .art-button-r { width: 423px; right: 0; clip: rect(auto, auto, auto, 412px); } .art-button-wrapper.hover .art-button-l, .art-button-wrapper.hover .art-button-r { top: -31px; } .art-button-wrapper.active .art-button-l, .art-button-wrapper.active .art-button-r { top: -62px; } .art-button-wrapper input { float: none !important; } /* end Button */ /* begin Box, Post */ .art-post { position: relative; min-width: 15px; min-height: 15px; margin: 1px; } .art-post-body { position: relative; padding: 16px; } .art-post-tr, .art-post-tl, .art-post-br, .art-post-bl, .art-post-tc, .art-post-bc,.art-post-cr, .art-post-cl { position: absolute; } .art-post-tr, .art-post-tl, .art-post-br, .art-post-bl { width: 14px; height: 14px; background-image: url('http://kozan.somee.com/silkroad/post_s.png'); } .art-post-tl { top: 0; left: 0; clip: rect(auto, 7px, 7px, auto); } .art-post-tr { top: 0; right: 0; clip: rect(auto, auto, 7px, 7px); } .art-post-bl { bottom: 0; left: 0; clip: rect(7px, 7px, auto, auto); } .art-post-br { bottom: 0; right: 0; clip: rect(7px, auto, auto, 7px); } .art-post-tc, .art-post-bc { left: 7px; right: 7px; height: 14px; background-image: url('http://kozan.somee.com/silkroad/post_h.png'); } .art-post-tc { top: 0; clip: rect(auto, auto, 7px, auto); } .art-post-bc { bottom: 0; clip: rect(7px, auto, auto, auto); } .art-post-cr, .art-post-cl { top: 7px; bottom: 7px; width: 14px; background-image: url('http://kozan.somee.com/silkroad/post_v.png'); } .art-post-cr { right: 0; clip: rect(auto, auto, auto, 7px); } .art-post-cl { left: 0; clip: rect(auto, 7px, auto, auto); } .art-post-cc { position: absolute; top: 7px; left: 7px; right: 7px; bottom: 7px; background-color: #3B3B3B; } a img { border: 0; } .art-article img, img.art-article, .art-block img, .art-footer img { border: solid 0 #636363; margin: 5px; } .art-metadata-icons img { border: none; vertical-align: middle; margin: 2px; } .art-article table, table.art-article { border-collapse: collapse; margin: 1px; } .art-article th, .art-article td { padding: 2px; border: solid 1px #A8A8A8; vertical-align: top; text-align: left; } .art-article th { text-align: center; vertical-align: middle; padding: 7px; } pre { overflow: auto; padding: 0.1em; } /* end Box, Post */ /* begin PostHeaderIcon */ h2.art-postheader { color: #D4D4D4; margin: 5px 0; font-size: 24px; } h2.art-postheader a, h2.art-postheader a:link, h2.art-postheader a:visited, h2.art-postheader a.visited, h2.art-postheader a:hover, h2.art-postheader a.hovered { font-size: 24px; } h2.art-postheader a, h2.art-postheader a:link { text-align: left; text-decoration: none; color: #A6A6A6; } h2.art-postheader a:visited, h2.art-postheader a.visited { color: #949494; } h2.art-postheader a:hover, h2.art-postheader a.hovered { color: #919191; } /* end PostHeaderIcon */ /* begin PostIcons, PostHeaderIcons */ .art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; color: #BABABA; } .art-postheadericons { padding: 1px; } .art-postheadericons a, .art-postheadericons a:link { text-decoration: none; color: #7A7A7A; } .art-postheadericons a:visited, .art-postheadericons a.visited { font-style: italic; font-weight: normal; color: #BDBDBD; } .art-postheadericons a:hover, .art-postheadericons a.hover { font-style: italic; font-weight: normal; text-decoration: underline; color: #919191; } /* end PostIcons, PostHeaderIcons */ /* begin PostBullets */ .art-post ol, .art-post ul { margin: 1em 0 1em 2em; padding: 0; } .art-post li { font-size: 13px; color: #BABABA; padding: 0 0 0 16px; } .art-post li ol, .art-post li ul { margin: 0.5em 0 0.5em 2em; padding: 0; } .art-post ol>li { background: none; padding-left: 0; /* overrides overflow for "ul li" and sets the default value */ overflow: visible; } .art-post ul>li { background-image: url('http://kozan.somee.com/silkroad/postbullets.png'); background-repeat: no-repeat; padding-left: 16px; /* 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 */ .art-postcontent blockquote, .art-postcontent blockquote a, .art-postcontent blockquote a:link, .art-postcontent blockquote a:visited, .art-postcontent blockquote a:hover { color: #080808; font-style: italic; font-weight: normal; text-align: left; } .art-postcontent blockquote p { margin: 2px 0 2px 15px; } .art-postcontent blockquote { border: solid 0 #787878; margin: 10px 10px 10px 50px; padding: 4px 4px 4px 37px; background-color: #787878; background-image: url('http://kozan.somee.com/silkroad/postquote.png'); background-position: left top; background-repeat: no-repeat; /* makes blockquote not to align behind the image if they are in the same line */ overflow: auto; clear:both; } /* end PostQuote */ /* begin PostIcons, PostFooterIcons */ .art-postfootericons, .art-postfootericons a, .art-postfootericons a:link, .art-postfootericons a:visited, .art-postfootericons a:hover { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; color: #BABABA; } .art-postfootericons { padding: 1px; } .art-postfootericons a, .art-postfootericons a:link { text-decoration: none; color: #919191; } .art-postfootericons a:visited, .art-postfootericons a.visited { color: #BDBDBD; } .art-postfootericons a:hover, .art-postfootericons a.hover { color: #919191; } /* end PostIcons, PostFooterIcons */ /* begin Footer */ .art-footer { position: relative; margin-top:0; margin-bottom:0; width: 100%; } .art-footer-b { position: absolute; left:3px; right:3px; bottom:0; height:50px; background-image: url('http://kozan.somee.com/silkroad/footer_b.png'); } .art-footer-r, .art-footer-l { position: absolute; height:50px; background-image: url('http://kozan.somee.com/silkroad/footer_s.png'); bottom: 0; } .art-footer-l { left: 0; width:3px; } .art-footer-r { right: 0; width:6px; clip: rect(auto, auto, auto, 3px); } .art-footer-t { position: absolute; top: 0; left: 0; right: 0; bottom: 50px; background-color: #0A0A0A; } .art-footer-body { position:relative; padding: 8px; } .art-footer-body .art-rss-tag-icon { position: absolute; right: 6px; bottom:8px; z-index:1; } .art-rss-tag-icon { display: block; background-image: url('http://kozan.somee.com/silkroad/rssicon.png'); background-position: center right; background-repeat: no-repeat; height: 26px; width: 32px; cursor: default; } .art-footer-text p { padding:0; margin:0; text-align: center; } .art-footer-text, .art-footer-text a, .art-footer-text a:link, .art-footer-text a:visited, .art-footer-text a:hover, .art-footer-text td, .art-footer-text th, .art-footer-text caption { color: #ADADAD; font-size: 11px; } .art-footer-text { min-height: 50px; padding-left: 10px; padding-right: 10px; text-align: center; } .art-footer-text a, .art-footer-text a:link { color: #858585; text-decoration: none; } .art-footer-text a:visited { color: #B5B5B5; } .art-footer-text a:hover { color: #CCCCCC; text-decoration: underline; } div.art-footer img { /* WARNING do NOT collapse this to 'border' - inheritance! */ border-width: 1px; border-color: #636363; border-style: solid; margin: 7px; }/* 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: #C2C2C2; } .art-page-footer { padding: 1em; text-align: center; text-decoration: none; color: #A6A6A6; } /* end PageFooter */ /* begin LayoutCell, sidebar1 */ .art-content-layout .art-sidebar1 { background-image: url('http://kozan.somee.com/silkroad/sidebar_bg.png'); width: 240px; } /* end LayoutCell, sidebar1 */ /* begin LayoutCell, content */ /* end LayoutCell, content */ /* begin LayoutCell, sidebar2 */ .art-content-layout .art-sidebar2 { background-image: url('http://kozan.somee.com/silkroad/sidebar_bg.png'); width: 240px; } /* 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: 0 5px; 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%; } 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: 21px !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: #ADADAD; font-size: 11px; text-align: left; } .art-footer .art-widget a, .art-footer .art-widget a:link { color: #858585; text-decoration: none; } .art-footer .art-widget a:visited { color: #B5B5B5; } DIV[id^="GMPmap"] IMG { margin: 0; } /* bedava sitem reklam otala bas */ table {margin-left: auto;margin-right: auto} /* bedava sitem reklam otala son */ <textarea>