VAMPIRE DIARIES * MYSTIC * AMS TEST

text text text text
текст текст текст текст текст
ссылка текст тестовый текст тестовый текст текст тестовый текст екст тестовый текст тестовый текст текст тестовый текстекст тестовый текст тестовый текст текст тестовый текстекст тестовый текст тестовый текст текст тестовый текстекст тестовый текст тестовый текст текст тестовый текст

AMS SEARCH

Объявление

ТЕКСТ ВЕРХ
НИЖНИЙ ТЕКСТ
ТЕКСТ 2
ТЕКСТИК 3
ТЕКСТ 4

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

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


Вы здесь » 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 форум » копия


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