post of the week

    Они поднимаются в тишине, такой густой и напряжённой, что можно ножом резать. Юми старается не смотреть на него, сама не понимая почему. Осознание того, что им предстоит приходит к ней, лишь когда она переступает порог номера. Она мнётся пару секунд, не зная, что с этим делать. Будто они сняли номер совсем не для работы...

    читать далее
    episode of the week you're starin' to forget?

    bosver

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

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


    Вы здесь » bosver » коды » как бы ( тестовик )


    как бы ( тестовик )

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

    1

    https://forumupload.ru/uploads/001b/6f/ae/3/306595.png

    https://forumupload.ru/uploads/001b/6f/ae/3/418914.png
    https://forumupload.ru/uploads/001b/6f/ae/3/95346.png https://forumupload.ru/uploads/001b/6f/ae/3/33476.png https://forumupload.ru/uploads/001b/6f/ae/3/685321.png

    0

    2

    Код:
    /*************************************************************
    СТРУКТУРА : все цвета, изображения, шрифты и проч. во втором окне
    *************************************************************/
    /* Не удалять
    -------------------------------------------------------------*/
    @import url(style_cs.css);
    /* Шрифты
    -------------------------------------------------------------*/
    @font-face {
      font-family: 'FontAwesome';
      src: local("FontAwesome"), url(https://forumstatic.ru/files/001b/6f/ae/91462.otf);
    }
    
    @font-face {
      font-family: 'Helvetica Bold';
      font-style: normal;
      src: url("https://forumstatic.ru/files/001b/6f/ae/45197.eot"), url("https://forumstatic.ru/files/001b/6f/ae/45197.eot") format("embedded-opentype"), url("https://forumstatic.ru/files/001b/6f/ae/37261.woff2") format("woff2"), url("https://forumstatic.ru/files/001b/6f/ae/68239.woff") format("woff"), url("https://forumstatic.ru/files/001b/6f/ae/71611.ttf") format("truetype"), url("https://forumstatic.ru/files/001b/6f/ae/52766.svg") format("svg");
    }
    
    @font-face {
      font-family: 'Helvetica Regular';
      font-style: normal;
      src: url("https://forumstatic.ru/files/001b/6f/ae/36354.eot"), url("https://forumstatic.ru/files/001b/6f/ae/36354.eot") format("embedded-opentype"), url("https://forumstatic.ru/files/001b/6f/ae/85193.woff2") format("woff2"), url("https://forumstatic.ru/files/001b/6f/ae/36754.woff") format("woff"), url("https://forumstatic.ru/files/001b/6f/ae/69832.ttf") format("truetype"), url("https://forumstatic.ru/files/001b/6f/ae/99970.svg") format("svg");
    }
    
    @font-face {
      font-family: 'Iglets';
      font-style: normal;
      src: url("https://forumstatic.ru/files/001a/16/90/47553.eot"), url("https://forumstatic.ru/files/001a/16/90/47553.eot") format("embedded-opentype"), url("https://forumstatic.ru/files/001a/16/90/62092.woff2") format("woff2"), url("https://forumstatic.ru/files/001a/16/90/93065.woff") format("woff"), url("https://forumstatic.ru/files/001a/16/90/48129.ttf") format("truetype"), url("https://forumstatic.ru/files/001a/16/90/50670.svg") format("svg");
    }
    
    /* Обнуление
    -------------------------------------------------------------*/
    * {
      border: none !important;
      border-style: none !important;
      border-width: 0 !important;
      border-color: transparent !important;
      -webkit-text-size-adjust: none !important;
      -moz-text-size-adjust: none !important;
      -ms-text-size-adjust: none !important;
    }
    
    html,
    body {
      margin: 0 !important;
      padding: 0 !important;
      outline: none !important;
      -webkit-text-size-adjust: none !important;
      -moz-text-size-adjust: none !important;
      -ms-text-size-adjust: none !important;
    }
    
    .punbb * {
      margin: 0;
    }
    
    #pun {
      position: relative;
    }
    
    .punbb {
      float: left;
      width: 100%;
      height: auto;
    }
    
    #pun-redirect,
    #pun-maint {
      margin: 0 auto;
      width: auto;
      float: none;
    }
    
    .punbb ul,
    .punbb dl,
    .punbb li,
    .punbb dd,
    .punbb dt {
      padding: 0;
      list-style: none;
    }
    
    /* Скрытые элементы
    -------------------------------------------------------------*/
    #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;
    }
    
    td#title-logo-tdr,
    .punbb .datafield br,
    #post-form h2 span,
    #pun-messages .user-avatar,
    #pun-searchposts li.pa-replies,
    #pun-messages li.pa-reg,
    #pun-messages li.pa-posts,
    #pun-title h1,
    #navawards,
    #pun-ulinks li.item5,
    #pun-main div.catleft,
    #pun-main div.catright,
    .topic a.sharelink,
    li.pl-reports,
    #pun-live-rusff,
    form#register .info-box,
    #button-files_rusff,
    #button-graffiti_rusff,
    #post legend span,
    div#topic-modmenu span,
    .stickytext,
    .closedatafield,
    p.lastedit,
    lastedit,
    div#most_invitations,
    #pun-announcement h2,
    #pun-viewforum .modmenu .container span,
    #pun-searchtopics .modmenu .container span,
    li#pa-invites,
    #pun-multimove li.pa-title,
    div#pun-profile div#pun-main h1,
    .punbb .main td .modlist,
    #pun-index .main td.tcr br {
      display: none !important;
    }
    
    /* Тело
    -------------------------------------------------------------*/
    body {
      font-size: 100.01%;
    }
    
    .punbb {
      font: normal 68.75% verdana, arial, helvetica, sans-serif;
      padding: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    .punbb .main table {
      table-layout: fixed;
      width: 100%;
    }
    
    .punbb .section {
      margin: 0 auto;
      width: 100%;
    }
    
    .punbb .main {
      margin-bottom: 0;
    }
    
    .punbb .topic {
      margin-top: 1em;
    }
    
    .punbb .category,
    .punbb .post {
      margin-top: 0.4em;
    }
    
    .punbb .category {
      cursor: default;
    }
    
    .punbb #pun-category1,
    .punbb .toppost,
    .punbb .topicpost {
      margin-top: 0;
    }
    
    .checkfield input[type="checkbox"],
    .radiofield input[type="radio"] {
      margin: 0 0.3em;
    }
    
    p[class="checkfield"] *,
    div[class="checkfield"] *,
    fieldset[class="radiofield"] * {
      height: 1.3em;
      vertical-align: middle;
    }
    
    /* Шапка
    -------------------------------------------------------------*/
    #pun-title td.title-logo-tdl {
      width: 100%;
    }
    
    /* Меню навигации: форум, участники и т. д.
    -------------------------------------------------------------*/
    #pun-navlinks .container {
      margin: 0;
      background: transparent;
    }
    
    #navindex a:before,
    #navuserlist a:before,
    #navsearch a:before,
    #navprofile a:before,
    #navpm a:before,
    #navadmin a:before,
    #navlogout a:before,
    #navlogin a:before,
    #navregister a:before,
    #navpr_1 a:before {
      display: inline-block;
    }
    
    /* Меню навигации 2: новые соо, активные темы и т. д.
    -------------------------------------------------------------*/
    #pun-ulinks li {
      display: inline;
      white-space: nowrap;
    }
    
    #pun-ulinks li a {
      display: inline;
      white-space: nowrap;
    }
    
    /* Приветствие и "хлебные крошки"
    -------------------------------------------------------------*/
    #pun-status {
      margin: 0 auto;
    }
    
    #pun-status .container {
      margin-bottom: 0;
    }
    
    #pun-crumbs1 {
      overflow: hidden;
      margin: 0;
    }
    
    #pun-crumbs1 p.container {
      padding: 20px 0 10px 0;
    }
    
    #pun-break1 {
      height: 0;
      margin: 0;
      position: relative;
      z-index: 1;
    }
    
    /* Объявление
    -------------------------------------------------------------*/
    #pun-announcement .container {
      padding: 10px 0 0 0;
    }
    
    /* Таблица общее
    -------------------------------------------------------------*/
    .punbb .main .tcmod {
      text-align: center;
      width: 3%;
    }
    
    .punbb .main td {
      padding: 1em 2px;
    }
    
    #pun-index .main td {
      padding: 0;
    }
    
    .punbb .main th {
      padding: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 0;
    }
    
    .punbb .main td span.youposted {
      position: absolute;
    }
    
    .punbb tbody.hasicon td.tcl {
      padding-left: 0;
    }
    
    .punbb .user-avatar {
      margin: 0 0 0 12px !important;
      float: right !important;
      position: relative;
    }
    
    .punbb .user-avatar .isonline {
      display: block;
      position: absolute;
      animation: blinkColor 1.2s linear infinite !important;
      -moz-animation: blinkColor 1.2s linear infinite !important;
      -webkit-animation: blinkColor 1.2s linear infinite !important;
      z-index: 100;
    }
    
    .multipage {
      margin-top: 2em;
    }
    
    .multipage,
    div#pun-main,
    div#pun-stats,
    div#pun-crumbs1,
    div#pun-crumbs2,
    div#pun-status,
    div#pun-about {
      padding: 0;
    }
    
    /* Таблица на index
    -------------------------------------------------------------*/
    #pun-index .main .tcl {
      overflow: hidden;
      width: 59%;
    }
    
    #pun-index .main .tc2,
    #pun-index .main .tc3 {
      width: 0;
      font-size: 0;
    }
    
    #pun-index .main .tcr {
      overflow: hidden;
      width: 40%;
    }
    
    #pun-index div.icon {
      line-height: 0;
    }
    
    #pun-index .user-avatar {
      height: 100% !important;
      width: 30px !important;
    }
    
    /* Таблица на searchtopics и viewforum
    -------------------------------------------------------------*/
    #pun-searchtopics tr {
      vertical-align: top;
    }
    
    #pun-searchtopics .tcl {
      width: 40% !important;
    }
    
    #pun-searchtopics .tc2 {
      width: 30% !important;
    }
    
    #pun-searchtopics .tc3 {
      width: 10% !important;
    }
    
    #pun-searchtopics .tcr {
      width: 20% !important;
    }
    
    #pun-searchtopics div.icon {
      float: none;
      position: absolute;
      line-height: 0;
    }
    
    #pun-viewforum tr,
    .multipage tr {
      vertical-align: top;
    }
    
    #pun-viewforum .tcl,
    .multipage .tcl {
      width: 50% !important;
    }
    
    #pun-viewforum .tc2,
    #pun-viewforum .tc3,
    .multipage .tc2,
    .multipage .tc3 {
      width: 10% !important;
    }
    
    #pun-viewforum .tcr,
    .multipage .tcr {
      width: 30% !important;
    }
    
    #pun-viewforum .tcr a,
    .multipage .tcr a {
      display: block;
    }
    
    #pun-viewforum div.icon,
    .multipage div.icon {
      float: none;
      position: absolute;
      line-height: 0;
    }
    
    /* Таблица на userlist
    -------------------------------------------------------------*/
    #pun-userlist .tcl {
      width: 20% !important;
      text-align: left;
    }
    
    #pun-userlist .tc2 {
      width: 20% !important;
      text-align: center;
      vertical-align: middle;
    }
    
    #pun-userlist .tc3 {
      width: 15% !important;
      text-align: center;
      vertical-align: middle;
    }
    
    #pun-userlist .tc3:last-child {
      text-align: right;
    }
    
    .usertable {
      margin: 20px auto;
    }
    
    /* Таблица на debug и statistic
    -------------------------------------------------------------*/
    #pun-debug .tcl {
      width: 15%;
      white-space: normal;
    }
    
    #pun-debug .tcr {
      width: 90%;
      white-space: normal;
    }
    
    #pun-statistic {
      text-transform: lowercase;
    }
    
    #pun-statistic .tcl {
      text-align: left !important;
    }
    
    #pun-statistic .tc2 {
      text-align: center !important;
    }
    
    #pun-statistic .tc3:not(:last-of-type) {
      text-align: center !important;
    }
    
    #pun-statistic .tc3:last-of-type {
      text-align: right !important;
    }
    
    #pun-statistic th {
      font-size: 9px;
    }
    
    div#statistic-other {
      text-align: center;
      margin-top: 10px;
    }
    
    #pun-online .tcl,
    #pun-online .tc3 {
      width: 33% !important;
    }
    
    #pun-online .tc3 {
      text-align: right;
    }
    
    #pun-online td.tcl.username,
    #pun-online th.tcl:first-child {
      text-align: left;
    }
    
    #pun-online .tcl.action {
      text-align: center;
    }
    
    #pun-online .tcl.action strong {
      font-weight: normal !important;
    }
    
    /* Таблица на pun-messages
    -------------------------------------------------------------*/
    #pun-messages tbody.hasicon td.tcl {
      padding-left: 0;
    }
    
    #pun-messages div.icon {
      float: none;
      position: absolute;
      line-height: 0;
    }
    
    #pun-messages tr {
      vertical-align: middle;
    }
    
    #pun-messages .tcl {
      width: 30% !important;
      text-align: left;
    }
    
    #pun-messages .tc2 {
      width: 20% !important;
    }
    
    #pun-messages .tc2:last-of-type {
      width: 5% !important;
    }
    
    #pun-messages .tc3 {
      width: 10% !important;
    }
    
    #pun-messages .tcr {
      width: 30% !important;
    }
    
    #pun-messages .tcr a {
      display: block;
    }
    
    #pun-messages fieldset {
      padding: 0 8px 0 0;
    }
    
    /* Личные сообщения
    -------------------------------------------------------------*/
    #volSlider {
      display: block !important;
      float: right !important;
      margin: 5px 0 0 1em !important;
    }
    
    #volSlider .before {
      margin: 0 !important;
    }
    
    #volSlider .thumb {
      cursor: pointer !important;
      display: inline-block !important;
      position: relative !important;
    }
    
    /* Поиск по постам юзера
    -------------------------------------------------------------*/
    #pun-searchposts .post-author {
      padding: 0 !important;
    }
    
    /* Статистика
    -------------------------------------------------------------*/
    #pun-stats .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: wrap;
      flex-flow: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    #pun-stats li.item1,
    #pun-stats li.item2,
    #pun-stats li.item3,
    #pun-stats li.item4 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-flow: wrap;
      flex-flow: wrap;
      text-align: center;
      padding: 3px 0;
      cursor: default;
    }
    
    #pun-stats li.item1 span,
    #pun-stats li.item2 span,
    #pun-stats li.item3 span,
    #pun-stats li.item4 span {
      margin-right: 2px;
    }
    
    #pun-stats li.item1,
    #pun-stats li.item2 {
      width: auto;
    }
    
    #pun-stats li.item3 {
      width: auto;
    }
    
    #pun-stats li.item4 {
      width: auto;
    }
    
    li#onlinelist {
      float: left;
      text-align: justify;
      width: 100%;
      margin: 1.5em 0 0 0;
      line-height: 130%;
    }
    
    li#onlinelist div {
      padding: 0.7em 0 0 0;
    }
    
    /* Футер и "хлебные крошки" 2
    -------------------------------------------------------------*/
    #pun-qjump {
      width: 50%;
      margin: 0;
      position: relative;
    }
    
    #pun-qjump .container {
      background: transparent;
    }
    
    #pun-about {
      margin: 0;
    }
    
    #pun-about .container {
      text-align: center;
      line-height: 150%;
    }
    
    #pun-about p span {
      display: block;
      padding: 0;
    }
    
    #pun-crumbs2 {
      font-weight: normal;
      overflow: hidden;
      margin: 10px 0;
    }
    
    #pun-index #pun-crumbs2 {
      margin: 30px 0 0 0;
    }
    
    #pun-crumbs2 .container {
      padding: 0;
    }
    
    #pun-break4 {
      position: relative;
      height: 0;
      margin: 0;
      z-index: 1;
    }
    
    /* Посты
    -------------------------------------------------------------*/
    #main-reply {
      line-height: 170%;
      padding: 10px;
    }
    
    .punbb textarea,
    .punbb input,
    .punbb select,
    .punbb optgroup {
      outline: none;
      padding: 5px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0;
    }
    
    .punbb .post .container {
      margin-top: 0 !important;
      padding-bottom: 0;
    }
    
    .punbb .post h3 span {
      margin: 0 !important;
      padding: 0;
    }
    
    .punbb .post h3 strong {
      width: 5em;
      float: right;
    }
    
    .punbb .post .post-author ul,
    .punbb .post .post-author p {
      padding: 0;
      line-height: 140%;
    }
    
    .punbb fieldset {
      padding: 0;
      margin: 0 0 1em 0;
    }
    
    .punbb fieldset legend {
      padding: 0;
      margin: 0;
    }
    
    .punbb fieldset legend span {
      padding: 0;
      margin: 0;
    }
    
    .punbb fieldset .post-box {
      margin-bottom: 0.8em;
    }
    
    .punbb .post-content {
      padding: 0;
      margin: 0;
      width: 100%;
      overflow: hidden;
    }
    
    #pun-messages .post-content {
      width: 100% !important;
    }
    
    .punbb .post-content p {
      margin: 0;
      padding: 0 0 1em 0;
      line-height: 170%;
    }
    
    .punbb .post-content blockquote p:last-of-type {
      padding: 0;
    }
    
    .punbb .post-content img {
      vertical-align: text-bottom;
    }
    
    .punbb .post-content img.postimg {
      vertical-align: middle;
    }
    
    .punbb .post-content blockquote,
    .punbb .post-content .blockcode {
      overflow: hidden;
      margin: 0;
      padding: 8px 12px;
    }
    
    .punbb .post-content .scrollbox {
      height: auto !important;
      max-height: 100px !important;
      overflow-y: auto;
    }
    
    .punbb .post-content .spoiler-box > div {
      padding: 8px 12px !important;
      line-height: 170%;
    }
    
    .punbb .post-content .spoiler-box > blockquote.visible {
      padding: 0 12px 8px 12px !important;
    }
    
    .punbb .post-content .spoiler-box > div:before,
    .punbb .post-content .spoiler-box > div.visible:before {
      display: inline-block;
    }
    
    .punbb .post-content .quote-box,
    .punbb .post-content .code-box {
      margin: 0 0 1em;
      padding: 0;
    }
    
    .punbb .info .container {
      padding: 1em 2em;
      text-align: center;
    }
    
    .punbb .info .container .backlink {
      padding-top: 0.8em;
    }
    
    .punbb .info-box {
      padding: 1.1em 1.7em 1em 1.7em;
      margin: 0 0 1.1em 0;
    }
    
    .punbb .info-box * {
      padding: 0 0 0.7em 0;
    }
    
    .punbb .fs-box {
      padding: 1em 0 0.8em 0;
    }
    
    .punbb .fs-box p,
    .punbb .fs-box fieldset {
      padding: 0 0 0.8em 0;
      line-height: 160%;
    }
    
    .punbb .inline .inputfield,
    .punbb .inline .selectfield,
    .punbb .inline .passfield {
      float: left;
      margin-right: 1em;
      line-height: 160%;
    }
    
    .punbb .inline .infofield {
      clear: both;
      text-transform: lowercase;
    }
    
    .punbb .areafield span.input,
    .punbb p.longinput span.input {
      display: block;
      padding: 0 12em 0 0;
      height: 100%;
    }
    
    .punbb textarea,
    .punbb .longinput input {
      width: auto;
      margin: 0;
    }
    
    .punbb .post-body {
      margin-left: 22.5em !important;
      padding: 0;
    }
    
    .punbb .post-box {
      padding: 0;
    }
    
    .punbb .post-links {
      margin: 0 0 0 0;
    }
    
    .punbb .post-links ul {
      height: 2em;
      margin-left: 0;
      padding: 15px 0 5px 0;
      background: transparent;
    }
    
    .punbb .post-links li {
      display: inline;
    }
    
    .punbb .post-links li:not(:first-of-type) {
      margin-left: 1em;
    }
    
    .punbb .hashelp {
      position: relative;
    }
    
    .punbb .clearer {
      clear: both;
      height: 0;
      font-size: 0;
    }
    
    .punbb .post-sig dt {
      display: block;
      width: 50%;
      margin: 10px auto;
    }
    
    .punbb dl.post-sig p,
    #profile-signature p,
    dl.parsedsig p {
      line-height: 100% !important;
    }
    
    .punbb .helplinks {
      display: block;
      position: absolute;
      width: 36%;
      top: 1em;
      right: 0;
      font-weight: normal;
    }
    
    .punbb .helplinks span {
      display: block;
      padding-bottom: 0.2em;
    }
    
    .punbb .quote-box cite,
    .punbb .code-box strong.legend {
      display: block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0;
    }
    
    .punbb #profile .helplinks {
      top: 1.5em;
    }
    
    .punbb .formal .container {
      padding: 0;
    }
    
    #pun-post .formal .info-box li {
      list-style-type: square;
      list-style-position: inside;
      margin: 0;
      padding-left: 4px;
      line-height: 1.5;
    }
    
    .pl-email,
    .pl-website {
      float: left;
    }
    
    form#rep_form .tc2 input {
      cursor: pointer;
      margin: 0 0 8px 0 !important;
      padding: 7px 13px !important;
    }
    
    /* Пагинация и соседние строчки
    -------------------------------------------------------------*/
    #pun-pagelinks {
      position: absolute;
      top: -15px;
      left: 0;
      margin: 0;
      padding: 0;
      width: 100%;
    }
    
    #pun-pagelinks .container {
      background: transparent;
      padding: 0;
    }
    
    #pun-pagelinks .container li {
      display: inline;
    }
    
    #pun-pagelinks li a {
      display: block;
      float: left;
      width: 100%;
      height: 2em;
      margin-left: -9999px;
      padding: 0;
    }
    
    #pun-pagelinks li a span {
      display: block;
      margin: 0 1em;
    }
    
    #pun-pagelinks a:link,
    #pun-pagelinks a:hover {
      display: block;
      float: left;
      width: 100%;
      height: 2em;
      margin-left: -9999px;
      padding: 0;
    }
    
    #pun-pagelinks a:active,
    #pun-pagelinks a:focus {
      position: relative;
      margin: 0;
    }
    
    .punbb .linkst {
      float: left;
      position: relative;
      width: 100%;
      height: 0;
    }
    
    .linkst .pagelink {
      position: absolute;
      width: 24em;
      top: -30px;
      left: 0;
    }
    
    .linkst .postlink {
      position: absolute;
      top: -30px;
      right: 0;
      width: 16em;
    }
    
    .punbb .linksb {
      padding: 0.5em 0;
    }
    
    .linksb .pagelink {
      float: left;
      width: 24em;
    }
    
    .linksb .postlink {
      float: right;
      width: 16em;
    }
    
    #pun-viewtopic .linksb {
      padding: 0.5em 0;
      text-transform: uppercase;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 20px;
    }
    
    #pun-viewtopic .linksb .pagelink {
      float: none;
      width: auto;
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0;
      position: absolute;
      left: 40px;
      text-align: left;
    }
    
    #pun-viewtopic .linksb .postlink {
      float: none;
      width: auto;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }
    
    #pun-viewtopic .linksb .subscribelink {
      float: none;
      width: auto;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
    }
    
    #pun-viewtopic .linksb .postlink,
    #pun-viewtopic .linksb .subscribelink {
      text-align: right;
      width: auto;
      height: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-left: 40px !important;
    }
    
    /* Профиль в постах
    -------------------------------------------------------------*/
    .punbb .post .post-author {
      float: left;
      margin: 0;
      overflow: hidden;
    }
    
    .pa-author {
      overflow: hidden;
    }
    
    .pa-posts,
    .pa-respect {
      display: block;
      width: calc(100%/2 - 0px);
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    .pa-posts,
    .pa-respect {
      margin: 0;
    }
    
    .pa-respect img {
      margin-bottom: -1px;
    }
    
    /* Страница профиля
    -------------------------------------------------------------*/
    #viewprofile ul {
      margin: 0;
      padding: 0;
    }
    
    #viewprofile li {
      margin: 0;
      padding: 0;
    }
    
    #viewprofile li strong,
    #viewprofile li div {
      padding: 0;
      display: block;
      padding: 0;
    }
    
    #viewprofile h2 {
      background: transparent;
      padding: 0;
      margin: 0 14px;
    }
    
    #viewprofile h2 span {
      padding: 0 5px;
      position: relative;
    }
    
    #profile-left {
      margin: 0 !important;
      overflow: hidden;
    }
    
    #profile-left li {
      width: 100%;
    }
    
    #profile-left li#pa-avatar {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100% !important;
      height: auto;
    }
    
    #profile-left strong {
      font-weight: normal;
    }
    
    #profile-right {
      width: auto !important;
    }
    
    #profile-right li {
      margin: 0;
      text-align: left;
      margin: 0 0 20px 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    
    #profile-right li span {
      float: left;
      min-width: 160px;
      padding: 0;
      margin: 0 20px 0 0px;
      font-weight: normal !important;
      white-space: nowrap;
      display: block;
    }
    
    td#profile-right {
      display: block;
      margin-left: 70px;
    }
    
    /* Настройки профиля
    -------------------------------------------------------------*/
    #profile .container {
      padding-left: 16.6em;
      margin-top: 2em;
    }
    
    #profilenav {
      float: left;
      width: 13em;
      margin-left: -16em;
      display: inline;
    }
    
    #profilenav ul {
      margin: 0 0 1em 0;
      padding: 0;
    }
    
    #profilenav li {
      padding-bottom: 0.8em;
    }
    
    #profilenav h2 {
      background: transparent;
      padding: 0;
      margin: 0 0 10px 0;
    }
    
    #profilenav h2 span {
      padding: 0;
      position: relative;
    }
    
    #setmods dd {
      padding: 0;
    }
    
    #setmods dl {
      padding: 0 0 0 8em;
      margin: 0;
    }
    
    #setmods dt {
      float: left;
      display: inline;
      width: 14em;
      margin-left: -16em;
      font-weight: normal;
    }
    
    #setmods dd {
      display: block;
    }
    
    .punbb img.avatardemo {
      float: right;
      margin: 0 0 0.8em 1.8em;
    }
    
    /* Меню модератора
    -------------------------------------------------------------*/
    .punbb .modmenu .container {
      padding: 0.8em 0;
      text-align: left;
    }
    
    #pun-multimove .modmenu .container {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
      justify-content: flex-end !important;
      -webkit-box-align: center !important;
      -ms-flex-align: center !important;
      align-items: center !important;
    }
    
    #pun-multimove input#messages-selector {
      margin-right: 5px;
    }
    
    .punbb .modmenu strong {
      height: 1.8em;
      line-height: 1.8em;
    }
    
    .punbb .modmenu .container strong {
      float: left;
    }
    
    .punbb .modmenu a {
      height: 1.8em;
      line-height: 1;
    }
    
    .punbb .modmenu input {
      margin-left: 1em;
    }
    
    div#topic-modmenu {
      margin-top: 0;
    }
    
    /* Хелп
    -------------------------------------------------------------*/
    #pun-help .formal .info-box h3.legend {
      padding-bottom: 0;
      margin-bottom: 0.8em;
    }
    
    #pun-help .formal .info-box h3.legend span {
      display: block;
      padding-bottom: 0.6em;
      font-size: 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;
    }
    
    /* Ссылки и переходы
    -------------------------------------------------------------*/
    a,
    #pun-stats li.item1,
    #pun-stats li.item2,
    #pun-stats li.item3,
    #pun-stats li.item4,
    .punbb .user-avatar .isonline,
    .punbb .user-avatar .avatar-image,
    li.pa-avatar.item2 img,
    #profile-left li#pa-avatar img,
    #pun-ulinks,
    input.button,
    .bookmark,
    .pa-respect .fld-name:before,
    .header-text-title no:after,
    #profile-left li#pa-edit,
    #pun-index .main .tcl h3,
    .pa-posts,
    .pa-respect,
    .punbb .quote-box cite,
    a.qc-post-link:before,
    #pun-navlinks a:after,
    .punbb .post-links li,
    #pun-index div.container tbody.hasicon tr {
      text-decoration: none !important;
      transition: all 0.4s ease !important;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
    }
    
    /* Заголовки
    -------------------------------------------------------------*/
    #pun-main h1,
    #pun-main h2,
    #pun-debug h2 {
      padding: 0.5em 0;
    }
    
    /* Формы и кнопки
    -------------------------------------------------------------*/
    .punbb .formsubmit {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-transform: lowercase;
      padding: 0;
      margin: 1em 0;
      text-align: center;
    }
    
    .punbb .formsubmit input {
      cursor: pointer;
    }
    
    .punbb .formsubmit input,
    .punbb .formsubmit a,
    .punbb .formsubmit span {
      margin: 0 20px 8px 0 !important;
      padding: 6px 14px 6px 15px !important;
    }
    
    input.button:last-of-type,
    .punbb .formsubmit input:last-of-type,
    .punbb .formsubmit a:last-of-type,
    .punbb .formsubmit span:last-of-type {
      margin: 0 0 8px 0 !important;
    }
    
    #login .formsubmit input:last-of-type {
      margin: 0 20px 8px 0 !important;
    }
    
    .punbb .formsubmit a,
    .punbb .formsubmit span {
      margin: 0 0.6em 0 0;
    }
    
    #profile .formsubmit {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0;
      margin: 1em 0 0 0;
      text-align: center;
    }
    
    #form-buttons table {
      width: 100% !important;
    }
    
    input.button,
    button.sml {
      cursor: pointer;
      margin: 0 20px 8px 0 !important;
      padding: 6px 20px !important;
    }
    
    #pun-multimove input.button {
      margin: 0 0 0 20px !important;
    }
    
    form#register fieldset {
      padding: 0;
      margin: 0 0 1em 0;
    }
    
    /* Админка
    -------------------------------------------------------------*/
    #pun-adnav {
      margin-left: -14em !important;
    }
    
    #pun-adnav ul {
      padding: 0 !important;
      margin: 0;
    }
    
    .ace_editor {
      overflow: hidden !important;
    }
    
    #pun-admain .adlabel {
      width: auto !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      float: none !important;
      margin-left: 0 !important;
    }
    
    #pun-admain fieldset .handle,
    #pun-admain fieldset p {
      margin-bottom: 5px !important;
      padding: 0.6em !important;
    }
    
    #pun-admain p.adsubmitfield .adlabel {
      padding-bottom: 0 !important;
    }
    
    #pun-admain span.adsubmit {
      position: relative !important;
      left: 0 !important;
      width: 16em !important;
      top: 0.5em !important;
    }
    
    #pun-admain .adinput {
      padding: 0 !important;
    }
    
    #pun-admin_index #pun-admain .adformal div ul,
    #pun-admin_index #pun-admain div p {
      padding: 0.6em !important;
    }
    
    /* Панель в форме ответа
     -------------------------------------------------------------*/
    #font-area,
    #size-area,
    #color-area,
    #table-area,
    #image-area,
    #imageup-area,
    #imageattach-area,
    #keyboard-area,
    #video-area,
    #addition-area,
    #smilies-area,
    #video-area,
    #spoiler-area {
      padding: 7px !important;
      overflow-y: auto;
      max-height: 249px;
    }
    
    #tags .container {
      top: auto !important;
      margin-top: 0;
    }
    
    div#color-area,
    div#table-area,
    div#image-area,
    div#imageup-area,
    div#imageattach-area,
    div#keyboard-area,
    div#video-area,
    div#addition-area,
    div#smilies-area,
    div#video-area,
    div#spoiler-area {
      right: 0 !important;
    }
    
    #addition-area div,
    #font-area div,
    #size-area div {
      padding: 4px 5px 5px 5px !important;
      height: auto !important;
    }
    
    #font-area span,
    #size-area span {
      height: auto !important;
    }
    
    #keyboard-span input {
      cursor: pointer;
      margin: 1px !important;
      height: 29px !important;
      min-width: 30px !important;
      line-height: 100% !important;
    }
    
    #smilies-area img {
      margin-right: 4px !important;
      margin-bottom: 2px !important;
    }
    
    .uploadQueueItem {
      padding: 5px !important;
      border-radius: 0 !important;
      background: transparent !important;
    }
    
    #upload-button-container input[type=button],
    #imageupload-left input[type=button],
    #selected-image-width,
    #selected-thumb-width,
    #imageupload-left select {
      cursor: pointer !important;
    }
    
    #imageupload-left input[type=button] {
      width: auto !important;
    }
    
    #uploaded-images img {
      cursor: pointer !important;
      width: auto !important;
      height: 50px !important;
      max-width: 100px;
      margin-right: 4px !important;
    }
    
    #video-area-tinp,
    #image-area-tinp {
      margin: 0.8em 0 !important;
      border: none !important;
    }
    
    div#video-area-actions {
      text-align: right !important;
      line-height: 2em !important;
    }
    
    /* Репутация
     -------------------------------------------------------------*/
    form#rep_form .tc2,
    form#rep_form .tc3 {
      width: 100% !important;
    }
    
    textarea#reputationText {
      width: 100% !important;
    }
    
    #pun-report .inner,
    #pun-reputation .inner,
    #pun-admin-award-form .inner {
      padding: 20px !important;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    #pun-report .inner .container,
    #pun-reputation .inner .container,
    #pun-admin-award-form .inner .container {
      padding: 0 !important;
    }
    
    #pun-respect .tcl {
      width: 20% !important;
      text-align: left;
    }
    
    #pun-respect .tc2 {
      width: 5% !important;
      text-align: center;
    }
    
    #pun-respect .tc3 {
      width: 25% !important;
      text-align: center;
    }
    
    #pun-respect .tcr {
      width: 25% !important;
      text-align: right;
      text-transform: lowercase;
    }
    
    .removeReputation {
      background: transparent !important;
    }
    
    div.post-rating p {
      padding: 0 !important;
    }
    
    /* Закладки
     -------------------------------------------------------------*/
    #MyBookmarks {
      padding: 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    #MyBookmarks .container {
      margin-top: 20px;
      line-height: 150% !important;
    }
    
    input#reputationButtonSend {
      margin: 0 0 8px 0 !important;
    }
    
    /* Для мобильных
     -------------------------------------------------------------*/
    @media screen and (max-device-width: 480px) {
      body {
        width: 1072px;
      }
      #BookmCntToggle {
        display: none !important;
      }
      #Go_Top,
      #Go_Bottom,
      #Go_Top:before,
      #Go_Bottom:before {
        display: none !important;
      }
    }
    
    /* Дополнительно
     -------------------------------------------------------------*/

    0

    3

    Код:
    /*************************************************************
    СТИЛЬ
    *************************************************************/
    /* Тело
    -------------------------------------------------------------*/
    body {
      background-color: #222;
      background-image: url(https://forumstatic.ru/files/001a/16/90/36735.jpg);
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-size: cover;
      background-position: top center;
    }
    
    #pun {
      background: url(https://forumstatic.ru/files/001a/16/90/52853.png) repeat-y;
      width: 1062px;
      margin: 280px auto 0px;
      padding: 0 60px 0 40px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    .punbb {
      margin: 0 0 0 0;
      width: 100% !important;
      padding: 0 !important;
    }
    
    .punbb .main .container,
    .punbb .post .container {
      background-color: transparent;
      color: #333;
    }
    
    .punbb .section .container,
    .punbb .post-body,
    .punbb .post-links,
    .punbb td.tc2,
    .punbb td.tc3,
    .punbb .formal fieldset .post-box,
    .punbb .info-box,
    .punbb #pun-main .info-box .legend {
      background-color: transparent;
      color: #333;
    }
    
    .punbb th {
      background-color: transparent;
      color: #333;
    }
    
    #setmods dd,
    #setmods dl {
      background-color: transparent;
      color: #333;
      font-weight: normal !important;
    }
    
    /* Шапка
            -------------------------------------------------------------*/
    #pun-title {
      margin: 0;
    }
    
    #pun-title h1 span {
      font-size: 0;
    }
    
    #pun-title table {
      background: url(https://forumstatic.ru/files/001a/16/90/37234.png) no-repeat;
      width: 1062px;
      height: 202px;
      margin: -202px 0 0 -40px;
    }
    
    #pun-title table:after {
      content: '';
      background: url(https://forumstatic.ru/files/001a/16/90/74608.png) no-repeat;
      width: 1062px;
      height: 161px;
      display: block;
      margin: 19px auto 0;
    }
    
    /* Меню навигации: форум, участники и т. д.
            -------------------------------------------------------------*/
    #pun-navlinks {
      width: 500px !important;
      word-spacing: 0;
      padding: 0 !important;
      display: block;
      position: absolute;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      font-style: normal;
      z-index: 999;
      left: calc(50% - 530px);
      margin-top: -240px;
      letter-spacing: 0 !important;
    }
    
    #pun-navlinks a {
      color: #d5d4bc;
    }
    
    #pun-navlinks a:hover,
    #pun-navlinks a:focus,
    #pun-navlinks a:active {
      color: #575852 !important;
    }
    
    #pun-navlinks .container {
      background: transparent;
      color: #f1f1f1;
      padding: 0;
      width: 500px;
    }
    
    #pun-navlinks li {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      padding: 0;
      margin-right: 15px;
    }
    
    #pun-navlinks li a {
      width: 30px;
      height: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-radius: 50%;
      background: #86887a;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      letter-spacing: 0 !important;
    }
    
    #pun-navlinks li a > span {
      font-size: 0;
    }
    
    #navindex a:before,
    #navuserlist a:before,
    #navsearch a:before,
    #navprofile a:before,
    #navpm a:before,
    #navadmin a:before,
    #navlogout a:before,
    #navlogin a:before,
    #navregister a:before,
    #navpr_1 a:before {
      height: auto;
      width: auto;
      margin: 0;
      font-family: 'FontAwesome';
      font-size: 14px;
      font-weight: 900;
      line-height: 1;
      text-align: center;
    }
    
    #navindex a:before {
      content: '\f015';
    }
    
    #navuserlist a:before {
      content: '\f007';
    }
    
    #navsearch a:before {
      content: '\f002';
    }
    
    #navprofile a:before {
      content: '\f004';
    }
    
    #navpm a:before {
      content: '\f075';
    }
    
    #navadmin a:before {
      content: '\f013';
    }
    
    #navlogout a:before {
      content: '\f051';
    }
    
    #navlogin a:before {
      content: '\f048';
    }
    
    #navregister a:before {
      content: '\f09c';
    }
    
    #navpr_1 a:before {
      content: '\f1d8';
    }
    
    /* Меню навигации 2: новые соо, активные темы и т. д.
            -------------------------------------------------------------*/
    #pun-ulinks {
      position: absolute;
      margin: -195px 0 0 -30px;
      width: 100%;
      height: 7px;
      font-family: 'Helvetica Bold', sans-serif;
      font-size: 7px;
      font-weight: normal !important;
      text-transform: uppercase;
      letter-spacing: 2.6px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
    }
    
    #pun-ulinks .container {
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0;
    }
    
    #pun-ulinks li a {
      color: #232523;
      margin: 0 12px 0 0 !important;
    }
    
    #pun-ulinks li a:hover {
      color: #a7a481;
    }
    
    #pun-ulinks li.item1,
    #pun-ulinks li.item1 a {
      padding-left: 0;
    }
    
    /* Приветствие и 'хлебные крошки'
            -------------------------------------------------------------*/
    #pun-status .container {
      padding: 0;
      font-family: 'Helvetica Bold', sans-serif;
      font-size: 7px;
      letter-spacing: 1px;
      text-transform: uppercase;
      font-weight: normal !important;
      margin: -262px 0 0 665px;
      position: absolute;
      display: block;
      width: 260px;
      height: 50px;
    }
    
    #pun-status .container,
    #pun-status .container strong,
    #pun-status .container a {
      color: #575852;
      font-weight: normal !important;
    }
    
    #pun-status span #pun-crumbs1 {
      font-weight: normal !important;
    }
    
    #pun-crumbs1 p.container,
    #pun-crumbs2 .container {
      font-family: 'Helvetica Regular', sans-serif;
      font-size: 10px;
      font-weight: normal !important;
      text-transform: uppercase;
      color: #1d242c;
      letter-spacing: 0.6px;
      text-align: center;
    }
    
    .punbb .divider {
      border-color: #b1a598 !important;
    }
    
    .status_userava {
      background-color: #b1b39e;
      border: 1px solid #86887a !important;
      height: 50px;
      width: 50px;
      display: inline-block;
      border-radius: 0 15px 0 15px;
      float: right;
      margin-left: 10px !important;
    }
    
    .status_userava > img {
      width: 50px;
      height: 50px;
      vertical-align: middle;
      margin: 0;
      border-radius: 0 13px 0 13px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
      background-blend-mode: luminosity;
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      mix-blend-mode: soft-light;
    }
    
    #pun-status .item1 {
      width: 190px;
      display: block;
      float: right;
      text-align: right;
      margin-top: 8px;
    }
    
    #pun-status .item1 strong {
      display: block;
    }
    
    #pun-status .item2 {
      width: 120px;
      display: block;
      float: right;
      text-align: right;
    }
    
    #pun-status .item4 {
      display: none;
    }
    
    /* Объявление и переадресация
            -------------------------------------------------------------*/
    #pun-announcement .container {
      height: auto;
    }
    
    #pun-announcement .html-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      height: auto;
    }
    
    .pun-modal .modal-inner {
      background: #e6e6e6;
      padding: 10px !important;
      width: 600px !important;
    }
    
    .move_posts_form .modal-inner > .container {
      background: #e6e6e6 !important;
    }
    
    #move_posts_form .formal > form.container {
      padding: 15px 15px 7px 15px !important;
    }
    
    #pun-redirect,
    #pun-maint {
      background-color: #EEEFE4;
      border-radius: 0 70px 0 70px;
      border-right: 10px solid #86887a !important;
      border-bottom: 10px solid #86887a !important;
      padding: 20px !important;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
    }
    
    #pun-redirect h1 {
      margin-bottom: 0 !important;
      color: #86887a !important;
    }
    
    .pun-modal.move_posts_form h2 {
      margin-bottom: 10px !important;
    }
    
    .move_posts_form .modal-inner > .container .fs-box {
      text-transform: lowercase;
    }
    
    #move_posts_form .tcl {
      text-align: left;
    }
    
    #move_posts_form .tc2 {
      width: 15%;
      text-align: right;
    }
    
    .forum_name strong {
      font-family: 'Helvetica Bold', sans-serif;
      font-weight: normal !important;
      color: #505050;
    }
    
    /* Заголовки
            -------------------------------------------------------------*/
    .punbb h1,
    .punbb h2,
    .punbb h3,
    .punbb h4,
    .punbb table,
    .punbb th {
      font-size: 1em;
      font-weight: normal !important;
    }
    
    .punbb .main h1,
    .punbb .main h2,
    #pun-debug h2,
    .punbb-admin #pun-admain h2 {
      background-color: transparent;
      color: #333;
    }
    
    .punbb-admin #pun-admain h2,
    .punbb-admin #pun-admain h1 {
      text-transform: lowercase;
    }
    
    /* Категории
            -------------------------------------------------------------*/
    .punbb #pun-category1 h2,
    .punbb #pun-category2 h2,
    .punbb #pun-category3 h2,
    .punbb #pun-category4 h2,
    .punbb #pun-category5 h2,
    .punbb #pun-category6 h2,
    .punbb #pun-category7 h2,
    .punbb #pun-stats h2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      width: 992px;
      height: 40px;
      margin: 10px 0 20px -15px;
      padding: 0;
      letter-spacing: 2px;
    }
    
    .punbb #pun-stats h2 {
      margin: 10px 0 10px -15px;
    }
    
    .punbb #pun-category1 h2 span,
    .punbb #pun-category2 h2 span,
    .punbb #pun-category3 h2 span,
    .punbb #pun-category4 h2 span,
    .punbb #pun-category5 h2 span,
    .punbb #pun-category6 h2 span,
    .punbb #pun-category7 h2 span,
    .punbb #pun-stats h2 span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 850px;
      height: 17px;
      background: #dedbc5;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      padding: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 10px;
      white-space: nowrap;
      text-transform: uppercase;
      color: #575852;
      font-family: 'Helvetica Bold', sans-serif;
      -webkit-box-shadow: 9px 8px 0 0 #86887a;
              box-shadow: 9px 8px 0 0 #86887a;
    }
    
    /* Иконки подфорумов
             -------------------------------------------------------------*/
    div.icon {
      background: #eeefe4;
      -webkit-box-shadow: 0 0 0 1px #cdc9b2;
      box-shadow: 0 0 0 1px #cdc9b2;
    }
    
    div.inew,
    div.icon-new {
      background: #bbbba3;
      -webkit-box-shadow: 0 0 0 1px #bbbba3;
      box-shadow: 0 0 0 1px #bbbba3;
      font-weight: normal !important;
      font-family: 'Helvetica Bold', sans-serif;
    }
    
    tr.isticky div.icon {
      background: #575852;
      -webkit-box-shadow: 0 0 0 1px #575852;
      box-shadow: 0 0 0 1px #575852;
    }
    
    div.inew ~ .tclcon {
      font-weight: normal !important;
      font-family: 'Helvetica Bold', sans-serif;
    }
    
    #pun-viewforum div.icon,
    #pun-searchtopics div.icon,
    #pun-messages div.icon,
    .multipage div.icon {
      height: 7px;
      width: 7px;
      margin: 3px 0 0 0;
      border-radius: 4px 0 4px 0;
    }
    
    #pun-index div.icon {
      background: #dedbc5;
      font-weight: normal !important;
      float: none;
      width: 9px;
      height: auto;
      display: block;
      margin: 0 10px 0 0px;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      -ms-flex-negative: 0;
      flex-shrink: 0;
    }
    
    #pun-index div.inew {
      background: #807f74;
      font-weight: normal !important;
      float: none;
      width: 9px;
      height: auto;
      display: block;
      margin: 0 10px 0 0px;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      -ms-flex-negative: 0;
      flex-shrink: 0;
    }
    
    /* Таблица общее
            -------------------------------------------------------------*/
    .multipage th,
    #pun-statistic th,
    #pun-messages th {
      font-size: 9px !important;
      text-transform: lowercase;
      font-family: 'Helvetica Bold' !important;
      font-weight: normal !important;
    }
    
    .multipage .forum {
      margin-top: 20px;
      text-transform: lowercase;
    }
    
    thead {
      text-transform: lowercase;
    }
    
    .punbb td span.youposted {
      margin-left: -1em;
      font-weight: bold;
    }
    
    .punbb td .modlist {
      display: block;
      padding-top: 0.3em;
    }
    
    .punbb .user-avatar {
      height: 100% !important;
      width: 30px !important;
    }
    
    .punbb .user-avatar .avatar-image {
      height: 30px !important;
      width: 30px !important;
      border-radius: 0 14px 0 14px !important;
      opacity: 1 !important;
      mix-blend-mode: luminosity;
      -webkit-filter: contrast(0.5) brightness(1.5);
              filter: contrast(0.5) brightness(1.5);
    }
    
    #pun-index .user-avatar .avatar-image {
      margin: 0 0 0 0 !important;
      position: relative;
    }
    
    .punbb .user-avatar .isonline {
      background: #86887a !important;
      top: -3px !important;
      right: -5px !important;
    }
    
    /* Таблица на index
            -------------------------------------------------------------*/
    #pun-index .main .tcl {
      text-align: left;
    }
    
    #pun-index .main td.tcr {
      height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      -ms-flex-line-pack: end;
      align-content: flex-end;
      text-align: right;
      margin: 15px 0;
    }
    
    #pun-index .main td.tcl .intd {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      margin: 15px 0;
    }
    
    #pun-index .main .tcr a:not(.user-avatar a) {
      font-family: 'Helvetica Bold', sans-serif;
      font-size: 10px;
      font-weight: normal !important;
      text-transform: lowercase;
      letter-spacing: 0.6px;
      color: #30322e;
      line-height: 1;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      padding: 0 0 3px 0;
      margin: 0 0 3px 0 !important;
      white-space: nowrap;
      z-index: 1;
      width: 100%;
    }
    
    #pun-index .main .user-avatar {
      display: none !important;
      width: 30px !important;
      position: absolute;
      margin: 0 !important;
    }
    
    #pun-index .main .tcr a:hover {
      color: #c3c3c3 !important;
    }
    
    #pun-index .main .tcr .lastpost {
      margin: 0 !important;
      text-transform: lowercase;
      font-family: 'Helvetica Regular', sans-serif;
      font-weight: normal !important;
      letter-spacing: 0.6px;
      font-size: 9px;
      color: #202020;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
    }
    
    #pun-index .main .tcr span.datetime {
      margin-right: 5px;
    }
    
    #pun-index .main .tcr span.byuser {
      margin-left: 5px;
    }
    
    #pun-index td .tclcon {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0;
      height: auto;
      width: 100%;
      border-radius: 0;
      color: #08141b;
      font-family: 'Helvetica Regular', sans-serif;
      font-weight: normal !important;
      font-size: 8px;
      line-height: 1.5;
      letter-spacing: 1.5px;
      text-transform: lowercase;
    }
    
    #pun-index .main .tcl h3 {
      font-family: 'Iglets', sans-serif;
      font-size: 30px;
      letter-spacing: 1.5px;
      font-weight: normal !important;
      text-transform: lowercase;
      line-height: 1;
      width: 100%;
      height: auto;
      text-align: left;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0 0 4px 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      color: #575852;
    }
    
    #pun-index .main .tcl h3 a {
      color: #575852;
      z-index: 1;
      display: block;
    }
    
    #pun-index .main .tcl h3 a:after {
      content: '';
      background: #dedbc5;
      display: block;
      position: relative;
      width: 100%;
      height: 5px;
      margin: -10px 0 0 0;
      z-index: -1;
    }
    
    #pun-index .main .tcl h3 a:hover {
      color: #ccc8b4 !important;
    }
    
    .pfor-a {
      display: none;
    }
    
    #pun-index div.container {
      width: 100%;
      margin: 0 auto;
    }
    
    div.category .container {
      border-radius: 5px;
      outline: 2px dotted #555650;
      padding: 0 10px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
    }
    
    /* Таблица на searchtopics и viewforum
            -------------------------------------------------------------*/
    #pun-searchtopics,
    #pun-viewforum,
    #pun-messages td,
    #pun-messages th,
    #pun-respect,
    #pun-online,
    #pun-statistic {
      font-family: 'Helvetica Regular', sans-serif;
      letter-spacing: 0.6px;
      font-size: 10px !important;
    }
    
    #pun-searchtopics .tclcon strong,
    #pun-viewforum .tclcon strong,
    #pun-online a.registered-user {
      font-family: 'Helvetica Bold', sans-serif;
      font-weight: normal !important;
    }
    
    #pun-searchtopics td .tclcon,
    .multipage td .tclcon {
      margin-left: 20px;
    }
    
    #pun-searchtopics td.tcl,
    .multipage td.tcl {
      text-align: left;
      font-size: 10px !important;
    }
    
    #pun-searchtopics td .tc3,
    #pun-searchtopics td .tc2 {
      font-size: 10px !important;
      text-align: center;
    }
    
    #pun-searchtopics th.tc2,
    #pun-searchtopics th.tc3 {
      font-size: 9px !important;
    }
    
    #pun-searchtopics .tcr {
      text-align: right;
    }
    
    #pun-searchtopics .tcr a {
      display: block;
      font-size: 10px !important;
      font-weight: normal !important;
      text-transform: lowercase !important;
      color: #505050 !important;
    }
    
    #pun-searchtopics .tcr a:hover {
      color: #c4bfa8 !important;
    }
    
    #pun-searchtopics .tc2,
    #pun-searchtopics .tc3 {
      text-align: center;
      text-transform: lowercase;
    }
    
    #pun-searchtopics .tcl {
      text-align: left;
    }
    
    #pun-viewforum td .tclcon,
    .multipage td .tclcon {
      margin-left: 20px;
      font-family: 'Helvetica Regular', sans-serif;
      letter-spacing: 1px;
    }
    
    #pun-viewforum td.tcl,
    .multipage td.tcl {
      text-align: left;
    }
    
    #pun-viewforum td.tc3,
    #pun-viewforum td.tc2,
    .multipage td.tc3,
    .multipage td.tc2 {
      font-size: 10px !important;
      text-align: center;
    }
    
    #pun-viewforum th.tc2,
    #pun-viewforum th.tc3,
    .multipage th.tc2,
    .multipage th.tc3 {
      font-size: 9px !important;
    }
    
    #pun-viewforum .tcr,
    .multipage .tcr {
      text-align: right;
    }
    
    #pun-viewforum .tcr a,
    .multipage .tcr a {
      font-size: 10px !important;
      font-weight: normal !important;
      text-transform: lowercase !important;
    }
    
    #pun-viewforum .tcl,
    .multipage .tcl {
      text-align: left;
    }
    
    #pun-online .tcl,
    #pun-online .tc3 {
      text-transform: lowercase;
    }
    
    /* Таблица на userlist
            -------------------------------------------------------------*/
    #pun-userlist {
      font-family: 'Helvetica Regular', sans-serif;
      font-weight: normal !important;
      text-transform: lowercase;
      letter-spacing: 1px;
    }
    
    #pun-userlist td.tcl.username {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      white-space: nowrap;
    }
    
    #pun-userlist .user-avatar {
      float: left !important;
      margin: 0 10px 0 0 !important;
    }
    
    #pun-userlist .usersname a {
      color: #323232;
    }
    
    #pun-userlist .usersname a:hover {
      color: #c4bfa8;
    }
    
    /* Таблица на messages
            -------------------------------------------------------------*/
    #pun-messages tbody.hasicon td.tcl {
      padding-left: 0;
    }
    
    #pun-messages td .tclcon {
      margin-left: 12px;
    }
    
    #pun-messages td.tc2,
    #pun-messages td.tc3 {
      font-size: 10px !important;
      text-align: center;
      text-transform: lowercase;
    }
    
    #pun-messages td.tcl {
      text-align: left;
      font-size: 10px !important;
    }
    
    #pun-messages th.tc2,
    #pun-messages th.tc3 {
      font-size: 9px !important;
    }
    
    #pun-messages .tcr {
      text-align: right;
    }
    
    #pun-messages .tcr a {
      font-size: 10px !important;
      font-weight: normal !important;
      text-transform: lowercase !important;
      letter-spacing: 1px !important;
      color: #86887a !important;
    }
    
    #pun-messages .tc2:last-of-type {
      text-align: right;
    }
    
    #pun-messages fieldset legend strong {
      font-family: 'Helvetica Regular', sans-serif;
      font-size: 10px;
      font-weight: normal !important;
      text-transform: uppercase;
      letter-spacing: 1px;
    }
    
    #pun-messages fieldset legend strong:before {
      content: '/';
      margin-right: 20px;
    }
    
    #pun-messages .post-body {
      margin-left: 20em !important;
    }
    
    #pun-multimove .post-body,
    #pun-searchposts .post-body {
      margin-left: 22.5em !important;
    }
    
    #pun-messages .tclcon strong a {
      font-family: 'Helvetica Bold', sans-serif;
      font-weight: normal !important;
      color: #505050;
    }
    
    #pun-messages dl.post-sig {
      display: none;
    }
    
    #pun-messages .post-author {
      margin: -31px 0 0 0 !important;
    }
    
    #pun-messages li.pa-title {
      margin: 10px 0 18px 7px !important;
    }
    
    /* Личные сообщения
            -------------------------------------------------------------*/
    #volSlider {
      background: #cac9b1 !important;
      width: 100px !important;
      height: 5px !important;
      border-radius: 0 !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
    }
    
    #volSlider .before {
      background: #86887a !important;
      height: 5px !important;
      border-radius: 0 !important;
    }
    
    #volSlider .thumb {
      background: #575852 !important;
      width: 7px !important;
      height: 7px !important;
      border-radius: 0 !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
    }
    
    .FNTslider {
      position: relative;
      z-index: 1000;
      background: rgba(0, 0, 0, 0.1) !important;
      width: 120px !important;
      height: 5px !important;
      margin: 0 auto !important;
      float: right;
    }
    
    .FNTslider .before {
      height: 4px !important;
      border: none !important;
      position: absolute !important;
      background: rgba(0, 0, 0, 0.1) !important;
      margin: 0 !important;
    }
    
    .FNTslider .thumb {
      width: 5px !important;
      height: 8px !important;
      position: relative;
      top: -2px !important;
      background: rgba(0, 0, 0, 0.3) !important;
      cursor: pointer;
    }
    
    div#notify-settings {
      font-family: 'Helvetica Regular', sans-serif;
      font-weight: normal !important;
      text-transform: lowercase;
      letter-spacing: 1px;
    }
    
    #pun-messages dl.post-sig {
      display: none;
    }
    
    #pun-messages .post-body {
      margin-left: 22em !important;
    }
    
    .bubble {
      background: transparent !important;
      border-radius: 0 !important;
      color: #575852 !important;
      top: -6px !important;
      right: -10px !important;
      font-family: "Helvetica Bold", sans-serif !important;
      font-weight: normal !important;
    }
    
    .bubble:after {
      display: none !important;
    }
    
    /* Поиск по постам юзера
            -------------------------------------------------------------*/
    #pun-searchposts .post-author,
    #pun-multimove .post-author {
      padding: 0 !important;
    }
    
    #pun-searchposts .pa-author,
    #pun-multimove .pa-author {
      text-shadow: none;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: center;
      margin: 0 !important;
    }
    
    #pun-searchposts .pa-author a,
    #pun-multimove .pa-author a {
      text-align: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
    
    #pun-searchposts .post-author ul,
    #pun-multimove .post-author ul {
      padding: 0 !important;
      margin: 15px 0 0 0 !important;
    }
    
    #pun-searchposts .pa-author strong,
    #pun-multimove .pa-author strong {
      font-weight: normal !important;
      white-space: break-spaces;
      width: 180px;
    }
    
    /* Статистика
            -------------------------------------------------------------*/
    #pun-stats li.item1,
    #pun-stats li.item2,
    #pun-stats li.item3,
    #pun-stats li.item4 {
      color: #575852;
      font-family: 'Helvetica Regular', sans-serif;
      font-size: 7px;
      font-weight: normal !important;
      line-height: 10px;
      text-transform: uppercase;
      letter-spacing: 1.2px;
    }
    
    #pun-stats li.item4 a {
      color: #575852;
    }
    
    #pun-stats li strong {
      font-weight: normal !important;
    }
    
    li#onlinelist {
      text-transform: lowercase;
      font-family: 'Helvetica Regular', sans-serif;
      letter-spacing: 0.6px;
      font-size: 10px;
    }
    
    /* Футер
            -------------------------------------------------------------*/
    #pun-about {
      margin: -60px 0px -172px -40px !important;
      padding: 0 0 0 0 !important;
      background: url(https://forumstatic.ru/files/001b/6f/ae/82641.png) no-repeat;
      width: 1062px;
      height: 172px;
    }
    
    #pun-qjump {
      float: left;
    }
    
    #pun-about .container {
      font-size: 7px;
      letter-spacing: 1px;
      font-family: 'Helvetica Bold', sans-serif;
      text-transform: uppercase;
      background: transparent;
      height: auto;
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin: 123px 0 0;
      padding: 0 23px;
      position: absolute;
    }
    
    #pun-about p span {
      text-align: right;
      margin: 0;
      padding: 0 !important;
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    #pun-about p span,
    #pun-about p span a {
      color: #727062;
    }
    
    /* Посты
            -------------------------------------------------------------*/
    .punbb fieldset legend span {
      font-family: 'Helvetica Regular', sans-serif;
      font-size: 10px;
      font-weight: normal !important;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #202020;
    }
    
    .punbb textarea {
      background: rgba(0, 0, 0, 0.04);
      font: 1em verdana, arial, sans-serif;
    }
    
    .punbb input {
      background: #e3e1d2;
      font: 1em verdana, arial, sans-serif;
    }
    
    .punbb select {
      background: #e3e1d2;
      font: 1em verdana, arial, sans-serif;
      text-transform: lowercase;
    }
    
    .punbb optgroup {
      background: #e3e1d2;
      font: 1em verdana, arial, sans-serif;
      font-weight: bold;
    }
    
    .punbb .post h3 {
      padding: 0;
      width: 100%;
      margin: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      height: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
    }
    
    #pun-messages .post h3 {
      width: 803px !important;
      margin: 0 !important;
    }
    
    .punbb .post h3 span {
      text-align: left;
      font-family: 'Helvetica Bold', sans-serif;
      font-size: 8px;
      font-weight: normal !important;
      letter-spacing: 1px;
      line-height: 1;
      text-transform: uppercase;
      color: #575852;
      height: 20px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 10px 0 31em !important;
    }
    
    .punbb .post h3 span a {
      color: #575852;
    }
    
    .punbb .post h3 span a:hover {
      color: #86887a;
    }
    
    .punbb .post h3 strong {
      font-weight: normal !important;
      text-align: right;
    }
    
    .punbb .post-box {
      text-align: justify;
      padding: 0 0 0 0 !important;
    }
    
    .punbb #pun-main .info-box .legend {
      font-size: 1em;
      font-weight: bold;
    }
    
    .punbb #pun-main h1,
    .pun-modal.move_posts_form h2 {
      margin-bottom: 10px;
      padding: 5px 0;
      text-align: center;
      font-family: 'Helvetica Regular', sans-serif;
      font-size: 10px;
      letter-spacing: 0.6px;
      line-height: 15px;
      font-weight: normal !important;
      text-transform: uppercase;
      color: #575852;
    }
    
    .punbb pre {
      font: 1em verdana, arial, sans-serif;
      line-height: 170%;
      white-space: break-spaces;
      text-align: left;
    }
    
    .punbb address,
    .punbb em {
      font-style: normal;
    }
    
    .punbb .post-content blockquote,
    .punbb .post-content .blockcode {
      background-color: rgba(173, 162, 76, 0.1);
      color: #333;
    }
    
    .punbb .post-content .spoiler-box > div {
      background-color: rgba(173, 162, 76, 0.1);
      background-image: none !important;
    }
    
    .punbb .quote-box cite,
    .punbb .code-box strong.legend {
      font-family: 'Helvetica Bold', sans-serif;
      font-size: 10px;
      line-height: 10px !important;
      letter-spacing: 1px;
      font-weight: normal !important;
      font-style: normal;
      text-transform: uppercase;
      padding: 10px 0 5px;
      cursor: default;
      background: transparent !important;
      color: #575852 !important;
      text-align: left;
    }
    
    .punbb .code-box strong.legend a {
      color: #575852;
      width: auto;
      text-align: center;
    }
    
    .punbb .code-box strong.legend a:hover {
      color: #86887a !important;
    }
    
    a.qc-post-link img {
      display: none;
    }
    
    a.qc-post-link:before {
      margin: 0 0 0 2px !important;
      content: '';
      height: 10px;
      width: 11px;
      background-color: #86887a;
      -webkit-mask-image: url(https://forumstatic.ru/files/001b/6f/ae/34828.svg);
      mask-image: url(https://forumstatic.ru/files/001b/6f/ae/34828.svg);
      display: inline-block;
    }
    
    a.qc-post-link:hover:before {
      background-color: #323232 !important;
    }
    
    .punbb .required label {
      font-weight: normal !important;
    }
    
    .punbb .datafield span.input {
      font-weight: bold;
    }
    
    .punbb .datafield span.input a {
      font-weight: normal !important;
    }
    
    .punbb .info .container {
      text-transform: lowercase;
    }
    
    .punbb .post-sig dt {
      border-top: 1px solid #cac9b1 !important;
    }
    
    em {
      font-style: normal;
    }
    
    em.bbuline {
      font-style: normal;
      text-decoration: none;
      border-bottom: 1px dashed #86887a !important;
    }
    
    del {
      opacity: .45;
    }
    
    hr {
      opacity: 1 !important;
      margin-bottom: 0.8em;
      -webkit-filter: none;
      filter: none;
      border: 1px solid #cac9b1 !important;
      border-bottom-style: none !important;
    }
    
    .linkst .postlink span.closed,
    .linksb .postlink span.closed {
      display: none;
    }
    
    span.closed {
      margin-right: 10px;
    }
    
    .post-content .spoiler-box > div:before,
    .post-content .spoiler-box > div.visible:before {
      width: 9px;
      margin-right: 10px !important;
      font-family: 'FontAwesome';
      color: #575852;
    }
    
    .post-content .spoiler-box > div:before {
      content: '\f107';
    }
    
    .post-content .spoiler-box > div.visible:before {
      content: '\f106';
    }
    
    #plng {
      padding: 0;
      margin: 0 20px 0 0;
      font-size: 10px;
      font-family: 'Helvetica Regular', sans-serif;
      text-transform: uppercase;
      font-weight: normal !important;
      letter-spacing: 1px;
    }
    
    #plng b {
      font-weight: normal !important;
    }
    
    #restore-post {
      position: absolute;
      right: -33px;
      top: 47px;
      z-index: 200;
      cursor: pointer;
    }
    
    span#restore-post:before {
      content: '\f044';
      font-family: 'FontAwesome';
      color: #86887a;
      font-size: 11px;
      display: block;
    }
    
    .post-content .highlight-text {
      background-color: #b7b49f !important;
      color: #f9f9f5 !important;
      padding: 0 4px 2px 4px;
    }
    
    /* Пагинация и соседние строчки
            -------------------------------------------------------------*/
    #pun-pagelinks li a,
    #pun-pagelinks a:link,
    #pun-pagelinks a:hover {
      font-size: 1.2em;
      line-height: 2em;
    }
    
    .linkst .postlink {
      text-align: right;
    }
    
    .linkst .postlink,
    .linkst .pagelink,
    .linksb .postlink,
    .linksb .pagelink {
      font-family: 'Helvetica Bold', sans-serif;
      font-weight: normal !important;
      text-transform: uppercase;
    }
    
    .linksb,
    .linkst {
      font-size: 9px;
      letter-spacing: 1px;
      font-family: 'Helvetica Regular', sans-serif;
      font-weight: normal !important;
      text-transform: uppercase;
      color: #666666;
    }
    
    .linksb {
      text-align: right;
    }
    
    .linkst {
      text-align: left;
    }
    
    .linksb .pagelink {
      text-align: left;
    }
    
    .pagelink strong {
      font-weight: normal !important;
    }
    
    #pun-viewtopic .linksb {
      font-family: 'Helvetica Bold', sans-serif;
      font-weight: normal !important;
      letter-spacing: 0.6px;
      text-transform: uppercase;
      color: #575852;
      font-size: 9px !important;
      letter-spacing: 0.6px !important;
    }
    
    #pun-viewtopic .linksb .postlink,
    #pun-viewtopic .linksb .subscribelink {
      text-align: right;
    }
    
    #pun-viewtopic .linksb .postlink a,
    #pun-viewtopic .linksb .subscribelink a {
      width: auto;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0;
      color: #575852;
    }
    
    #pun-viewtopic .linksb .postlink a:hover,
    #pun-viewtopic .linksb .subscribelink a:hover {
      color: #c4bfa8;
    }
    
    div#topic-users-in {
      font-family: 'Helvetica Regular', sans-serif;
      font-weight: normal !important;
      font-size: 12px;
      text-transform: lowercase;
      color: #86887a;
      margin-top: 20px;
    }
    
    .punbb .modmenu strong {
      font-family: 'Helvetica Regular', sans-serif;
      font-weight: normal !important;
      text-transform: lowercase;
    }
    
    .punbb .modmenu strong a {
      background: #86887a;
      color: #dddddd;
      padding: 1px 15px 3px 15px;
    }
    
    .punbb .modmenu strong a:hover,
    .punbb .formsubmit a:hover {
      background-color: #575852 !important;
      color: #222 !important;
    }
    
    .punbb .modmenu .container {
      font-family: 'Helvetica Regular', sans-serif;
      font-weight: normal !important;
      text-transform: lowercase;
    }
    
    .punbb .modmenu .container span {
      font-family: 'Helvetica Regular', sans-serif;
      font-weight: normal !important;
      font-size: 11px;
      letter-spacing: 0.6px;
    }

    0

    4

    Код:
    
    /* Профиль в постах
            -------------------------------------------------------------*/
    .punbb .post .post-author {
      width: 220px;
      height: auto;
      padding: 27px 0 5px 0 !important;
      margin: -20px 0 0 0 !important;
      border: none !important;
      outline: none !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    .punbb .post .post-author ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      width: auto;
      height: auto;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      background: #dedbc5;
      padding: 0 0 5px !important;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 40px 0 40px 0;
    }
    
    #pun-messages .post .post-author ul {
      border-left-width: 2px !important;
    }
    
    .pa-author {
      height: 25px;
      background: transparent;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      padding: 0 2px !important;
      font-family: 'Helvetica Bold', sans-serif;
      font-size: 12px;
      line-height: 1;
      text-transform: uppercase;
      color: #575852;
      font-weight: normal !important;
      letter-spacing: 1.2px;
      text-shadow: none;
      margin: -27px 0 0 0 !important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      text-align: right;
      z-index: 2;
    }
    
    #pun-messages .pa-author {
      padding: 0 !important;
      margin: -27px 0 0 0 !important;
    }
    
    .pa-author a {
      color: #575852 !important;
      width: 100%;
      text-align: right;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      text-align: right;
    }
    
    .pa-author a:hover {
      color: #dedbc5 !important;
    }
    
    li.pa-title {
      padding: 0 0 1px 0 !important;
      font-weight: normal !important;
      color: #d7d5c7;
      text-align: center;
      text-transform: lowercase;
      font-size: 7px;
      line-height: 1;
      font-family: 'Helvetica Regular', sans-serif;
      letter-spacing: 1.4px;
      white-space: nowrap;
      width: 214px;
      height: 8px;
      margin: 10px 0 24px 7px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: url(https://forumstatic.ru/files/001a/16/90/34651.png) no-repeat;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
    
    li.pa-avatar.item2 {
      margin: 0 0 24px;
      width: 100%;
      height: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    
    li.pa-avatar.item2 img,
    #profile-left li#pa-avatar img {
      -webkit-box-shadow: 0 0 0 1px #575852;
              box-shadow: 0 0 0 1px #575852;
      max-height: 180px;
      max-width: 180px;
    }
    
    li.pa-online {
      font-family: 'Helvetica Bold', sans-serif;
      font-weight: normal !important;
      color: #575852;
      line-height: 1;
      letter-spacing: 1px;
      width: 100%;
      text-align: left;
      font-size: 8px;
      text-transform: lowercase;
      margin: 0 0 0 5px;
    }
    
    li.pa-online strong {
      font-weight: normal !important;
    }
    
    .pa-respect,
    .pa-posts {
      font-weight: normal !important;
      color: #d7d5c7;
      text-transform: lowercase;
      font-size: 7px;
      line-height: 1;
      font-family: 'Helvetica Regular', sans-serif;
      letter-spacing: 1.4px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: #232323;
      padding: 0 5px !important;
      height: 8px;
      margin: 0 0 28px 0 !important;
    }
    
    .pa-respect {
      text-align: right;
    }
    
    .pa-posts {
      text-align: left;
    }
    
    .pa-posts span.fld-name,
    .pa-respect span.fld-name {
      display: inline;
      font-weight: normal !important;
    }
    
    .pa-respect a {
      color: #d7d5c7 !important;
    }
    
    .pa-respect img {
      -webkit-filter: hue-rotate(310deg);
      filter: hue-rotate(310deg);
      width: 6px;
      height: 6px;
    }
    
    li.pa-ip {
      color: #232323!important;
      font-family: 'Helvetica Regular', sans-serif;
      font-size: 9px;
      letter-spacing: 1px;
      display: block;
      width: 100%;
      text-align: center;
      margin-bottom: 5px !important;
    }
    
    li.pa-ip a {
      color: #232323 !important;
    }
    
    li.pa-ip a:hover {
      opacity: .6 !important;
    }
    
    .punbb .post-links ul {
      text-align: right;
    }
    
    .punbb .post-links li {
      padding: 4px 5px 4px 6px !important;
      background: transparent;
      line-height: 1 !important;
      text-transform: lowercase;
      font-size: 10px;
      font-family: 'Helvetica Regular', sans-serif;
      font-weight: normal !important;
      letter-spacing: 0.6px;
    }
    
    /* Страница профиля
            -------------------------------------------------------------*/
    #viewprofile .container {
      padding: 20px 60px 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    #profile-left {
      background: transparent;
      width: 220px !important;
      padding: 0 !important;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: right;
    }
    
    #profile-left li#profile-name {
      height: auto;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      padding: 0 0 5px !important;
      font-family: 'Helvetica Bold', sans-serif;
      font-size: 10px !important;
      line-height: 1;
      text-transform: uppercase;
      font-weight: normal !important;
      letter-spacing: 0.6px;
      text-shadow: none;
      margin: 0 !important;
      color: #575852 !important;
      text-align: left;
    }
    
    #profile-name strong {
      font-weight: normal !important;
    }
    
    #profile-left li#profile-title {
      padding: 0 0 1px 0 !important;
      font-weight: normal !important;
      color: #d7d5c7;
      text-align: center;
      text-transform: lowercase;
      font-size: 7px;
      line-height: 1;
      font-family: 'Helvetica Regular', sans-serif;
      letter-spacing: 1px;
      width: 214px;
      height: 8px;
      margin: 10px 0 15px 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: url(https://forumstatic.ru/files/001a/16/90/84641.png) no-repeat;
      z-index: 1;
      position: relative;
    }
    
    #profile-left li#pa-avatar {
      background: #dedbc5;
      border-radius: 0 40px 0 40px;
      margin: -33px 0 0 0 !important;
      padding: 36px 0 28px !important;
    }
    
    #profile-left li#pa-avatar strong {
      color: #575852;
      text-transform: lowercase;
      font-family: 'Helvetica Regular', sans-serif;
      font-weight: normal !important;
      font-size: 9px;
      letter-spacing: 0.6px;
    }
    
    #profile-left li#profile-title strong {
      font-weight: normal !important;
    }
    
    #profile-left li#pa-online {
      font-family: 'Helvetica Bold', sans-serif;
      font-weight: normal !important;
      color: #575852;
      line-height: 1;
      letter-spacing: 1px;
      width: 100%;
      text-align: right;
      font-size: 8px;
      text-transform: lowercase;
      margin: -13px 0 0 -5px;
    }
    
    #profile-left li#pa-online strong {
      font-weight: normal !important;
    }
    
    #profile-left li#pa-edit {
      text-align: center;
    }
    
    #profile-left li#pa-edit a {
      font-family: 'Helvetica Regular', sans-serif;
      font-size: 11px;
      letter-spacing: 1px;
      text-transform: lowercase;
      font-weight: normal !important;
      padding: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      color: #575852;
      margin-top: 15px;
    }
    
    #profile-right li strong {
      font-size: 11px;
      text-transform: lowercase;
      letter-spacing: 1px;
      font-family: 'Helvetica Regular', sans-serif;
      font-weight: normal !important;
      width: 100%;
      padding: 0 !important;
    }
    
    #viewprofile li {
      background-color: transparent;
      color: #333;
    }
    
    #viewprofile li strong,
    #viewprofile li div {
      background-color: transparent;
      font-weight: normal !important;
    }
    
    #viewprofile li span {
      font-family: 'Helvetica Bold', sans-serif;
      font-size: 11px;
      line-height: 10px;
      text-transform: lowercase;
      font-weight: normal !important;
      letter-spacing: 0.6px;
      color: #343434;
    }
    
    #viewprofile li span a,
    #profile-right li span a {
      color: #343434;
    }
    
    #viewprofile h2 span {
      background-color: transparent;
      color: #86887a;
      font-family: 'Helvetica Regular', sans-serif;
      text-transform: uppercase;
      font-weight: normal !important;
      font-size: 13px;
    }
    
    #profile-signature {
      padding: 0 !important;
      margin-top: 30px;
    }
    
    #profile-signature:before {
      content: '';
      display: block;
      width: 50%;
      background: #cac9b1;
      height: 1px;
      margin: 0 auto 30px;
    }
    
    #profile-signature ul {
      margin: 0;
      padding: 0 1em !important;
    }
    
    #viewprofile ank {
      display: block;
    }
    
    /* Настройки профиля
            -------------------------------------------------------------*/
    #profilenav h2 span {
      background-color: transparent;
      color: #86887a;
      font-family: 'Helvetica Regular', sans-serif;
      text-transform: uppercase;
      font-weight: normal !important;
      font-size: 13px;
    }
    
    #profilenav li {
      font-weight: normal !important;
      text-transform: lowercase;
    }
    
    .fs-box label,
    .fs-box .label,
    p.infofield {
      font-family: 'Helvetica Regular', sans-serif;
      font-size: 11px;
      letter-spacing: 0.4px;
      font-weight: normal !important;
      text-transform: lowercase;
    }
    
    .punbb .formal span.input {
      text-transform: lowercase;
    }
    
    /* Ссылки
            -------------------------------------------------------------*/
    .punbb a,
    .punbb a:link,
    .punbb a:visited,
    .punbb-admin #pun-admain a,
    .punbb-admin #pun-admain a:link,
    .punbb-admin #punbb-admain a:visited {
      color: #888b78;
    }
    
    .punbb li.isactive a,
    .punbb li.isactive a:link,
    .punbb li.isactive a:visited {
      color: #20262e;
    }
    
    .punbb a:hover,
    .punbb a:focus,
    .punbb a:active,
    .punbb-admin #pun-admain .nodefault,
    .punbb-admin #pun-admain a:hover,
    .punbb-admin #pun-admain a:focus,
    .punbb-admin #pun-admain a:active {
      color: #c3bfa7;
    }
    
    #pun-pagelinks a:active,
    #pun-pagelinks a:focus {
      background-color: #333;
      color: #fff;
    }
    
    /* Формы и кнопки
            -------------------------------------------------------------*/
    .punbb .formsubmit input,
    .punbb .formsubmit a,
    .punbb .formsubmit span,
    input.button,
    button.sml,
    #mask_dialog .hv-control input {
      background: #575852 !important;
      font-family: 'Helvetica Regular' !important;
      font-size: 9px !important;
      text-transform: uppercase !important;
      font-weight: normal !important;
      letter-spacing: 1px !important;
      color: #ffffff !important;
      border-radius: 0;
    }
    
    input.button:hover,
    #mask_dialog .hv-control input:hover {
      /*background-color: #f8f9f3 !important;
          color: #575852 !important;
          outline: 1px solid #c9c7af;*/
      border-radius: 0 15px 0 15px;
    }
    
    #mask_dialog .hv-form-block {
      max-height: 380px !important;
    }
    
    #profile .formsubmit {
      text-transform: lowercase;
    }
    
    div#form-buttons {
      background: #eeefe4;
      margin: 0 0 5px 0;
    }
    
    div#float strong {
      font-family: 'Helvetica Bold', sans-serif;
      font-weight: normal !important;
      text-transform: lowercase !important;
      letter-spacing: 1px;
    }
    
    /* Всплывающие уведомления: новое лс и проч.
            -------------------------------------------------------------*/
    .jGrowl {
      font-size: 11px !important;
    }
    
    .jGrowl .messag_theme {
      font-family: arial !important;
      text-transform: lowercase !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
    }
    
    .jGrowl-notification {
      height: auto !important;
      text-align: center !important;
      border-radius: 0 !important;
    }
    
    #closet {
      border-radius: 0 !important;
      text-transform: lowercase !important;
    }
    
    /* Баббл новых лс
             -------------------------------------------------------------*/
    span.num_msg {
      background: transparent !important;
      border-radius: 0 !important;
      margin-top: -7px !important;
      margin-left: 25px !important;
      padding: 3px !important;
      color: #575852 !important;
      font-family: 'Helvetica Bold' !important;
      font-weight: normal !important;
      font-size: 10px !important;
      width: 15px !important;
      height: 15px !important;
      letter-spacing: 1px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    span.num_msg:before {
      content: none !important;
    }
    
    /* Админка
            -------------------------------------------------------------*/
    .punbb-admin #pun-admain legend span {
      background-color: transparent;
      color: #666666;
      font-family: 'Helvetica Regular', sans-serif;
      text-transform: uppercase;
      font-weight: normal !important;
      font-size: 13px;
    }
    
    .punbb-admin #pun-admain .adcontainer {
      background-color: transparent;
      color: #333;
    }
    
    #pun-admain fieldset .handle,
    #pun-admain fieldset p {
      border: none;
      background: #e8e9df !important;
    }
    
    #pun-admain label,
    div#pun-admain .adlabel {
      font-weight: normal !important;
      font-family: 'Helvetica Bold', sans-serif;
      text-transform: uppercase;
    }
    
    #pun-adnav a {
      font-weight: normal !important;
      text-transform: lowercase !important;
    }
    
    #pun-adnav .isactive ul.adsubnav a {
      color: #86887a !important;
    }
    
    sup.new {
      color: #86887a !important;
      font-weight: normal !important;
    }
    
    sup.new:before {
      content: '(';
    }
    
    sup.new:after {
      content: ')';
    }
    
    /* Скроллбар
             -------------------------------------------------------------*/
    ::-webkit-scrollbar {
      width: 7px;
      height: 0;
    }
    
    ::-webkit-scrollbar-track,
    ::-webkit-scrollbar-corner {
      background-color: #aead9a;
    }
    
    ::-webkit-scrollbar-thumb {
      background-color: #575852;
    }
    
    textarea::-webkit-scrollbar,
    #tags .container::-webkit-scrollbar,
    .scrollbox::-webkit-scrollbar,
    .hvStickerPackModalContent::-webkit-scrollbar {
      width: 4px !important;
      height: 0;
    }
    
    textarea::-webkit-scrollbar-track,
    textarea::-webkit-scrollbar-corner,
    .scrollbox::-webkit-scrollbar-track,
    .scrollbox::-webkit-scrollbar-corner,
    .hvStickerPackModalContent::-webkit-scrollbar-track,
    .hvStickerPackModalContent::-webkit-scrollbar-corner {
      background-color: #eeefe4 !important;
      border: none !important;
    }
    
    textarea::-webkit-scrollbar-thumb,
    .scrollbox::-webkit-scrollbar-thumb,
    .hvStickerPackModalContent::-webkit-scrollbar-thumb {
      background-color: #86887a !important;
    }
    
    #tags .container::-webkit-scrollbar-track,
    #tags .container::-webkit-scrollbar-corner {
      background-color: #44463f !important;
    }
    
    #tags .container::-webkit-scrollbar-thumb {
      background-color: #86887a !important;
    }
    
    /* Выделение текста
             -------------------------------------------------------------*/
    ::-moz-selection {
      background-color: #c3c0b2;
      color: #222222 !important;
    }
    
    ::selection {
      background-color: #c3c0b2;
      color: #222222 !important;
    }
    
    /* Панель в форме ответа
             -------------------------------------------------------------*/
    .punbb .formal textarea {
      width: 99%;
    }
    
    #form-buttons table {
      height: 20px;
    }
    
    #font-area,
    #size-area,
    #color-area,
    #table-area,
    #image-area,
    #imageup-area,
    #imageattach-area,
    #keyboard-area,
    #video-area,
    #addition-area,
    #smilies-area,
    #video-area,
    #spoiler-area,
    #float {
      background: #44463f;
      border: 1px solid #595a54 !important;
      border-top: none !important;
      color: #eeefe4;
    }
    
    #tags .container {
      text-transform: lowercase;
    }
    
    #tags .container a {
      color: #86887a;
    }
    
    #tags .container a:hover {
      color: #c9c9c9;
    }
    
    #tags .container strong,
    div#video-area-thd,
    div#image-area-thd {
      font-family: 'Helvetica Bold', sans-serif;
      font-weight: normal !important;
      text-transform: lowercase !important;
      letter-spacing: 0.6px;
      color: #eeefe4 !important;
      font-size: 12px;
    }
    
    #addition-area div:hover,
    #font-area div:hover,
    #size-area div:hover {
      background: rgba(255, 255, 255, 0.1) !important;
      border-radius: 0;
    }
    
    #keyboard-span input {
      background-color: rgba(255, 255, 255, 0.1) !important;
      font-size: 13px !important;
      color: #eeefe4 !important;
    }
    
    #keyboard-span input:hover {
      background-color: rgba(34, 34, 34, 0.6) !important;
      color: #eeefe4 !important;
    }
    
    .uploadQueueItem .cancel a {
      font-weight: normal !important;
      color: #eeefe4 !important;
    }
    
    #uploaded-images img {
      border: 1px solid #222 !important;
    }
    
    #form-buttons #button-font,
    #form-buttons #button-transL,
    #form-buttons #button-size,
    #form-buttons #button-bold,
    #form-buttons #button-italic,
    #form-buttons #button-underline,
    #form-buttons #button-strike,
    #form-buttons #button-left,
    #form-buttons #button-center,
    #form-buttons #button-right,
    #form-buttons #button-justify,
    #form-buttons #button-spoiler,
    #form-buttons #button-quote,
    #form-buttons #button-code,
    #form-buttons #button-color,
    #form-buttons #button-smile,
    #form-buttons #button-link,
    #form-buttons #button-image,
    #form-buttons #button-image2,
    #form-buttons #button-video,
    #form-buttons #button-hide,
    #form-buttons #button-table,
    #form-buttons #button-keyboard,
    #form-buttons #button-addition,
    #form-buttons #button-indent,
    #form-buttons #button-html,
    #form-buttons #floatbut,
    #form-buttons #button-sticker {
      background-color: #575852;
      background-image: none !important;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-position: center;
    }
    
    #form-buttons td {
      padding: 0;
      line-height: 0;
      background-repeat: no-repeat;
    }
    
    #form-buttons td img {
      height: 24px !important;
      width: 100%;
    }
    
    #form-buttons #button-font {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/79448.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/79448.png) !important;
    }
    
    #form-buttons #button-transL {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/76975.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/76975.png) !important;
    }
    
    #form-buttons #button-size {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/63808.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/63808.png) !important;
    }
    
    #form-buttons #button-bold {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/33694.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/33694.png) !important;
    }
    
    #form-buttons #button-italic {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/78169.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/78169.png) !important;
    }
    
    #form-buttons #button-underline {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/19334.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/19334.png) !important;
    }
    
    #form-buttons #button-strike {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/20461.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/20461.png) !important;
    }
    
    #form-buttons #button-left {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/88670.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/88670.png) !important;
    }
    
    #form-buttons #button-center {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/20490.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/20490.png) !important;
    }
    
    #form-buttons #button-right {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/81976.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/81976.png) !important;
    }
    
    #form-buttons #button-justify {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/32863.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/32863.png) !important;
    }
    
    #form-buttons #button-spoiler {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/79426.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/79426.png) !important;
    }
    
    #form-buttons #button-quote {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/97129.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/97129.png) !important;
    }
    
    #form-buttons #button-code {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/61995.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/61995.png) !important;
    }
    
    #form-buttons #button-color {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/73637.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/73637.png) !important;
    }
    
    #form-buttons #button-smile {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/28265.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/28265.png) !important;
    }
    
    #form-buttons #button-sticker {
      -webkit-mask-image: url(https://forumstatic.ru/files/001b/6f/ae/58510.png) !important;
      mask-image: url(https://forumstatic.ru/files/001b/6f/ae/58510.png) !important;
    }
    
    #form-buttons #button-link {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/65787.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/65787.png) !important;
    }
    
    #form-buttons #button-image {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/39101.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/39101.png) !important;
    }
    
    #form-buttons #button-image2 {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/31870.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/31870.png) !important;
    }
    
    #form-buttons #button-video {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/54319.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/54319.png) !important;
    }
    
    #form-buttons #button-hide {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/24823.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/24823.png) !important;
    }
    
    #form-buttons #button-table {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/72423.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/72423.png) !important;
    }
    
    #form-buttons #button-keyboard {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/57469.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/57469.png) !important;
    }
    
    #form-buttons #button-addition {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/85484.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/85484.png) !important;
    }
    
    #form-buttons #button-indent {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/48942.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/48942.png) !important;
    }
    
    #form-buttons #button-html {
      -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/21501.png) !important;
      mask-image: url(https://forumstatic.ru/files/001a/16/90/21501.png) !important;
    }
    
    #form-buttons #floatbut {
      -webkit-mask-image: url(https://forumstatic.ru/files/001b/6f/ae/67909.png) !important;
      mask-image: url(https://forumstatic.ru/files/001b/6f/ae/67909.png) !important;
    }
    
    img.vibor {
      -webkit-filter: invert(1);
      filter: invert(1);
      margin: 0 10px;
    }
    
    #button-image > img {
      position: relative;
      z-index: 2;
    }
    
    #button-image > center {
      opacity: 0;
      visibility: hidden;
    }
    
    #button-image:hover > center {
      opacity: 1;
      visibility: visible;
    }
    
    #button-image p {
      color: #e6e6e6 !important;
    }
    
    #float {
      width: auto;
      padding: 8px;
      position: absolute;
      top: 37px;
      left: 347px;
      z-index: 20;
      display: none;
    }
    
    #float:last-child img {
      margin: 0 5px !important;
      -webkit-filter: invert(1);
      filter: invert(1);
    }
    
    .punbb #post .tabs li.active a,
    .punbb #post .tabs li a:hover {
      background: #686868 !important;
    }
    
    .punbb #post .tabs li a {
      background: #3c3c3c !important;
    }
    
    .hvStickerPackModal {
      border-radius: 0 !important;
      background: #fff !important;
    }
    
    .hvStickerPackModalTab {
      padding: 6px 12px !important;
      border-radius: 0 !important;
      background: rgba(0, 0, 0, 0.1) !important;
      font-size: 9px !important;
      letter-spacing: 1px !important;
      font-family: "Helvetica Bold", sans-serif !important;
      font-weight: normal !important;
      text-transform: uppercase !important;
      color: #222 !important;
    }
    
    /* Репутация
             -------------------------------------------------------------*/
    form#rep_form .tcl {
      width: 20% !important;
      font-family: 'Helvetica Regular' !important;
      text-transform: uppercase;
      text-align: left;
      font-weight: normal !important;
    }
    
    form#rep_form .tcl strong {
      font-family: 'Helvetica Bold' !important;
      font-weight: normal !important;
    }
    
    #pun-report .inner,
    #pun-reputation .inner,
    #pun-admin-award-form .inner {
      background: #eeefe4 !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
    }
    
    div.post-rating,
    div.post-vote,
    div.post-vote a,
    div.post-rating a {
      font-family: 'Helvetica Bold' !important;
      font-weight: normal !important;
    }
    
    #pun-respect .tcl {
      text-transform: lowercase !important;
    }
    
    .removeReputation:before {
      content: '\f00d';
      font-family: 'FontAwesome';
      font-size: 10px !important;
      font-weight: 900 !important;
    }
    
    .edit-reputation {
      border-bottom: 1px dashed #86887a !important;
    }
    
    /* Закладки
             -------------------------------------------------------------*/
    #BookmCntToggle.default-style {
      background: #575852 !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      color: #dedfdb !important;
      border-left: solid 5px #141414 !important;
      border-radius: 0;
    }
    
    #MyBookmarks {
      background: #575852 !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      border-radius: 0 120px 0 0;
    }
    
    #MyBookmarks .container {
      color: #fff !important;
      text-transform: lowercase !important;
    }
    
    #MyBookmarks h2 {
      font-family: 'Helvetica Regular' !important;
      font-size: 9px !important;
      font-weight: normal !important;
      text-transform: uppercase !important;
      color: #fff !important;
    }
    
    #MyBookmarks h2 span {
      font-size: 12px !important;
    }
    
    #MyBookmarks h1 {
      font-family: 'Helvetica Regular' !important;
      font-size: 9px !important;
      font-weight: normal !important;
      text-transform: uppercase !important;
      color: #fff !important;
    }
    
    #MyBookmarks #bm2 {
      height: 25px !important;
      width: 25px !important;
      display: block;
      position: absolute;
      padding: 9px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      top: 0 !important;
      right: -12px !important;
    }
    
    #MyBookmarks #bm2:after {
      content: '\f00d' !important;
      font-family: 'FontAwesome';
      font-size: 12px;
      background: #eeefe4;
      border-radius: 50%;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #575852;
      z-index: 999;
      width: 25px !important;
      height: 25px !important;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    #MyBookmarks span.scrl {
      width: 98px !important;
      padding-top: 4px !important;
      color: #fff !important;
      text-shadow: none !important;
    }
    
    #MyBookmarks span.scrl.b {
      left: 100px !important;
    }
    
    #MyBookmarks span.scrl.t,
    #MyBookmarks span.scrl.b {
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
    }
    
    #MyBookmarks li.BookmarkL > span > a {
      color: #fff !important;
    }
    
    #MyBookmarks li.BookmarkL > span > a:hover {
      opacity: 0.4;
    }
    
    #MyBookmarks li span strong {
      float: right;
      cursor: pointer;
      z-index: 99999;
      font-weight: 900;
      position: relative;
      font-size: 0 !important;
    }
    
    #MyBookmarks li span strong:after {
      content: '\f00d';
      font-size: 10px;
      font-family: 'FontAwesome';
      color: #ffffff;
    }
    
    .post .bookmark {
      color: #86887a !important;
    }
    
    .editBookmark {
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      border-radius: 0 !important;
      background: #86887a !important;
      border: 1px solid #86887a !important;
    }
    
    .editBookmark h1 {
      margin-bottom: 0 !important;
      color: #eeefe4 !important;
    }
    
    .editBookmark input.button {
      margin: 0 !important;
    }
    
    .editBookmark .container {
      border-radius: 0 !important;
      padding: 10px !important;
    }
    
    .editBookmark input:not(.button) {
      height: 23px;
      text-transform: lowercase;
      background: #dedbc5 !important;
      font-size: 10px !important;
      line-height: 9px !important;
    }
    
    .editBookmark .inputfield {
      color: #fff !important;
      font-size: 0 !important;
      text-transform: lowercase;
    }
    
    .editBookmark .inputfield .button {
      margin-left: 10px !important;
      margin-top: 1px !important;
    }
    
    span.delBookmark {
      margin-right: 5px !important;
    }
    
    /* Кнопки вверх/вниз
             -------------------------------------------------------------*/
    #Go_Top,
    #Go_Bottom {
      position: fixed;
      cursor: pointer;
      background-color: transparent;
      width: 13px;
      height: 43px;
      z-index: 999;
    }
    
    #Go_Top {
      top: calc(50% - 35px);
      left: calc(50% + 542px);
      background: url(https://forumstatic.ru/files/001a/16/90/37235.png);
    }
    
    #Go_Bottom {
      top: calc(50% + 35px);
      left: calc(50% + 542px);
      background: url(https://forumstatic.ru/files/001a/16/90/63737.png);
    }
    
    /* Дополнительно
             -------------------------------------------------------------*/

    0


    Вы здесь » bosver » коды » как бы ( тестовик )


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