body { background: #2e2e2e; color: #e7e7e7; font: Verdana,Arial,Helvetica,sans-serif; margin: 6px; padding: 0px; scrollbar-3dlight-color: #6a6a6a; scrollbar-arrow-color: #fc9b00; scrollbar-darkshadow-color: #000000; scrollbar-face-color: #444444; scrollbar-highlight-color: #444444; scrollbar-shadow-color: #000000; scrollbar-track-color: #2e2e2e; }
font { font: 10px Verdana,Arial,Helvetica,sans-serif; }
th,td,p { font: 12px Verdana,Arial,Helvetica,sans-serif; }
p { margin-top: 2px; margin-bottom: 3px; }
.gensmall { font-size: 12px; }
td.genmed,.genmed { font-size: 13px; }
.explaintitle { font-size: 13px; font-weight: bold; color: #727272; }
a:link,a:active,a:visited,a.postlink { color: #dd6900; text-decoration: none; }
a:hover { color: #767676; }
.topictitle { font-size: 13px; font-weight: bold; }
a.topictitle:visited { color: #ca6000; }
a.topictitle:hover { color:#767676; }
.name { font-size: 13px; font-weight: bold; }
hr { border: 0px solid #000000; border-top-width: 1px; height: 0px; }
td.cat { font-weight: bold; letter-spacing: 1px; background: #191919 url(cellpic1.gif); height: 29px; text-indent: 4px; }
.cattitle { font-weight: bold; }
a.cattitle,a.cattitle:visited { color: #767676; font-weight: bold; }
a.cattitle:hover { color: #dd6900; font-weight: bold; }
.row1 { background: #272727; }
.row2,.helpline { background: #303030; }
.row3 { background: #414141; }
td.spacerow { background: #1A1A1A; }
td.rowpic { background: #343434 url(cellpic2.jpg) repeat-y; }
th { background: #171717 url(cellpic3.gif); color: #8e8e8e; font-size: 13px; font-weight: bold; height: 27px; white-space: nowrap; text-align: center; padding-left: 8px; padding-right: 8px; }
.bodyline { background: #303030; border: 1px solid #ff8c00; }
.forumline { background: #010101; border: 1px solid #d2a900; }
.maintitle, h1 { font: bold 20px/120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; text-decoration: none; color: #767676; }
.subtitle,h2 { font: bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; text-decoration: none; }
.nav { font-size: 13px; font-weight: bold; }
.postbody { font-size: 13px; line-height: 125%; }
.postdetails { font-size: 13px; color: #8a8a8a; padding: 5px; }
form { display: inline; margin: 2px; padding: 0px; border: 0px;}
input { font: 11px Verdana,Arial,Helvetica,sans-serif; }
select { background: #303030; color: #e7e7e7; font:11px Verdana,Arial,Helvetica,sans-serif; }
option { background: #303030; color: #e7e7e7; font:11px Verdana,Arial,Helvetica,sans-serif; }
input.post,textarea.post { background: #303030; border: 1px solid #d77700; color: #e7e7e7; font:11px Verdana,Arial,Helvetica,sans-serif; padding-bottom: 2px; padding-left: 2px; }
input.button,input.liteoption,.fakebut { border: 1px solid #d77700; background: #303030; font-size: 13px; color: #dd6900; }
input.catbutton { border:1px solid #d77700; background: #303030; font-size:13px}
input.mainoption { border:1px solid #d77700; background: #303030; font-size: 13px; font-weight: bold; color: #dd6900; }
.helpline { border-style: none }
.topbkg { background: #1a1a1a url(cellpic_bkg.jpg) repeat-x; }
.topnav { font-size: 13px; background: #1d1c19 url(cellpic_nav.gif) repeat-x; color: #dd6900; height: 21px; white-space: nowrap; border: 0px solid #d77700; border-width: 1px 0px 1px 0px; }
img { border: 0px; }
.copyright { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; letter-spacing: -1px;}
a.copyright { color: #FFFFFF; text-decoration: none;}
a.copyright:hover { color: #dd6900; text-decoration: underline;}
.code,.php_td,.q_td,.quote { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px;}
.code,.php_table,.q_table,.quote { border: 1px solid #999999; font-family: Verdana, Arial, Helvetica; font-size: 13px; width: 95%}


.admin,.mod { font-size: 13px; font-weight: bold; }
.admin,a.admin,a.admin:visited { color: #ffa34f; }
.mod,a.mod,a.mod:visited { color: #006699; }
a.admin:hover,a.mod:hover { color: #767676; }



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

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

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