/*  The original Boyz Theme for phpBB version 2+ Created by Zarron Media   http://www.zarron.com */

body   { background-color: #3f4b65; color: #FFFFFF; scrollbar-3dlight-color: #D1D7DC; scrollbar-arrow-color: #006699; scrollbar-darkshadow-color: #98AAB1; scrollbar-face-color: #DEE3E7; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #DEE3E7; scrollbar-track-color: #EFEFEF  }

font,th,td,p  {font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited   { color: #FFFFE0 }
a:hover         { color: #FFFFE0; text-decoration: underline }
hr     { border-style: solid; border-width: 1px 0px 0px 0px; border-color: #8694b5; height: 0px }

.forumline      { background-color: #40485c; border: solid 2px #2d3546 }

td.row1      { background-color: #2d3546 }
td.row2       { background-color: #363f52; border: none }
td.row3      { background-color: #273043 }

td.rowpic  { background: #ffffff url(cellpic2.jpg) repeat-x }

th      { color: #f00; font-weight: bold; font-size: 13px; background: #677595 url(cellpic3.gif); height: 25px }

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom  { background: #d1d7dc url(cellpic1.gif); height: 28px }

td.cat,td.catHead,td.catBottom {
    height: 29px;
    border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR  { font-weight: bold; height: 28px }
td.row3Right,td.spaceRow   { background-color: #273043 }

th.thHead,td.catHead  { font-size: 14px }
th.thSides,td.catSides,td.spaceRow      { }
th.thRight,td.catRight,td.row3Right      { }
th.thLeft,td.catLeft       { }
th.thBottom,td.catBottom   { }
th.thTop      { }
th.thCornerL  { }
th.thCornerR  { }


.maintitle,h1,h2     { color: #c0c0c0; font-weight: bold; font-size: 22px; line-height: 120%; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: none }


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


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


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


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


.nav              { color: #677595; font-weight: bold; font-size: 13px }
a.nav              { color: #677595; text-decoration: none }
a.nav:visited  { color: #677595; text-decoration: none }
a.nav:hover          { color: #c0c0c0; text-decoration: underline }


.topictitle              { color: #677595; font-weight: bold; font-size: 13px }
a.topictitle:link     { color: #677595; text-decoration: none }
a.topictitle:visited   { color: #677595; text-decoration: none }
a.topictitle:hover      { color: #c0c0c0; text-decoration: underline }


.name             { color: #677595; font-size: 13px }

.postdetails         { color: #677595; font-size: 12px }


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


.code   { color: #DDFFDD; font-size: 13px; font-family: Courier, "Courier New", sans-serif; background-color: #6175a0; border: solid 1px #20242e }

.quote   { color: #FFd3d3; font-style: italic; font-size: 13px; line-height: 125%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #6175a0; border: solid 1px #20242e }


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


input,textarea, select {
    color : #000000;
    font: normal 13px Verdana, Arial, Helvetica, sans-serif;
    border-color : #000000;
}

input.post, textarea.post, select  { background-color: #677595 }

input { text-indent : 2px; }

input.button  { color: #000000; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #677595 }

input.mainoption  { font-weight: bold; background-color: #8694b5 }

input.liteoption  { font-weight: normal; background-color: #8694b5 }

.helpline  { background-color: #8694b5; border: none }








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

/* 1) ИЗМЕНЕНИЕ ИМЕЮЩИХСЯ СТИЛЕЙ */
/* стиль для ссылок - все ссылки в квадратиках обведённых оттенком основного цвета */
.pgbutt a {font-family: Verdana; padding-top:2px;padding-bottom:2px;
text-decoration: none; border: 1px #FFDDDD solid; 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;}

p { margin: 20px;} 
TD {font-size: 14px;} 
form { display: inline; margin: 2px; padding: 0px; border: 0px;}   
input,textarea,input.liteoption,.fakebut {border: 1px solid #000000; background: #fafafa; font-size: 13px; font-weight:bold;}

 
/* 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: #3f4b65;}
#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: #191919;}
#nav8 td {text-align: center;}

/* 5) Стиль для блока загрузки - ДАЛЕЕ >>> */
#cssbar-wrapper {width:300px; height:19px; position:absolute; left:50%;}
#cssbar-border {border:3px solid rgb(38, 86, 181); 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(38, 86, 181); 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%;}}