AMS SEARCH

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » AMS SEARCH » 1.3 форум » копия


копия

Сообщений 1 страница 4 из 4

1

Код:
#adm li {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  position: absolute;
  top: 0;
  left: 50px;
}
#adm {
  position: relative;
  display: inline-block;
}
ul.adm-points {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
ul.adm-points li {
 color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
li#adm-menu ul.adm-points {
    display: block;
}



/*БАЗОВЫЕ НАСТРОЙКИ */
html, body {margin: 0; padding: 0}
.punbb * {margin: 0}
.punbb {
            float: left;
            width: 100%;
            height: auto;
            min-width: 800px;
}


.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
            padding: 0;
            list-style: none;
}

/* корректировка фона у рекламы*/
#pun-break2+div.section, #pun-stats+div.section {
    background-color: #c1c1c1;
}

/* шрифты */
body {font-size: 1em;}

.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
              font: 1em verdana, arial, helvetica, sans-serif;
}
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
              font-size: 1em;
              font-weight: normal;
}
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
              font: 1em verdana, arial, helvetica, sans-serif;
}
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
              font-size: 1em;
              font-weight: normal;
}
.punbb h1 span, .punbb h2 span, .punbb legend span {
              font-size: 1.1em;
}
.punbb pre {
              font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}


#pun-crumbs1 em, #pun-crumbs2 em {
            text-align: right;
            display: inline-block;
            width: 1.2em;
            height: 1.2em;
            background-color: #553648;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 0 100%;
            -moz-transform-origin: 0 100%;
            -ms-transform-origin: 0 100%;
            -o-transform-origin: 0 100%;
            transform-origin: 0 100%;
            margin: 10px 10px;
            box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.50);
}



.punbb .post-content em {
              font-style: italic;
}
.punbb .post-content em.bbuline {
              font-style: normal;
              text-decoration: underline;
}
.punbb a {
              text-decoration: underline;
}
.punbb a:hover {
              text-decoration: underline;
}
.punbb optgroup {
              font-weight: bold;
}

/* отступы первопост и т.п.*/
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
             margin-top: 0;
}

/* отступы в топиках*/
#pun-post .topic {
             margin-top: 1em;
  }

/* вид картинок */
.punbb img {border: none;
             max-width: 100%;
}

/*вид табличных данных на всех страницах */
.punbb .main table {table-layout: fixed;
             width: 100%;
 }

/*элементы форм*/
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {
              margin: 0 0.3em;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {
              height: 1.8em;
              vertical-align: middle;
}

/* скрытие элементов, коррекция */
/*плавающая запятая*/
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
              clear: both;
              content: ".";
              display: block;
              height: 0;
              visibility: hidden;
              overflow:hidden;
              line-height: 0.0;
              font-size: 0;
}

.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
              font-size: 0;
              height: 0;
              width: 0;
              line-height: 0.0;
              position:absolute;
              left: -9999px;
              overflow: hidden;
}

/* сигнатуры, контент */
.punbb .post-content {
              padding: 0;
              margin: 0;
              width: 100%;
              overflow: hidden;
}
.punbb .post-sig dt {
              display: block;
              margin: 5px 0;
}
.punbb .post-content p {
              margin: 0;
              padding: 0 0 1em 0;
              line-height: 150%;
}
.punbb .post-content img {
              vertical-align: text-bottom;
}
.punbb .post-content img.postimg {
              vertical-align: middle;
}
.punbb .post-content .blockcode, .punbb .post-content blockquote {
              width: 100%;
              overflow: hidden;
}
.punbb .post-content .scrollbox {
              width: 100%;
              overflow: auto;
}
.punbb .post-content .quote-box, .punbb .post-content .code-box {
              margin: 0.4em 1.8em 1.4em 1.8em;
              padding: 1em;
}
.punbb .quote-box cite, .punbb .code-box strong.legend {
              display: block;
              padding-bottom: 0.7em;
              font-size: 1.1em;
              font-weight: bold;
              font-style: normal;
              margin: 0;
}



/* ЭЛЕМЕНТЫ СТРАНИЦ */
/** НАЗВАНИЕ ФОРУМА, ЛОГОТИП**/

#pun-title {
    width: 500px;
    height: 6em;
    position: relative;
    top: -100px;
    left: 50%;
    overflow: hidden; 
    background: url(/files/0018/58/2b/32861.png) no-repeat; /*фон под названием*/
    background-position: 30px -80px;
    padding-top: 2em;
}



#pun-title .title-logo {
            display: block !important;
}

h1.title-logo {font-family: Cinzel Decorative;
            font-size: 4em!important;
            color: #c2c1c2;
            text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.75);
}
h1.title-logo:first-letter {
            color: #523444;
}
#pun-title {
  }
#pun-title h1 {
              display : none;
  }
#pun-title .container {
              border-style: none solid none solid;
  }
#pun-title td.title-logo-tdl, #pun-title table, #pun-title td.title-logo-tdr {
              width: auto;
              height: auto;
}
#pun-title table {border: none;}
#pun-title td.title-logo-tdl {border: none;}
#pun-title td.title-logo-tdr {border: none; position: absolute;}



/* ПРИВЕТСТВИЕ */
/*ШАПОЧНАЯ ТАБЛИЦА, ОТОБРАЖАЕТСЯ ВЕЗДЕ, НЕ ОТКЛЮЧАЕМАЯ*/
div#hello {
    height: 125px;
    width: 350px;
    position: relative;
    top: 0;
    text-align: center;
    left: 0;
    color: #c1c1c1;
}
#hello h1 {
    font-weight: bold;
    padding-bottom: 0.3em;
}
#hello a, #hello a:active, #hello a:hover {
    font-weight: bolder;
    color: #d9d9d9;
    text-decoration: none;
}

div#htext {
    border: 1px solid #523444;
    width: 100%;
    height: 90%;
    overflow: auto;
    padding: 0.6em;
}
div#htext::-webkit-scrollbar {
  width: 12px;               /* ширина всей полосы прокрутки */
}
div#htext::-webkit-scrollbar-track {
  background: #2e2329;        /* цвет зоны отслеживания */
}

div#htext::-webkit-scrollbar-thumb {
  background-color: #603b4d;    /* цвет бегунка */
  border-radius: 20px;       /* округлось бегунка */
  border: 1px solid #553648;  /* отступ вокруг бегунка */
}

/*ОБЪЯВЛЕНИЕ, ОТКЛЮЧАЕМОЕ*/
#pun-announcement {
            height: 4.5em;
}
#pun-announcement h2 {
            display: none;
}
div.minidiv {
            display: inline-grid;
            width: 15%;
            height: 3em;
            margin: 0 2%;
            color: #c1c1c1;
            font-size: 0.8em;
            background: #533243;
            border: 1px solid #553648;
            padding: 0.2em;
}
.minidiv hr {
            color: #7a5869; /*для IE */
            background-color:#7a5869; /*для Firefox, Opera, Safari*/
            width: 60%;
            margin-left: 20%;
            border:0px none;
            height:1px; /* высота 1px IE, Firefox, Opera, Safari */
            clear:both; /* для очистки, если тег идет после float елемента */
}
#pun-status .container {
            text-align: center;
            color: #9e6581;
            width: 90%;

            position: absolute;
            top: 30px;
            background-color: transparent;

}
#pun-status, #pun-status .container {
              border: none;
            margin: 2px 0;
  }

#pun-status span {
              white-space: nowrap;
              margin-right: 5em;
  }

  

#pun-crumbs1 {
              border: none;
              overflow: hidden;
  }
#pun-crumbs1 p.container {
              border: none;
              border-top: none;
              padding: .5em;
              font-size: 1.1em;
  }
#pun-break1 {
              border-style: none;
              border-width: 0;
              height: 0;
              margin: -2px 1em;
              position: relative;
              z-index: 1;
  }
  
  

/* ОБЪЯВЛЕНИЕ */
div#pun-announcement {
            background-color: #c1c1c1;
            margin-top: 0.5em;
            border-bottom: 2px dashed #796370;
            text-align: center;
}

#pun-announcement h2 {
              padding: 0;
              margin: 0 1em -3.5em 1em;
border:none;
              position: relative;
              font-weight: bold;
              background:transparent;
  }
#pun-announcement h2 span {
              display: block;
              padding: 1em 0 0.8em 0;
              border:none;
              background:transparent;
  }
#pun-announcement .container {
              padding: 1em;
              background:transparent;
  }

/* ПРОФИЛЬ */
#profile .container {
              padding-left: 18.6em;
  }
#profilenav {
              float: left;
              width: 14em;
              margin-left: -16.3em;
              display: inline;
              border-style: solid;
              border-width: 1px;
  }
#profilenav li {
              padding-bottom: 0.8em;
              font-weight: bold;
  }
#viewprofile ul, #profilenav ul {
              padding: 0 18px 0.8em 18px;
              margin: -3em 0 1em 0;
  }
#viewprofile h2, #profilenav h2 {
              background: transparent;
              border: none;
              padding: 0 0 0 0;
              margin: 0 14px -0.6em 14px;
  }
#viewprofile h2 span, #profilenav h2 span {
              padding: 0 5px;
              position: relative;
  }
#viewprofile li, #setmods dl {
              padding: 0 0 0 16em;
              margin-bottom: 0.2em;
  }
#viewprofile li span {
              float: left;
              width: 14em;
              margin-left: -16em;
              padding: 0.5em 1em;
              font-weight: bold;
  }
#setmods dt {
              float: left;
              width: 14em;
              margin-left: -16em;
              padding: 0.8em 1em;
              font-weight: bold;
              display: inline;
  }
#viewprofile li strong, #viewprofile li div, #setmods dd {
              display: block;
              padding: 0.5em 1em;
              font-weight: normal;
  }
.punbb img.avatardemo {
              float: right;
              margin: 0 0 0.8em 1.8em;
  }

/* ОКНА СООБЩЕНИЙ */
.punbb .info .container {
              padding: 0.8em 1em
  }
.punbb .info .container .backlink {
              padding-top: 0.8em;
  }

/* ИНФОРМАЦИОННЫЕ ПОЛЯ */
.punbb .info-box {
              padding: 1.1em 1.7em 1em 1.7em;
              border-style: solid;
              border-width: 1px;
              margin: 0 0 1.1em 0;
}
.punbb .info-box * {
              padding: 0 0 0.7em 0;
}
.punbb #pun-main .info-box .legend {
              font-size: 1.1em;
              font-weight: bold;
}

/* МАКЕТ ФОРМЫ*/
.punbb .formal .container {
              padding: 1.7em 2.3em 1.1em 2.3em;
  }
.punbb .formsubmit {
              padding: 0 0 0 1.7em;
              margin: 1em 0 0 0;
  }
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
              margin: 0 0.6em 0 0
  }
.punbb fieldset {
              border-style: solid;
              border-width: 1px;
              padding: 0 18px 0 18px;
              margin: 0 0 1em 0;
  }
.punbb fieldset legend {
              padding: 0;
              margin: 0 0 0 11px;
              font-size: 1em;
  }
.punbb fieldset legend span {
              padding: 0 5px;
              margin: 0 0 0 -15px;
  }
.punbb fieldset fieldset {
              border-style: none;
              margin: 0;
              padding: 0 0 8px 0;
  }
.punbb .fs-box {
              padding: 1em 0 0.8em 0;
  }
.punbb .fs-box p, .punbb .fs-box fieldset {
              padding: 0 0 0.8em 0;
  }
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
              float: left;
              margin-right: 1em;
  }
.punbb .inline .infofield {
              clear:both;
  }
.punbb .datafield br {
              display: none;
  }
.punbb .required label, .punbb .datafield span.input {
              font-weight: bold;
  }
.punbb .datafield span.input a {
              font-weight: normal;
  }
.punbb .areafield span.input, .punbb p.longinput span.input {
              display: block;
              padding: 0 12em 0 0;
              height: 100%; /* For IE */
  }
.punbb textarea, .punbb .longinput input {
              width: 64%;
              margin: 0;
  }
.punbb .hashelp {
              position: relative;
  }
.punbb .helplinks {
              display: block;
              position: absolute;
              top: 1em;
                right: 0;
              font-weight: normal;
              width: 36%;
  }
.punbb #profile .helplinks {
              top: 1.5em;
  }
.punbb .helplinks span {
              display: block;
              padding-bottom: 0.2em;
  }
#pun-post .formal .info-box li {
              padding-left: 4px;
              list-style-type: square;
              list-style-position: inside;
              line-height: 1.5;
              margin: 0;
  }

/* СТРУКТУРА ТАБЛИЦЫ */
.punbb .main .tcl {
              overflow: hidden;
              text-align: left;
              width: 45%;
  }
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
              text-align: center;
              width: 10%;
  }
.punbb .main .tcr {
              overflow: hidden;
              text-align: right;
              width: 32%;
  }
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
              width: 40%;
  }
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
              text-align: left;
              width: 20%;
  }
#pun-debug table .tcl {
              width: 15%;
              white-space:normal;
  }
#pun-debug .tcr {
              width: 90%;
              white-space: normal;
  }
#pun-index .tcl h3 { /*УБРАТЬ ЛИШНЕЕ */
              text-transform: uppercase;
              text-align: left; 
              padding: 10px;
              width: 534px;
  }
.punbb td span.youposted {
              font-weight: bold;
              margin-left: -1em;
              position: absolute;
  }
.punbb td .modlist {
              display: block;
              padding: 0 0 1em 3em;
  }
.punbb .main td {
              padding: 8px 10px; /* для ячеек таблицы */
}
.punbb .main th {
              padding: 5px 10px 5px 31px; /* для заголовка таблицы (где надписи                                           "форум", "тем", "сообщений") */
  }
.punbb .main .tcl {
              border-left-style: none;
              border-left-width: 0;
  }
.punbb tbody.hasicon td.tcl { /*ПРОВЕРИТЬ НУЖНОСТЬ*/
              padding-left: 3.2em;
  }
.punbb div.icon {  }
.punbb  table div.icon { }


/* ТОПИКИ */
.punbb .post .container {
              border-style: none solid solid solid;
              border-width: 1px;
              margin-top: -1px;
              padding-bottom: 1px;
  }
.punbb .post h3 {
              border-style: none;
              border-width: 1px;
              width: 99%;
  }
.punbb .post h3 span {
              padding: 0.5em 1em;
              display: block;
              margin-left: 290px;
              border-left-style: none;
              border-left-width: 1px;
  }
.punbb .post h3 strong {
              float: right;
              width: 5em;
              text-align: right;
              font-weight: normal;
  }
.punbb .post .post-author {
              float: left;
              width: 276px;
              margin-top: -1.5em;
              overflow: hidden;
              text-align: center;
  }
.punbb .post .post-author ul, .punbb .post .post-author p {
              padding: 0 1em 1em 1em;
              line-height: 140%;
  }
.pa-author {
              font-size: 1.1em;
              font-weight: bold;
              height: 23px;
              line-height: 150%;
  }
.pa-author a {
              text-decoration: none;
  }
li.pa-title {
              padding-bottom: 0.4em;
              font-weight: bold;
  }
li.pa-online {
              line-height: 0em;
              border-left-style: solid;
              border-left-width: 0em;
              padding-left: 0em;
              margin-top: 0.7em;
  }
.punbb .post-body {
              margin-left: 19em;
              border-left-style: solid;
              border-left-width: 1px;
              padding: 0 0 1px 0;
  }
.punbb .post-box {
              padding: 1em;
  }
.punbb fieldset .post-box {
              margin-bottom: 0.8em
  }
.punbb .post-links {
              margin-left: 19em;
  }
.punbb .post-links ul {
              padding: 1em;
              margin-left: -19em;
              border-bottom-style: dotted;
              border-bottom-width: 2px;
              text-align: right;
              margin-bottom: 0.5em;
  }
.punbb .post-links li {
              display: inline;
              padding-left: 1em;
  }
.pl-email, .pl-website {
              float: left;
  }
.punbb .clearer {
              clear: both;
              height: 0;
              font-size: 0;
  }


/* СТАТИСТИКА */
#pun-stats .container {
              padding: 1em 3em;
  }
#pun-stats li.item1, #pun-stats li.item2 {
              float: left;
              clear: both;
              line-height: 150%;
  }
#pun-stats li.item3, #pun-stats li.item4 {
              text-align: right;
              line-height: 150%;
  }
li#onlinelist {
              margin-top: 1em;
              border: none;
              float: left;
              width: 100%;
              line-height: 130%;
  }
li#onlinelist div {
              border-top-style: solid;
              border-top-width: 1px;
              padding: 0.7em 0 0 0;
  }

/*СПРАВОЧНЫЙ ФАЙЛ*/
#pun-help .formal .info-box h3.legend {
              border-bottom-style: solid;
              border-bottom-width: 1px;
              padding-bottom: 0;
              margin-bottom: 0.8em;
  }
#pun-help .formal .info-box h3.legend span {
              padding-bottom: 0.6em;
              display: block;
              border-bottom-style: solid;
              border-bottom-width: 1px;
              font-size: 1.1em;
  }
#pun-help .formal p, #pun-help .formal dd {
              margin-bottom: 1em;
  }
#pun-help .formal ul, #pun-help .formal dl {
              padding: 0 0 0 1em;
  }
#pun-help .formal li {
              padding: 0;
              line-height: 130%;
  }
#pun-help .formal li * {
              vertical-align: text-top;
  }
#pun-help .formal dt span {
              font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
  }
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
              padding-bottom: 0;
  }



/* НАВИГАЦИЯ */
/** КНОПКИ ВВЕРХ-ВНИЗ**/
.upDown {
            display:none;
            position: fixed; /*позиционируем*/
            right: calc(10px); /*указываем положение, если слева - left*/
            z-index:9999; /*показываем поверх все элементов на странице*/
            cursor:pointer;
            opacity:0.7; /*прозрачность*/
}
.upDown {
            width: 20px;
            height: 20px;
            box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.75);
/* Rotate */
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
/* Rotate Origin */
            -webkit-transform-origin: 0 100%;
            -moz-transform-origin: 0 100%;
            -ms-transform-origin: 0 100%;
            -o-transform-origin: 0 100%;
            transform-origin: 0 100%;
            margin: 60px 0 10px 310px;
}
#ToTop {
            bottom:65px; /*положение от низа окна браузера верхняя кнопка*/
            background: #796370;
}
#OnBottom {
            bottom:25px; /*положение от низа окна браузера нижняя кнопка кнопка*/
            background: #553648;
}
.upDown:hover,.go-up:hover {
            opacity:1;
}


/* ГЛАВНОЕ МЕНЮ */
#pun-navlinks {
              position: relative;
              top: -15em;
              left: -55px;
              width: 30px;
}


#pun-navlinks .container {
              border: none;
              background-color: transparent;
              margin: 0;
              text-align: center;
  }
#pun-navlinks li {
            display: block;
            overflow: hidden; 
            text-indent:-9999px;
            height: 25px;
            width: 25px;
            margin: 2px;
            background: url(/files/0018/58/2b/86923.png) no-repeat; /*фоновая картинка*/
}

li#navindex {background-position: -2px;}
li#navuserlist{background-position: -32px;}
li#navsearch{background-position: -62px;}
li#navprofile{background-position: -92px;}
li#navpm{background-position: -122px;}
li#navadmin{background-position: -152px;}
li#navregister{background-position: -242px;} 
li#navlogin{background-position: -182px;} 
li#navlogout{background-position: -182px;}  
  
#pun-navlinks li a {
              font-size: 1.1em;
              display: block;
              height: 100%;
  }
#pun-navlinks li:nth-child(even) {
              filter: grayscale(100%);
              -webkit-filter: grayscale(100%);
}




/* ПОЛЬЗОВАТЕЛЬСКОЕ МЕНЮ */
#pun-ulinks  {
            margin-top: -12em;
            position: relative;
            border: none;
            width: 90%;
}
#pun-ulinks .container  {
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            background-color: transparent!important;
            position: relative;
            border: none; text-align: center;
            width: 90%;            
}
#pun-ulinks li, #pun-ulinks li a {
            display: inline;
            border: none;
            white-space: nowrap;
}

#pun-ulinks li a {
            padding: 0 0.3em 0 0.6em;
  }

#pun-ulinks a, #pun-status .item4 a {
            margin: 0 1% 0 1%;
            letter-spacing: -0.01em;
            text-transform: uppercase;
            text-decoration: none;
            font-size: 0.7em;
}
#pun-ulinks a {
            color: #7A5869;
            font-weight: bold;
}
#pun-status .item4 a {
            color: #c1c1c1;
}
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
              border-left-style: none;
              border-left-width: 0;
              padding-left: 0;
}

/* МЕНЮ МОДЕРАТОРА */
.punbb .modmenu .container {
              padding: 0.5em 1em;
              text-align: right;
  }
.punbb .modmenu strong, .punbb .modmenu a {
              height: 1.8em;
              line-height: 1.8em;
  }
.punbb .modmenu .container strong {
              float: left;
  }
.punbb .modmenu input {
              margin-left: 1em;
  }

/* МЕНЮ АДМИНИСТРИРОВАНИЯ */
#pun-adnav h2 {
            text-align: center;
}
#pun-admain #pun-adnav {
            width: 150px;
            position: fixed;
            background-color: #412f39;
            top: 0;
            left: 0;
            font-size: 0.75em;
            margin-left: 0;
            text-transform: uppercase;
            z-index: 9999!important; 
}


#pun-admain .adcontainer {
            border: none;
            width: 150px;
}
#pun-admain sup.new {
            display: none;
}
#pun-admain #pun-adnav li {
            padding: 0 1em;
}

#pun-admain #pun-adnav li a {
            display: block;
            width: 98%;
            text-decoration: none;
            color: #c2c1c2;
             padding: 0.3em 0.4em;
             border-bottom: 1px dotted #ec8bbb;
            -moz-transition: background-color .3s ease-in;
            -webkit-transition: background-color .3s ease-in;
            -o-transition: background-color .3s ease-in;
            transition: background-color .3s ease-in;
}

#pun-admain #pun-adnav li a:hover {
            background-color: #9e6581;
            color: #fff;
            -moz-transition: background-color 0.01s;
            -webkit-transition: background-color 0.01s;
            -o-transition: background-color 0.01s;
            transition: background-color 0.01s;
}

#pun-admain .item-forms:before,
#pun-admain .item6:before,
#pun-admain .item7:before,
#pun-admain .item20:before {
            content: '>';
            color: #000;
            float: right;
            font-size: 1.4em;
} 

#pun-admain .isactive.item-forms:before,
#pun-admain .isactive.item6:before,
#pun-admain .isactive.item7:before,
#pun-admain .isactive.item20:before {
            color: #c2c1c2;
} 

#adnav-standard li.isactive {
    background-color: rgba(123,88,107,0.3)!important;
}

#pun-adnav ul.adsubnav {
            display: block!important;
            list-style:none;
            position:absolute;
            left:-9999px;
            opacity:0;
            -webkit-transition:0.25s linear opacity; /* В Webkit пункты проявляются */
}


#pun-adnav li:hover ul.adsubnav  { /* Выводим выпадающий пункт при наведении курсора */
            left:140px; /* Приносим его обратно на экран, когда нужно */
            opacity:1; /* Делаем непрозрачным */
            width: 170px;
            background-color: #412f39;
            font-size: 0.75em;
            margin-left: 0.8em;
            margin-top: -2.2em;
            text-transform: uppercase;        
}
#pun-adnav li:hover ul.adsubnav {
            position: absolute;
}


#pun-adnav ul.adsubnav li {
            list-style: none!important; 
            font-size: 1.4em;
}




/* ПОСТРАНИЧНАЯ НАВИГАЦИЯ*/
.punbb .linkst {
              float: left;
              position: relative;
              width: 100%;
              font-size: 1.1em;
              height: 0;
}

.multipage {
              margin-top: 3em;
}
.linkst .pagelink {
              position: absolute;
              left: 1em;
              width: 24em;
}
.linkst .postlink {
              position: absolute;
              right: 3.5em;
              width: 16em;
              text-align: right;
              font-weight: bold;
}
.punbb .linksb {
              text-align: right;
              padding: 0.4em 1em 0.5em 1em;
              font-size: 1.1em;
}
.linksb .pagelink {
              float: left;
              width: 24em;
              text-align: left;
}
.linksb .postlink {
              float: right;
              width: 16em;
              font-weight: bold;
}
.subscribelink {
              clear:both;
              padding-top: 2em;
}


/* НАВИГАЦИЯ ПО СТРАНИЦАМ */
#pun-pagelinks {
              position: absolute;
              top: -15px;
              left: 0;
              margin: 0;
              border: none;
              padding: 0;
              width: 100%;
  }
#pun-pagelinks .container {
              background: transparent;
              border: none;
              padding: 0}
#pun-pagelinks .container li {
              display: inline;
  }
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
              height: 2em;
              line-height: 2em;
              padding: 0;
              font-size: 1.2em;
              margin-left: -9999px;
              display: block;
              float:left;
              width: 100%;
  }
#pun-pagelinks a:active, #pun-pagelinks a:focus {
              position:relative;
              margin: 0;
  }

#pun-pagelinks li a span {
              display:block;
              margin: 0 1em;
  }

/* БЫСТРЫЙ ПРЫЖОК - О - ..*/
#pun-qjump {
              margin: 0;
              border: none;
              width: 50%;
              position: relative;
              float: left;
  }
#pun-qjump .container {
                border: none;
              background: transparent;
              padding: 0.8em 1em;
  }
#pun-about {
              margin-top: 0;
              border: none;
  }
#pun-about .container {
              border: none;
              text-align: right;
              line-height: 150%;
              padding: 0.8em 1em;
  }
#pun-about p span {
              display:block;
              padding-left: 50%;
  }
#pun-crumbs2 {
              font-weight: bold;
              overflow: hidden;
              margin-bottom: 0;
              border: none;
  }
#pun-crumbs2 .container {
              border: none;
              padding: 0.8em 1em;
              font-size: 1.1em;
  }
#pun-break4 {
              margin: -2px 1em;
              border-style: solid none;
              border-width: 1px 0;
              position: relative;
              height: 0;
              z-index: 1;
  }
div.punbb-admin #pun-about .container {
              border-top-style: solid;
              border-top-width: 1px;
  }


/*СТРАНИЦЫ*/
/** СТРАНИЦА ПЕРЕАДРЕСАЦИИ **/
div#pun-redirect   {
            background-image: url(/files/0018/58/2b/32861.png);
            background-repeat: no-repeat;
            background-position-x: 100%;
            background-size: contain;
            background-color: transparent;
            height: 300px; 
            width: 75%;
            margin-left: 15%;
            margin-top: 15%;
            border: 3px solid;
}
#pun-redirect h1 {
            padding: 70px 40px;
}
#pun-redirect div.container {
            background-color: transparent;
            margin-left: 5%;
            width: 50%;
}
#pun-redirect a, #pun-redirect a:hover {
            color: #c2c1c2;
            text-decoration: none;
}

/* СТРАНИЦА РЕГИСТРАЦИИ */


/** ТЕЛО ФОРУМА **/
/*цвет фона, шапка, оформление обычного текста*/
html {
            color: #58404e;
            font-family: "Roboto";
            font-size: 1em;
            background-color: #191417;
}
div#bground {
            height: 100%;
            width: 350px;
            position: absolute;
            top: 0;
            right: 3%;
}
#bground {
            background-image: url(/files/0018/58/2b/32861.png);
            background-repeat: no-repeat;
            position: relative;
            top: 0;
            right: 15%;
            overflow: hidden;
            background-position: -450px 0;
            z-index: -1;
}


/* обводка форума */
div#pun_wrap {
            margin: 50px 9% 150px 5%;
            border: 3px solid #79787e;
            padding: 25px;
            width: 86%;
}
/* фон под контент, категории */ 
.container {background-color: #c1c1c1; padding: 0px 10px; margin: 0px;}
.category {
            background-color: #4f3945;
            background-image: url(/files/0018/58/2b/32861.png);
            background-repeat: no-repeat;
            background-position: 0 -210px;
            background-size: 70%;
            margin: -20px 0px 0px 0px;
}
.category h2 {
            text-align: center;
            font-size: 1.3em;
            font-variant: small-caps;
            font-weight: bold;
            color: #c1c1c1;
            padding: 10px 0 10px 0;
    }


/* СПИСОК ПОЛЬЗОВАТЕЛЕЙ */
#pun-userlist .formal, #pun-userlist .formal .container {
              border-bottom: none;
              margin-bottom: 0;
  }
#pun-userlist .usertable .container {
              padding: 0 2.3em 2.3em 2.3em;
              border-top: none;
  }
#pun-userlist .usertable table {
              border-style: solid;
              border-width: 1px;
  }




/* РАЗДЕЛ АДМИНИСТРИРОВАНИЯ */
.adminmain {
            padding-left: 0!important;

}

div.punbb-admin {
            margin-left: 150px;
            width: 75%;
}
#pun-admain1 .adcontainer {
            width: 85%;
}

.punbb-admin #pun-navlinks {
              left: 1em;
              top: -10px;
}

/*ссылки QBoards*/
.admin-advert-block {
    position: absolute;
    left: 60px;
    top: 140px;
}



.admin-advert-block a {
    font-size: 0.75em;
    text-decoration: none!important;
    text-transform: uppercase;
    color: #c2c1c2;
}

.admin-advert-block .admin-advert-block-buttons {
    height: 20px!important;
    margin-top: 10px!important;
}
.admin-advert-block .admin-advert-block-buttons * {
    margin-top: 10px!important;
    
}

2

@import url(style_cs.css);
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital@0;1&display=swap');

.category thead{
    display: none;
}
.category tr{
    display: flex;
}

.category tr .tcl{
    flex-basis: 70%;
}

.category .forum-title {
    float: left;
    width: 30%
}
.category .subforums {
    float: left;
    height: 100px;
    width: 100%
}
div.forop {
    position: relative;
    left: 2em;
    height: 120px;
}

/*БАЗОВЫЕ НАСТРОЙКИ */
html, body {margin: 0; padding: 0}
.punbb * {margin: 0}
.punbb {
            float: left;
            width: 100%;
            height: auto;
            min-width: 800px;
}

.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
            padding: 0;
            list-style: none;
}

div#pun-main {
    background-color: #c1c1c1;
}

/* корректировка фона у рекламы*/
#pun-break2+div.section, #pun-stats+div.section, #pun-viewforum div.section:nth-child(6n), #pun-userlist div.section:nth-child(6n), #pun-search div.section:nth-child(6n), #pun-profile div.section:nth-child(6n+1), #pun-messages div.section:nth-child(5n-1), #pun-edit div.section:nth-child(6n+1) {
    background-color: #c1c1c1;
}

#pun-break2+div.section {
    margin-top: -1.1em;
}
#pun-stats+div.section {
    margin-top: -1.3em;
}
/* шрифты */
body {font-size: 1em;}

.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
              font: 1em verdana, arial, helvetica, sans-serif;
}
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
              font-size: 1em;
              font-weight: normal;
}
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
              font: 1em roboto, verdana, arial, helvetica, sans-serif;
              background-color: #a5a0a0;
              border-radius: 10px;
              color: #f5f5f5;
              padding: 0 0.5em 0.2em 0.5em;
}
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
              font-size: 1em;
              font-weight: normal;
}
.punbb h1 span, .punbb h2 span, .punbb legend span {
              font-size: 1.1em;
}
.punbb pre {
              font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}
#pun-crumbs1 em:first-child,  #pun-crumbs2 em:first-child {
    margin-left: 1em;
}

#pun-crumbs1 em, #pun-crumbs2 em {
            text-align: right;
            display: inline-block;
            width: 1em;
            height: 1em;
            background-color: #553648;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 0 100%;
            -moz-transform-origin: 0 100%;
            -ms-transform-origin: 0 100%;
            -o-transform-origin: 0 100%;
            transform-origin: 0 100%;
            margin: 10px 10px;
            box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.50);
            margin-left: 2em;
}

.punbb .post-content em {
              font-style: italic;
}
.punbb .post-content em.bbuline {
              font-style: normal;
              text-decoration: underline;
}
.punbb a, .punbb a:hover {
              text-decoration: none;
              color: #8e0f4c;
              font-weight: bold;
              font-variant: small-caps;
}

.punbb optgroup {
              font-weight: bold;
}

/* отступы первопост и т.п.*/
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
             margin-top: 0;
}

/* отступы в топиках*/
#pun-post .topic {
             margin-top: 1em;
  }

/* вид картинок */
.punbb img {border: none;
             max-width: 100%;
}

/*вид табличных данных на всех страницах */
.punbb .main table {table-layout: fixed;
             width: 100%;
}

/*элементы форм*/
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {
              margin: 0 0.3em;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {
              height: 1.8em;
              vertical-align: middle;
}

/* скрытие элементов, коррекция */
/*плавающая запятая*/
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
              clear: both;
              content: ".";
              display: block;
              height: 0;
              visibility: hidden;
              overflow:hidden;
              line-height: 0.0;
              font-size: 0;
}

.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
              font-size: 0;
              height: 0;
              width: 0;
              line-height: 0.0;
              position:absolute;
              left: -9999px;
              overflow: hidden;
}

/* сигнатуры, контент */
.punbb .post-content {
              padding: 0;
              margin: 0;
              width: 100%;
              overflow: hidden;
}
.punbb .post-sig dt {
              display: block;
              margin: 5px 0;
}
.punbb .post-content p {
              margin: 0;
              padding: 0 0 1em 0;
              line-height: 150%;
}
.punbb .post-content img {
              vertical-align: text-bottom;
}
.punbb .post-content img.postimg {
              vertical-align: middle;
}
.punbb .post-content .blockcode, .punbb .post-content blockquote {
              width: 797px;
              overflow: hidden;
}
.punbb .post-content .scrollbox {
              width: 100%;
              overflow: auto;
}

/* ЭЛЕМЕНТЫ СТРАНИЦ */

/* ПРИВЕТСТВИЕ */
/*ШАПОЧНАЯ ТАБЛИЦА, ОТОБРАЖАЕТСЯ ВЕЗДЕ, НЕ ОТКЛЮЧАЕМАЯ*/
div#hello {
    height: 100px;
    width: 320px;
    position: relative;
    top: 0;
    text-align: center;
    left: 0;
    color: #c1c1c1;
}
#hello h1 {
    font-weight: bold;
    padding-bottom: 0.3em;
}
#hello a, #hello a:active, #hello a:hover {
    font-weight: bolder;
    color: #d9d9d9;
    text-decoration: none;
}

div#htext {
    border: 1px solid #523444;
    width: 100%;
    height: 90%;
    overflow: auto;
    padding: 0.6em;
    font-size: 0.75em;
}
div#htext::-webkit-scrollbar {
  width: 12px;               /* ширина всей полосы прокрутки */
}
div#htext::-webkit-scrollbar-track {
  background: #2e2329;        /* цвет зоны отслеживания */
}

div#htext::-webkit-scrollbar-thumb {
  background-color: #603b4d;    /* цвет бегунка */
  border-radius: 20px;       /* округлось бегунка */
  border: 1px solid #553648;  /* отступ вокруг бегунка */
}

/*ОБЪЯВЛЕНИЕ, ОТКЛЮЧАЕМОЕ*/
#pun-announcement {
            height: 4.5em;
}
#pun-announcement h2 {
            display: none;
}
div.minidiv {
            display: inline-grid;
            width: 15%;
            height: 3em;
            margin: 0 2%;
            color: #c1c1c1;
            font-size: 0.8em;
            background: #533243;
            border: 1px solid #553648;
            padding: 0.2em;
}
.minidiv hr {
            color: #7a5869; /*для IE */
            background-color:#7a5869; /*для Firefox, Opera, Safari*/
            width: 60%;
            margin-left: 20%;
            border:0px none;
            height:1px; /* высота 1px IE, Firefox, Opera, Safari */
            clear:both; /* для очистки, если тег идет после float елемента */
}
#pun-status .container {
            text-align: center;
            color: #9e6581;
            width: 75%;
            position: absolute;
            top: 30px;
            background-color: transparent;

}

#pun-status a, #pun-status a:hover {
    color: #998b92;
}

#pun-status, #pun-status .container {
              border: none;
            margin: 2px 0;
  }

#pun-status span {
              white-space: nowrap;
              margin-right: 5em;
  }

 

#pun-crumbs1 {
              border: none;
              overflow: hidden;
  }
#pun-crumbs1 p.container {
              border: none;
              border-top: none;
              padding: .5em;
              font-size: 1.1em;
  }
#pun-break1 {
              border-style: none;
              border-width: 0;
              height: 0;
              margin: -2px 1em;
              position: relative;
              z-index: 1;
  }
 
 

/* ОБЪЯВЛЕНИЕ */
div#pun-announcement {
            background-color: #c1c1c1;
            margin-top: 0.5em;
            border-bottom: 2px dashed #796370;
            text-align: center;
}

#pun-announcement h2 {
              padding: 0;
              margin: 0 1em -3.5em 1em;
border:none;
              position: relative;
              font-weight: bold;
              background:transparent;
  }
#pun-announcement h2 span {
              display: block;
              padding: 1em 0 0.8em 0;
              border:none;
              background:transparent;
  }
#pun-announcement .container {
              padding: 1em;
              background:transparent;
  }

/* ПРОФИЛЬ */
#pun-profile #profile .container {
              padding-left: 18.6em;
  }
#pun-profile #profilenav {
              display: inline;

  }
#pun-profile #profilenav ul {
    width: 45%;
    float: left;
}
#pun-profile #profilenav li {
    margin-left: 0.9em;
}
#pun-profile form#messages {
    clear: both;
    margin-top: 3em;
    border: 1px solid #ccc;
    width: 1066px;
}
#pun-profile form#messages legend {
    text-align: center;
    padding-top: 1em;
}
#pun-profile #profilenav li {
              width: 15%;
              font-weight: bold;
              display: inline;
  }
#pun-profile #viewprofile ul {
              padding: 1em;
  }

#pun-profile #viewprofile h2, #pun-profile #profilenav h2 {
              background: transparent;
              border: none;
              padding: 0 0 0 0;
              margin: 0 14px -0.6em 14px;
              font-size: 0;
  }
#pun-profile #viewprofile h2 span, #pun-profile #profilenav h2 span {
              padding: 0 5px;
              position: relative;
  }
#pun-profile #viewprofile li,  #pun-profile #setmods dl  {
              padding: 0 0 0 16em;
              margin-bottom: 0.2em;
  }

#pun-profile #viewprofile li span {
              float: left;
              width: 14em;
              margin-left: -16em;
              padding: 0.5em 1em;
              font-weight: bold;
  }
#pun-profile #setmods dt {
              float: left;
              width: 14em;
              margin-left: -16em;
              padding: 0.8em 1em;
              font-weight: bold;
              display: inline;
  }
#pun-profile #viewprofile li strong, #pun-profile #viewprofile li div, #pun-profile #setmods dd {
              display: block;
              padding: 0.5em 1em;
              font-weight: normal;
  }
.punbb img.avatardemo {
              float: right;
              margin: 0 0 0.8em 1.8em;
  }

/*ПАНЕЛЬ ЗАКЛАДОК*/
#BookmCntToggle {
    color: #b3628d!important;
}
#MyBookmarks h2, #MyBookmarks h1, .editBookmark h2 {
    color: #c1c1c1;
    font-variant: all-small-caps;
    background-color: #432938;
    font-family: "Merriweather";
    font-weight: bold;
}

#MyBookmarks h2 {
    margin-left: 0;
}
span.deS {
    color: #432938;
    font-family: "Roboto";
}

span.deS::first-line {
    font-family: "Merriweather";
    color: #432938;
}

#MyBookmarks h2 strong {
    margin-left: 0.3em!important;
}

/* ОКНА СООБЩЕНИЙ */
#pun-messages #profile .container {
              padding-left: 1em;
  }
#pun-messages .info .container {
              padding: 0.8em 1em
  }
#pun-messages .info .container .backlink {
              padding-top: 0.8em;
  }

/* ИНФОРМАЦИОННЫЕ ПОЛЯ */
.punbb .info-box {
              padding: 1.1em 1.7em 1em 1.7em;
              border-style: solid;
              border-width: 1px;
              margin: 0 0 1.1em 0;
}
.punbb .info-box * {
              padding: 0 0 0.7em 0;
}
.punbb #pun-main .info-box .legend {
              font-size: 1.1em;
              font-weight: bold;
}

/* МАКЕТ ФОРМЫ*/
/*.punbb .formal .container {
              padding: 1.7em 2.3em 1.1em 2.3em;
  }*/
.punbb .formsubmit {
              padding: 0 0 0 1.7em;
              margin: 1em 0 0 0;
  }
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
              margin: 0 0.6em 0 0
  }

 
.punbb fieldset {
              border-style: solid;
              border-width: 1px;
              padding: 0 18px 0 18px;
  }
.punbb fieldset legend {
              padding: 0;
              margin: 0 0 0 11px;
              font-size: 1em;
  }
.punbb fieldset legend span {
              padding: 0 5px;
              margin: 0 0 0 -15px;
  }
.punbb fieldset fieldset {
              border-style: none;
              margin: 0;
              padding: 0 0 8px 0;
  }
.punbb .fs-box {
              padding: 1em 0 0.8em 0;
  }

.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
              float: left;
  }
.punbb .inline .infofield {
              clear:both;
  }
.punbb .datafield br {
              display: none;
  }
.punbb .required label, .punbb .datafield span.input {
              font-weight: bold;
  }
.punbb .datafield span.input a {
              font-weight: normal;
  }
.punbb .areafield span.input, .punbb p.longinput span.input {
              display: block;
              padding: 0 12em 0 0;
              height: 100%; /* For IE */
  }
.punbb textarea, .punbb .longinput input {
              width: 64%;
              margin: 0;
  }
.punbb .hashelp {
              position: relative;
  }
.punbb .helplinks {
              display: block;
              position: absolute;
              top: 1em;
                right: 0;
              font-weight: normal;
              width: 36%;
  }
.punbb #profile .helplinks {
              top: 1.5em;
  }
.punbb .helplinks span {
              display: block;
              padding-bottom: 0.2em;
  }
#pun-post .formal .info-box li {
              padding-left: 4px;
              list-style-type: square;
              list-style-position: inside;
              line-height: 1.5;
              margin: 0;
  }

/* СТРУКТУРА ТАБЛИЦЫ */
.punbb .main .tcl {
              overflow: hidden;
              text-align: left;
              width: 45%;
  }
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
              text-align: center;
              width: 10%;
  }
.punbb .main .tcr {
              overflow: hidden;
              text-align: right;
              width: 32%;
  }
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
              width: 40%;
  }

#pun-searchtopics .main .tc2 {
              text-align: center;
              width: 20%;
  }
#pun-debug table .tcl {
              width: 15%;
              white-space:normal;
  }
#pun-debug .tcr {
              width: 90%;
              white-space: normal;
  }

.punbb td span.youposted {
              font-weight: bold;
              margin-left: -1em;
              position: absolute;
  }
.punbb td .modlist {
              display: block;
              padding: 0 0 1em 3em;
  }
.punbb .main td {
              padding: 8px 10px; /* для ячеек таблицы */
}
.punbb .main th {
              padding: 5px 10px; /* для заголовка таблицы (где надписи "форум", "тем", "сообщений") */
  }
.punbb .main .tcl {
              border-left-style: none;
              border-left-width: 0;
  }
.punbb tbody.hasicon td.tcl { /*отступы в форумных таблицах*/
              padding: 2em;
  }
.punbb div.icon {  }
.punbb  table div.icon { }

/* ТОПИКИ */
.punbb .post h3 {
              border-style: none;
              border-width: 1px;
              width: 100%;
  }
.punbb .post h3 span {
              padding: 0.2em 1em;
              display: block;
              margin-left: 290px;
              border-left-style: none;
              border-left-width: 1px;
  }
.punbb .post h3 strong {
              float: right;
              width: 5em;
              text-align: right;
              font-weight: normal;
  }
.punbb .post .post-author {
              float: left;
              width: 220px;
              overflow: hidden;
              text-align: center;
  }
.punbb .post .post-author ul, .punbb .post .post-author p {
              /*padding: 0 1em 1em 1em;*/
              line-height: 140%;
  }
.pa-author {
              font-size: 1.1em;
              font-weight: bold;
              height: 23px;
              line-height: 150%;
  }
.pa-author a {
              text-decoration: none;
  }
li.pa-title {
              padding-bottom: 0.4em;
              font-weight: bold;
  }

.punbb .post-body {
              margin-left: 14em;
              border-left-style: solid;
              border-left-width: 1px;
              border-color: #c7c7c7;
              padding: 0 0 1px 0;
  }
.punbb .post-box {
              padding: 1em;
  }
.punbb fieldset .post-box {
              margin-bottom: 0.8em
  }
.punbb .post-links {
              margin-left: 19em;
  }
.punbb .post-links ul {
              padding: 1em;
              margin-left: -19em;
              border-bottom-style: dotted;
              border-bottom-width: 2px;
              text-align: right;
              margin-bottom: 0.5em;
  }
.punbb .post-links li {
              display: inline;
              padding-left: 1em;
  }
.pl-email, .pl-website {
              float: left;
  }
.punbb .clearer {
              clear: both;
              height: 0;
              font-size: 0;
  }
.reactions-root {display: none;}

/*ПОСТЫ*/
/*маркировка*/
.post-content .highlight-text {
    background-color: rgb(135, 87, 108, .5)!important;
}
.post-box hr {
    border: 1px solid #892a2a;
    box-shadow: 0 0 2px #462929;
}

.post-box .lastedit {
    font-size: 11px;
    color:#e7e6e6;
}
.post-box .code-box, .post-box .blockcode, .post-box .quote-box, .post-box blockquote {
    border-radius: 15px;
}
.post-box .code-box, .post-box .blockcode, .post-box .quote-box, .post-box blockquote {
    border: 1px solid #c1c1c1;
}
.post-box .code-box {
    background-color: #bb7c7c;
}
.post-box .blockcode, .post-box blockquote {
    background-color: #c1c1c1;
    padding: 4px 15px;
    margin: 1px;
}
.post-box strong {
    padding-left: 15px;
}
.post-box .quote-box {
    background-color: #8f7e85;
    margin: 0.5em 0;
}
.post-box .quote-box cite {
    padding-left: 15px;
}

.post-box .quote-box.hide-box {
    background-color: #662d45;
}
.post-box .spoiler-box, .post-box .quote-box cite {
    color: #ccc;
}
.post-box .spoiler-box p {
    color: #58404e;
}
.post-box .spoiler-box {
    background-color: #60555a;
}
.post-box .spoiler-box.media-box {
    background-color: #75687e;
}

.post h3 {
    background-color: #533243;
    border-radius: 15px 15px 0 0;
    height: 1.6em;
    box-shadow: 0 0 5px 0 #1c1b1b;
    /*margin-bottom: 0.5em;*/
}
.post div.container {
    border-top-style: dotted;
    border-top-width: 2px;
}
.post {
    background-color: #c1c1c1;
}
.post h3 a, .post h3 a:hover {
    color: #ccc;
}

/* опросы */
.areafield.required {
    margin-top: 0.5em;
}

/* СТАТИСТИКА */
#pun-stats .container {
              padding: 1em 3em;
  }
#pun-stats li.item1, #pun-stats li.item2 {
              float: left;
              clear: both;
              line-height: 150%;
  }
#pun-stats li.item3, #pun-stats li.item4 {
              text-align: right;
              line-height: 150%;
  }
li#onlinelist {
              margin-top: 1em;
              border: none;
              float: left;
              width: 100%;
              line-height: 130%;
  }

/* COPYRIGHT*/
div#copyright {
    width: 100%;
    position: relative;
    bottom: -100px;
    font-size: 0.8em;
}
#copyright a, #copyright a:hover {
    color: #998b92;
}
/*СПРАВОЧНЫЙ ФАЙЛ*/
#pun-help .formal .info-box h3.legend {
              border-bottom-style: solid;
              border-bottom-width: 1px;
              padding-bottom: 0;
              margin-bottom: 0.8em;
  }
#pun-help .formal .info-box h3.legend span {
              padding-bottom: 0.6em;
              display: block;
              border-bottom-style: solid;
              border-bottom-width: 1px;
              font-size: 1.1em;
  }
#pun-help .formal p, #pun-help .formal dd {
              margin-bottom: 1em;
  }
#pun-help .formal ul, #pun-help .formal dl {
              padding: 0 0 0 1em;
  }
#pun-help .formal li {
              padding: 0;
              line-height: 130%;
  }
#pun-help .formal li * {
              vertical-align: text-top;
  }
#pun-help .formal dt span {
              font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
  }
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
              padding-bottom: 0;
  }

/* НАВИГАЦИЯ */
/** КНОПКИ ВВЕРХ-ВНИЗ**/
.upDown {
            display:none;
            position: fixed; /*позиционируем*/
            right: calc(10px); /*указываем положение, если слева - left*/
            z-index:9999; /*показываем поверх все элементов на странице*/
            cursor:pointer;
            opacity:0.7; /*прозрачность*/
}
.upDown {
            width: 20px;
            height: 20px;
            box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.75);
/* Rotate */
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
/* Rotate Origin */
            -webkit-transform-origin: 0 100%;
            -moz-transform-origin: 0 100%;
            -ms-transform-origin: 0 100%;
            -o-transform-origin: 0 100%;
            transform-origin: 0 100%;
            margin: 60px 0 10px 310px;
}
#ToTop {
            bottom:65px; /*положение от низа окна браузера верхняя кнопка*/
            background: #796370;
}
#OnBottom {
            bottom:25px; /*положение от низа окна браузера нижняя кнопка кнопка*/
            background: #553648;
}
.upDown:hover,.go-up:hover {
            opacity:1;
}

/* ГЛАВНОЕ МЕНЮ */
#pun-navlinks {
              position: relative;
              top: -15em;
              left: -55px;
              width: 30px;
}

#pun-navlinks .container {
              border: none;
              background-color: transparent;
              margin: 0;
              text-align: center;
  }
#pun-navlinks li {
            display: block;
            overflow: hidden;
            text-indent:-9999px;
            height: 25px;
            width: 25px;
            margin: 2px;
            background: url(/files/0018/58/2b/86923.png) no-repeat; /*фоновая картинка*/
}

li#navindex {background-position: -2px;}
li#navuserlist{background-position: -32px;}
li#navsearch{background-position: -62px;}
li#navprofile{background-position: -92px;}
li#navpm{background-position: -122px;}
li#navadmin{background-position: -152px;}
li#navregister{background-position: -242px;}
li#navlogin{background-position: -182px;}
li#navlogout{background-position: -182px;} 
li#navpr_1 {background-position: -212px;}
 
#pun-navlinks li a {
              font-size: 1.1em;
              display: block;
              height: 100%;
  }
#pun-navlinks li:nth-child(odd) {
              filter: grayscale(100%);
              -webkit-filter: grayscale(100%);
}

/* ПОЛЬЗОВАТЕЛЬСКОЕ МЕНЮ */
#pun-ulinks  {
            margin-top: -12em;
            position: relative;
            border: none;
            width: 90%;
}
#pun-ulinks .container  {
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            background-color: transparent!important;
            position: relative;
            border: none; text-align: center;
            width: 90%;           
}
#pun-ulinks li, #pun-ulinks li a {
            display: inline;
            border: none;
            white-space: nowrap;
}

#pun-ulinks li a {
            padding: 0 0.3em 0 0.6em;
  }

#pun-ulinks a, #pun-status .item4 a {
            margin: 0 1% 0 1%;
            letter-spacing: -0.01em;
            text-transform: uppercase;
            text-decoration: none;
            font-size: 0.7em;
}
#pun-ulinks a {
            color: #7A5869;
            font-weight: bold;
}
#pun-status .item4 a {
            color: #c1c1c1;
}
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
              border-left-style: none;
              border-left-width: 0;
              padding-left: 0;
}

/* МЕНЮ МОДЕРАТОРА */
.punbb .modmenu .container {
              padding: 0.5em 1em;
              text-align: right;
  }
.punbb .modmenu strong, .punbb .modmenu a {
              height: 1.8em;
              line-height: 1.8em;
  }
.punbb .modmenu .container strong {
              float: left;
  }
.punbb .modmenu input {
              margin-left: 1em;
  }

/* МЕНЮ АДМИНИСТРИРОВАНИЯ */
#pun-adnav h2 {
            text-align: center;
            color: #fff;
            background-color: #333;
}
#pun-admain #pun-adnav, #html-header #pun-adnav {
            width: 150px;
            position: fixed;
            background-color: #412f39;
            top: 0;
            left: 0;
            font-size: 0.75em;
            margin-left: 0;
            text-transform: uppercase;
            z-index: 9999!important;
}

#pun-admain .adcontainer, #pun-adnav .adcontainer {
            border: none;
            width:  98%;
}
#pun-admain sup.new {
            display: none;
}
#pun-admain #pun-adnav li, #pun-adnav li {
            padding: 0 1em;
}

#pun-admain #pun-adnav li a, #pun-adnav li a {
            display: block;
            width: 98%;
            text-decoration: none;
            color: #c2c1c2;
             padding: 0.3em 0.4em;
             border-bottom: 1px dotted #ec8bbb;
            -moz-transition: background-color .3s ease-in;
            -webkit-transition: background-color .3s ease-in;
            -o-transition: background-color .3s ease-in;
            transition: background-color .3s ease-in;
}

#pun-admain #pun-adnav li a:hover, #pun-adnav li a:hover {
            background-color: #9e6581;
            color: #fff;
            -moz-transition: background-color 0.01s;
            -webkit-transition: background-color 0.01s;
            -o-transition: background-color 0.01s;
            transition: background-color 0.01s;
}

#pun-admain .item-forms:before,
#pun-admain .item6:before,
#pun-admain .item7:before,
#pun-admain .item20:before {
            content: '>';
            float: right;
            font-size: 1.4em;
}

#pun-admain .item-forms:before,
#pun-admain .item6:before,
#pun-admain .item7:before,
#pun-admain .item20:before {
            color: #000;
}

#pun-admain .isactive.item-forms:before,
#pun-admain .isactive.item6:before,
#pun-admain .isactive.item7:before,
#pun-admain .isactive.item20:before {
            color: #c2c1c2;
}

#adnav-standard li.isactive {
    background-color: rgba(123,88,107,0.3)!important;
}

#pun-adnav ul.adsubnav {
            display: block!important;
            list-style:none;
            position:absolute;
            left:-9999px;
            opacity:0;
            -webkit-transition:0.25s linear opacity; /* В Webkit пункты проявляются */
}

#pun-adnav li:hover ul.adsubnav  { /* Выводим выпадающий пункт при наведении курсора */
            left:140px; /* Приносим его обратно на экран, когда нужно */
            opacity:1; /* Делаем непрозрачным */
            width: 170px;
            background-color: #412f39;
            font-size: 0.75em;
            margin-left: 0.8em;
            margin-top: -2.2em;
            text-transform: uppercase;       
}
#pun-adnav li:hover ul.adsubnav {
            position: absolute;
}

#pun-adnav ul.adsubnav li {
            list-style: none!important;
            font-size: 1.4em;
}

/*ФОРМА ОТВЕТА ГОРИЗОНТАЛЬНОЕ МЕНЮ*/
#post-form h2 {
    background-color: #43313d;
    padding: 0 2em;
    height: 1.5em;
    border-top: 1px solid #1d1d1d;
    border-bottom: 1px solid #1d1d1d;
    font-family: 'Roboto';
    color: #c1c1c1;
    text-decoration: none;
    font-weight: bold;
}

#form-buttons tr td {
  border-radius: 10px;
-moz-transition: background-color .3s ease-in;
-webkit-transition: background-color .3s ease-in;
-o-transition: background-color .3s ease-in;
transition: background-color .3s ease-in;
}

#form-buttons tr td:hover{
background-color: #9e6581;
color: #fff;
border-radius: 10px;
-moz-transition: background-color 0.01s;
-webkit-transition: background-color 0.01s;
-o-transition: background-color 0.01s;
transition: background-color 0.01s;
}
#form-buttons td#button-files_rusff {display: none!important;}

/*ФОРМА ОТВЕТА НИСПАДАЮЩЕЕ МЕНЮ*/
#tags #font-area, #tags #size-area, #tags #addition-area  {
    background-color: #412f39;
}

#tags #font-area div, #tags #size-area div, #tags #addition-area div {
display: block;
width: 100%;
height: 1.2em;
margin: 0;
padding-bottom: 0.1em;
text-decoration: none;
padding: 0.1em 0.em;
color: #c1c1c1;
border-bottom: 1px dotted #ec8bbb;
  -moz-transition: background-color .3s ease-in;
-webkit-transition: background-color .3s ease-in;
-o-transition: background-color .3s ease-in;
transition: background-color .3s ease-in;
}

#tags #font-area div:hover, #tags #size-area div:hover, #tags #addition-area div:hover {
background-color: #9e6581;
color: #fff;
-moz-transition: background-color 0.01s;
-webkit-transition: background-color 0.01s;
-o-transition: background-color 0.01s;
transition: background-color 0.01s;
}
/* профиль в топике */
.post-author {
    font-size: 0.8em;
}
.pa-author {
        font-size: 0.9em;
    font-family: math;
}
.post-author {
    position: relative;
    top: -2.3em;
}
.post-author li.pa-author {
    background-color: rgb(157, 157, 157, .6);
    border-radius: 15px 15px 0 0;
    height: 1.5em;
    width: 200px;
    padding-top: 0.2em;
    font-size: 1.1em;
}

.post-author.online li.pa-author  {
    background-color: rgb(217, 171, 171, .6);
}
.post-author li {
    background-color: #ffffff36;
}
.post-author li.pa-title, .post-author li.pa-avatar, .post-author li.pa-reg, .post-author li.pa-invites, .post-author li.pa-posts, .post-author li.pa-respect, .post-author li.pa-positive, .post-author li.pa-time-visit, .post-author li.pa-last-visit, .post-author li.pa-ip, .post-author li.pa-online {
    border-left: 1px solid #523343;
    border-right: 1px solid #523343;
    width: 198px;
}
.post-author li.pa-gifts {
    display: none;
}

.post-author li.pa-respect, .post-author li.pa-online  {
    border-radius: 0 0 15px 15px;
    border-bottom: 1px solid #523343;
    border-left: 1px solid #523343;
    border-right: 1px solid #523343;

}
.post-author  li.pa-online  {
    width: 170px;
    margin-left: 15px;
    background-color: rgb(136, 73, 105, .6);
    font-size: 11px;
}

.post-author  li.pa-avatar img {
    border-radius: 15px;
    border: 1px solid #523343;
}

/* ФОРМА ОТВЕТА, ТЕСТОВАЯ ОБЛАСТЬ*/
textarea#main-reply {
    width: 97%;
    padding: 1em;
}
#profile textarea#main-reply {
    width: 95%;
}

#video-area-tinp, #image-area-tinp {
    border-color: #c1c1c1!important;
    width: 98%;
}

.resizable-textarea #video-area-tinp {
    width: 97.5%;
}

div#load-image-container{
    position: relative;
    top: 0.1em;
    width: 80%;
    right: -20%;
}

#table-area td {
    background-color: #c1c1c1!important;
}
#table-area td.selected {
    background-color: #ec8bbb!important;
}

#tags #spoiler-area, #tags #image-area, #tags #video-area, #tags #color-area, #tags #table-area, #tags #smilies-area, #tags #keyboard-area {
    background-color: #412f39;
    color: #c1c1c1;
    right: 6em;
    text-align: center;
}
#tags #spoiler-area a, #tags #image-area a, #tags #video-area a {
    color: #fff;
    right: 6em;
}
#tags #color-area {
    padding: 0;
}
/*КОРРЕКТИРОВКА ФОРМЫ ОТВЕТА ДЛЯ ГОСТЕЙ*/
#form-buttons+#tags+p.inputfield {
    margin-bottom: 0.5em;
}

/*КОРРЕКТИРОВКА ФОРМЫ ОТВЕТА В ПРОФИЛЕ */
#profile #form-buttons+#tags #font-area,
#profile #form-buttons+#tags #size-area,
#profile #form-buttons+#tags #spoiler-area,
#profile #form-buttons+#tags #image-area,
#profile #form-buttons+#tags #video-area,
#profile #form-buttons+#tags #table-area,
#profile #form-buttons+#tags #smilies-area,
#profile #form-buttons+#tags #keyboard-area {padding: 0.3em}

/* ВИРТУАЛЬНАЯ КЛАВИАТУРА */
#keyboard-area input[type="button"] {
color: #525252;
  -moz-transition: background-color .3s ease-in;
-webkit-transition: background-color .3s ease-in;
-o-transition: background-color .3s ease-in;
transition: background-color .3s ease-in;
}
#keyboard-area input[type="button"]:hover{
background-color: #9e6581;
color: #fff;
-moz-transition: background-color 0.01s;
-webkit-transition: background-color 0.01s;
-o-transition: background-color 0.01s;
transition: background-color 0.01s;
}

/* ПОСТРАНИЧНАЯ НАВИГАЦИЯ*/
.punbb .linkst {
              position: relative;
              width: 100%;
              font-size: 1.1em;
              height: 2.5em;
}

.linkst .pagelink, .linksb .pagelink {
              padding-left: 30px;
              width: 24em;
              text-align: left;
              background-color: #c1c1c1;
}
.linkst .postlink {
              position: absolute;
              right: 1em;
              width: 16em;
              text-align: right;
              font-weight: bold;
}
.punbb .linksb {
              text-align: right;
              padding: 0.4em 1em 0.5em 1em;
              font-size: 1.1em;
              background-color: #c1c1c1;
}

.linksb .postlink {
              float: right;
              width: 16em;
              font-weight: bold;
}
.subscribelink {
              clear:both;
              padding-top: 2em;
}

/* НАВИГАЦИЯ ПО СТРАНИЦАМ */
#pun-pagelinks {
              position: absolute;
              top: -15px;
              left: 0;
              margin: 0;
              border: none;
              padding: 0;
              width: 100%;
  }
#pun-pagelinks .container {
              background: transparent;
              border: none;
              padding: 0}
#pun-pagelinks .container li {
              display: inline;
  }
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
              height: 2em;
              line-height: 2em;
              padding: 0;
              font-size: 1.2em;
              margin-left: -9999px;
              display: block;
              float:left;
              width: 100%;
  }
#pun-pagelinks a:active, #pun-pagelinks a:focus {
              position:relative;
              margin: 0;
  }

#pun-pagelinks li a span {
              display:block;
              margin: 0 1em;
  }

/* БЫСТРЫЙ ПРЫЖОК - О - ..*/
#pun-qjump {
              margin: 0;
              border: none;
              width: 50%;
              position: relative;
              float: left;
  }
#pun-qjump .container {
                border: none;
              background: transparent;
              padding: 0.8em 1em;
  }
#pun-about {
            position: absolute;
            margin-top: 2.2em;
            margin-left: 750px;
  }
#pun-about .container {
              border: none;
              text-align: right;
              line-height: 150%;
              padding: 0.8em 1em;
              background-color: transparent;
  }
#pun-about p span {
              display:block;
              padding-left: 50%;
  }
#pun-about a, #pun-about a:hover {
    color: #c1c1c1;
}
#pun-crumbs2 {
              font-weight: bold;
              overflow: hidden;
              margin-bottom: 0;
              border: none;
  }
#pun-crumbs2 .container {
              border: none;
              padding: 0.8em 1em;
              font-size: 1.1em;
  }

/*СТРАНИЦЫ*/
/** СТРАНИЦА ПЕРЕАДРЕСАЦИИ **/
#pun-redirect div#pun-main {
    background-color: transparent;
}
div#pun-redirect   {
            background-image: url(/files/0018/58/2b/32861.png);
            background-repeat: no-repeat;
            background-position-x: 100%;
            background-size: contain;
            background-color: transparent;
            height: 300px;
            width: 55%;
            margin-left: 20%;
            margin-top: 15%;
            border: 3px solid;
}
#pun-redirect h1 {
            padding: 70px 40px;
            font-family: "Merriweather";
}
#pun-redirect h1 span {
    margin-top: 1em!important;
color: #c1c1c1; 
background-color: transparent!important;
}
#pun-redirect div.container {
            background-color: transparent;
            margin-left: 5%;
            width: 50%;
}
#pun-redirect a, #pun-redirect a:hover {
            color: #c2c1c2;
            text-decoration: none;
}

/* СТРАНИЦА РЕГИСТРАЦИИ */
#pun-register div.formal, #userlist div.formal {
    margin-top: -1.9em; /*+список пользователей*/
}
#pun-register h1 span {
text-align: center;
font-family: "Merriweather";
font-size: 1.2em;
}

#pun-register strong {
    font-family: "Merriweather";
    font-size: 1.1em;
}

.formsubmit input, .postlink span, .postlink span a,  .postlink span a:hover {
    margin: 0 0.6em 0 0;
    color: #c1c1c1;
    background-color: #5e4d58;
    border-radius: 15px;
}
.postlink span {
     padding: 0 0 0 9px;
}

#pun-register legend {
    font-family: "Merriweather";
    font-size: 0.85em;
}
#pun-register fieldset legend, #pun-register legend .fs-box {
    width: 100%;
}
#pun-register p.inputfield+p.infofield {
    display: none;
}
#pun-register p.inputfield+p.inputfield+p.infofield {
    display: block;
    top: -4.2em;
    width: 99%;
}
#pun-register p.required+p.inputfield {
    position: relative;
    top: -6.3em;
    width: 40%;
    right: -61%;
}
#pun-register p.infofield {
    font-size: 0.9em;
    color: #815d71;
    width: 99%;
    position: relative;
    left: 1%;
    top: 1em;
    clear: both;
}

#pun-register .info-box {
        width: 40%;
        float: right;
        margin-top: 2em;
        background: url(/files/0018/58/2b/32861.png) no-repeat #0e0c0ea1;
        background-position: -300px 90px;
        color: #e5cfdb;
}

#register fieldset:first-of-type {
    margin-top: 2em;
}
#register fieldset {
    width: 45%;
}
#register fieldset+fieldset+fieldset {
    top: -3em;
    position: relative;
}

#register .fs-box legend {
    width: 18%;
}
#register fieldset .fs-box {
    width: 100%;
}

#register input#username, #register input#fld4  {
    width: 94%;
    float: right;
    position: relative;
    top: -1.5em;
}

#register label+br+span.input {
    width: 75%;
    float: right;
}
#register select#ctl_regselect, #register select#ctl_tzselect {
    width: 100%;
}
#register select#ctl_regselect {
    margin: 0 0 1em;
}
#register fieldset+fieldset+fieldset+fieldset, #register fieldset+fieldset+fieldset+fieldset legend  {
    top: 0;
    position: relative;
    width: 98%;
    clear: both;
}
#register fieldset.radiofield  {
    width: 98%;
}
/*#register .checkfield input[type="checkbox"], #register label[for="fld11"] {
    margin-top: 1em;
}*/
#register .fs-box p.infofield+fieldset+p.infofield+p.checkfield {
    margin-top: 1em;
}
/* СТРАНИЦА АВТОРИЗАЦИИ */
#pun-login .inputfield.required {
    margin: 0 1em;
}

/*СТРАНИЦА ПОИСКА*/
#pun-searchposts .post {
    background-color: #ccc;
}

#pun-search .fs-box.inline p {
    margin: 0 1% 0 1%;
}

/* СТРАНИЦА ПРОФИЛЬ-ПОЛЬЗОВАТЕЛЯ */
#pun-profile #profilenav ul {
    background-color: #412f39;
    font-size: 0.9em;
}
#pun-profile #viewprofile-next {
    margin-top: 0;
    padding-top: 3.5em;
    background-color: #c1c1c1;
}

#pun-profile #profilenav li.isactive a {
    color: white;
}

#pun-profile #profilenav li a{
display: block;
width: 98%;
height: 1em;
    margin: -0.5em 0 0;
text-decoration: none;
padding: 0.3em 0.4em;
color: #c1c1c1;
border-bottom: 1px dotted #ec8bbb;
  -moz-transition: background-color .3s ease-in;
-webkit-transition: background-color .3s ease-in;
-o-transition: background-color .3s ease-in;
transition: background-color .3s ease-in;
}

#pun-profile #profilenav li a:hover{
background-color: #9e6581;
color: #fff;
-moz-transition: background-color 0.01s;
-webkit-transition: background-color 0.01s;
-o-transition: background-color 0.01s;
transition: background-color 0.01s;
}

#pun-profile div.fs-box.inline p.inputfield {
    margin: 1%;
}

#pun-profile .fs-box p {
    margin-bottom: 0.5em;
}

#pun-profile #profile10 .tcl {
    width: 8% !important;
}
#pun-profile #profile10 .tc2 {
    width: 16% !important;
}
#pun-profile #profile10 .tc3 {
    width: 13% !important;
}
#pun-profile #profile10 .tc3.checker{
        width: 4% !important;
}

#pun-profile #profile10 .tcr {
    width: 25% !important;
}

#pun-profile #filetable {
    font-size: 0.8em;
}
#pun-profile #profile10 #filetable thead {
    background-color: #ddd;
}
#pun-profile #profile10 .tcr input {
    width: 97%;
}

#pun-profile #profile8 dl {
  margin-left: -8em;
}
/** ТЕЛО ФОРУМА **/
/*цвет фона, шапка, оформление обычного текста*/
html {
            color: #58404e;
            font-family: "Roboto";
            font-size: 1em;
            background-color: #191417;
}
div#bground {
            height: 100%;
            width: 350px;
            position: absolute;
            top: 0;
            right: 3%;
}
#bground {
            background-image: url(/files/0018/58/2b/32861.png);
            background-repeat: no-repeat;
            position: relative;
            top: 0;
            left: 70%;
            overflow: hidden;
            background-position: -450px 0;
            z-index: -1;
}

/* обводка форума */
div#pun_wrap {
            margin-left: auto;
            margin-right: auto;
            margin-top: 50px;
            margin-bottom: 70px;
            border: 3px solid #79787e;
            padding: 25px;
            width: 86%;
            max-width: 1100px;
}
/* фон под контент, категории */
.container {background-color: #c1c1c1; padding: 5px; margin: 0px;}
.category, #pun-stats {
            background-color: #4f3945;
            background-image: url(/files/0018/58/2b/32861.png);
            background-repeat: no-repeat;
            background-position: 0 -210px;
            background-size: 70%;
            margin: -20px 0px 20px 0px;
}
.category h2, #pun-stats h2 {
            text-align: center;
            font-size: 1.3em;
            font-variant: small-caps;
            font-weight: bold;
            color: #c1c1c1;
            padding: 0 0 0.1em 0;
    }
#pun-main h1 span {
        display: block;
        width: 100%;
        margin-top: 0;
        text-align: center;
        font-variant: small-caps;
        font-size: 1.5em;
        font-family: "Merriweather";
        background-color: #c1c1c1;
}

/*оформление название форума*/
.forum-title {
    background-color: #43313d;
    padding: 0 2em;
    height: 1.5em;
    border-top: 1px solid #1d1d1d;
    border-bottom: 1px solid #1d1d1d;
    box-shadow: 0 3px 5px;
}
#pun-profile div#pun-title, #pun-edit div#pun-title {
    background-color: transparent;
}
.forum-title a, .forum-title a:hover {
    font-family: 'Roboto';
    color: #c1c1c1;
    text-decoration: none;
    font-weight: bold;
}
#pun-index .tcl h3 {
              text-transform: uppercase;
              text-align: left;
              padding: 0.1em 0 0.1em;
  }

/* СПИСОК ПОЛЬЗОВАТЕЛЕЙ */
#pun-userlist .formal, #pun-userlist .formal .container {
              border-bottom: none;
              margin-bottom: 0;
  }
#pun-userlist .usertable .container {
              padding: 0 2.3em 2.3em 2.3em;
              border-top: none;
  }
#pun-userlist .usertable table, #pun-viewforum .forum table {
              border-style: solid;
              border-width: 1px;
  }
#userlist>fieldset {
    margin-top: 2em;
}
legend span, label {
    font-family: 'Merriweather';
}
#pun-userlist th, #pun-viewforum .forum th,  #messages table th {
    background-color: #ddd;
}
#pun-userlist .fs-box p {
    margin: 0 1% 0 1%;
}
#pun-userlist .usertable tr:nth-child(odd), #pun-viewforum .forum table tr:nth-child(odd), #messages table tr:nth-child(odd) {
    background-color: #ccc;
}
#pun-userlist .usertable tr:nth-child(even), #pun-viewforum .forum table tr:nth-child(even), #messages table tr:nth-child(even)  {
    background-color: #c2c2c2;
}
#pun-userlist th.username {
    width: 20%;
}
#pun-userlist th.title {
    width: 30%;
}
#pun-userlist th.relation, #pun-userlist th.posts {
    width: 10%;
}
#pun-userlist th.registered, #pun-userlist th.last_visit {
    width: 15%;
}

/* РАЗДЕЛ АДМИНИСТРИРОВАНИЯ */
.adminmain {
            padding-left: 0!important;
}

div.punbb-admin {
            margin-left: 150px;
            width: 75%;
}
#pun-admain1 .adcontainer {
            width: 85%;
}

.punbb-admin #pun-navlinks {
              left: 1em;
              top: -10px;
}

/*ссылки QBoards*/
.admin-advert-block {
    position: absolute;
    left: 60px;
    top: 140px;
}

.admin-advert-block a {
    font-size: 0.75em;
    text-decoration: none!important;
    text-transform: uppercase;
    color: #c2c1c2;
}

.admin-advert-block .admin-advert-block-buttons {
    height: 20px!important;
    margin-top: 10px!important;
}
.admin-advert-block .admin-advert-block-buttons * {
    margin-top: 10px!important;
   
}

#html-header .adcontainer {
    left: -9999px;
    position: absolute;
}

.punbb-admin #pun-title {
    top: 1em;
}
.punbb-admin #pun-status .container {
    top: 0;
    left: -1em;
}

.punbb-admin #pun-ulinks {
    margin-top: -11em!important;
}
.punbb-admin li#navindex, .punbb-admin li#navuserlist, .punbb-admin li#navsearch, .punbb-admin li#navprofile, .punbb-admin li#navpm, .punbb-admin li#navadmin, .punbb-admin li#navlogout {
    top: -80px;
    position: absolute;
}

.punbb-admin li#navuserlist {
    left: 30px;
}
.punbb-admin li#navsearch {
    left: 60px;
}
.punbb-admin li#navprofile {
    left: 90px;
}
.punbb-admin li#navpm {
    left: 120px;
}
.punbb-admin li#navadmin {
    left: 150px;
}
.punbb-admin li#navlogout {
    left: 180px;
}

.punbb-admin div#pun-crumbs1 {
    position: relative;
    top: 200px;
}
#punbb-admin_index #pun-admain2.adformal {
    position: relative;
    top: 1em;
}*/

.punbb-admin .adformal h2, .punbb-admin .adformal h2 span {
    background-color: #412f39;
}
.punbb-admin #pun-admain1 .adcontainer {
    width: 98%;
    color: #c1c1c1;
}

.punbb-admin .adinfofield a, .punbb-admin .adinfofield a:hover, .punbb-admin .adinput a, .punbb-admin .adinput a:hover  {
    color: #ec8bbb!important;
}
.punbb-admin div.linksb {
    position: relative;
    top: 14.6em;
    border-bottom: 2px dashed #796370;;
}
.punbb-admin div#pun-crumbs2 {
    position: relative;
    top: 15.07em;
    height: 3em;
}

.punbb-admin #pun-about {
    position: absolute;
    top: 6em;
}
.punbb-admin h2 span {
    color: #fff!important;
}
.punbb-admin .adcontainer fieldset legend span {
    width: 600px;
    display: block;
}
#pun-admain fieldset p {
    background-color: transparent!important;
    color: #c1c1c1!important;
    border-color: transparent!important;
}
#pun-admain .adformal {
    border-style: none none none none!important;
    top: 220px;
    position: relative;
}
#pun-admain span#descLength {
    color: #ec8bbb!important;
}
.punbb-admin textarea::-webkit-scrollbar {
  width: 12px;               /* ширина всей полосы прокрутки */
}
.punbb-admin textarea

.punbb-admin textarea::-webkit-scrollbar-track {
  background: #2e2329;        /* цвет зоны отслеживания */
}
::-webkit-scrollbar-thumb {
  background-color: #603b4d;    /* цвет бегунка */
  border-radius: 20px;       /* округлось бегунка */
  border: 1px solid #553648;  /* отступ вокруг бегунка */
}

.punbb-admin input.button, #pun-admin_users input[type='submit'] {
    background-color: #785569;
}

.punbb-admin .sortable span input[type="text"] {
    width: 95%;
}

.punbb-admin div#pun-admain2 {
    width: 100%;
}

.punbb-admin #pun-admain1 table.adcontainer  {
    width: 100%;
}
.punbb-admin #pun-admain1 table.adcontainer thead {
    color: black;
    border-color: transparent!important;
}

.punbb-admin #pun-admain1 table.adcontainer td,
#pun-admin_paid_services #pun-admain3 table.adcontainer td,
#pun-admin_pages #pun-admain2 table.adcontainer td,
#pun-admin_files #pun-admain1 table#filetable td {
    border-color: #464646;
    padding: 0.3em 1em;
}
.punbb-admin .linksb .pagelink a, .punbb-admin .linksb .pagelink a:hover,
.punbb-admin .linksb .postlink a, .punbb-admin .linksb .postlink a:hover,
.punbb-admin span.adlabel a, .punbb-admin span.adlabel a:hover {
    color: #b54a7f!important;   
}
.punbb-admin #pun-admain1 table.adcontainer td a, .punbb-admin #pun-admain1 table.adcontainer td a:hover,
.punbb-admin #pun-admain2 table.adcontainer td a, .punbb-admin #pun-admain2 table.adcontainer td a:hover,
.punbb-admin .page-container a, .punbb-admin .page-container a:hover, a#award-create, a#award-create:hover,
#pun-admin_files table#filetable a, #pun-admin_files table#filetable a:hover {
    color: #ec8bbb!important;   
}
.punbb-admin #pun-admain1 table.adcontainer tbody tr:nth-child(odd),
#pun-admin_paid_services #pun-admain3 table.adcontainer tbody tr:nth-child(odd),
#pun-admin_pages #pun-admain2 table.adcontainer tbody tr:nth-child(odd),
#pun-admin_files #pun-admain1 table#filetable tbody tr:nth-child(odd) {
    background-color: #3a3a3a;
}
.punbb-admin #pun-admain1 table.adcontainer tbody tr:nth-child(even),
#pun-admin_paid_services #pun-admain3 table.adcontainer tbody tr:nth-child(even),
#pun-admin_pages #pun-admain2 table.adcontainer tbody tr:nth-child(even),
#pun-admin_files #pun-admain1 table#filetable tbody tr:nth-child(even) {
    background-color: #222;
}
#pun-admin_paid_services #pun-admain3 table.adcontainer tbody tr:last-child {
    background-color: #622945;
}

.punbb-admin span select {
    width: 300px;
}
.punbb-admin #o-essentials input[type="text"] {
    width: 95%!important;
}
#pun-admin_options span.adinput {
    width: 80%;
}
#pun-admin_users span.adinput input[type='text'], #pun-admin_users span.adinput input[type='password']  {
    width: 300px;
}
#pun-admin_users span.adinput select {
    width: 318px;
}
.punbb-admin .ace_editor {
    height: 350px!important;
    border-radius: 10px;
}
#pun-admin_forms textarea {
    height: 200px;
}
#pun-admin_forms textarea[name="form[o_additional_navlinks]"]{
    height: 90px;
}
#pun-admin_bans div.adcontainer p.adinfofield {
    color: #c1c1c1;
    margin-bottom: 2em;
}
#pun-admin_index #pun-admain1 table.adcontainer tbody tr:nth-child(odd) {
    background-color: transparent!important;
}
#pun-admin_index #pun-admain1 table.adcontainer tbody tr:nth-child(even) {
    background-color: transparent!important;
}

#pun-message .info div.container {
    padding: 0 20em;
    color: red;
}

#pun-admin_categories #pun-admain1 fieldset + fieldset p:last-child .adinput {
    display: block;
}
.punbb-admin span#mail-message-preview {
    background-color: #412f39;
    border-radius: 10px;
}

#pun-admain table {
    width: 100%!important;

}
#pun-admain table tbody {
    color: #c1c1c1;
}

#pun-admin_index #pun-admain2.adformal {
    top: 0;
}

#pun-admin_paid_services #pun-admain1 h2 {
    margin-top: 2em;
}
#pun-admin_paid_services div.linksb {
    top: 0;
}
#pun-admin_paid_services div#pun-admain2.adformal {
    top: 0;
}
#pun-admin_pages .pagelink {
    color: #c1c1c1;
}
#pun-admain .adcontainer td {
    border-width: 0 0 0 0!important;
    /*border-color: #ddd;*/
}
tags.tagify.tagify--select.tag-filter.tagify--noTags.tagify--empty {
    background-color: #c1c1c1;
    color: #fff;
    width: 15em;
}
#pun-admain select#page-select {
    width: 5em;
}

/** НАЗВАНИЕ ФОРУМА, ЛОГОТИП**/

#pun-title {
    width: 500px;
    height: 6em;
    position: relative;
    top: -100px;
    left: 50%;
    overflow: hidden;
    background: url(/files/0018/58/2b/32861.png) no-repeat; /*фон под названием*/
    background-position: 30px -80px;
    padding-top: 2em;
}

#pun-title .title-logo {
            display: block !important;
}

h1.title-logo span {font-family: "Cinzel Decorative"!important;
            font-size: 4em!important;
            color: #c2c1c2;
            text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.75);
}
h1.title-logo:first-letter {
            color: #523444;
}
#pun-title {
  }
#pun-title h1 {
              display : none;
  }
#pun-title .container {
              border-style: none solid none solid;
  }
#pun-title td.title-logo-tdl, #pun-title table, #pun-title td.title-logo-tdr {
              width: auto;
              height: auto;
}
#pun-title table {border: none;}
#pun-title td.title-logo-tdl {border: none;}
#pun-title td.title-logo-tdr {border: none; position: absolute;}

3

Код:
@import url(style_cs.css);
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital@0;1&display=swap');

.category thead{
    display: none;
}
.category tr{
    display: flex;
}

.category tr .tcl{
    flex-basis: 70%;
}

.category .forum-title {
    float: left;
    width: 30%
}
.category .subforums {
    float: left;
    height: 100px;
    width: 100%
}
div.forop {
    position: relative;
    left: 2em;
    height: 120px;
}

/*БАЗОВЫЕ НАСТРОЙКИ */
html, body {margin: 0; padding: 0}
.punbb * {margin: 0}
.punbb {
            float: left;
            width: 100%;
            height: auto;
            min-width: 800px;
}


.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
            padding: 0;
            list-style: none;
}

div#pun-main {
    background-color: #c1c1c1;
}

/* корректировка фона у рекламы*/
#pun-break2+div.section, #pun-stats+div.section, #pun-viewforum div.section:nth-child(6n), #pun-userlist div.section:nth-child(6n), #pun-search div.section:nth-child(6n), #pun-profile div.section:nth-child(6n+1), #pun-messages div.section:nth-child(5n-1), #pun-edit div.section:nth-child(6n+1) {
    background-color: #c1c1c1;
} 

#pun-break2+div.section {
    margin-top: -1.1em;
}
#pun-stats+div.section {
    margin-top: -1.3em;
}
/* шрифты */
body {font-size: 1em;}

.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
              font: 1em verdana, arial, helvetica, sans-serif;
}
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
              font-size: 1em;
              font-weight: normal;
}
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
              font: 1em roboto, verdana, arial, helvetica, sans-serif;
              background-color: #a5a0a0;
              border-radius: 10px;
              color: #f5f5f5;
              padding: 0 0.5em 0.2em 0.5em;
}
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
              font-size: 1em;
              font-weight: normal;
}
.punbb h1 span, .punbb h2 span, .punbb legend span {
              font-size: 1.1em;
}
.punbb pre {
              font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}
#pun-crumbs1 em:first-child,  #pun-crumbs2 em:first-child {
    margin-left: 1em;
}

#pun-crumbs1 em, #pun-crumbs2 em {
            text-align: right;
            display: inline-block;
            width: 1em;
            height: 1em;
            background-color: #553648;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 0 100%;
            -moz-transform-origin: 0 100%;
            -ms-transform-origin: 0 100%;
            -o-transform-origin: 0 100%;
            transform-origin: 0 100%;
            margin: 10px 10px;
            box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.50);
            margin-left: 2em;
}


.punbb .post-content em {
              font-style: italic;
}
.punbb .post-content em.bbuline {
              font-style: normal;
              text-decoration: underline;
}
.punbb a, .punbb a:hover {
              text-decoration: none;
              color: #8e0f4c;
              font-weight: bold;
              font-variant: small-caps;
}

.punbb optgroup {
              font-weight: bold;
}

/* отступы первопост и т.п.*/
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
             margin-top: 0;
}

/* отступы в топиках*/
#pun-post .topic {
             margin-top: 1em;
  }

/* вид картинок */
.punbb img {border: none;
             max-width: 100%;
}

/*вид табличных данных на всех страницах */
.punbb .main table {table-layout: fixed;
             width: 100%;
 }

/*элементы форм*/
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {
              margin: 0 0.3em;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {
              height: 1.8em;
              vertical-align: middle;
}

/* скрытие элементов, коррекция */
/*плавающая запятая*/
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
              clear: both;
              content: ".";
              display: block;
              height: 0;
              visibility: hidden;
              overflow:hidden;
              line-height: 0.0;
              font-size: 0;
}

.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
              font-size: 0;
              height: 0;
              width: 0;
              line-height: 0.0;
              position:absolute;
              left: -9999px;
              overflow: hidden;
}

/* сигнатуры, контент */
.punbb .post-content {
              padding: 0;
              margin: 0;
              width: 100%;
              overflow: hidden;
}
.punbb .post-sig dt {
              display: block;
              margin: 5px 0;
}
.punbb .post-content p {
              margin: 0;
              padding: 0 0 1em 0;
              line-height: 150%;
}
.punbb .post-content img {
              vertical-align: text-bottom;
}
.punbb .post-content img.postimg {
              vertical-align: middle;
}
.punbb .post-content .blockcode, .punbb .post-content blockquote {
              width: 797px;
              overflow: hidden;
}
.punbb .post-content .scrollbox {
              width: 100%;
              overflow: auto;
}




/* ЭЛЕМЕНТЫ СТРАНИЦ */




/* ПРИВЕТСТВИЕ */
/*ШАПОЧНАЯ ТАБЛИЦА, ОТОБРАЖАЕТСЯ ВЕЗДЕ, НЕ ОТКЛЮЧАЕМАЯ*/
div#hello {
    height: 100px;
    width: 320px;
    position: relative;
    top: 0;
    text-align: center;
    left: 0;
    color: #c1c1c1;
}
#hello h1 {
    font-weight: bold;
    padding-bottom: 0.3em;
}
#hello a, #hello a:active, #hello a:hover {
    font-weight: bolder;
    color: #d9d9d9;
    text-decoration: none;
}

div#htext {
    border: 1px solid #523444;
    width: 100%;
    height: 90%;
    overflow: auto;
    padding: 0.6em;
    font-size: 0.75em;
}
div#htext::-webkit-scrollbar {
  width: 12px;               /* ширина всей полосы прокрутки */
}
div#htext::-webkit-scrollbar-track {
  background: #2e2329;        /* цвет зоны отслеживания */
}

div#htext::-webkit-scrollbar-thumb {
  background-color: #603b4d;    /* цвет бегунка */
  border-radius: 20px;       /* округлось бегунка */
  border: 1px solid #553648;  /* отступ вокруг бегунка */
}

/*ОБЪЯВЛЕНИЕ, ОТКЛЮЧАЕМОЕ*/
#pun-announcement {
            height: 4.5em;
}
#pun-announcement h2 {
            display: none;
}
div.minidiv {
            display: inline-grid;
            width: 15%;
            height: 3em;
            margin: 0 2%;
            color: #c1c1c1;
            font-size: 0.8em;
            background: #533243;
            border: 1px solid #553648;
            padding: 0.2em;
}
.minidiv hr {
            color: #7a5869; /*для IE */
            background-color:#7a5869; /*для Firefox, Opera, Safari*/
            width: 60%;
            margin-left: 20%;
            border:0px none;
            height:1px; /* высота 1px IE, Firefox, Opera, Safari */
            clear:both; /* для очистки, если тег идет после float елемента */
}
#pun-status .container {
            text-align: center;
            color: #9e6581;
            width: 75%;
            position: absolute;
            top: 30px;
            background-color: transparent;

}

#pun-status a, #pun-status a:hover {
    color: #998b92;
}

#pun-status, #pun-status .container {
              border: none;
            margin: 2px 0;
  }

#pun-status span {
              white-space: nowrap;
              margin-right: 5em;
  }

  

#pun-crumbs1 {
              border: none;
              overflow: hidden;
  }
#pun-crumbs1 p.container {
              border: none;
              border-top: none;
              padding: .5em;
              font-size: 1.1em;
  }
#pun-break1 {
              border-style: none;
              border-width: 0;
              height: 0;
              margin: -2px 1em;
              position: relative;
              z-index: 1;
  }
  
  

/* ОБЪЯВЛЕНИЕ */
div#pun-announcement {
            background-color: #c1c1c1;
            margin-top: 0.5em;
            border-bottom: 2px dashed #796370;
            text-align: center;
}

#pun-announcement h2 {
              padding: 0;
              margin: 0 1em -3.5em 1em;
border:none;
              position: relative;
              font-weight: bold;
              background:transparent;
  }
#pun-announcement h2 span {
              display: block;
              padding: 1em 0 0.8em 0;
              border:none;
              background:transparent;
  }
#pun-announcement .container {
              padding: 1em;
              background:transparent;
  }

/* ПРОФИЛЬ */
#pun-profile #profile .container {
              padding-left: 18.6em;
  }
#pun-profile #profilenav {
              display: inline;

  }
#pun-profile #profilenav ul {
    width: 45%;
    float: left;
}
#pun-profile #profilenav li {
    margin-left: 0.9em;
}
#pun-profile form#messages {
    clear: both;
    margin-top: 3em;
    border: 1px solid #ccc;
    width: 1066px;
}
#pun-profile form#messages legend {
    text-align: center;
    padding-top: 1em;
}
#pun-profile #profilenav li {
              width: 15%;
              font-weight: bold;
              display: inline;
  }
#pun-profile #viewprofile ul {
              padding: 1em;
  }

#pun-profile #viewprofile h2, #pun-profile #profilenav h2 {
              background: transparent;
              border: none;
              padding: 0 0 0 0;
              margin: 0 14px -0.6em 14px;
              font-size: 0;
  }
#pun-profile #viewprofile h2 span, #pun-profile #profilenav h2 span {
              padding: 0 5px;
              position: relative;
  }
#pun-profile #viewprofile li,  #pun-profile #setmods dl  {
              padding: 0 0 0 16em;
              margin-bottom: 0.2em;
  }

#pun-profile #viewprofile li span {
              float: left;
              width: 14em;
              margin-left: -16em;
              padding: 0.5em 1em;
              font-weight: bold;
  }
#pun-profile #setmods dt {
              float: left;
              width: 14em;
              margin-left: -16em;
              padding: 0.8em 1em;
              font-weight: bold;
              display: inline;
  }
#pun-profile #viewprofile li strong, #pun-profile #viewprofile li div, #pun-profile #setmods dd {
              display: block;
              padding: 0.5em 1em;
              font-weight: normal;
  }
.punbb img.avatardemo {
              float: right;
              margin: 0 0 0.8em 1.8em;
  }
 

/*ПАНЕЛЬ ЗАКЛАДОК*/
#BookmCntToggle {
    color: #b3628d!important;
}
#MyBookmarks h2, #MyBookmarks h1, .editBookmark h2 {
    color: #c1c1c1;
    font-variant: all-small-caps;
    background-color: #432938;
    font-family: "Merriweather";
    font-weight: bold;
}

#MyBookmarks h2 {
    margin-left: 0;
}
span.deS {
    color: #432938;
    font-family: "Roboto";
}

span.deS::first-line {
    font-family: "Merriweather";
    color: #432938;
}

#MyBookmarks h2 strong {
    margin-left: 0.3em!important;
}


/* ОКНА СООБЩЕНИЙ */
#pun-messages #profile .container {
              padding-left: 1em;
  }
#pun-messages .info .container {
              padding: 0.8em 1em
  }
#pun-messages .info .container .backlink {
              padding-top: 0.8em;
  }

/* ИНФОРМАЦИОННЫЕ ПОЛЯ */
.punbb .info-box {
              padding: 1.1em 1.7em 1em 1.7em;
              border-style: solid;
              border-width: 1px;
              margin: 0 0 1.1em 0;
}
.punbb .info-box * {
              padding: 0 0 0.7em 0;
}
.punbb #pun-main .info-box .legend {
              font-size: 1.1em;
              font-weight: bold;
}

/* МАКЕТ ФОРМЫ*/
/*.punbb .formal .container {
              padding: 1.7em 2.3em 1.1em 2.3em;
  }*/
.punbb .formsubmit {
              padding: 0 0 0 1.7em;
              margin: 1em 0 0 0;
  }
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
              margin: 0 0.6em 0 0
  }

  
.punbb fieldset {
              border-style: solid;
              border-width: 1px;
              padding: 0 18px 0 18px;
  }
.punbb fieldset legend {
              padding: 0;
              margin: 0 0 0 11px;
              font-size: 1em;
  }
.punbb fieldset legend span {
              padding: 0 5px;
              margin: 0 0 0 -15px;
  }
.punbb fieldset fieldset {
              border-style: none;
              margin: 0;
              padding: 0 0 8px 0;
  }
.punbb .fs-box {
              padding: 1em 0 0.8em 0;
  }

.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
              float: left;
  }
.punbb .inline .infofield {
              clear:both;
  }
.punbb .datafield br {
              display: none;
  }
.punbb .required label, .punbb .datafield span.input {
              font-weight: bold;
  }
.punbb .datafield span.input a {
              font-weight: normal;
  }
.punbb .areafield span.input, .punbb p.longinput span.input {
              display: block;
              padding: 0 12em 0 0;
              height: 100%; /* For IE */
  }
.punbb textarea, .punbb .longinput input {
              width: 64%;
              margin: 0;
  }
.punbb .hashelp {
              position: relative;
  }
.punbb .helplinks {
              display: block;
              position: absolute;
              top: 1em;
                right: 0;
              font-weight: normal;
              width: 36%;
  }
.punbb #profile .helplinks {
              top: 1.5em;
  }
.punbb .helplinks span {
              display: block;
              padding-bottom: 0.2em;
  }
#pun-post .formal .info-box li {
              padding-left: 4px;
              list-style-type: square;
              list-style-position: inside;
              line-height: 1.5;
              margin: 0;
  }

/* СТРУКТУРА ТАБЛИЦЫ */
.punbb .main .tcl {
              overflow: hidden;
              text-align: left;
              width: 45%;
  }
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
              text-align: center;
              width: 10%;
  }
.punbb .main .tcr {
              overflow: hidden;
              text-align: right;
              width: 32%;
  }
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
              width: 40%;
  }

#pun-searchtopics .main .tc2 {
              text-align: center;
              width: 20%;
  }
#pun-debug table .tcl {
              width: 15%;
              white-space:normal;
  }
#pun-debug .tcr {
              width: 90%;
              white-space: normal;
  }

.punbb td span.youposted {
              font-weight: bold;
              margin-left: -1em;
              position: absolute;
  }
.punbb td .modlist {
              display: block;
              padding: 0 0 1em 3em;
  }
.punbb .main td {
              padding: 8px 10px; /* для ячеек таблицы */
}
.punbb .main th {
              padding: 5px 10px; /* для заголовка таблицы (где надписи "форум", "тем", "сообщений") */
  }
.punbb .main .tcl {
              border-left-style: none;
              border-left-width: 0;
  }
.punbb tbody.hasicon td.tcl { /*отступы в форумных таблицах*/
              padding: 2em;
  }
.punbb div.icon {  }
.punbb  table div.icon { }


/* ТОПИКИ */
.punbb .post h3 {
              border-style: none;
              border-width: 1px;
              width: 100%;
  }
.punbb .post h3 span {
              padding: 0.2em 1em;
              display: block;
              margin-left: 290px;
              border-left-style: none;
              border-left-width: 1px;
  }
.punbb .post h3 strong {
              float: right;
              width: 5em;
              text-align: right;
              font-weight: normal;
  }
.punbb .post .post-author {
              float: left;
              width: 220px;
              overflow: hidden;
              text-align: center;
  }
.punbb .post .post-author ul, .punbb .post .post-author p {
              /*padding: 0 1em 1em 1em;*/
              line-height: 140%;
  }
.pa-author {
              font-size: 1.1em;
              font-weight: bold;
              height: 23px;
              line-height: 150%;
  }
.pa-author a {
              text-decoration: none;
  }
li.pa-title {
              padding-bottom: 0.4em;
              font-weight: bold;
  }

.punbb .post-body {
              margin-left: 14em;
              border-left-style: solid;
              border-left-width: 1px;
              border-color: #c7c7c7;
              padding: 0 0 1px 0;
  }
.punbb .post-box {
              padding: 1em;
  }
.punbb fieldset .post-box {
              margin-bottom: 0.8em
  }
.punbb .post-links {
              margin-left: 19em;
  }
.punbb .post-links ul {
              padding: 1em;
              margin-left: -19em;
              border-bottom-style: dotted;
              border-bottom-width: 2px;
              text-align: right;
              margin-bottom: 0.5em;
  }
.punbb .post-links li {
              display: inline;
              padding-left: 1em;
  }
.pl-email, .pl-website {
              float: left;
  }
.punbb .clearer {
              clear: both;
              height: 0;
              font-size: 0;
  }
.reactions-root {display: none;}

/*ПОСТЫ*/
/*маркировка*/
.post-content .highlight-text {
    background-color: rgb(135, 87, 108, .5)!important;
}
.post-box hr {
    border: 1px solid #892a2a;
    box-shadow: 0 0 2px #462929;
}

.post-box .lastedit {
    font-size: 11px;
    color:#e7e6e6;
}
.post-box .code-box, .post-box .blockcode, .post-box .quote-box, .post-box blockquote {
    border-radius: 15px;
}
.post-box .code-box, .post-box .blockcode, .post-box .quote-box, .post-box blockquote {
    border: 1px solid #c1c1c1;
}
.post-box .code-box {
    background-color: #bb7c7c;
}
.post-box .blockcode, .post-box blockquote {
    background-color: #c1c1c1;
    padding: 4px 15px;
    margin: 1px;
}
.post-box strong {
    padding-left: 15px;
}
.post-box .quote-box {
    background-color: #8f7e85;
    margin: 0.5em 0;
}
.post-box .quote-box cite {
    padding-left: 15px;
}

.post-box .quote-box.hide-box {
    background-color: #662d45;
}
.post-box .spoiler-box, .post-box .quote-box cite {
    color: #ccc;
}
.post-box .spoiler-box p {
    color: #58404e;
}
.post-box .spoiler-box {
    background-color: #60555a;
}
.post-box .spoiler-box.media-box {
    background-color: #75687e;
}

.post h3 {
    background-color: #533243;
    border-radius: 15px 15px 0 0;
    height: 1.6em;
    box-shadow: 0 0 5px 0 #1c1b1b;
    /*margin-bottom: 0.5em;*/
}
.post div.container {
    border-top-style: dotted;
    border-top-width: 2px; 
}
.post {
    background-color: #c1c1c1;
}
.post h3 a, .post h3 a:hover {
    color: #ccc;
}

/* опросы */
.areafield.required {
    margin-top: 0.5em;
}


/* СТАТИСТИКА */
#pun-stats .container {
              padding: 1em 3em;
  }
#pun-stats li.item1, #pun-stats li.item2 {
              float: left;
              clear: both;
              line-height: 150%;
  }
#pun-stats li.item3, #pun-stats li.item4 {
              text-align: right;
              line-height: 150%;
  }
li#onlinelist {
              margin-top: 1em;
              border: none;
              float: left;
              width: 100%;
              line-height: 130%;
  }

/* COPYRIGHT*/
div#copyright {
    width: 100%;
    position: relative;
    bottom: -100px;
    font-size: 0.8em;
}
#copyright a, #copyright a:hover {
    color: #998b92;
}
/*СПРАВОЧНЫЙ ФАЙЛ*/
#pun-help .formal .info-box h3.legend {
              border-bottom-style: solid;
              border-bottom-width: 1px;
              padding-bottom: 0;
              margin-bottom: 0.8em;
  }
#pun-help .formal .info-box h3.legend span {
              padding-bottom: 0.6em;
              display: block;
              border-bottom-style: solid;
              border-bottom-width: 1px;
              font-size: 1.1em;
  }
#pun-help .formal p, #pun-help .formal dd {
              margin-bottom: 1em;
  }
#pun-help .formal ul, #pun-help .formal dl {
              padding: 0 0 0 1em;
  }
#pun-help .formal li {
              padding: 0;
              line-height: 130%;
  }
#pun-help .formal li * {
              vertical-align: text-top;
  }
#pun-help .formal dt span {
              font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
  }
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
              padding-bottom: 0;
  }



/* НАВИГАЦИЯ */
/** КНОПКИ ВВЕРХ-ВНИЗ**/
.upDown {
            display:none;
            position: fixed; /*позиционируем*/
            right: calc(10px); /*указываем положение, если слева - left*/
            z-index:9999; /*показываем поверх все элементов на странице*/
            cursor:pointer;
            opacity:0.7; /*прозрачность*/
}
.upDown {
            width: 20px;
            height: 20px;
            box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.75);
/* Rotate */
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
/* Rotate Origin */
            -webkit-transform-origin: 0 100%;
            -moz-transform-origin: 0 100%;
            -ms-transform-origin: 0 100%;
            -o-transform-origin: 0 100%;
            transform-origin: 0 100%;
            margin: 60px 0 10px 310px;
}
#ToTop {
            bottom:65px; /*положение от низа окна браузера верхняя кнопка*/
            background: #796370;
}
#OnBottom {
            bottom:25px; /*положение от низа окна браузера нижняя кнопка кнопка*/
            background: #553648;
}
.upDown:hover,.go-up:hover {
            opacity:1;
}



/* ГЛАВНОЕ МЕНЮ */
#pun-navlinks {
              position: relative;
              top: -15em;
              left: -55px;
              width: 30px;
}


#pun-navlinks .container {
              border: none;
              background-color: transparent;
              margin: 0;
              text-align: center;
  }
#pun-navlinks li {
            display: block;
            overflow: hidden; 
            text-indent:-9999px;
            height: 25px;
            width: 25px;
            margin: 2px;
            background: url(/files/0018/58/2b/86923.png) no-repeat; /*фоновая картинка*/
}

li#navindex {background-position: -2px;}
li#navuserlist{background-position: -32px;}
li#navsearch{background-position: -62px;}
li#navprofile{background-position: -92px;}
li#navpm{background-position: -122px;}
li#navadmin{background-position: -152px;}
li#navregister{background-position: -242px;} 
li#navlogin{background-position: -182px;} 
li#navlogout{background-position: -182px;}  
li#navpr_1 {background-position: -212px;}
  
#pun-navlinks li a {
              font-size: 1.1em;
              display: block;
              height: 100%;
  }
#pun-navlinks li:nth-child(odd) {
              filter: grayscale(100%);
              -webkit-filter: grayscale(100%);
}



/* ПОЛЬЗОВАТЕЛЬСКОЕ МЕНЮ */
#pun-ulinks  {
            margin-top: -12em;
            position: relative;
            border: none;
            width: 90%;
}
#pun-ulinks .container  {
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            background-color: transparent!important;
            position: relative;
            border: none; text-align: center;
            width: 90%;            
}
#pun-ulinks li, #pun-ulinks li a {
            display: inline;
            border: none;
            white-space: nowrap;
}

#pun-ulinks li a {
            padding: 0 0.3em 0 0.6em;
  }

#pun-ulinks a, #pun-status .item4 a {
            margin: 0 1% 0 1%;
            letter-spacing: -0.01em;
            text-transform: uppercase;
            text-decoration: none;
            font-size: 0.7em;
}
#pun-ulinks a {
            color: #7A5869;
            font-weight: bold;
}
#pun-status .item4 a {
            color: #c1c1c1;
}
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
              border-left-style: none;
              border-left-width: 0;
              padding-left: 0;
}

/* МЕНЮ МОДЕРАТОРА */
.punbb .modmenu .container {
              padding: 0.5em 1em;
              text-align: right;
  }
.punbb .modmenu strong, .punbb .modmenu a {
              height: 1.8em;
              line-height: 1.8em;
  }
.punbb .modmenu .container strong {
              float: left;
  }
.punbb .modmenu input {
              margin-left: 1em;
  }

/* МЕНЮ АДМИНИСТРИРОВАНИЯ */
#pun-adnav h2 {
            text-align: center;
            color: #fff;
            background-color: #333;
}
#pun-admain #pun-adnav, #html-header #pun-adnav {
            width: 150px;
            position: fixed;
            background-color: #412f39;
            top: 0;
            left: 0;
            font-size: 0.75em;
            margin-left: 0;
            text-transform: uppercase;
            z-index: 9999!important; 
}


#pun-admain .adcontainer, #pun-adnav .adcontainer {
            border: none;
            width:  98%;
}
#pun-admain sup.new {
            display: none;
}
#pun-admain #pun-adnav li, #pun-adnav li {
            padding: 0 1em;
}

#pun-admain #pun-adnav li a, #pun-adnav li a {
            display: block;
            width: 98%;
            text-decoration: none;
            color: #c2c1c2;
             padding: 0.3em 0.4em;
             border-bottom: 1px dotted #ec8bbb;
            -moz-transition: background-color .3s ease-in;
            -webkit-transition: background-color .3s ease-in;
            -o-transition: background-color .3s ease-in;
            transition: background-color .3s ease-in;
}

#pun-admain #pun-adnav li a:hover, #pun-adnav li a:hover {
            background-color: #9e6581;
            color: #fff;
            -moz-transition: background-color 0.01s;
            -webkit-transition: background-color 0.01s;
            -o-transition: background-color 0.01s;
            transition: background-color 0.01s;
}


#pun-admain .item-forms:before,
#pun-admain .item6:before,
#pun-admain .item7:before,
#pun-admain .item20:before {
            content: '>';
            float: right;
            font-size: 1.4em;
} 

#pun-admain .item-forms:before,
#pun-admain .item6:before,
#pun-admain .item7:before,
#pun-admain .item20:before {
            color: #000;
}


#pun-admain .isactive.item-forms:before,
#pun-admain .isactive.item6:before,
#pun-admain .isactive.item7:before,
#pun-admain .isactive.item20:before {
            color: #c2c1c2;
} 

#adnav-standard li.isactive {
    background-color: rgba(123,88,107,0.3)!important;
}

#pun-adnav ul.adsubnav {
            display: block!important;
            list-style:none;
            position:absolute;
            left:-9999px;
            opacity:0;
            -webkit-transition:0.25s linear opacity; /* В Webkit пункты проявляются */
}


#pun-adnav li:hover ul.adsubnav  { /* Выводим выпадающий пункт при наведении курсора */
            left:140px; /* Приносим его обратно на экран, когда нужно */
            opacity:1; /* Делаем непрозрачным */
            width: 170px;
            background-color: #412f39;
            font-size: 0.75em;
            margin-left: 0.8em;
            margin-top: -2.2em;
            text-transform: uppercase;        
}
#pun-adnav li:hover ul.adsubnav {
            position: absolute;
}


#pun-adnav ul.adsubnav li {
            list-style: none!important; 
            font-size: 1.4em;
}

/*ФОРМА ОТВЕТА ГОРИЗОНТАЛЬНОЕ МЕНЮ*/
#post-form h2 {
    background-color: #43313d;
    padding: 0 2em;
    height: 1.5em;
    border-top: 1px solid #1d1d1d;
    border-bottom: 1px solid #1d1d1d;
    font-family: 'Roboto';
    color: #c1c1c1;
    text-decoration: none;
    font-weight: bold;
}

#form-buttons tr td {
  border-radius: 10px;
 -moz-transition: background-color .3s ease-in;
 -webkit-transition: background-color .3s ease-in;
 -o-transition: background-color .3s ease-in;
 transition: background-color .3s ease-in;
}


#form-buttons tr td:hover{
 background-color: #9e6581;
 color: #fff;
 border-radius: 10px;
 -moz-transition: background-color 0.01s;
 -webkit-transition: background-color 0.01s;
 -o-transition: background-color 0.01s;
 transition: background-color 0.01s;
}
#form-buttons td#button-files_rusff {display: none!important;}

/*ФОРМА ОТВЕТА НИСПАДАЮЩЕЕ МЕНЮ*/
#tags #font-area, #tags #size-area, #tags #addition-area  {
    background-color: #412f39;
}

#tags #font-area div, #tags #size-area div, #tags #addition-area div {
 display: block;
 width: 100%;
 height: 1.2em;
 margin: 0;
 padding-bottom: 0.1em;
 text-decoration: none;
 padding: 0.1em 0.em;
 color: #c1c1c1;
 border-bottom: 1px dotted #ec8bbb;
  -moz-transition: background-color .3s ease-in;
 -webkit-transition: background-color .3s ease-in;
 -o-transition: background-color .3s ease-in;
 transition: background-color .3s ease-in;
}


#tags #font-area div:hover, #tags #size-area div:hover, #tags #addition-area div:hover {
 background-color: #9e6581;
 color: #fff;
 -moz-transition: background-color 0.01s;
 -webkit-transition: background-color 0.01s;
 -o-transition: background-color 0.01s;
 transition: background-color 0.01s;
}
/* профиль в топике */
.post-author {
    font-size: 0.8em;
}
.pa-author {
        font-size: 0.9em;
    font-family: math;
}
.post-author {
    position: relative;
    top: -2.3em;
}
.post-author li.pa-author {
    background-color: rgb(157, 157, 157, .6);
    border-radius: 15px 15px 0 0;
    height: 1.5em;
    width: 200px;
    padding-top: 0.2em;
    font-size: 1.1em;
}

.post-author.online li.pa-author  {
    background-color: rgb(217, 171, 171, .6);
}
.post-author li {
    background-color: #ffffff36;
}
.post-author li.pa-title, .post-author li.pa-avatar, .post-author li.pa-reg, .post-author li.pa-invites, .post-author li.pa-posts, .post-author li.pa-respect, .post-author li.pa-positive, .post-author li.pa-time-visit, .post-author li.pa-last-visit, .post-author li.pa-ip, .post-author li.pa-online {
    border-left: 1px solid #523343;
    border-right: 1px solid #523343;
    width: 198px;
}
.post-author li.pa-gifts {
    display: none;
}

.post-author li.pa-respect, .post-author li.pa-online  {
    border-radius: 0 0 15px 15px;
    border-bottom: 1px solid #523343;
    border-left: 1px solid #523343;
    border-right: 1px solid #523343;

}
.post-author  li.pa-online  {
    width: 170px;
    margin-left: 15px;
    background-color: rgb(136, 73, 105, .6);
    font-size: 11px;
}

.post-author  li.pa-avatar img {
    border-radius: 15px;
    border: 1px solid #523343;
}

/* ФОРМА ОТВЕТА, ТЕСТОВАЯ ОБЛАСТЬ*/
textarea#main-reply {
    width: 97%;
    padding: 1em;
}
#profile textarea#main-reply {
    width: 95%;
}

#video-area-tinp, #image-area-tinp {
    border-color: #c1c1c1!important;
    width: 98%;
}

.resizable-textarea #video-area-tinp {
    width: 97.5%;
}

div#load-image-container{
    position: relative;
    top: 0.1em;
    width: 80%;
    right: -20%;
}

#table-area td {
    background-color: #c1c1c1!important;
}
#table-area td.selected {
    background-color: #ec8bbb!important;
}

#tags #spoiler-area, #tags #image-area, #tags #video-area, #tags #color-area, #tags #table-area, #tags #smilies-area, #tags #keyboard-area {
    background-color: #412f39;
    color: #c1c1c1;
    right: 6em;
    text-align: center;
}
#tags #spoiler-area a, #tags #image-area a, #tags #video-area a {
    color: #fff;
    right: 6em;
}
#tags #color-area {
    padding: 0;
}
/*КОРРЕКТИРОВКА ФОРМЫ ОТВЕТА ДЛЯ ГОСТЕЙ*/
#form-buttons+#tags+p.inputfield {
    margin-bottom: 0.5em;
}


/*КОРРЕКТИРОВКА ФОРМЫ ОТВЕТА В ПРОФИЛЕ */
#profile #form-buttons+#tags #font-area,
#profile #form-buttons+#tags #size-area,
#profile #form-buttons+#tags #spoiler-area,
#profile #form-buttons+#tags #image-area,
#profile #form-buttons+#tags #video-area,
#profile #form-buttons+#tags #table-area,
#profile #form-buttons+#tags #smilies-area,
#profile #form-buttons+#tags #keyboard-area {padding: 0.3em}

/* ВИРТУАЛЬНАЯ КЛАВИАТУРА */
#keyboard-area input[type="button"] {
 color: #525252;
  -moz-transition: background-color .3s ease-in;
 -webkit-transition: background-color .3s ease-in;
 -o-transition: background-color .3s ease-in;
 transition: background-color .3s ease-in;
}
#keyboard-area input[type="button"]:hover{
 background-color: #9e6581;
 color: #fff;
 -moz-transition: background-color 0.01s;
 -webkit-transition: background-color 0.01s;
 -o-transition: background-color 0.01s;
 transition: background-color 0.01s;
}


/* ПОСТРАНИЧНАЯ НАВИГАЦИЯ*/
.punbb .linkst {
              position: relative;
              width: 100%;
              font-size: 1.1em;
              height: 2.5em;
}


.linkst .pagelink, .linksb .pagelink {
              padding-left: 30px;
              width: 24em;
              text-align: left;
              background-color: #c1c1c1;
}
.linkst .postlink {
              position: absolute;
              right: 1em;
              width: 16em;
              text-align: right;
              font-weight: bold;
}
.punbb .linksb {
              text-align: right;
              padding: 0.4em 1em 0.5em 1em;
              font-size: 1.1em;
              background-color: #c1c1c1;
}

.linksb .postlink {
              float: right;
              width: 16em;
              font-weight: bold;
}
.subscribelink {
              clear:both;
              padding-top: 2em;
}


/* НАВИГАЦИЯ ПО СТРАНИЦАМ */
#pun-pagelinks {
              position: absolute;
              top: -15px;
              left: 0;
              margin: 0;
              border: none;
              padding: 0;
              width: 100%;
  }
#pun-pagelinks .container {
              background: transparent;
              border: none;
              padding: 0}
#pun-pagelinks .container li {
              display: inline;
  }
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
              height: 2em;
              line-height: 2em;
              padding: 0;
              font-size: 1.2em;
              margin-left: -9999px;
              display: block;
              float:left;
              width: 100%;
  }
#pun-pagelinks a:active, #pun-pagelinks a:focus {
              position:relative;
              margin: 0;
  }

#pun-pagelinks li a span {
              display:block;
              margin: 0 1em;
  }

/* БЫСТРЫЙ ПРЫЖОК - О - ..*/
#pun-qjump {
              margin: 0;
              border: none;
              width: 50%;
              position: relative;
              float: left;
  }
#pun-qjump .container {
                border: none;
              background: transparent;
              padding: 0.8em 1em;
  }
#pun-about {
            position: absolute;
            margin-top: 2.2em;
            margin-left: 750px;
  }
#pun-about .container {
              border: none;
              text-align: right;
              line-height: 150%;
              padding: 0.8em 1em;
              background-color: transparent;
  }
#pun-about p span {
              display:block;
              padding-left: 50%;
  }
#pun-about a, #pun-about a:hover {
    color: #c1c1c1;
}
#pun-crumbs2 {
              font-weight: bold;
              overflow: hidden;
              margin-bottom: 0;
              border: none;
  }
#pun-crumbs2 .container {
              border: none;
              padding: 0.8em 1em;
              font-size: 1.1em;
  }




/*СТРАНИЦЫ*/
/** СТРАНИЦА ПЕРЕАДРЕСАЦИИ **/
#pun-redirect div#pun-main {
    background-color: transparent;
}
div#pun-redirect   {
            background-image: url(/files/0018/58/2b/32861.png);
            background-repeat: no-repeat;
            background-position-x: 100%;
            background-size: contain;
            background-color: transparent;
            height: 300px; 
            width: 55%;
            margin-left: 20%;
            margin-top: 15%;
            border: 3px solid;
}
#pun-redirect h1 {
            padding: 70px 40px;
            font-family: "Merriweather";
}
#pun-redirect h1 span {
    margin-top: 1em!important;
color: #c1c1c1;  
background-color: transparent!important;
}
#pun-redirect div.container {
            background-color: transparent;
            margin-left: 5%;
            width: 50%;
}
#pun-redirect a, #pun-redirect a:hover {
            color: #c2c1c2;
            text-decoration: none;
}

/* СТРАНИЦА РЕГИСТРАЦИИ */
#pun-register div.formal, #userlist div.formal {
    margin-top: -1.9em; /*+список пользователей*/
}
#pun-register h1 span {
text-align: center;
font-family: "Merriweather";
font-size: 1.2em;
}

#pun-register strong {
    font-family: "Merriweather";
    font-size: 1.1em;
}

.formsubmit input, .postlink span, .postlink span a,  .postlink span a:hover {
    margin: 0 0.6em 0 0;
    color: #c1c1c1;
    background-color: #5e4d58;
    border-radius: 15px; 
}
 .postlink span {
     padding: 0 0 0 9px;
 } 

#pun-register legend {
    font-family: "Merriweather";
    font-size: 0.85em;
}
#pun-register fieldset legend, #pun-register legend .fs-box {
    width: 100%;
}
#pun-register p.inputfield+p.infofield {
    display: none;
}
#pun-register p.inputfield+p.inputfield+p.infofield {
    display: block;
    top: -4.2em;
    width: 99%;
}
#pun-register p.required+p.inputfield {
    position: relative;
    top: -6.3em;
    width: 40%;
    right: -61%;
}
#pun-register p.infofield {
    font-size: 0.9em;
    color: #815d71;
    width: 99%;
    position: relative;
    left: 1%;
    top: 1em;
    clear: both;
}

#pun-register .info-box {
        width: 40%;
        float: right;
        margin-top: 2em;
        background: url(/files/0018/58/2b/32861.png) no-repeat #0e0c0ea1;
        background-position: -300px 90px;
        color: #e5cfdb;
}

#register fieldset:first-of-type {
    margin-top: 2em;
}
#register fieldset {
    width: 45%;
}
#register fieldset+fieldset+fieldset {
    top: -3em;
    position: relative;
}


#register .fs-box legend {
    width: 18%;
}
#register fieldset .fs-box {
    width: 100%;
}

#register input#username, #register input#fld4  {
    width: 94%;
    float: right;
    position: relative;
    top: -1.5em;
}

#register label+br+span.input {
    width: 75%;
    float: right;
}
#register select#ctl_regselect, #register select#ctl_tzselect {
    width: 100%;
}
#register select#ctl_regselect {
    margin: 0 0 1em;
}
#register fieldset+fieldset+fieldset+fieldset, #register fieldset+fieldset+fieldset+fieldset legend  {
    top: 0;
    position: relative;
    width: 98%;
    clear: both;
}
#register fieldset.radiofield  {
    width: 98%;
}
/*#register .checkfield input[type="checkbox"], #register label[for="fld11"] {
    margin-top: 1em;
}*/
#register .fs-box p.infofield+fieldset+p.infofield+p.checkfield {
    margin-top: 1em;
}
/* СТРАНИЦА АВТОРИЗАЦИИ */
#pun-login .inputfield.required {
    margin: 0 1em;
}

/*СТРАНИЦА ПОИСКА*/
#pun-searchposts .post {
    background-color: #ccc;
}

#pun-search .fs-box.inline p {
    margin: 0 1% 0 1%;
}

/* СТРАНИЦА ПРОФИЛЬ-ПОЛЬЗОВАТЕЛЯ */
#pun-profile #profilenav ul {
    background-color: #412f39;
    font-size: 0.9em;
}
#pun-profile #viewprofile-next {
    margin-top: 0;
    padding-top: 3.5em;
    background-color: #c1c1c1;
}

#pun-profile #profilenav li.isactive a {
    color: white;
}

#pun-profile #profilenav li a{
 display: block;
 width: 98%;
 height: 1em;
    margin: -0.5em 0 0;
 text-decoration: none;
 padding: 0.3em 0.4em;
 color: #c1c1c1;
 border-bottom: 1px dotted #ec8bbb;
  -moz-transition: background-color .3s ease-in;
 -webkit-transition: background-color .3s ease-in;
 -o-transition: background-color .3s ease-in;
 transition: background-color .3s ease-in;
}


#pun-profile #profilenav li a:hover{
 background-color: #9e6581;
 color: #fff;
 -moz-transition: background-color 0.01s;
 -webkit-transition: background-color 0.01s;
 -o-transition: background-color 0.01s;
 transition: background-color 0.01s;
}

#pun-profile div.fs-box.inline p.inputfield {
    margin: 1%;
}

#pun-profile .fs-box p {
    margin-bottom: 0.5em;
}

#pun-profile #profile10 .tcl {
    width: 8% !important;
}
#pun-profile #profile10 .tc2 {
    width: 16% !important;
}
#pun-profile #profile10 .tc3 {
    width: 13% !important;
}
#pun-profile #profile10 .tc3.checker{
        width: 4% !important;
}

#pun-profile #profile10 .tcr {
    width: 25% !important;
}

#pun-profile #filetable {
    font-size: 0.8em;
}
#pun-profile #profile10 #filetable thead {
    background-color: #ddd;
}
#pun-profile #profile10 .tcr input {
    width: 97%;
}

#pun-profile #profile8 dl {
  margin-left: -8em;
}
/** ТЕЛО ФОРУМА **/
/*цвет фона, шапка, оформление обычного текста*/
html {
            color: #58404e;
            font-family: "Roboto";
            font-size: 1em;
            background-color: #191417;
}
div#bground {
            height: 100%;
            width: 350px;
            position: absolute;
            top: 0;
            right: 3%;
}
#bground {
            background-image: url(/files/0018/58/2b/32861.png);
            background-repeat: no-repeat;
            position: relative;
            top: 0;
            left: 70%;
            overflow: hidden;
            background-position: -450px 0;
            z-index: -1;
}


/* обводка форума */
div#pun_wrap {
            margin-left: auto;
            margin-right: auto;
            margin-top: 50px;
            margin-bottom: 70px;
            border: 3px solid #79787e;
            padding: 25px;
            width: 86%;
            max-width: 1100px;
}
/* фон под контент, категории */ 
.container {background-color: #c1c1c1; padding: 5px; margin: 0px;}
.category, #pun-stats {
            background-color: #4f3945;
            background-image: url(/files/0018/58/2b/32861.png);
            background-repeat: no-repeat;
            background-position: 0 -210px;
            background-size: 70%;
            margin: -20px 0px 20px 0px;
}
.category h2, #pun-stats h2 {
            text-align: center;
            font-size: 1.3em;
            font-variant: small-caps;
            font-weight: bold;
            color: #c1c1c1;
            padding: 0 0 0.1em 0;
    }
#pun-main h1 span {
        display: block;
        width: 100%;
        margin-top: 0;
        text-align: center;
        font-variant: small-caps;
        font-size: 1.5em;
        font-family: "Merriweather";
        background-color: #c1c1c1;
}


/*оформление название форума*/
.forum-title {
    background-color: #43313d;
    padding: 0 2em;
    height: 1.5em;
    border-top: 1px solid #1d1d1d;
    border-bottom: 1px solid #1d1d1d;
    box-shadow: 0 3px 5px;
}
#pun-profile div#pun-title, #pun-edit div#pun-title {
    background-color: transparent;
}
.forum-title a, .forum-title a:hover {
    font-family: 'Roboto';
    color: #c1c1c1;
    text-decoration: none;
    font-weight: bold;
}
#pun-index .tcl h3 {
              text-transform: uppercase;
              text-align: left; 
              padding: 0.1em 0 0.1em;
  }

/* СПИСОК ПОЛЬЗОВАТЕЛЕЙ */
#pun-userlist .formal, #pun-userlist .formal .container {
              border-bottom: none;
              margin-bottom: 0;
  }
#pun-userlist .usertable .container {
              padding: 0 2.3em 2.3em 2.3em;
              border-top: none;
  }
#pun-userlist .usertable table, #pun-viewforum .forum table {
              border-style: solid;
              border-width: 1px;
  }
#userlist>fieldset {
    margin-top: 2em;
}
legend span, label {
    font-family: 'Merriweather';
}
#pun-userlist th, #pun-viewforum .forum th,  #messages table th {
    background-color: #ddd;
}
#pun-userlist .fs-box p {
    margin: 0 1% 0 1%;
}
#pun-userlist .usertable tr:nth-child(odd), #pun-viewforum .forum table tr:nth-child(odd), #messages table tr:nth-child(odd) {
    background-color: #ccc;
}
#pun-userlist .usertable tr:nth-child(even), #pun-viewforum .forum table tr:nth-child(even), #messages table tr:nth-child(even)  {
    background-color: #c2c2c2;
}
#pun-userlist th.username {
    width: 20%;
}
#pun-userlist th.title {
    width: 30%;
}
#pun-userlist th.relation, #pun-userlist th.posts {
    width: 10%;
}
#pun-userlist th.registered, #pun-userlist th.last_visit {
    width: 15%;
}

/* РАЗДЕЛ АДМИНИСТРИРОВАНИЯ */
.adminmain {
            padding-left: 0!important;
}

div.punbb-admin {
            margin-left: 150px;
            width: 75%;
}
#pun-admain1 .adcontainer {
            width: 85%;
}

.punbb-admin #pun-navlinks {
              left: 1em;
              top: -10px;
}

/*ссылки QBoards*/
.admin-advert-block {
    position: absolute;
    left: 60px;
    top: 140px;
}



.admin-advert-block a {
    font-size: 0.75em;
    text-decoration: none!important;
    text-transform: uppercase;
    color: #c2c1c2;
}

.admin-advert-block .admin-advert-block-buttons {
    height: 20px!important;
    margin-top: 10px!important;
}
.admin-advert-block .admin-advert-block-buttons * {
    margin-top: 10px!important;
    
}



#html-header .adcontainer {
    left: -9999px;
    position: absolute;
}

.punbb-admin #pun-title {
    top: 1em;
}
.punbb-admin #pun-status .container {
    top: 0;
    left: -1em;
}
 
.punbb-admin #pun-ulinks {
    margin-top: -11em!important;
}
.punbb-admin li#navindex, .punbb-admin li#navuserlist, .punbb-admin li#navsearch, .punbb-admin li#navprofile, .punbb-admin li#navpm, .punbb-admin li#navadmin, .punbb-admin li#navlogout {
    top: -80px;
    position: absolute;
}

.punbb-admin li#navuserlist {
    left: 30px;
}
.punbb-admin li#navsearch {
    left: 60px;
}
.punbb-admin li#navprofile {
    left: 90px;
}
.punbb-admin li#navpm {
    left: 120px;
}
.punbb-admin li#navadmin {
    left: 150px;
}
.punbb-admin li#navlogout {
    left: 180px;
}

.punbb-admin div#pun-crumbs1 {
    position: relative;
    top: 200px;
}
#punbb-admin_index #pun-admain2.adformal {
    position: relative;
    top: 1em;
}*/

.punbb-admin .adformal h2, .punbb-admin .adformal h2 span {
    background-color: #412f39;
}
.punbb-admin #pun-admain1 .adcontainer {
    width: 98%;
    color: #c1c1c1;
}

.punbb-admin .adinfofield a, .punbb-admin .adinfofield a:hover, .punbb-admin .adinput a, .punbb-admin .adinput a:hover  {
    color: #ec8bbb!important;
}
.punbb-admin div.linksb {
    position: relative;
    top: 14.6em;
    border-bottom: 2px dashed #796370;;
}
.punbb-admin div#pun-crumbs2 {
    position: relative;
    top: 15.07em;
    height: 3em;
}

.punbb-admin #pun-about {
    position: absolute;
    top: 6em;
}
.punbb-admin h2 span {
    color: #fff!important;
}
.punbb-admin .adcontainer fieldset legend span {
    width: 600px;
    display: block;
}
#pun-admain fieldset p {
    background-color: transparent!important;
    color: #c1c1c1!important;
    border-color: transparent!important;
}
#pun-admain .adformal {
    border-style: none none none none!important;
    top: 220px;
    position: relative;
}
#pun-admain span#descLength {
    color: #ec8bbb!important;
}
.punbb-admin textarea::-webkit-scrollbar {
  width: 12px;               /* ширина всей полосы прокрутки */
}
.punbb-admin textarea

.punbb-admin textarea::-webkit-scrollbar-track {
  background: #2e2329;        /* цвет зоны отслеживания */
}
::-webkit-scrollbar-thumb {
  background-color: #603b4d;    /* цвет бегунка */
  border-radius: 20px;       /* округлось бегунка */
  border: 1px solid #553648;  /* отступ вокруг бегунка */
}

.punbb-admin input.button, #pun-admin_users input[type='submit'] {
    background-color: #785569;
}

.punbb-admin .sortable span input[type="text"] {
    width: 95%;
}

.punbb-admin div#pun-admain2 {
    width: 100%;
}

.punbb-admin #pun-admain1 table.adcontainer  {
    width: 100%;
}
.punbb-admin #pun-admain1 table.adcontainer thead {
    color: black;
    border-color: transparent!important;
}

.punbb-admin #pun-admain1 table.adcontainer td,
#pun-admin_paid_services #pun-admain3 table.adcontainer td,
#pun-admin_pages #pun-admain2 table.adcontainer td,
#pun-admin_files #pun-admain1 table#filetable td {
    border-color: #464646;
    padding: 0.3em 1em;
}
.punbb-admin .linksb .pagelink a, .punbb-admin .linksb .pagelink a:hover,
.punbb-admin .linksb .postlink a, .punbb-admin .linksb .postlink a:hover,
.punbb-admin span.adlabel a, .punbb-admin span.adlabel a:hover {
    color: #b54a7f!important;   
}
.punbb-admin #pun-admain1 table.adcontainer td a, .punbb-admin #pun-admain1 table.adcontainer td a:hover,
.punbb-admin #pun-admain2 table.adcontainer td a, .punbb-admin #pun-admain2 table.adcontainer td a:hover,
.punbb-admin .page-container a, .punbb-admin .page-container a:hover, a#award-create, a#award-create:hover,
#pun-admin_files table#filetable a, #pun-admin_files table#filetable a:hover {
    color: #ec8bbb!important;   
}
.punbb-admin #pun-admain1 table.adcontainer tbody tr:nth-child(odd),
#pun-admin_paid_services #pun-admain3 table.adcontainer tbody tr:nth-child(odd),
#pun-admin_pages #pun-admain2 table.adcontainer tbody tr:nth-child(odd),
#pun-admin_files #pun-admain1 table#filetable tbody tr:nth-child(odd) {
    background-color: #3a3a3a;
}
.punbb-admin #pun-admain1 table.adcontainer tbody tr:nth-child(even),
#pun-admin_paid_services #pun-admain3 table.adcontainer tbody tr:nth-child(even),
#pun-admin_pages #pun-admain2 table.adcontainer tbody tr:nth-child(even),
#pun-admin_files #pun-admain1 table#filetable tbody tr:nth-child(even) {
    background-color: #222;
}
#pun-admin_paid_services #pun-admain3 table.adcontainer tbody tr:last-child {
    background-color: #622945;
}

.punbb-admin span select {
    width: 300px;
}
.punbb-admin #o-essentials input[type="text"] {
    width: 95%!important;
}
#pun-admin_options span.adinput {
    width: 80%;
}
#pun-admin_users span.adinput input[type='text'], #pun-admin_users span.adinput input[type='password']  {
    width: 300px;
}
#pun-admin_users span.adinput select {
    width: 318px;
}
.punbb-admin .ace_editor {
    height: 350px!important;
    border-radius: 10px;
}
#pun-admin_forms textarea {
    height: 200px;
}
#pun-admin_forms textarea[name="form[o_additional_navlinks]"]{
    height: 90px;
}
#pun-admin_bans div.adcontainer p.adinfofield {
    color: #c1c1c1;
    margin-bottom: 2em;
}
#pun-admin_index #pun-admain1 table.adcontainer tbody tr:nth-child(odd) {
    background-color: transparent!important;
}
#pun-admin_index #pun-admain1 table.adcontainer tbody tr:nth-child(even) {
    background-color: transparent!important;
}

#pun-message .info div.container {
    padding: 0 20em;
    color: red;
}

#pun-admin_categories #pun-admain1 fieldset + fieldset p:last-child .adinput {
    display: block;
}
.punbb-admin span#mail-message-preview {
    background-color: #412f39;
    border-radius: 10px;
}

#pun-admain table {
    width: 100%!important;

}
#pun-admain table tbody {
    color: #c1c1c1;
}

#pun-admin_index #pun-admain2.adformal {
    top: 0;
}

#pun-admin_paid_services #pun-admain1 h2 {
    margin-top: 2em;
}
#pun-admin_paid_services div.linksb {
    top: 0;
}
#pun-admin_paid_services div#pun-admain2.adformal {
    top: 0;
}
#pun-admin_pages .pagelink {
    color: #c1c1c1;
}
#pun-admain .adcontainer td {
    border-width: 0 0 0 0!important;
    /*border-color: #ddd;*/
}
tags.tagify.tagify--select.tag-filter.tagify--noTags.tagify--empty {
    background-color: #c1c1c1;
    color: #fff;
    width: 15em;
}
#pun-admain select#page-select {
    width: 5em;
}


/** НАЗВАНИЕ ФОРУМА, ЛОГОТИП**/

#pun-title {
    width: 500px;
    height: 6em;
    position: relative;
    top: -100px;
    left: 50%;
    overflow: hidden; 
    background: url(/files/0018/58/2b/32861.png) no-repeat; /*фон под названием*/
    background-position: 30px -80px;
    padding-top: 2em;
}



#pun-title .title-logo {
            display: block !important;
}

h1.title-logo span {font-family: "Cinzel Decorative"!important;
            font-size: 4em!important;
            color: #c2c1c2;
            text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.75);
}
h1.title-logo:first-letter {
            color: #523444;
}
#pun-title {
  }
#pun-title h1 {
              display : none;
  }
#pun-title .container {
              border-style: none solid none solid;
  }
#pun-title td.title-logo-tdl, #pun-title table, #pun-title td.title-logo-tdr {
              width: auto;
              height: auto;
}
#pun-title table {border: none;}
#pun-title td.title-logo-tdl {border: none;}
#pun-title td.title-logo-tdr {border: none; position: absolute;}

4

.category thead{
    display: none;
}
.category tr{
    display: flex;
}

.category tr .tcl{
    flex-basis: 70%;
}

.category .forum-title {
    float: left;
    width: 30%
}
.category .subforums {
    float: left;
    height: 100px;
    width: 100%
}
div.forop {
    position: relative;
    left: 2em;
    height: 120px;
}


Вы здесь » AMS SEARCH » 1.3 форум » копия


Рейтинг форумов | Создать форум бесплатно