/*
Proje					:	KO Panel Tasarımı
Web Tasrım Sahibi		:	Görkem YAVUZ
Web Yazılım Sahibi		:	Mesut korkmazyigit

Versiyon				:	1.0.0
*/

/* CSS SIFIRLAMA KODU */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, th,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	text-decoration:none;
	color:#b8a881;
	transition:0.3s;
	cursor:url(../img/knight6.cur), progress;
}
td a {
    text-decoration: none;
    color: #b8a881;
    transition: 0.3s;
    text-shadow: 0 0 1px #251d19, 0 0 1px #1c1c0d;
	cursor:url(../img/knight6.cur), progress;
   
}
p {
	text-decoration:none;
	color:#afab0d;
	transition:0.3s;
	font-weight: bold;
	font-size: 12px;

}

.comparison .nation, .class, .grade, .symbol {
    background-image: url(../img/icon/icon.bmp);
    vertical-align: middle;
    display: inline-block;
    height: 16px;
    width: 16px;
    top: -3px;
    position: relative;
}


/* FONT */
@font-face {
	src:url('font/OpenSans-Regular.ttf');
	font-family:osregular;
}
@font-face {
	src:url('font/OpenSans-Italic.ttf');
	font-family:ositalic;
}
@font-face {
	src:url('font/OpenSans-Bold.ttf');
	font-family:osbold;
}

/* BODY */
/*
body {
	background-color:black;
	background-image:url('../img/arkaplan.jpg');
	background-repeat:no-repeat;
	background-position:top center;
}
*/
body {
    background-color: black;
    background-repeat: no-repeat;
    background-position: top center;
	cursor:url(../img/knight.cur), progress;
}


/* HEADER */
header {
	width:960px;
	height:315px;
	margin:0 auto;
}
header .video-bg {
	background-image:url('../img/video-bg.png');
	background-repeat:no-repeat;
	width:349px;
	height:314px;
	float:left;
}
header .video-bg h1 {
	font-family:osbold;
	font-size:12px;
	color:gold;
	text-align:center;
	margin-top:23px;
}
header .video-bg .video-pozisyon {
	text-align:center;
	margin-top:23px;
}
header .online-bar {
	background-image:url('../img/online-bar.png');
	background-repeat:no-repeat;
	width:560px;
	height:54px;
	float:right;
	margin-top:25px;
}

header .online-bar h1 {
	font-family:osbold;
	font-size:16px;
	color:#b8a881;
	text-align:center;
	margin-top:18px;
}
.ortabar {
	background-image:url('../img/online-bar.png');
	background-repeat:no-repeat;
	width:560px;
	height:54px;
	float:right;
	margin: 30px;
}

.ortabar h1 {
	font-family:osbold;
	font-size:16px;
	color:#b8a881;
	text-align:center;
	margin-top:-8px;
	margin-right: 40%;
}
header section {
margin:0px 0px;
max-height:35px;
max-width:555px;
overflow: hidden;
}
header section:hover {
max-height:200px;
font-family:osbold;
font-size:12px;
color:gold;
}
header section .online-detay {
background-color:black;
margin-top:15px;
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
padding:5px;
position:relative;
z-index:2;
text-align:center;
}
header span {
display:block;
}
header .slider-bg {
	background-image:url('../img/slider-bg.png');
	background-repeat:no-repeat;
	width:560px;
	height:236px;
	float:right;
}
header .slider-bg .slider-resim {
	width:533px;
	height:208px;
	padding:13px 13px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/* SECTION */
section {
	width:960px;
	height:125px;
	margin:0 auto;
	margin-top:25px;
}
section li {
	width:320px;
	float:left;
}
section .kutu-bg {
	background-image:url('../img/kutu-bg.png');
	background-repeat:no-repeat;
	width:281px;
	height:112px;
	margin:0 auto;
	transition:0.5s;
}
section .kutu-bg:hover {
	margin-top:10px;
	transition:0.5s;
}
section .kutu-bg h1 {
	font-family:osbold;
	font-size:27px;
	text-align:center;
	padding-top:35px;
}
section .kutu-bg h1 a {
	color:gold;
	text-shadow:1px 1px 3px black;
}
section .kutu-bg h1 a:hover {
	color:gold;
	text-shadow:0px 0px 20px gold;
}

section .kutu-bg2 {
	background-image:url('../img/kutu-bg2.png');
	background-repeat:no-repeat;
	width:281px;
	height:112px;
	margin:0 auto;
	transition:0.5s;
}
section .kutu-bg2:hover {
	margin-top:10px;
	transition:0.5s;
}
section .kutu-bg2 h1 {
	font-family:osbold;
	font-size:35px;
	text-align:center;
	padding-top:35px;
}
section .kutu-bg2 h1 a {
	color:gold;
	text-shadow:1px 1px 3px black;
}
section .kutu-bg2 h1 a:hover {
	color:gold;
	text-shadow:0px 0px 20px gold;
}

/* İÇERİK */
#orta {
	width:960px;
	margin:0 auto;
	margin-top:10px;
}
#orta .ust-bar {
	background-image:url('../img/ust-bar.png');
	background-repeat:no-repeat;
	width:939px;
	height:53px;
	margin:0 auto;
}
#orta .genel-ust {
	background-image:url('../img/genel-ust.png');
	background-repeat:no-repeat;
	width:939px;
	height:24px;
	margin:0 auto;
}
#orta .genel-orta {
	background-image:url('../img/genel-orta.png');
	width:939px;
	height:auto;
	margin:0 auto;
}
#orta .genel-alt {
	background-image:url('../img/genel-alt.png');
	background-repeat:no-repeat;
	width:939px;
	height:24px;
	margin:0 auto;
}
#orta .genel-orta .sol-ust {
	background-image:url('../img/orta-sol-ust.png');
	background-repeat:no-repeat;
	width:235px;
	height:40px;
	margin-left: 15px;
}
#orta .genel-orta .sol-ust h1 {
	font-family:osbold;
	font-size:16px;
	color:gold;
	text-align:center;
	padding-top:10px;
}
#orta .genel-orta .sol-orta {
	background-image:url('../img/orta-sol-orta.png');
	width:235px;
	height:auto;
	margin-left: 15px;
}
#orta .genel-orta .sol-orta li {
	font-family:osbold;
	font-size:14px;
	color:#b8a881;
	list-style:none;
	padding:4px 20px;
}
#orta .genel-orta .sol-orta a {
	transition:0.3s;
}
#orta .genel-orta .sol-orta a:hover {
	color:gold;
	padding:0px 5px;
	transition:0.3s;
}
#orta .genel-orta .sol-alt {
	background-image:url('../img/orta-sol-alt.png');
	background-repeat:no-repeat;
	width:235px;
	height:40px;
	margin-left: 15px;
}
#orta .genel-orta .sol-alt h1 {
	font-family:ositalic;
	font-size:11px;
	color:gold;
	text-align:center;
	padding-top:20px;
}
#orta .genel-orta .sag-ust {
	background-image:url('../img/orta-sag-ust.png');
	background-repeat:no-repeat;
	width:629px;
	height:40px;
}
#orta .genel-orta .sag-ust h1 {
	font-family:osbold;
	font-size:14px;
	color:gold;
	text-align:center;
	padding-top:10px;
}
#orta .genel-orta .sag-orta {
	background-image:url('../img/orta-sag-orta.png');
	width:629px;
	height:auto;
}
#orta .genel-orta .sag-alt {
	background-image:url('../img/orta-sag-alt.png');
	background-repeat:no-repeat;
	width:629px;
	height:40px;
}

#orta .genel-orta .sag-orta ul,li {
	margin:0;
	padding:0;
	list-style-type:none;
}
#orta .genel-orta .sag-orta ul.tab {
	background-image:url('../img/tab-bg.png');
	background-repeat:no-repeat;
	width:577px;
	height:48px;
	margin:0 auto;
}
#orta .genel-orta .sag-orta ul.tab li {
	font-family:osbold;
	font-size:12px;
	float:left;
	padding:20px 20px;
}
#orta .genel-orta .sag-orta ul.tab li a {
	color:#b8a881;
}
#orta .genel-orta .sag-orta ul.tab li a:hover {
	color:gold;
}
#orta .genel-orta .sag-orta ul.tab li.aktif a {
	color:gold;
}
#orta .genel-orta .sag-orta .icerik {
    width: 560px;
    margin: 0 auto;
    padding: 1px 1px 12px 1px;
    border: 1px solid #4e4d25;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    font-family: osregular;
    font-size: 14px;
    color: #4e4d25;
    text-align: left;
    box-shadow: 0 0 6px 1px #645045;
}
#orta .genel-orta .sag-orta .icerik .haber-baslik {
	font-family:osbold;
	font-size:12px;
	color:#b8a881;
	text-align:center;
	border-bottom:1px solid #4e4d25;
}
#orta .genel-orta .sag-orta .icerik .haber-duyuru {
	color:gold;
	font-family:osbold;
}
#orta .genel-orta .sag-orta .icerik .haber-yenilik {
	color:red;
	font-family:osbold;
}
#orta .genel-orta .sag-orta .icerik .haber-event {
    color: #05dbdb;
    font-family: osbold;
}
#orta .genel-orta .sag-orta .icerik .haber-tablo {
	font-family:osregular;
	font-size:12px;
	color:#b8a881;
	text-align:center;
	transition:0.3s;
}
#orta .genel-orta .sag-orta .icerik .haber-tablo:hover {
	background-color:#1e1b0b;
	transition:0.3s;
}
#orta .genel-orta .sag-orta .icerik .haber-tablo a:hover {
	color:gold;
	transition:0.3s;
}
#orta .genel-orta .sag-orta .xside {
    background-image: url('../img/xside.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 300px;
    height: 45px;
    margin-top: 20px;
    margin-right: 7px;
}

#orta .genel-orta .sag-orta .xside h1 {
	font-family:osbold;
	font-size:12px;
	color:gold;
	text-align:center;
	padding-top:15px;
}
#orta .genel-orta .sag-orta .mini-bar {
	background-image:url('../img/mini-bar.png');
	background-repeat:no-repeat;
	width:284px;
	height:50px;
	margin-top:15px;
	margin: 20px 1px 0px 10px;
}

.image-container {
    position: relative;
    width: 90%;
    height: 60px;
    margin-right: 32px;
    top: -30px;
    background-image: url('../img/xinfo.png');
    background-size: contain;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.overlay-text {
    position: absolute;
    color: gold; /* Yazı rengi */
    font-size: 18px; /* Yazı boyutu */
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Yazı gölgesi */
}


#orta .genel-orta .sag-orta .mini-bar h1 {
	font-family:osbold;
	font-size:12px;
	color:gold;
	text-align:center;
	padding-top:20px;
}
#orta .genel-orta .sag-orta .mini-icerik {
	width:279px;
	border:1px solid #4e4d25;
	border-top:0px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding:1px;
	font-family:osregular;
	font-size:12px;
	color:#b8a881;
	box-shadow: 0 0 6px 1px #645045; 
	margin-left: 9px;
}
#orta .genel-orta .sag-orta .mini-icerik .top10-baslik {
	font-family:osbold;
	font-size:12px;
	color:#b8a881;
	text-align:center;
	border-bottom:1px solid #4e4d25;
}
#orta .genel-orta .sag-orta .mini-icerik .top10-tablo {
	font-family:osregular;
	font-size:10px;
	color:#b8a881;
	text-align:center;
	transition:0.3s;
}
#orta .genel-orta .sag-orta .mini-icerik .top10-tablo:hover {
	background-color:#1e1b0b;
	transition:0.3s;
}
#orta .genel-orta .sag-orta .mini-icerik .top10-tablo a:hover {
	color:gold;
	transition:0.3s;
}
#orta .genel-orta .sag-orta .tablo-renk1 {
	background-color:#212120;
}
#orta .genel-orta .sag-orta .tablo-renk2 {
	background-color:#111111;
}

/* SIRALAMALAR */
.siralama-baslik {
	font-family:osbold;
	font-size:12px;
	color:#b8a881;
	text-align:center;
}
.siralama-tablo {
	font-family:osregular;
	font-size:12px;
	color:#b8a881;
	text-align:center;
}
.siralama-tablo a:hover {
	color:gold;
	transition:0.3s;
}

/* FOOTER */
footer {
	font-family:osregular;
	font-size:10px;
	color:#b8a881;
	text-align:center;
	line-height:15px;
}
footer p a {
	padding:0px 5px;
}
footer p a:hover {
	color:gold;
}

.kayan-yazi-container {
    width: 95%; /* Container'ı ekran genişliğine yay */
    overflow: hidden; /* Taşan kısımları gizle */
}

.kayan-yazi {
    font-size: 18px;
    text-align: center;
    position: relative;
    animation: kayanYazi 13s linear infinite;
    margin-top: 22px;
    color: yellow;
}
@keyframes kayanYazi {
    0% {
        left: 100%; /* Başlangıç pozisyonu, sağdan başlasın */
    }
    100% {
        left: -28%; /* Bitiş pozisyonu, soldan kaybolsun */
    }
}

/* Xtreme clan  */
.leader {
    color: #00d700;
	text-decoration:underline;
	font-weight: bold;
}

.assistant {
    color: #c94fc9;
	text-decoration:underline;
	font-weight: bold;
}


.server-status-head{
	float:center;
	margin-left: -4px;
}
.server-time-head{
	float:left;
	margin-left:0px;
}


.server-time{
	float:left;
	color:#E1758F;
	text-shadow: 1px 1px 1px #000;
	font:16px/30px Cinz;
	margin-top:2px;
	margin-right:54px;
	text-align: left;
	font-weight:bold; 
}

.con_rank {
    padding-right: 5px !important;
    margin-left: 5px !important;
    margin-top: 5px !important;
}


body::-webkit-scrollbar{
	width:10px;
}
body::-webkit-scrollbar-thumb
{
	border-radius: 3px;
	background: #171616;

}

table{ margin:0; padding:0; border-collapse: collapse; border-spacing: 0; }
table.tb_ranking tr{height: 25px;}
table.tb_ranking{text-align:center; border:1px solid #333; width:100%; font-size:13px;}
table.tb_ranking tr.head{
    color: #7d6c22;
    text-shadow: 1px 1px 1px #190808;
    font: 11px tahoma;
    border-bottom: 1px solid #7d6c22;
    height:30px;
    background: #000000!important;
    text-transform: uppercase;
}

table.tb_ranking tr.head2 {
    background: #182633;
    color: GOLD;
    text-shadow: 1px 1px 1px #000000;
    font: 13px tahoma;
    text-transform: uppercase;
}

table.tb_ranking tr.rightborder td{
  border-right:1px solid #000;
  padding:7px;
  
}
table.tb_ranking tr.centerx td {
  border-right: 1px solid #000;
  padding: 7px;
  text-align: center; /* Metni merkezde hizalar */
  vertical-align: middle; /* Dikey olarak merkezde hizalar */
}


table.tb_ranking tbody tr {
    border-top: 1px solid rgba(45, 66, 70, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
      background: linear-gradient(177deg, rgba(0, 0, 0, .8), #25211a, #675d46);
    color:#b8a881;
	text-shadow: 1px 1px black;
}

table.tb_ranking tbody tr a {
  color:#777f84;
}

table.tb_ranking tbody td a {
    text-decoration: none;
    color: #b8a881;
    transition: 0.3s;
    font-weight: bold;
    text-shadow: 2px 2px black;
}

table.tb_ranking tbody tr a:hover {
  color:#a28352;
  
}

table.tb_ranking tbody tr:nth-child(odd)
{
 background: linear-gradient(359deg, rgb(35 35 35 / 67%), #3b3429, #675d46);
}
.server-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    padding: 20px;
    height: 100px;
    width: 222px;
    flex-wrap: nowrap;
}
        .server-info p {
    margin: 6px 0;
    font-size: 14px;
}

        .open {
            color: green;
        }

        .closed {
            color: red;
        }

        .normal {
            color: gold;
        }

#orta .genel-orta .sag-orta ul.tab h1 {
    font-family: osbold;
    font-size: 14px;
    color: gold;
    text-align: center;
    padding-top: 20px;
}

td{
 line-height: 20px;
 text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	
}

th{
 line-height: 20px;
 text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	
}

.block {
    line-height: 0;
    margin-right: 30px;
}