WEB TASARIM www.csstemalar.tr.gg

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 */