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

body { 

    max-width: 75%; /* Максимальная ширина 76% */
    margin: 0 auto; /* Центрирование */
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; background-color: #000000; 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:#400080;
        scrollbar-highlight-color:#f4f4f4;
        scrollbar-3dlight-color:#8080FF;
        scrollbar-shadow-color:#8080FF;
        scrollbar-darkshadow-color:#8080FF;
        scrollbar-track-color:#400080;
        scrollbar-arrow-color:#400080;}
}

  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:#32a2d0;}
a:active {text-decoration:underline; color:#32a2d0;}
a:visited {text-decoration:underline; color:#32a2d0;}
a:hover {text-decoration:none; color:#edc640;}

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:#d5dcf1; }


hr    { height: 0px; border: solid #e9e9e9  0px; border-top-width: 1px;}

.bodyline    { font-family:verdana,arial,helvetica; font-size:13pt; color:#d5dcf1 }
.forumline    { background-color: #808080; border: 0px #808080 solid; }

.row1    { padding:2px;background:#0f161b }
.row2    { padding:2px;background:#000019;padding:5px;}
.row3    { padding:2px;background:#0f161b }

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


th    {
    color: #152d7c; font-size: 13px; font-weight : bold;
    background-color: #d32929; height: 25px;
    background-image: url(cellpic3.gif);
}

td.cat,td.catSides,td.catRight,td.catBottom {background-image: url('line2.jpg');
background-color:#e9e9e9; border: #858585; border-style: solid; height: 28px;}

td.catLeft,td.catHead {padding:2px; background: url('line_7.jpg') repeat-x #000000;
font-family:Verdana,Sans-Serif;color:#659bff;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:#858585; color:#659bff;}
 

th.thHead,th.thSides,th.thLeft,th.thRight,th.thBottom,th.thCornerR {
padding:2px;height:45px; background: url('line_7.jpg') repeat-x #000000;font-family:Verdana,Sans-Serif;color:#659bff;font-size:14px;font-weight:bold; padding-left:22px;padding-top:20px; background-color:#000000;
 }
 th.thHead {
 background-color:#282828; color: #0080FF
 }
td.row3Right,td.spaceRow {
    background-color: #e9e9e9; border: #858585; 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:#000000; color:#659bff;}
th.thCornerL { border-collapse:collapse;border-width: 1px 0px 0px 1px; background:url('bg1.gif') repeat-x; background-color:#000000; color:#659bff;}
th.thCornerR { bborder-collapse:collapse;order-width: 1px 1px 0px 0px; background:url('bg1.gif') repeat-x; background-color:#000000; color:#659bff;}

.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 : #555555;
}


.gen { font-size : 14px; }
.genmed { font-size : 13px; }
.gensmall { font-size : 12px; }
.gen,.genmed,.gensmall { color : #9E9E9E; }
a.gen,a.genmed,a.gensmall { color: #d32929; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: #DD6900; text-decoration: underline; }

.mainmenu        { font-size : 13px; color : #FFFFFF }
a.mainmenu        { text-decoration: none; color : #FFFFFF;  }
a.mainmenu:hover{ text-decoration: underline; color : #FFFFFF; }

.cattitle        { font-weight: bold; font-size: 14px ; letter-spacing: 1px; color : #659bff; }
a.cattitle        { text-decoration: none; color : #659bff; }
a.cattitle:hover{ text-decoration: underline; }

.forumlink        { font-weight: bold; font-size: 14px; color : #d32929; }
a.forumlink     { text-decoration: none; color : #d32929; }
a.forumlink:hover{ text-decoration: underline; color : #DD6900; }

.nav            { font-weight: bold; font-size: 13px; color : #0080C0;}
a.nav            { text-decoration: none; color : #28B9FF; }
a.nav:hover        { text-decoration: underline; }

.topictitle            { font-weight: bold; font-size: 13px; color : #555555; }
a.topictitle:link   { text-decoration: none; color : #d32929; }
a.topictitle:visited { text-decoration: none; color : #b00000; }
a.topictitle:hover    { text-decoration: underline; color : #DD6900; }

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

.postbody { font-size : 14px;}
a.postlink:link    { text-decoration: none; color : #d32929 }
a.postlink:visited { text-decoration: none; color : #b00000; }
a.postlink:hover { text-decoration: underline; color : #DD6900}

.code {
    font-family: Courier, 'Courier New', sans-serif; font-size: 13px; color: #d32929;
    background-color: #000033; border: #0000e9; 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: #444444; border: #e9e9e9; 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: #444444; letter-spacing: -1px;}
a.copyright        { color: #444444; text-decoration: none;}
a.copyright:hover { color: #555555; text-decoration: underline;}


input.button, input.post, textarea.post, input,textarea, select {
color : #FFFFFF; font: normal 13px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; border-style: solid; border-width: 1px; border-color : #555555;
background-color : #000000;	}

input { text-indent : 2px; }

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

.helpline {background-color: #f6f6f6; border-style: none;}
TABLE { border-color: #858585 }




/* ‘’€‹€ длЯ скрипта форума WR-Forum Professional версии 2.2 с 2019 года */

/* 1) €‡Њ…Ќ…Ќ€… €Њ…ћ™€•‘џ ‘’€‹…‰ */
/* стиль длЯ ссылок - все ссылки в квадратиках обведЮнных оттенком основного цвета */
.pgbutt a {font-family: Verdana; padding-top:2px;padding-bottom:2px;
text-decoration: none; border: 1px #888888 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;} 

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

/* 3) …сли нет аватара добавлЯем —“„Ћ Љ‚Ђ„ђЂ’ с первой буквой логина. border-radius 100% - это круг */
.guestavatar{width:120px;height:120px;text-align:center;background: #FFDEAD;color: #4E5754;font-size: 50px;
display: table-cell;border-radius: 20%;position: relative;vertical-align: middle;}

/* 4) навигационное Њ…Ќћ ‚ Ђ„Њ€ЌЉ… */
#nav8, #nav8 ul, #nav8 li {margin: 0;padding: 0;border: 0;}
#nav8, #nav8 ul {background: #000000;}
#nav8 {border-spacing: 0 0;position: relative;z-index: 50;width: 100%;}
#nav8 ul {position: absolute;display: none;}
#nav8 td:hover ul {display: block;}
#nav8 ul li {list-style: none;}
#nav8 .right {direction: rtl;}
#nav8 .right ul {right: 0;}
#nav8 .right li {direction: ltr;}
#nav8 a {display: block;padding: 7px 0;text-align: center;text-decoration: none;}
#nav8 ul a {padding: 7px 15px;text-align: left;}
#nav8 td:hover, #nav8 li:hover {background: #444444;}
#nav8 td {text-align: center;}

/* 5) ‘тиль длЯ блока загрузки - „Ђ‹…… >>> */
#cssbar-wrapper {width:300px; height:19px; position:absolute; left:50%;}
#cssbar-border {border:3px solid rgb(32,85,162); 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:rgb(32,85,162); 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%;}}