/* Стиль для форума о декоративных растениях */
/* Фоновая SVG картинка дерева на зеленом фоне */

BODY {
    FONT-SIZE: 14px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    SCROLLBAR-FACE-COLOR: #c8e6c9;
    BACKGROUND: #e8f5e9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Crect width='400' height='400' fill='%234CAF50'/%3E%3Cpath d='M200 50 L220 150 L180 150 Z' fill='%232d5a27'/%3E%3Cpath d='M200 100 L250 200 L150 200 Z' fill='%23387c2f'/%3E%3Cpath d='M200 150 L280 280 L120 280 Z' fill='%23429e37'/%3E%3Crect x='190' y='280' width='20' height='120' fill='%238B4513'/%3E%3C/svg%3E") fixed;
    PADDING-BOTTOM: 0px;
    MARGIN: 6px;
    FONT: 12px Verdana, Arial, Helvetica, sans-serif;
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #a5d6a7;
    COLOR: #2e7d32;
    SCROLLBAR-3DLIGHT-COLOR: #81c784;
    SCROLLBAR-ARROW-COLOR: #4CAF50;
    PADDING-TOP: 0px;
    SCROLLBAR-TRACK-COLOR: #e8f5e9;
    SCROLLBAR-DARKSHADOW-COLOR: #66bb6a;
    background-size: 300px 300px;
    background-position: right bottom;
}

FONT {FONT: 14px Verdana, Arial, Helvetica, sans-serif}
TH {FONT: 14px Verdana, Arial, Helvetica, sans-serif; color: #1b5e20;}
TD {FONT: 14px Verdana, Arial, Helvetica, sans-serif; color: #2e7d32;}
P {FONT: 13px Verdana, Arial, Helvetica, sans-serif; color: #388e3c;}

.gensmall {FONT-SIZE: 13px; color: #43a047;}
TD.genmed {FONT-SIZE: 13px; color: #2e7d32;}
.genmed {FONT-SIZE: 12px; color: #388e3c;}
.explaintitle {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #4caf50}

A:link {COLOR: #1b5e20; TEXT-DECORATION: none}
A:active {COLOR: #1b5e20; TEXT-DECORATION: none}
A:visited {COLOR: #2e7d32; TEXT-DECORATION: none}
A:hover {COLOR: #4caf50; TEXT-DECORATION: underline; background-color: #f1f8e9;}

A.postlink {COLOR: #1b5e20; TEXT-DECORATION: none}

.topictitle {FONT-WEIGHT: bold; FONT-SIZE: 13px; color: #1b5e20;}
A.topictitle:visited {COLOR: #2e7d32}
A.topictitle:hover {COLOR: #4caf50; background-color: #f1f8e9;}

.name {FONT-WEIGHT: bold; FONT-SIZE: 13px; color: #1b5e20;}
HR {BORDER-RIGHT: #a5d6a7 0px solid; BORDER-TOP: #a5d6a7 1px solid; BORDER-LEFT: #a5d6a7 0px solid; BORDER-BOTTOM: #a5d6a7 0px solid; HEIGHT: 0px}

/* Обновленные цвета для категорий и заголовков */
TD.cat {FONT-WEIGHT: bold; BACKGROUND: linear-gradient(to bottom, #c8e6c9, #a5d6a7); TEXT-INDENT: 4px; LETTER-SPACING: 1px; HEIGHT: 29px; color: #1b5e20; border: 1px solid #81c784;}
TD.catHead {FONT-WEIGHT: bold; BACKGROUND: linear-gradient(to bottom, #c8e6c9, #a5d6a7); TEXT-INDENT: 4px; LETTER-SPACING: 1px; HEIGHT: 29px; color: #1b5e20; border: 1px solid #81c784;}
TD.catSides {FONT-WEIGHT: bold; BACKGROUND: linear-gradient(to bottom, #c8e6c9, #a5d6a7); TEXT-INDENT: 4px; LETTER-SPACING: 1px; HEIGHT: 29px; color: #1b5e20; border: 1px solid #81c784;}
TD.catLeft {FONT-WEIGHT: bold; BACKGROUND: linear-gradient(to bottom, #c8e6c9, #a5d6a7); TEXT-INDENT: 4px; LETTER-SPACING: 1px; HEIGHT: 29px; color: #1b5e20; border: 1px solid #81c784;}
TD.catRight {FONT-WEIGHT: bold; BACKGROUND: linear-gradient(to bottom, #c8e6c9, #a5d6a7); TEXT-INDENT: 4px; LETTER-SPACING: 1px; HEIGHT: 29px; color: #1b5e20; border: 1px solid #81c784;}
TD.catBottom {FONT-WEIGHT: bold; BACKGROUND: linear-gradient(to bottom, #c8e6c9, #a5d6a7); TEXT-INDENT: 4px; LETTER-SPACING: 1px; HEIGHT: 29px; color: #1b5e20; border: 1px solid #81c784;}

.row1 {BACKGROUND: #f1f8e9}
.row2 {BACKGROUND: #e8f5e9}
.row3 {BACKGROUND: #c8e6c9}

.helpline {BACKGROUND: #a5d6a7; color: #1b5e20;}

TD.spacerow {BACKGROUND: #81c784}
TD.rowpic {BACKGROUND: linear-gradient(to right, #c8e6c9, #e8f5e9);}
TH {
    PADDING-RIGHT: 8px;
    PADDING-LEFT: 8px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    BACKGROUND: linear-gradient(to bottom, #a5d6a7, #81c784);
    COLOR: #1b5e20;
    WHITE-SPACE: nowrap;
    HEIGHT: 27px;
    TEXT-ALIGN: center;
    border: 1px solid #66bb6a;
}

.bodyline {
    BORDER-RIGHT: #81c784 1px solid;
    BORDER-TOP: #81c784 1px solid;
    BACKGROUND: #f1f8e9;
    BORDER-LEFT: #81c784 1px solid;
    BORDER-BOTTOM: #81c784 1px solid;
    box-shadow: 0 0 10px rgba(76, 175, 80, 0.2);
}
.forumline {
    BORDER-RIGHT: #4caf50 1px solid;
    BORDER-TOP: #4caf50 1px solid;
    BACKGROUND: #ffffff;
    BORDER-LEFT: #4caf50 1px solid;
    BORDER-BOTTOM: #4caf50 1px solid;
}
.maintitle {
    FONT: bold 20px/120% Verdana, Arial, Helvetica, sans-serif;
    COLOR: #1b5e20;
    TEXT-DECORATION: none;
    text-shadow: 1px 1px 2px rgba(129, 199, 132, 0.3);
}

H1 {
    FONT: bold 20px/120% Verdana, Arial, Helvetica, sans-serif;
    COLOR: #1b5e20;
    TEXT-DECORATION: none;
    text-shadow: 1px 1px 2px rgba(129, 199, 132, 0.3);
}
H2 {
    FONT: bold 18px/180% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    color: #2e7d32;
}

.subtitle {
    FONT: bold 18px/180% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    color: #2e7d32;
}

.nav {FONT-WEIGHT: bold; FONT-SIZE: 13px; color: #1b5e20;}
.postbody {FONT-SIZE: 14px; LINE-HEIGHT: 125%; color: #2e7d32;}
.postdetails {FONT-SIZE: 13px; COLOR: #4caf50}
.quote {
    BORDER-RIGHT: #a5d6a7 1px solid;
    BORDER-TOP: #a5d6a7 1px solid;
    FONT-SIZE: 13px;
    BACKGROUND: #f1f8e9;
    BORDER-LEFT: #a5d6a7 1px solid;
    COLOR: #1b5e20;
    LINE-HEIGHT: 125%;
    BORDER-BOTTOM: #a5d6a7 1px solid;
}
.code {
    BORDER-RIGHT: #a5d6a7 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #a5d6a7 1px solid;
    PADDING-LEFT: 5px;
    BACKGROUND: #f1f8e9;
    PADDING-BOTTOM: 5px;
    FONT: 12px Courier, sans-serif;
    BORDER-LEFT: #a5d6a7 1px solid;
    COLOR: #388e3c;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #a5d6a7 1px solid;
}
.errorline {
    BORDER-RIGHT: #ff5722 1px solid;
    BORDER-TOP: #ff5722 1px solid;
    BACKGROUND: #ffccbc;
    BORDER-LEFT: #ff5722 1px solid;
    BORDER-BOTTOM: #ff5722 1px solid;
}

FORM {DISPLAY: inline}
INPUT {FONT: 11px Verdana, Arial, Helvetica, sans-serif; color: #2e7d32;}
SELECT {BACKGROUND: #ffffff; FONT: 11px Verdana, Arial, Helvetica, sans-serif; color: #2e7d32;}
INPUT.post {
    BORDER-RIGHT: #81c784 1px solid;
    BORDER-TOP: #81c784 1px solid;
    PADDING-LEFT: 2px;
    BACKGROUND: #ffffff;
    PADDING-BOTTOM: 2px;
    FONT: 11px Verdana, Arial, Helvetica;
    COLOR: #2e7d32;
    BORDER-LEFT: #81c784 1px solid;
    BORDER-BOTTOM: #81c784 1px solid;
}
TEXTAREA.post {
    BORDER-RIGHT: #81c784 1px solid;
    BORDER-TOP: #81c784 1px solid;
    PADDING-LEFT: 2px;
    BACKGROUND: #ffffff;
    PADDING-BOTTOM: 2px;
    FONT: 11px Verdana, Arial, Helvetica;
    COLOR: #2e7d32;
    BORDER-LEFT: #81c784 1px solid;
    BORDER-BOTTOM: #81c784 1px solid;
}
INPUT.button {
    BORDER-RIGHT: #4caf50 1px solid;
    BORDER-TOP: #4caf50 1px solid;
    FONT-SIZE: 13px;
    BACKGROUND: linear-gradient(to bottom, #c8e6c9, #a5d6a7);
    COLOR: #1b5e20;
    BORDER-LEFT: #4caf50 1px solid;
    BORDER-BOTTOM: #4caf50 1px solid;
    cursor: pointer;
}
INPUT.liteoption {
    BORDER-RIGHT: #81c784 1px solid;
    BORDER-TOP: #81c784 1px solid;
    FONT-SIZE: 13px;
    BACKGROUND: #f1f8e9;
    COLOR: #1b5e20;
    BORDER-LEFT: #81c784 1px solid;
    BORDER-BOTTOM: #81c784 1px solid;
}

.fakebut {
    BORDER-RIGHT: #4caf50 1px solid;
    BORDER-TOP: #4caf50 1px solid;
    FONT-SIZE: 13px;
    BACKGROUND: linear-gradient(to bottom, #c8e6c9, #a5d6a7);
    COLOR: #1b5e20;
    BORDER-LEFT: #4caf50 1px solid;
    BORDER-BOTTOM: #4caf50 1px solid;
}
INPUT.catbutton {
    BORDER-RIGHT: #4caf50 1px solid;
    BORDER-TOP: #4caf50 1px solid;
    FONT-SIZE: 13px;
    BACKGROUND: linear-gradient(to bottom, #c8e6c9, #a5d6a7);
    COLOR: #1b5e20;
    BORDER-LEFT: #4caf50 1px solid;
    BORDER-BOTTOM: #4caf50 1px solid;
}
INPUT.mainoption {
    BORDER-RIGHT: #4caf50 1px solid;
    BORDER-TOP: #4caf50 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    BACKGROUND: linear-gradient(to bottom, #c8e6c9, #a5d6a7);
    COLOR: #1b5e20;
    BORDER-LEFT: #4caf50 1px solid;
    BORDER-BOTTOM: #4caf50 1px solid;
}

A.but {COLOR: #1b5e20; TEXT-DECORATION: none}
A.but:hover {COLOR: #4caf50; TEXT-DECORATION: none}
A.but:visited {COLOR: #2e7d32; TEXT-DECORATION: none}
.helpline {BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; FONT-SIZE: 13px; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid}
.topbkg {BACKGROUND: linear-gradient(to right, #c8e6c9, #e8f5e9);}
.topnav {
    BORDER-RIGHT: #81c784 0px solid;
    BORDER-TOP: #81c784 1px solid;
    FONT-SIZE: 13px;
    BACKGROUND: linear-gradient(to right, #c8e6c9, #e8f5e9);
    COLOR: #1b5e20;
    BORDER-LEFT: #81c784 0px solid;
    BORDER-BOTTOM: #81c784 1px solid;
    WHITE-SPACE: nowrap;
    HEIGHT: 21px;
}
.admin {FONT-WEIGHT: bold; FONT-SIZE: 13px}
.mod {FONT-WEIGHT: bold; FONT-SIZE: 13px}
.admin {COLOR: #ff9800}
A.admin {COLOR: #ff9800}
A.admin:visited {COLOR: #ff9800}
.mod {COLOR: #1b5e20}
A.mod {COLOR: #1b5e20}
A.mod:visited {COLOR: #1b5e20}
A.admin:hover {COLOR: #f57c00}
A.mod:hover {COLOR: #4caf50}
IMG {BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid}
.copyright {FONT-SIZE: 12px; COLOR: #2e7d32; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LETTER-SPACING: -1px}
A.copyright {COLOR: #2e7d32; TEXT-DECORATION: none}
A.copyright:hover {COLOR: #4caf50; TEXT-DECORATION: underline}

/* Стили для цитат и кода - обновленные */
.code_td {FONT-SIZE: 13px; COLOR: #1b5e20; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}
.php_td {FONT-SIZE: 13px; COLOR: #1b5e20; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}
.q_td {FONT-SIZE: 13px; COLOR: #1b5e20; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}
.quote_td {FONT-SIZE: 13px; COLOR: #1b5e20; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.code_table {
    BORDER-RIGHT: #a5d6a7 1px solid;
    BORDER-TOP: #a5d6a7 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: #a5d6a7 1px solid;
    WIDTH: 95%;
    BORDER-BOTTOM: #a5d6a7 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND: #f1f8e9;
}
.php_table {
    BORDER-RIGHT: #a5d6a7 1px solid;
    BORDER-TOP: #a5d6a7 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: #a5d6a7 1px solid;
    WIDTH: 95%;
    BORDER-BOTTOM: #a5d6a7 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND: #f1f8e9;
}
.q_table {
    BORDER-RIGHT: #a5d6a7 1px solid;
    BORDER-TOP: #a5d6a7 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: #a5d6a7 1px solid;
    WIDTH: 95%;
    BORDER-BOTTOM: #a5d6a7 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND: #f1f8e9;
}
.quote_table {
    BORDER-RIGHT: #a5d6a7 1px solid;
    BORDER-TOP: #a5d6a7 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: #a5d6a7 1px solid;
    WIDTH: 95%;
    BORDER-BOTTOM: #a5d6a7 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND: #f1f8e9;
}

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

/* 1) ИЗМЕНЕНИЕ ИМЕЮЩЕГОСЯ СТИЛЯ */
/* Здесь ниже задаётся стиль для ссылок - все ссылки в квадратиках обведённых нежным оттенком основного цвета */
.pgbutt a {
    font-family: Verdana;
    padding-top: 2px;
    padding-bottom: 2px;
    text-decoration: none;
    border: 1px #81c784 solid;
    background: linear-gradient(to bottom, #c8e6c9, #a5d6a7);
    padding: 1px 4px 1px 4px;
    margin: 5px 1 0 0;
    color: #1b5e20;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

input.button, input.liteoption, .fakebut {
    border: 1px solid #4caf50;
    background: linear-gradient(to bottom, #c8e6c9, #a5d6a7);
    font-size: 13px;
    font-weight: bold;
    color: #1b5e20;
}

/* 2) QR-CODE */
#qr img {
    width: 35px;
    height: 35px;
    position: fixed;
    right: 10px;
    top: 10px;
    border: 1px solid #81c784;
    padding: 1px;
    background-color: #f1f8e9;
}

#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: linear-gradient(135deg, #c8e6c9, #a5d6a7);
    color: #1b5e20;
    font-size: 50px;
    display: table-cell;
    border-radius: 20%;
    position: relative;
    vertical-align: middle;
    border: 2px solid #81c784;
}

/* 4) навигационное МЕНЮ В АДМИНКЕ */
#nav8, #nav8 ul, #nav8 li {
    margin: 0;
    padding: 0;
    border: 0;
}

#nav8, #nav8 ul {
    background: linear-gradient(to bottom, #c8e6c9, #a5d6a7);
}

#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;
    color: #1b5e20;
}

#nav8 ul a {
    padding: 7px 15px;
    text-align: left;
}

#nav8 td:hover, #nav8 li:hover {
    background: #81c784;
}

#nav8 td {
    text-align: center;
}

/* 5) Стиль для блока загрузки - ДАЛЕЕ >>> */
#cssbar-wrapper {
    width: 300px;
    height: 19px;
    position: absolute;
    left: 50%;
}

#cssbar-border {
    border: 3px solid #4caf50;
    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: #4caf50;
    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%;
    }
}

/* Дополнительные стили для растений */
.plant-icon {
    color: #4caf50;
    margin-right: 5px;
}

.leaf-pattern {
    background-image: radial-gradient(circle at 10px 10px, rgba(76, 175, 80, 0.1) 2px, transparent 2px);
    background-size: 20px 20px;
}

/* Анимация для кнопок */
@keyframes pulse-green {
    0% {
        box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(76, 175, 80, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(76, 175, 80, 0);
    }
}

.button:hover {
    animation: pulse-green 1.5s infinite;
}