/* The World of Warcraft Theme for WR forum http://www.wr-script.ru/forum/tools.php?event=profile&pname=Ns */
/* Шкура WoW для WR форума. */

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; background-color: #000000; margin: 0px; padding: 0px; cursor: url(http://wowjp.net/wrath/hand.cur), auto;} a{ cursor: url(http://wowjp.net/wrath/handglow.cur), auto; }
body {
    /* Зміни для скролбару: з фіолетового на індиго та циан */
    scrollbar-face-color:#1A1A33; /* Темний індиго */
    scrollbar-highlight-color:#f4f4f4;
    scrollbar-3dlight-color:#4FC3F7; /* Світло-блакитний */
    scrollbar-shadow-color:#1A1A33;
    scrollbar-darkshadow-color:#1A1A33;
    scrollbar-track-color:#1A1A33;
    scrollbar-arrow-color:#4FC3F7;
}

TABLE { border-collapse: collapse; 2px solid red; }

font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;}
/* Зміна кольорів посилань на циан/оранжевий */
a:link {text-decoration:underline; color:#4FC3F7;}
a:active {text-decoration:underline; color:#4FC3F7;}
a:visited {text-decoration:underline; color:#7CB342;} /* Більш приглушений зелений для відвіданих */
a:hover {text-decoration:none; color:#FF9800;} /* Насичений Оранжевий hover */

form { display: inline; margin: 2px; padding: 0px; border: 0px;}
input,textarea,select {vertical-align:middle; font-size:13pt; font-family:verdana,arial,helvetica;}
td, body {font-family:verdana,arial,helvetica; font-size:13pt; color:#E0E0E0; } /* Світліший сірий текст */


hr { height: 0px; border: solid #333333 0px; border-top-width: 1px;} /* Темно-сіра лінія */

.bodyline { font-family:verdana,arial,helvetica; font-size:13pt; color:#E0E0E0 }
.forumline { background-color: #333333; border: 0px #333333 solid; } /* Темно-сірий фон рамки */

/* Контрастні темні рядки */
.row1 { padding:2px;background:#14141A }
.row2 { padding:2px;background:#0A0A10;padding:5px;}
.row3 { padding:2px;background:#14141A }

td.rowpic {
	padding:2px;height:45px; background: url('line_7.jpg') repeat-x #000000;font-family:Verdana,Sans-Serif;
	color:#4FC3F7;font-size:14px;font-weight:bold; padding-left:22px;padding-top:20px;
}


th {
    /* Зміна кольору тексту та фону TH */
    color: #FF9800; /* Оранжевий текст */
    font-size: 13px; font-weight : bold;
    background-color: #1A1A33; /* Темний індиго фон */
    height: 25px;
    background-image: url(cellpic3.gif);
}

/* Кольори категорій та бічних елементів */
td.cat,td.catSides,td.catRight,td.catBottom {background-image: url('line2.jpg');
background-color:#1A1A33; border: #333333; border-style: solid; height: 28px;}

td.catLeft,td.catHead {padding:2px; background: url('line_7.jpg') repeat-x #0A0A10;
font-family:Verdana,Sans-Serif;color:#4FC3F7;font-size:14px; font-weight:bold; }


td.cat,td.catHead,td.catBottom {
    height: 29px;
    border-width: 0px 0px 0px 0px;
}
th.thCornerL
{
    border-collapse:collapse;background:url('bg1.gif') repeat-x; height: 16px;
    background-color:#1A1A33; color:#4FC3F7;} /* Індиго та Циан */


th.thHead,th.thSides,th.thLeft,th.thRight,th.thBottom,th.thCornerR {
padding:2px;height:45px; background: url('line_7.jpg') repeat-x #0A0A10;font-family:Verdana,Sans-Serif;color:#4FC3F7;font-size:14px;font-weight:bold; padding-left:22px;padding-top:20px; background-color:#000000;
}
th.thHead {
    background-color:#1A1A33; color: #00FFFF /* Яскравий Циан */
}
td.row3Right,td.spaceRow {
    background-color: #1A1A33; border: #333333; border-style: solid; }
td.spaceRow {background-color:#000000;}

/* Верхні кути та лінії */
th.thHead,td.catHead { font-size: 14px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom { border-width: 0px 1px 1px 1px; }
th.thTop { border-collapse:collapse; border-width: 1px 0px 0px 0px; background:url('bg1.gif') repeat-x; background-color:#0A0A10; color:#4FC3F7;}
th.thCornerL { border-collapse:collapse;border-width: 1px 0px 0px 1px; background:url('bg1.gif') repeat-x; background-color:#0A0A10; color:#4FC3F7;}
th.thCornerR { bborder-collapse:collapse;order-width: 1px 1px 0px 0px; background:url('bg1.gif') repeat-x; background-color:#0A0A10; color:#4FC3F7;}

/* Головні заголовки */
.maintitle,h1,h2 {
    font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none; line-height : 120%; color : #4FC3F7; /* Циан */
}


.gen { font-size : 14px; }
.genmed { font-size : 13px; }
.gensmall { font-size : 12px; }
.gen,.genmed,.gensmall { color : #B0B0B0; } /* Світліший сірий */
a.gen,a.genmed,a.gensmall { color: #FF9800; text-decoration: none; } /* Оранжевий для звичайних посилань */
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #4FC3F7; text-decoration: underline; } /* Циан hover */

.mainmenu { font-size : 13px; color : #FFFFFF }
a.mainmenu { text-decoration: none; color : #FFFFFF; }
a.mainmenu:hover{ text-decoration: underline; color : #FF9800; } /* Оранжевий hover */

.cattitle { font-weight: bold; font-size: 14px ; letter-spacing: 1px; color : #00FFFF; } /* Яскравий Циан */
a.cattitle { text-decoration: none; color : #00FFFF; }
a.cattitle:hover{ text-decoration: underline; color : #FF9800; }

.forumlink { font-weight: bold; font-size: 14px; color : #FF9800; } /* Оранжевий */
a.forumlink { text-decoration: none; color : #FF9800; }
a.forumlink:hover{ text-decoration: underline; color : #00FFFF; }

.nav { font-weight: bold; font-size: 13px; color : #00FFFF;}
a.nav { text-decoration: none; color : #4FC3F7; }
a.nav:hover { text-decoration: underline; color : #FF9800; }

.topictitle { font-weight: bold; font-size: 13px; color : #E0E0E0; }
a.topictitle:link { text-decoration: none; color : #4FC3F7; }
a.topictitle:visited { text-decoration: none; color : #0097A7; } /* Темніший циан */
a.topictitle:hover { text-decoration: underline; color : #FF9800; }

.name { font-size : 13px; color : #E0E0E0;}
.postdetails { font-size : 12px; color : #B0B0B0; }

.postbody { font-size : 14px;}
a.postlink:link { text-decoration: none; color : #FF9800 }
a.postlink:visited { text-decoration: none; color : #0097A7; }
a.postlink:hover { text-decoration: underline; color : #4FC3F7}

/* Код та цитати */
.code {
    font-family: Courier, 'Courier New', sans-serif; font-size: 13px; color: #00FFFF;
    background-color: #0A0A10; border: #4FC3F7; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; line-height: 125%;
    background-color: #242424; border: #333333; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.copyright { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #777777; letter-spacing: -1px;}
a.copyright { color: #777777; text-decoration: none;}
a.copyright:hover { color: #999999; text-decoration: underline;}


/* Поля вводу та кнопки */
input.button, input.post, textarea.post, input,textarea, select {
color : #E0E0E0; font: normal 13px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; border-style: solid; border-width: 1px; border-color : #4FC3F7; /* Рамка Циан */
background-color : #1A1A33;	/* Темний індиго фон */
}

input { text-indent : 2px; }

input.liteoption, input.mainoption, {
    background-color : #1A1A33; color : #00FFFF; font-weight : bold;
    font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

.helpline {background-color: #1A1A33; border-style: none;}
TABLE { border-color: #333333 }


/* СТИЛИ для скрипта форума WR-Forum Professional версии 2.2 с 2019 года */

/* стиль для ссылок - все ссылки в квадратиках */
.pgbutt a {font-family: Verdana; padding-top:2px;padding-bottom:2px;
text-decoration: none; border: 1px #4FC3F7 solid; background: #242424; padding:1px 4px 1px 4px; margin: 5px 1 0 0;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;}

TD {font-size: 13px;}

/* QR-CODE */
#qr img{width:35px;height:35px;position: fixed;right: 10px;top: 10px;border: 1px solid #4FC3F7;padding: 1px;background-color: white;}
#qr img:hover{width:200px;height:200px;z-index:100;padding: 2px;}

/* ЧУДО КВАДРАТ */
.guestavatar{width:120px;height:120px;text-align:center;background: #FF9800;color: #1A1A33;font-size: 50px; /* Оранжевий на Індиго */
display: table-cell;border-radius: 20%;position: relative;vertical-align: middle;}

/* навигационное МЕНЮ В АДМИНКЕ */
#nav8, #nav8 ul, #nav8 li {margin: 0;padding: 0;border: 0;}
#nav8, #nav8 ul {background: #000000;}
#nav8 td:hover, #nav8 li:hover {background: #444444;}
/* ... (решта стилів #nav8 без змін) ... */

/* Стиль для блока загрузки */
#cssbar-wrapper {width:300px; height:19px; position:absolute; left:50%;}
#cssbar-border {border:3px solid #00FFFF; height:100%; width:100%; position:relative; left:-50%; top:-50%; padding:4px 3px;} /* Яскравий Циан */
#cssbar-whitespace {overflow:hidden; height:100%; width:100%; margin:0 auto; overflow:hidden; position:relative;}
#cssbar-line {background-color:#00FFFF; position:absolute; height:100%; width:100%; animation:cssbar-slide 4s steps(40) infinite;
 -o-animation:cssbar-slide 4s steps(40) infinite; -ms-animation:cssbar-slide 4s steps(40) infinite;
 -webkit-animation:cssbar-slide 4s steps(40) infinite; -moz-animation:cssbar-slide 4s steps(40) infinite;}
@keyframes cssbar-slide {0% {left:-100%;} 100% {left:100%;}} @-o-keyframes cssbar-slide {0% {left:-100%;} 100% {left:100%;}}
@-ms-keyframes cssbar-slide {0% {left:-100%;} 100% {left:100%;}} @-webkit-keyframes cssbar-slide {0% {left:-100%;} 100% {left:100%;}}
@-moz-keyframes cssbar-slide {0% {left:-100%;} 100% {left:100%;}}