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/634883.png
    https://forumupload.ru/uploads/001b/6f/ae/3/268093.png
    https://forumupload.ru/uploads/001b/6f/ae/3/519197.png
    https://forumupload.ru/uploads/001b/6f/ae/3/977591.png https://forumupload.ru/uploads/001b/6f/ae/3/876878.png
    https://forumupload.ru/uploads/001b/6f/ae/3/590993.png
    https://forumupload.ru/uploads/001b/6f/ae/3/486078.png https://forumupload.ru/uploads/001b/6f/ae/3/23333.png https://forumupload.ru/uploads/001b/6f/ae/3/44555.png
    https://forumupload.ru/uploads/001b/6f/ae/3/825743.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: 'Karton';
      font-style: normal;
      src: url("https://forumstatic.ru/files/001a/16/90/53173.eot"), url("https://forumstatic.ru/files/001a/16/90/53173.eot") format("embedded-opentype"), url("https://forumstatic.ru/files/001a/16/90/46374.woff2") format("woff2"), url("https://forumstatic.ru/files/001a/16/90/19214.woff") format("woff"), url("https://forumstatic.ru/files/001a/16/90/32398.otf") format("opentype"), url("https://forumstatic.ru/files/001a/16/90/97208.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%;
    }
    
    #pun-index .main table {
      border-spacing: 0 20px;
    }
    
    .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 {
      display: block;
      font-style: normal;
      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,
    #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: 40px auto 0 auto;
    }
    
    #pun-status .container {
      margin-bottom: 0;
    }
    
    #pun-status span {
      white-space: nowrap;
      margin-right: 0.5em;
    }
    
    #pun-status span:last-child {
      margin-right: 0 !important;
    }
    
    #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: 39%;
    }
    
    #pun-index .main .tc2,
    #pun-index .main .tc3 {
      width: 0;
      font-size: 0;
    }
    
    #pun-index .main .tcr {
      overflow: hidden;
      width: 50%;
    }
    
    #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;
      position: absolute;
      padding: 0;
    }
    
    #pun-crumbs2 {
      font-weight: normal;
      overflow: hidden;
      margin: 10px 0;
    }
    
    #pun-index #pun-crumbs2 {
      margin: 10px 0 20px 0;
    }
    
    #pun-crumbs2 .container {
      padding: 10px 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: 18.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: 140% !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: 15px;
      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,
    .pa-fld3,
    .pa-fld4 {
      display: block;
      width: calc(100%/2 - 5px);
      padding: 1px 2px !important;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    .pa-posts,
    .pa-fld3 {
      margin: 0 5px 5px 0;
    }
    
    .pa-respect,
    .pa-fld4 {
      margin: 0 0 5px 5px;
    }
    
    .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;
      margin: 0 !important;
    }
    
    #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: 150px;
      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: 1024px) {
      html {
        min-width: 1150px;
      }
      #Go_Top,
      #Go_Bottom,
      #Go_Top:before,
      #Go_Bottom:before {
        display: none !important;
      }
    }
    
    /* Дополнительно
     -------------------------------------------------------------*/

    0

    3

    Код:
    /*************************************************************
    СТИЛЬ
    *************************************************************/
    /* Тело
    -------------------------------------------------------------*/
    body {
      background: #222;
    }
    
    #pun {
      background: #eee;
      width: 1000px;
      margin: 219px auto 80px;
      padding: 0 15px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-box-shadow: 40px 0 0 -20px #701b1b, -40px 0 0 -20px #701b1b;
      box-shadow: 40px 0 0 -20px #701b1b, -40px 0 0 -20px #701b1b;
    }
    
    .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/63418.jpg) no-repeat;
      width: 940px;
      height: 219px;
      margin: -219px auto 70px;
    }
    
    /* Меню навигации: форум, участники и т. д.
          -------------------------------------------------------------*/
    #pun-navlinks {
      word-spacing: 8px;
      padding: 0 !important;
      margin: -60px 0 0 0;
      position: absolute;
      text-align: center;
    }
    
    #pun-navlinks a {
      color: #121212;
      font-family: 'Helvetica Bold', sans-serif;
      text-transform: uppercase;
      font-size: 15px;
      font-weight: normal !important;
      letter-spacing: 0.6px;
      position: relative;
    }
    
    #pun-navlinks a:hover,
    #pun-navlinks a:focus,
    #pun-navlinks a:active {
      color: #c5c5c5 !important;
    }
    
    #pun-navlinks .container {
      background: transparent !important;
      padding: 0;
      height: auto;
    }
    
    #pun-navlinks li {
      display: inline;
      padding: 0;
    }
    
    /* Меню навигации 2: новые соо, активные темы и т. д.
          -------------------------------------------------------------*/
    #pun-ulinks {
      position: absolute;
      margin: -42px 0 0 -15px;
      width: 100%;
      height: 40px;
      font-family: 'Helvetica Regular', sans-serif;
      font-size: 7px;
      font-weight: normal !important;
      text-transform: uppercase;
      letter-spacing: 2.6px;
      -webkit-box-shadow: 6px 0 0 0 #222, -6px 0 0 0 #222;
              box-shadow: 6px 0 0 0 #222, -6px 0 0 0 #222;
      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-ulinks:before {
      display: block;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 11px 11px 11px 0;
      border-color: transparent #b3b3b3 transparent transparent;
      line-height: 0;
      margin: 0 0 0 -17px;
    }
    
    #pun-ulinks:after {
      display: block;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 11px 0 11px 11px;
      border-color: transparent transparent transparent #b3b3b3;
      line-height: 0;
      margin: 0 -17px 0 0;
    }
    
    #pun-ulinks .container {
      padding: 0;
      text-align: center;
      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%;
      height: 20px;
      background: #222;
    }
    
    #pun-ulinks li a {
      margin: 0;
      color: #eee;
      margin: 0 8px !important;
    }
    
    #pun-ulinks li a:hover {
      color: #6e6e6e;
    }
    
    #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: 0.6px;
      text-transform: uppercase;
      font-weight: normal !important;
      margin: 0;
      display: block;
    }
    
    #pun-status .container,
    #pun-status .container strong,
    #pun-status .container a {
      color: #202020;
      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: 11px;
      font-weight: normal !important;
      text-transform: uppercase;
      color: #1d242c;
      letter-spacing: 0.6px;
      text-align: center;
    }
    
    .punbb .divider {
      border-color: #b1a598 !important;
    }
    
    /* Объявление и переадресация
          -------------------------------------------------------------*/
    #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;
      border: 2px solid #972c2c !important;
    }
    
    .move_posts_form .modal-inner > .container {
      background: #e6e6e6 !important;
    }
    
    #move_posts_form .formal > form.container {
      padding: 15px 15px 7px 15px !important;
    }
    
    #pun-redirect h1 {
      margin-bottom: 0 !important;
      color: #701b1b !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 {
      -webkit-box-shadow: 6px 0 0 0 #222, -6px 0 0 0 #222;
              box-shadow: 6px 0 0 0 #222, -6px 0 0 0 #222;
      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;
      width: 1000px;
      height: 40px;
      margin: 0 0 -15px -15px;
      padding: 0;
      letter-spacing: 2px;
    }
    
    .punbb #pun-stats h2 {
      margin: 0 0 0 -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: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      height: 20px;
      background: #222;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      padding: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 7px;
      white-space: nowrap;
      text-transform: uppercase;
      color: #eee;
    }
    
    .punbb #pun-category1 h2 span:before,
    .punbb #pun-category2 h2 span:before,
    .punbb #pun-category3 h2 span:before,
    .punbb #pun-category4 h2 span:before,
    .punbb #pun-category5 h2 span:before,
    .punbb #pun-category6 h2 span:before,
    .punbb #pun-category7 h2 span:before,
    .punbb #pun-stats h2 span:before {
      display: block;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 11px 11px 11px 0;
      border-color: transparent #b3b3b3 transparent transparent;
      line-height: 0;
      margin: 0 0 0 -17px;
    }
    
    .punbb #pun-category1 h2 span:after,
    .punbb #pun-category2 h2 span:after,
    .punbb #pun-category3 h2 span:after,
    .punbb #pun-category4 h2 span:after,
    .punbb #pun-category5 h2 span:after,
    .punbb #pun-category6 h2 span:after,
    .punbb #pun-category7 h2 span:after,
    .punbb #pun-stats h2 span:after {
      display: block;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 11px 0 11px 11px;
      border-color: transparent transparent transparent #b3b3b3;
      line-height: 0;
      margin: 0 -17px 0 0;
    }
    
    /* Иконки подфорумов
           -------------------------------------------------------------*/
    div.icon {
      background: #eeeeee;
      -webkit-box-shadow: 0 0 0 1px #d1d1d1;
              box-shadow: 0 0 0 1px #d1d1d1;
    }
    
    div.inew,
    div.icon-new {
      background: #444444;
      -webkit-box-shadow: 0 0 0 1px #444444;
              box-shadow: 0 0 0 1px #444444;
      font-weight: normal !important;
      font-family: 'Helvetica Bold', sans-serif;
    }
    
    tr.isticky div.icon {
      background: #8b2929;
      -webkit-box-shadow: 0 0 0 1px #8b2929;
              box-shadow: 0 0 0 1px #8b2929;
    }
    
    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;
    }
    
    #pun-index div.icon {
      background: transparent;
      font-weight: normal !important;
      float: none;
      width: 5px;
      height: auto;
      display: block;
      margin: 0;
      -webkit-box-shadow: none !important;
              box-shadow: none !important;
      -ms-flex-negative: 0;
          flex-shrink: 0;
    }
    
    #pun-index div.inew:before {
      content: 'новое сообщение';
      font-size: 7px;
      font-family: 'Helvetica Bold', sans-serif;
      letter-spacing: 0.6px;
      line-height: 1;
      color: #911e1e;
      text-transform: uppercase;
      white-space: nowrap;
      width: 86px;
      height: 7px;
      display: block;
      position: absolute;
      margin: -8px 0px 0 340px;
      text-align: right;
    }
    
    /* Таблица общее
          -------------------------------------------------------------*/
    .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;
      -webkit-filter: brightness(3);
              filter: brightness(3);
      border-radius: 0% !important;
      opacity: 1 !important;
      background-blend-mode: multiply;
      background-color: #6a1e1e;
    }
    
    .punbb .user-avatar .avatar-image:after {
      content: '';
      display: block;
      width: 30px;
      height: 30px;
      background: #2e2121;
      opacity: 0.5;
      position: absolute;
    }
    
    #pun-index .user-avatar .avatar-image {
      margin: 0 0 0 0 !important;
      position: relative;
    }
    
    .punbb .user-avatar .isonline {
      background: #c74e41 !important;
      top: -3px !important;
      right: -3px !important;
    }
    
    /* Таблица на index
          -------------------------------------------------------------*/
    #pun-index .main .tcl {
      text-align: left;
    }
    
    #pun-index .main td.tcl:before {
      content: '';
      width: 20px;
      position: absolute;
      display: block;
      height: 2px;
      background: #701b1b;
      margin: 24px 0 0 -15px;
    }
    
    #pun-index .main td.tcr {
      height: 50px;
      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;
    }
    
    #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;
    }
    
    #pun-index .main .tcr a:not(.user-avatar a) {
      font-family: 'Helvetica Bold', sans-serif;
      font-size: 11px;
      font-weight: normal !important;
      text-transform: lowercase;
      letter-spacing: 0.6px;
      color: #08141b;
      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 0px 3px 0;
      margin: 0 40px 3px 0px!important;
      white-space: nowrap;
      z-index: 1;
      width: 93%;
      border-bottom: 2px solid #222 !important;
    }
    
    #pun-index .main .user-avatar {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      -ms-flex-item-align: auto;
          align-self: auto;
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
      height: auto !important;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: end;
      width: 30px !important;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: absolute;
      margin: 0 !important;
    }
    
    #pun-index .main .tcr a:hover {
      color: #c3c3c3 !important;
    }
    
    #pun-index .main .tcr .lastpost {
      margin: 0 40px 0 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: 50px;
      width: 420px;
      border-radius: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      color: #08141b;
      font-family: 'Helvetica Regular', sans-serif;
      font-weight: normal !important;
      font-size: 0;
      line-height: 1;
      letter-spacing: 0;
      background: url(https://forumstatic.ru/files/001a/16/90/62553.jpg) no-repeat;
    }
    
    #pun-index .main .tcl h3 {
      font-family: 'Karton', sans-serif;
      font-size: 25px;
      letter-spacing: 1px;
      font-weight: normal !important;
      text-transform: lowercase;
      line-height: 1;
      width: 309px;
      height: 50px;
      text-align: left;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0;
      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;
      color: #eeeeee;
    }
    
    #pun-index .main .tcl h3 a {
      color: #eeeeee;
    }
    
    #pun-index .main .tcl h3 a:hover {
      color: #979797 !important;
    }
    
    #pun-index td .tclcon .pfor-a {
      width: 111px;
      height: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      text-transform: uppercase;
      text-align: center;
      margin: 0;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 7px;
      font-family: 'Helvetica Regular', sans-serif;
      letter-spacing: 1px;
      line-height: 1;
      font-weight: normal !important;
    }
    
    #pun-index td .tclcon .pfor-a a {
      color: #eee;
      width: 100%;
      display: block;
    }
    
    #pun-index td .tclcon .pfor-a a:hover {
      color: #8b3838;
    }
    
    #pun-index div.container {
      width: 100%;
      margin: 0 auto;
    }
    
    /* Таблица на 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: #972c2c !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: #972c2c;
    }
    
    /* Таблица на 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: #701b1b !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: 0 !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: 2px !important;
    }
    
    /* Личные сообщения
          -------------------------------------------------------------*/
    #volSlider {
      background: #c1c1c1 !important;
      width: 100px !important;
      height: 5px !important;
      border-radius: 0 !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
    }
    
    #volSlider .before {
      background: #9d9d9d !important;
      height: 5px !important;
      border-radius: 0 !important;
    }
    
    #volSlider .thumb {
      background: #6b6e70 !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(255, 255, 255, 0.2) !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(255, 255, 255, 0.2) !important;
      margin: 0 !important;
    }
    
    .FNTslider .thumb {
      width: 5px !important;
      height: 8px !important;
      position: relative;
      top: -2px !important;
      background: rgba(255, 255, 255, 0.5) !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: #e6e6e6 !important;
      top: -6px !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 .post-author ul,
    #pun-multimove .post-author ul {
      padding: 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: #222;
      font-family: 'Helvetica Bold', sans-serif;
      font-size: 8px;
      font-weight: normal !important;
      line-height: 10px;
      text-transform: uppercase;
      letter-spacing: 1px;
    }
    
    #pun-stats li.item4 a {
      color: #222;
    }
    
    #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: 0 !important;
      padding: 0 !important;
    }
    
    #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%;
      padding: 0;
      margin: 0;
    }
    
    #pun-about p span {
      text-align: right;
      margin: -20px 0 0 0;
      width: 970px;
      padding: 0 !important;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    #pun-about p span,
    #pun-about p span a {
      color: #666666;
    }
    
    /* Посты
          -------------------------------------------------------------*/
    .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: white;
      font: 1em verdana, arial, sans-serif;
    }
    
    .punbb input {
      background: #fff;
      font: 1em verdana, arial, sans-serif;
    }
    
    .punbb select {
      background: #fff;
      font: 1em verdana, arial, sans-serif;
      text-transform: lowercase;
    }
    
    .punbb optgroup {
      background: #fff;
      font: 1em verdana, arial, sans-serif;
      font-weight: bold;
    }
    
    .punbb .post h3 {
      padding: 0;
      width: 1000px;
      margin: 0 0 0 -15px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      height: 40px;
      -webkit-box-shadow: 6px 0 0 0 #222, -6px 0 0 0 #222;
              box-shadow: 6px 0 0 0 #222, -6px 0 0 0 #222;
      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;
      position: relative;
      z-index: 1;
    }
    
    .punbb .post h3:before {
      display: block;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 11px 11px 11px 0;
      border-color: transparent #b3b3b3 transparent transparent;
      line-height: 0;
      margin: 0 0 0 -17px;
      position: absolute;
    }
    
    .punbb .post h3:after {
      display: block;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 11px 0 11px 11px;
      border-color: transparent transparent transparent #b3b3b3;
      line-height: 0;
      margin: 0 -17px 0 0;
    }
    
    #pun-messages .post h3 {
      width: 803px !important;
      margin: 0 !important;
    }
    
    .punbb .post h3 span {
      text-align: left;
      font-family: 'Helvetica Regular', sans-serif;
      font-size: 7px;
      font-weight: normal !important;
      letter-spacing: 1px;
      line-height: 1;
      text-transform: uppercase;
      color: #dddddd;
      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;
      background: #222;
      -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: #dddddd;
    }
    
    .punbb .post h3 span a:hover {
      color: #a95656;
    }
    
    .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: 12px;
      letter-spacing: 0.6px;
      line-height: 15px;
      font-weight: normal !important;
      text-transform: uppercase;
      color: #222;
    }
    
    .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(0, 0, 0, 0.05);
      color: #333;
    }
    
    .punbb .post-content .spoiler-box > div {
      background-color: rgba(0, 0, 0, 0.05);
      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: #222 !important;
      text-align: left;
    }
    
    .punbb .code-box strong.legend a {
      color: #222;
      width: auto;
      text-align: center;
    }
    
    .punbb .code-box strong.legend a:hover {
      color: #701b1b !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: #a75454;
      -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 #c1c1c1 !important;
    }
    
    em {
      font-style: normal;
    }
    
    em.bbuline {
      font-style: normal;
      text-decoration: none;
      border-bottom: 1px solid #a75454 !important;
    }
    
    del {
      opacity: .45;
    }
    
    hr {
      opacity: 1 !important;
      margin-bottom: 0.8em;
      -webkit-filter: none;
      filter: none;
      border: 1px solid #c1c1c1 !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: #222;
    }
    
    .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: #701b1b;
      font-size: 11px;
      display: block;
    }
    
    .post-content .highlight-text {
      background-color: #6c6c6c !important;
      color: #eee !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: #222;
      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: #222;
    }
    
    #pun-viewtopic .linksb .postlink a:hover,
    #pun-viewtopic .linksb .subscribelink a:hover {
      color: #972c2c;
    }
    
    div#topic-users-in {
      font-family: 'Helvetica Regular', sans-serif;
      font-weight: normal !important;
      font-size: 12px;
      text-transform: lowercase;
      color: #701b1b;
      margin-top: 20px;
    }
    
    .punbb .modmenu strong {
      font-family: 'Helvetica Regular', sans-serif;
      font-weight: normal !important;
      text-transform: lowercase;
    }
    
    .punbb .modmenu strong a {
      background: #222;
      color: #dddddd;
      padding: 1px 15px 3px 15px;
    }
    
    .punbb .modmenu strong a:hover,
    .punbb .formsubmit a:hover {
      background-color: #eee !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 Bold', sans-serif;
      font-weight: normal !important;
    }
    
    /* Профиль в постах
          -------------------------------------------------------------*/
    .punbb .post .post-author {
      width: 219px;
      height: auto;
      padding: 20px 0 5px 0 !important;
      margin: -30px 0 0 -35px !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: #701b1b;
      padding: 0 0 9px !important;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    #pun-messages .post .post-author ul {
      border-left-width: 2px !important;
    }
    
    .pa-author {
      height: 20px;
      background: transparent;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      padding: 0 2px !important;
      text-align: left;
      font-family: 'Helvetica Bold', sans-serif;
      font-size: 10px;
      line-height: 1;
      text-transform: uppercase;
      color: #eeeeee;
      font-weight: normal !important;
      letter-spacing: 0.8px;
      text-shadow: none;
      margin: -20px 0 0 20px !important;
      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;
      z-index: 2;
    }
    
    #pun-messages .pa-author {
      padding: 0 !important;
      margin: -18px 0 4px -4px !important;
    }
    
    .pa-author a {
      color: #eeeeee !important;
      width: 100%;
      text-align: center;
    }
    
    .pa-author a:hover {
      color: #972a2a !important;
    }
    
    li.pa-title {
      padding: 0 !important;
      font-weight: normal !important;
      color: #e6e6e6;
      text-align: center;
      text-transform: lowercase;
      font-size: 7px;
      line-height: 1;
      font-family: 'Helvetica Regular', sans-serif;
      letter-spacing: 2px;
      width: 100%;
      margin: 6px 2px 3px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    li.pa-avatar.item2 {
      margin: 6px 0 10px;
      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 #eee;
              box-shadow: 0 0 0 1px #eee;
      max-height: 180px;
      max-width: 180px;
    }
    
    li.pa-online {
      font-family: 'Helvetica Regular', sans-serif;
      color: #dddddd;
      line-height: 1;
      letter-spacing: 1px;
      width: 100%;
      text-align: center;
      font-size: 8px;
      text-transform: uppercase;
      margin-top: 10px;
    }
    
    li.pa-online strong {
      font-weight: normal !important;
    }
    
    .pa-respect,
    .pa-posts,
    .pa-fld3,
    .pa-fld4 {
      text-align: center;
      font-family: 'Helvetica Regular', sans-serif;
      font-size: 7px;
      line-height: 1;
      letter-spacing: 1px;
      text-transform: uppercase;
      font-weight: normal !important;
      color: #eee;
      background: #222;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 !important;
    }
    
    .pa-posts span.fld-name,
    .pa-respect span.fld-name,
    .pa-fld3:before,
    .pa-fld4:before {
      display: inline;
      font-family: 'Helvetica Regular', sans-serif;
      padding: 0;
      color: #dddddd;
      font-weight: normal !important;
      letter-spacing: 1px;
      font-size: 7px;
    }
    
    .pa-respect a {
      color: #dddddd !important;
    }
    
    .pa-respect img {
      -webkit-filter: hue-rotate(260deg);
      filter: hue-rotate(260deg);
      width: 7px;
      height: 7px;
    }
    
    .pa-fld3:before {
      content: 'посты:';
    }
    
    .pa-fld4:before {
      content: 'деньги:';
    }
    
    .pa-fld3:before,
    .pa-fld4:before {
      font-size: 7px !important;
    }
    
    li.pa-fld1 span.fld-name,
    li.pa-fld2 span.fld-name,
    li.pa-fld3 span.fld-name,
    li.pa-fld4 span.fld-name {
      display: none;
    }
    
    .pa-fld1,
    li#pa-fld1 strong {
      width: 219px;
      height: 25px;
    }
    
    .pa-fld1 {
      margin: -9px 0 5px !important;
    }
    
    .pa-fld2 {
      width: 100%;
      margin: 10px auto !important;
    }
    
    .pa-fld2 a.ank {
      display: block;
      padding: 0 3px;
      margin: -3px 0 5px;
      color: #eee !important;
      text-align: center;
      text-transform: uppercase;
      font-family: 'Helvetica Bold', sans-serif;
      font-weight: normal !important;
      letter-spacing: 2px;
      font-size: 10px;
      line-height: 1;
    }
    
    li#pa-fld2 strong a.ank {
      display: block;
    }
    
    .pa-fld2 a:hover {
      opacity: .5;
    }
    
    .pa-fld2 lz {
      margin: -10px 0 0 0 !important;
      padding: 10px 6px;
      text-align: justify;
      display: block;
      color: #eee;
      background: #222;
      font-family: 'Helvetica Regular', sans-serif;
      font-weight: normal !important;
      font-size: 8px !important;
      letter-spacing: 1px !important;
      line-height: 1.4;
      text-transform: lowercase !important;
    }
    
    .pa-fld2 lz d {
      display: block;
      color: #8f3d3d;
      font-family: 'Helvetica Bold', sans-serif;
      text-align: center;
    }
    
    .pa-fld2 lz a {
      color: #919191 !important;
    }
    
    .pa-fld2 lz a:hover {
      background: #a3a3a3;
      color: #222 !important;
      opacity: 1 !important;
    }
    
    li.pa-ip {
      color: #e6e6e6 !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: #e6e6e6 !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: 230px !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: 6px 2px !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: #eee !important;
      background: #222;
      text-align: center;
    }
    
    #profile-name strong {
      font-weight: normal !important;
    }
    
    #profile-left li#profile-title {
      padding: 5px 2px 9px !important;
      font-weight: normal !important;
      color: #e6e6e6;
      text-align: center;
      text-transform: lowercase;
      font-size: 7px;
      line-height: 1;
      font-family: 'Helvetica Regular', sans-serif;
      letter-spacing: 1px;
      width: 100%;
      margin: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: #701b1b;
    }
    
    #profile-left li#pa-avatar {
      background: #701b1b;
      padding: 0 0 9px 0 !important;
    }
    
    #profile-left li#pa-avatar strong {
      color: #222;
      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-size: 8px;
      font-family: 'Helvetica Regular', sans-serif;
      color: #dddddd;
      background: #701b1b;
      text-transform: uppercase;
      line-height: 1;
      letter-spacing: 1px;
      width: 100%;
      text-align: center;
      padding-bottom: 10px;
    }
    
    #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: 12px;
      letter-spacing: 1px;
      text-transform: lowercase;
      font-weight: normal !important;
      padding: 5px 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      color: #222;
      margin-top: 5px;
    }
    
    #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: 1px;
      color: #343434;
    }
    
    #viewprofile li span a,
    #profile-right li span a {
      color: #343434;
    }
    
    #viewprofile h2 span {
      background-color: transparent;
      color: #701b1b;
      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: #c1c1c1;
      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: #701b1b;
      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: #954646;
    }
    
    .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 #punbb-admain a:hover,
    .punbb-admin #punbb-admain a:focus,
    .punbb-admin #punbb-admain a:active {
      color: #7a7a7a;
    }
    
    #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: #222 !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: #eee !important;
      color: #222 !important;
      outline: 1px solid #cb9797;
    }
    
    #mask_dialog .hv-form-block {
      max-height: 380px !important;
    }
    
    #profile .formsubmit {
      text-transform: lowercase;
    }
    
    div#form-buttons {
      background: #222;
      margin: 0;
    }
    
    div#float strong {
      font-family: 'Helvetica Bold', sans-serif;
      font-weight: normal !important;
      text-transform: uppercase !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: -2px !important;
      padding: 3px !important;
      color: #bb2e2e !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: #e7e7e7 !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: #701b1b !important;
    }
    
    sup.new {
      color: #701b1b !important;
      font-weight: normal !important;
    }
    
    sup.new:before {
      content: '(';
    }
    
    sup.new:after {
      content: ')';
    }

    Отредактировано bosver (21.04.2022 10:28:03)

    0

    4

    Код:
    
    /* Скроллбар
           -------------------------------------------------------------*/
    ::-webkit-scrollbar {
      width: 7px;
      height: 0;
    }
    
    ::-webkit-scrollbar-track,
    ::-webkit-scrollbar-corner {
      background-color: #323232;
    }
    
    ::-webkit-scrollbar-thumb {
      background-color: #959595;
    }
    
    textarea::-webkit-scrollbar,
    #tags .container::-webkit-scrollbar,
    .scrollbox::-webkit-scrollbar,
    .banners::-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: #e6e6e6 !important;
      border: none !important;
    }
    
    textarea::-webkit-scrollbar-thumb,
    .scrollbox::-webkit-scrollbar-thumb,
    .hvStickerPackModalContent::-webkit-scrollbar-thumb {
      background-color: #666666 !important;
    }
    
    #tags .container::-webkit-scrollbar-track,
    #tags .container::-webkit-scrollbar-corner {
      background-color: #fff !important;
    }
    
    #tags .container::-webkit-scrollbar-thumb {
      background-color: #cb9797 !important;
    }
    
    .banners::-webkit-scrollbar-track,
    .banners::-webkit-scrollbar-corner {
      background-color: #222 !important;
    }
    
    .banners::-webkit-scrollbar-thumb {
      background-color: #707376 !important;
    }
    
    /* Выделение текста
           -------------------------------------------------------------*/
    ::-moz-selection {
      background-color: #d1d1d1;
      color: #222222 !important;
    }
    ::selection {
      background-color: #d1d1d1;
      color: #222222 !important;
    }
    
    ::-moz-selection {
      background-color: #d1d1d1;
      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: #ffffff;
      border: 1px solid #cb9797 !important;
      border-top: none !important;
      color: #222;
    }
    
    #tags .container {
      text-transform: lowercase;
    }
    
    #tags .container a {
      color: #701b1b;
    }
    
    #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: #222 !important;
      font-size: 12px;
    }
    
    #addition-area div:hover,
    #font-area div:hover,
    #size-area div:hover {
      background: rgba(0, 0, 0, 0.1) !important;
      border-radius: 0;
    }
    
    #keyboard-span input {
      background-color: rgba(0, 0, 0, 0.1) !important;
      font-size: 13px !important;
      color: #222 !important;
    }
    
    #keyboard-span input:hover {
      background-color: rgba(34, 34, 34, 0.8) !important;
      color: #eee !important;
    }
    
    .uploadQueueItem .cancel a {
      font-weight: normal !important;
      color: #e6e6e6 !important;
    }
    
    /*#upload-button-container input[type=button],
      #imageupload-left input[type=button],
      #selected-image-width,
      #selected-thumb-width,
      #imageupload-left select {
        font-family: 'Helvetica Bold' !important;
        font-size: 10px !important;
        font-weight: normal !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        color: #972c2c !important;
        background-color: #101010 !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: #efefef;
      background-image: none !important;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-position: center;
    }
    
    .resizable-textarea label {
      font-size: 0;
    }
    
    #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: #e6e6e6 !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      outline: 2px solid #972c2c;
    }
    
    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 #701b1b !important;
    }
    
    /* Закладки
           -------------------------------------------------------------*/
    #BookmCntToggle.default-style {
      background: #dddddd !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      color: #222 !important;
      border-left: solid 5px #972c2c !important;
      border-radius: 0;
    }
    
    #MyBookmarks {
      background: #323232 !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      border-radius: 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: 18px !important;
      width: 18px !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: #eee;
      border-radius: 0%;
      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: #222;
      z-index: 999;
      width: 18px !important;
      height: 18px !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: #a96565 !important;
    }
    
    .editBookmark {
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      border-radius: 0 !important;
      background: #efefef !important;
      border: 1px solid #a95656 !important;
    }
    
    .editBookmark h1 {
      margin-bottom: 0 !important;
      color: #222 !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: #dddddd !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: 40px;
      height: 50px;
      z-index: 999;
    }
    
    #Go_Top {
      top: calc(50% - 35px);
      left: calc(50% + 552px);
    }
    
    #Go_Bottom {
      top: calc(50% + 35px);
      left: calc(50% + 552px);
    }
    
    #Go_Top:before {
      content: 'вверх';
    }
    
    #Go_Bottom:before {
      content: 'вниз';
    }
    
    #Go_Top:before,
    #Go_Bottom:before {
      font-family: 'Karton', sans-serif;
      font-size: 24px;
      color: #eee;
      display: block;
      letter-spacing: 2px;
    }
    
    /* Таблица в шапке (актив)
           -------------------------------------------------------------*/
    .t-bpost,
    .t-ep,
    .t-act,
    .t-posts {
      display: block;
      position: absolute;
    }
    
    .t-bpost {
      width: 160px;
      height: 80px;
      font-family: 'Helvetica Regular', sans-serif;
      font-size: 9px;
      font-weight: normal !important;
      letter-spacing: 0.6px;
      text-transform: lowercase;
      color: #c7c7c7;
      margin: -190px 0 0 -60px !important;
      overflow-y: auto;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-right: 5px;
    }
    
    pbq:before {
      color: #8f2920;
      content: '“';
      font-family: 'Georgia', serif;
      font-size: 72px;
      display: block;
      position: absolute;
      margin: -215px 0 0 -95px !important;
    }
    
    a.rmore {
      text-transform: uppercase;
      font-style: italic;
      font-size: 7px;
      font-family: 'Helvetica Bold', sans-serif;
      display: block;
      margin-top: 4px;
      width: 100%;
      text-align: right;
      color: #a5342b !important;
    }
    
    a.rmore:hover {
      color: #eee !important;
      opacity: .5;
    }
    
    .t-ep {
      width: 200px;
      height: 40px;
      margin: -80px 0 0 -140px !important;
    }
    
    .t-ep a {
      width: 200px;
      height: 40px;
      background-color: #8a2920;
      display: block;
      background-position: center center;
      background-size: cover;
      background-blend-mode: multiply;
      -webkit-box-shadow: 0 0 0 4px #222, 0 0 0 5px #eee;
              box-shadow: 0 0 0 4px #222, 0 0 0 5px #eee;
    }
    
    .t-ep:before {
      background: #8a2920;
      opacity: .5;
      display: block;
      content: '';
      width: 200px;
      height: 40px;
      position: absolute;
      margin: 0 !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;
    }
    
    .t-act a:before,
    .t-posts a:before {
      background: #8a2920;
      opacity: .5;
      display: block;
      content: '';
      width: 30px;
      height: 30px;
      position: absolute;
      margin: 0 !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;
    }
    
    .t-ep:hover::before,
    .t-act a:hover::before,
    .t-posts a:hover::before {
      background: #b1b1b1;
    }
    
    .t-ep:hover,
    .t-act a:hover,
    .t-posts a:hover {
      background-color: #b1b1b1;
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
    }
    
    .t-act {
      width: 111px;
      height: 42px;
      margin: -188px 0 0 930px !important;
    }
    
    .t-posts {
      width: 111px;
      height: 42px;
      margin: -81px 0 0 894px !important;
      display: block;
    }
    
    .t-act:before,
    .t-posts:after {
      position: absolute;
      width: calc(100% - 15px);
      height: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      line-height: 1;
      color: #a5342b;
      font-family: 'Helvetica Bold', sans-serif;
      text-transform: lowercase;
      font-weight: normal;
      font-size: 9px;
      letter-spacing: 2px;
    }
    
    .t-act:before {
      content: 'активисты';
      margin: -22px 0 0 -60px !important;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
    }
    
    .t-posts:after {
      content: 'постописцы';
      margin: 9px 0 0 61px !important;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
    }
    
    .t-act a,
    .t-posts a {
      width: 30px;
      height: 30px;
      background-color: #8a2920;
      display: inline-block;
      background-position: center center;
      background-size: cover;
      background-blend-mode: multiply;
      -webkit-box-shadow: 0 0 0 4px #222, 0 0 0 5px #eee;
              box-shadow: 0 0 0 4px #222, 0 0 0 5px #eee;
    }
    
    .t-act a:first-child,
    .t-posts a:first-child {
      margin-right: 33px;
    }
    
    .t-act a:first-child::after,
    .t-posts a:first-child::after {
      content: '';
      display: block;
      height: 1px;
      width: 27px;
      background: #eee;
      margin: 15px 0 0 35px !important;
    }
    
    .t-links {
      position: absolute;
      margin: -135px 0 0 840px !important;
      width: 210px;
      height: 30px;
      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: wrap;
          flex-wrap: wrap;
      line-height: 1;
      color: #eee;
      font-family: 'Helvetica Bold', sans-serif;
      text-transform: uppercase;
      font-weight: normal;
      font-size: 7px;
      letter-spacing: 1px;
    }
    
    .t-links a {
      margin: 0 5px;
      color: #eee !important;
    }
    
    .t-links a:hover {
      opacity: 0.5 !important;
    }
    
    /* Баннеры в футере
           -------------------------------------------------------------*/
    .banners {
      display: block;
      position: absolute;
      bottom: -50px !important;
      left: 0 !important;
      width: 1000px;
      height: 32px;
      overflow-y: auto;
      text-align: justify;
      text-align-last: center;
      padding: 0 10px 0 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    .banners a {
      opacity: .5;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
    }
    
    .banners a:hover {
      -webkit-filter: none;
      filter: none;
      opacity: .9;
    }
    
    /* Дополнительно
           -------------------------------------------------------------*/

    0


    Вы здесь » bosver » коды » депо ( красный чист )


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