https://forumupload.ru/uploads/001b/ae/ef/2/25401.png

— структура
Код:
/*************************************************************
a — setup
**************************************************************/
/* a1 import the colour scheme
-------------------------------------------------------------*/
/* a1.1 */
  @import url(style_cs.css);


@import url('https://fonts.googleapis.com/css2?family=unifrakturmaguntia&display=swap');
@import url('https://fonts.googleapis.com/css2?family=roboto:wght@400;500;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=arsenal&family=playfair+display&family=raleway:wght@100;200;300&family=yeseva+one&display=swap');


@font-face {
    font-family: 'oranienbaum';
    src: local('oranienbaum'), local('oranienbaum-regular'), url('http://hb.bizmrg.com/fonts/oranienbaum/400.woff2') format('woff2'), url('http://hb.bizmrg.com/fonts/oranienbaum/400.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


@font-face {
	font-family: 'oldoak';
	src: url('https://forumstatic.ru/files/001a/c0/74/16674.eot');
	src: local('oldoak'), url('https://forumstatic.ru/files/001a/c0/74/16674.woff') format('woff'), url('https://forumstatic.ru/files/001a/c0/74/16674.ttf') format('truetype'), url('https://forumstatic.ru/files/001a/c0/74/16674.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'theanomodern';
    src: local('theano modern regular'), local('theanomodern-regular'), url('http://hb.bizmrg.com/fonts/theanomodern/400.woff2') format('woff2'), url('http://hb.bizmrg.com/fonts/theanomodern/400.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {font-family: 'playfair display';
    src: url('https://forumstatic.ru/files/0019/a0/36/84758.eot');
    src: url('https://forumstatic.ru/files/0019/a0/36/84758.eot?#iefix') format('embedded-opentype'),
         url('https://forumstatic.ru/files/0019/a0/36/52142.woff') format('woff'),
         url('https://forumstatic.ru/files/0019/a0/36/88677.ttf') format('truetype');
    font-weight: normal;  font-style: normal;}

@font-face {font-family: 'playfair display';
    src: url('https://forumstatic.ru/files/0019/a0/36/48890.eot');
    src: url('https://forumstatic.ru/files/0019/a0/36/48890.eot?#iefix') format('embedded-opentype'),
         url('https://forumstatic.ru/files/0019/a0/36/61308.woff') format('woff'),
         url('https://forumstatic.ru/files/0019/a0/36/64432.ttf') format('truetype');
    font-weight: normal; font-style: italic;}

@font-face {font-family: 'playfair display';
    src: url('https://forumstatic.ru/files/001a/c0/74/90473.eot');
    src: url('https://forumstatic.ru/files/001a/c0/74/90473.eot?#iefix') format('embedded-opentype'),
         url('https://forumstatic.ru/files/001a/c0/74/12814.woff') format('woff'),
         url('https://forumstatic.ru/files/001a/c0/74/15334.ttf') format('truetype');
    font-weight: bold; font-style: normal;}

@font-face {font-family: 'playfair display';
    src: url('https://forumstatic.ru/files/001a/c0/74/54154.eot');
    src: url('https://forumstatic.ru/files/001a/c0/74/54154.eot?#iefix') format('embedded-opentype'),
         url('https://forumstatic.ru/files/001a/c0/74/15236.woff') format('woff'),
         url('https://forumstatic.ru/files/001a/c0/74/86898.ttf') format('truetype');
    font-weight: bold; font-style: italic;}

@font-face {font-family: 'yeseva one';
src: url('https://forumstatic.ru/files/0019/03/0e/44523.eot?'),
url('https://forumstatic.ru/files/0019/03/0e/76910.woff') format('woff'),
url('https://forumstatic.ru/files/0019/03/0e/34371.ttf') format('truetype'),
url('https://forumstatic.ru/files/0019/03/0e/71332.svg#svgfontname') format('svg');}

/* a2 deal with browser defaults and wonkiness
-------------------------------------------------------------*/
/* a2.1 */
html, body {margin: 0; padding: 0}
/* a2.2 */
.punbb * {
  margin: 0
  }
/* a2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }
/* a2.4 */
.punbb img {
  border:none
  }
/* a2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }
/* a2.6 */
.checkfield input[type=«checkbox»], .radiofield input[type=«radio»] {margin: 0 0.3em;}
/* a2.7 */
p[class=«checkfield»] *,
div[class=«checkfield»] *,
fieldset[class=«radiofield»] * {
  height: 1.8em;
  vertical-align: middle
  }
/* a3 text setup
-------------------------------------------------------------*/
/* a3.1 */
body {
  font-size: 100.01%;
  }
/* a3.2 */
.punbb {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  }
/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
    font: 10px arial;
    text-transform: lowercase;
    background: #e5e9e3b8;
    border-radius: 7px;
    border-color: #b7b7b73b;
  }
/* a3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 10px;
  font-weight: normal;
  }
/* a3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }
/* a3.6 */

.punbb pre {
    font: 11px arial;
    line-height: 17px;
    color: #525252;
}

/* a3.7 */
.punbb address, .punbb em {
  font-style: normal
  }
/* a3.8 */
.punbb .post-content em {
  font-style: italic
  }
/* a3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
text-decoration: underline;
  }
/* a3.10 */
.punbb a {
  }
/* a3.11 */
.punbb optgroup {
  font-weight: bold;
  }
/* a4 float clearing and hidden items
-------------------------------------------------------------*/
/* a4.1 */
#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;
  }
/* a4.2 */
.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
  }
/* a5 basic page layout and borders
-------------------------------------------------------------*/
    /* a5.1 */
    #pun {
    width: 1030px;
    margin: 150px auto;
    padding: 1px 0px;
      }
    /* a5.2 */
    .punbb {
    float: none;
    width: 960px;
    height: auto;
    margin: 0 auto;
      }
    /* a5.3 */
    #pun-redirect {
      background: #191919;
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 100;
      top: 0 !important;
      left: 0 !important;
      }
    #pun-redirect #pun-main {
    margin: 12% 37% 12px 37%;
      width: auto;
      float: none;
      position: relative;
      z-index: 1000;
      }
/* a5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }
/* a5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }
/* a5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }
/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }
/* a5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px
  }
/* a5.9 */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }
/* a5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 0.5em 1em;
  border-style: none solid solid none;
  border-width: 0 1px 1px 0;
  }
/*************************************************************
b — main content — general
**************************************************************/
/* b1 parsed content, signatures and scroll boxes
-------------------------------------------------------------*/
/* b1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }
/* b1.2 */
.punbb .post-sig dt:before {
    content: 'xxx';
}
.punbb .post-sig dt {
    display: block;
    width: auto;
    font-size: 8px;
    letter-spacing: 10px;
    margin: auto;
    text-align: center;
    padding: 4px;
}
/* b1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 10px 0;
  font-family: arial;
  font-size: 11px;
  color: #525252;
  line-height: 150%;
    text-align: justify;
  }
/* b1.4 */
.punbb .post-content img {
  vertical-align: text-bottom
  }
/* b1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }
/* b1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }
/* b1.7 */
.punbb .post-content .scrollbox {
    width: 100%;
    max-height: 4em!important;
    overflow: auto;
  }
/* b1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 1.4em 1.8em 1.4em 1.8em;
    padding: 1.4em;
  }
/* b1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-family: arial;
    text-transform: lowercase;
    border-radius: 7px;
  }
.punbb .post-content .blockcode {
    margin-top: 10px!important;
    height: 44px;
}

/* b2 information boxes
-------------------------------------------------------------*/
/* b2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }
/* b2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }
/* b2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }
/* b3 pagination and posting links
-------------------------------------------------------------*/
/* b3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }
/* b3.2 */
.multipage {
  margin-top: 3em;
  }
/* b3.3 */
.linkst .pagelink {
    position: absolute;
    font-size: 8px;
    color: #a8ada5;
    text-transform: lowercase;
    left: -22px;
    width: 24em;
  }
/* b3.4 */
.linkst .postlink {
    position: absolute;
    top: -14px;
    right: 0em;
    width: 16em;
    text-transform: lowercase;
    font-size: 10px;
    text-align: right;
    font-weight: bold;
  }
/* b3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }
/* b3.6 */
.linksb .pagelink {
    float: left;
    text-align: left;
    font-size: 8px;
    color: #a8ada5;
    text-transform: lowercase;
    margin-left: -33px;
    width: 24em;
  }
/* b3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
    text-transform: lowercase;
    font-size: 11px;
    text-align: right;
    font-weight: bold;
  }
/* b3.8 */
.subscribelink {
    clear: both;
    padding-top: 0.3em;
    padding-bottom: 0.5em;
    text-transform: lowercase;
    font-size: 9px;
    text-align: right;
  }
/*************************************************************
c — main content — specific
**************************************************************/
/* c1 form layout
-------------------------------------------------------------*/
/* c1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }
/* c1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }
/* c1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }
/* c1.4 */
.punbb fieldset {
    margin: 0px 0 1em 0;
  }
/* c1.5 */

.punbb .formal fieldset legend {
padding: 0;
    display: block;
}


#pun-viewtopic .formal fieldset legend {
    font-size: 9px;
    text-align: center;
    font-family: arial;
    text-transform: lowercase;
    color: #000000!important;
  }
/* c1.6 */
.punbb fieldset legend span {
    padding: 0px 5px;
    margin: 0;
  }
/* c1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }
/* c1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }
/* c1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }
/* c1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }
/* c1.11 */
.punbb .inline .infofield {
  clear:both
  }
/* c1.12 */
.punbb .datafield br {
  display: none
  }
/* c1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }
/* c1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }
/* c1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* for ie */
  }
/* c1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  }
/* c1.17 */
.punbb .hashelp {
  position: relative;
  }
/* c1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }
/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }
/* c1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }
/* c1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }
/* c2 table layout
-------------------------------------------------------------*/
/* c2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 27%;
  }
.punbb td div.tclcon {
    margin-left: 3px;
    text-align: justify;
    text-transform: lowercase;
    font-size: 9px;
}
/* c2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 11%;
  font-size: 9px;
  }
/* c2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 16%;
  }
/* c2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }
#pun-modviewforum table div.icon {
    float: left!important;
    margin-top: 2px;
}
/* c2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }
/* c2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }
/* c2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }
/* c2.8 */
#pun-index .tcl h3 {
    font-size: 15px;
    margin-top: -6px;
    text-transform: uppercase;
    font-family: 'playfair display';
    letter-spacing: 1px;
}
  }

/* c2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }
/* c2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }
/* c2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }
/* c2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em;
  }
/* c2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }
/* c2.14 */
.punbb tbody.hasicon td.tcl {
    padding: 2.2em;
  }
/* c2.15 */
.punbb div.icon {
    height: 32px;
    float: left;
    margin-right: 4px;
    background-repeat: no-repeat;
    line-height: 0.0;
    margin-top: -4px;
    width: 35px;
  }
/* c2.16 */
.punbb  table div.icon {
    font-size: 1.05em;
  }
/* c3 topics
-------------------------------------------------------------*/
/* c3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }
/* c3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }
/* c3.3 */
.punbb .post h3 span {
    padding: 4px;
    display: block;
    margin: 22px -31px;
    font-family: verdana;
    text-transform: lowercase;
    font-size: 8px;
    border-top: 1px solid #e4e4e4;
  }
.punbb .post h3 span a {
color: #000000;
}
/* c3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }
/* c3.5 */
.punbb .post .post-author {
    float: left;
    width: 218px;
    padding: 1px;
    overflow: hidden;
    margin-left: -36px;
    border-left: 4px solid #aecb9d !important;}

/* c3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
    line-height: 140%;
  }
/* c3.7 */
.pa-author {
    ffont-size: 11px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px!important;
    letter-spacing: 1px;
    color: #fff;
    font-family: roboto;
    text-transform: uppercase;
  }
/* c3.8 */
.pa-author a {
    color: #99b596!important;
    font-family: 'playfair display';
    text-transform: uppercase;
    font-size: 16px;
}
  }
.pa-author a:hover, .pa-author a:active {
    color: #b1680c!important;
}
li.pa-avatar.item2 img {
    max-width: 180px;
    border: 3px solid #fff;
    outline: 1px solid #aecb9d;
}
.post-author ul li.pa-avatar {
    text-align: center;
    padding-bottom: 0px!important;
    margin-bottom: -5px;
    margin-top: -3px;
}
/* c3.9 */
li.pa-title {
    text-align: center;
    letter-spacing: 1px;
    font-family: arial;
    padding: 4px 10px;
    line-height: 10px;
    /* font-weight: bold; */
    color: #969696;
    font-size: 7px;
    margin-bottom: 4px;
    margin-top: -11px;
    text-transform: lowercase;}
li.pa-fld1 {
padding: 10px;
    font-size: 9px;
    text-transform: lowercase;
    text-align: justify;
    line-height: 12px;
margin: 0 2px;
    background-color: #e8e8e8;
}

li.pa-fld4 {
margin-top: -14px;
    text-align: center;
}

li.pa-fld5 {
position: absolute;
    margin: -14px 0 0 -11px;
    transform: rotate(-12deg);
}

li.pa-fld5 img {
    width: 27px;
}

li.pa-fld1 a {
    font-weight: bold;
}
li.pa-fld3::before {
    content: '— ';
}
li.pa-fld3 {
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-family: roboto;
    padding: 0px 0px 10px;
    margin-top: -10px;
    line-height: 10px;
    font-weight: bold;
    color: #ae690a;
    font-size: 6px;
}
li.pa-fld3::after {
    content: ' -';
}
.fdom {
    background-color: #d8d8d8;
    margin-top: -16px!important;
    padding: 0px 4px;
    padding-bottom: 7px;
    margin-left: auto;
    width: fit-content;
    text-align: center;
    font-family: theanomodern;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: auto;
}

.post-author .pa-respect, .pa-posts {
       display: inline-block;
    text-align: center;
    text-transform: lowercase;
    font-family: arial;
    color: #585858;
    /* font-weight: bold; */
    width: 106px;
    font-size: 8px;
    margin-top: 7px;
    letter-spacing: 1px;
}
.pa-respect a, .pa-posts a {
    color: #585858!important;
}
li.pa-fld2 {
text-align: center;
    font-family: roboto;
    font-weight: 900;
    font-size: 10px;
    text-transform: uppercase;
margin: 0 2px;
    color: #ae690a;
    background-color: #e8e8e8;
    border-top: 1px dashed #151111;
    padding: 10px 0;
}
li.pa-ip {
    font-size: 7px;
    text-align: center;
    margin-bottom: 4px;
}
li.pa-online {
    border-left-style: solid;
    font-size: 8px;
    font-family: arial;
    text-transform: lowercase;
    color: #99b596;
    text-align: center;}
/* c3.11 */
.punbb .post-body {
    margin-left: 21em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }
/* c3.12 */
.punbb .post-box {
    padding: 1em 0em;
    padding-right: 1px;
  }
/*c3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }
/* c3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }
/* c3.15 */
.punbb .post-links ul {
    padding: 0 1em 0 0;
    height: 2em;
    line-height: 2em;
    margin-left: -19em;
    text-transform: lowercase;
    border-top-style: dashed;
    border-top-width: 1px;
    background: transparent;
    text-align: right;
  }
/* c3.16 */
.punbb .post-links li {
  display: inline;
  padding-right: 1em;
  }
/* c3.17 */
.pl-email, .pl-website {
  float: left;
  }
/* c3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }
/* c4 moderator menu
-------------------------------------------------------------*/
/* c4.1 */
.punbb .modmenu .container {
    padding: 0.5em 1em;
    text-align: right;
    font-size: 10px;
    margin-left: -31px;
    text-transform: lowercase;
  }
/* c4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }
/* c4.3 */
.punbb .modmenu .container strong {
  float: left;
  }
/* c4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }
/* c5 message boxes
-------------------------------------------------------------*/
/* c5.1 */
.punbb .info .container {
  padding: 0.8em 1em;
    color: #d2d0d0;
    font-size: 10px;
    text-transform: uppercase;
    font-family: arsenal;
    /* font-weight: bold; */
    text-align: center;
}
  }
/* c5.2 */
.punbb .info .container .backlink {
padding-top: 0.8em;
    text-align: center;
    font-family: verdana;
    text-transform: lowercase;
    font-size: 8px;
  }
/* c6 profile
-------------------------------------------------------------*/
/* c6.1 */
#profile .container {
  padding-left: 18.6em;
  }
/* c6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }
/* c6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }
/* c6.4 */
#viewprofile ul, #profilenav ul {
    border-style: solid;
    border-width: 1px;
    padding: 1.5em 18px 0.8em 18px;
    font-size: 10px;
    font-weight: bold;
    margin: 0 0 1em 0;
  }
/* c6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }
/* c6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }
/* c6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }
/* c6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }
/*c6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }
/* c6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }
/* c6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }
/* c7 user list
-------------------------------------------------------------*/
/* c7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }
/* c7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }
/* c7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }
/*************************************************************
d — punbb sections other than main content
**************************************************************/
/* d1 logo and description
-------------------------------------------------------------*/
/* d1.1 */
#pun-title {
    margin: 0;
    border-style: none none none none;
    border-width: 0px 0px 0 0px;
    margin-top: 33px;
  }
/* d1.2 */
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em;
  }
/* d1.3 */
#pun-title .container {
  border-style: none solid none solid;
  }
/* d1.4 */
#pun-title h1 span  {
    display: none;
  }
#pun-title table {
border: none;
}
#pun-title td.title-logo-tdl {
border: none;
width: 100%;
}
#pun-title td.title-logo-tdr {
border: none;
width: 468px;
}
/* d2 page navigation
-------------------------------------------------------------*/
/* d2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }
/* d2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}
/* d2.3 */
#pun-pagelinks .container li {
  display: inline
  }
/* d2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }
/* d2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }
#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }
/* d3 forum navigation
-------------------------------------------------------------*/
/* d3.1 */
#pun-navlinks, #pun-navlinks .container {
    border-style: none;
    border-width: 0;
    margin-top: -254px;
    letter-spacing: 1px;
    font-family: arsenal;
    text-transform: uppercase;
    text-align: center;
    font-size: 11px;
  }
/* d3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
  }
/* d.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;
  }
/* d3.4 */
#pun-navlinks li a {
  font-size: 8px;
  }
/* d4 user links
-------------------------------------------------------------*/
/* d4.1 */
#pun-ulinks  {
  margin-top: -13px;
  }
/* d4.2 */
#pun-ulinks .container {
    border-top: none;
    font-family: arial;
    margin: 134px 0;
    text-transform: lowercase;
    text-decoration: none;
    word-spacing: 4px;
    text-align: center;
    font-size: 8px;
    letter-spacing: 1px;
  }
/* d4.3 */
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    white-space: nowrap;
  }
#pun-ulinks a {
    color: #464646;
  }
/* d4.4 */
#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em
  }
/* d4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }
/* d5 welcome box and top breadcrumbs
-------------------------------------------------------------*/
/* d5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  top-bottom: 80px;
  }
/* d5.2 */
#pun-status .container {
    border-bottom: none;
    margin-bottom: 0;
    font-family: arial;
    color: #fff;
    font-size: 8px;
    /* text-align: center; */
    margin-left: 7px;
    text-transform: lowercase;
    letter-spacing: 1px;
    margin-left: -24px;
    margin-top: -172px;
  }
/* d5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  margin-bottom: 50px;
  }
/* d5.4 */
#pun-crumbs1 {
    overflow: hidden;
    font-size: 7px;
    text-align: center;
    text-transform: uppercase;
    margin-top: -11px!important;
  }
/* d5.5 */
#pun-crumbs1 p.container {
    border-top: none;
    padding: 73px 0px 0px 0px;
    color: #8c8c8c;
  }
/* d5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }
/* d6 announcement
-------------------------------------------------------------*/
/* d6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  }
/* d6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  }
/* d6.3 */
#pun-announcement .container {
  padding: 1em;
  }
/* d7 statistics
-------------------------------------------------------------*/
/* d7.1 */
#pun-stats .container {
    padding: 0;
  }
/* d7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
    text-align: center;
    color: #bec1be;
    font-size: 8px;
    display: inline-block;
    text-transform: lowercase;
    letter-spacing: 0px;
    padding: 7px 0px;
    margin-top: -4px;
  }
/* d7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
    text-align: center;
    color: #bec1be;
    font-size: 8px;
    display: inline-block;
    text-transform: lowercase;
    letter-spacing: 0px;
    padding: 7px 0px;
    margin-top: -4px;
  }
/* d7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }
/* d7.5 */
li#onlinelist div {
    border-top-style: solid;
    border-top-width: 1px;
    text-align: justify;
    text-transform: lowercase;
    font-size: 10px;
  }
/* d8 quick jump — about — bottom breadcrumbs
-------------------------------------------------------------*/
/* d8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }
/* d8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }
/* d8.3 */
#pun-about {
  margin-top: 0;
  }
/* d8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }
/* d8.5 */
#pun-about p span {
    display: block;
    width: 100%;
    font-family: arial;
    text-transform: lowercase;
    font-size: 8px;
    color: #000000;
    letter-spacing: 2px;
    text-align: center;
  }
/* d8.6 */
#pun-crumbs2 {
    overflow: hidden;
    font-size: 7px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: none;
  }
/* d8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  }
/* d8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 1px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }
/* d8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }
/* d9 help file
-------------------------------------------------------------*/
/* d9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }
/* d9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em;
  }
/* d9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }
/* d9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }
/* d9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }
/* d9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }
/* d9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }
/* d9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
.admain {
    padding-left: 172px!important;
    margin-bottom: 1em;
}



.banners {
    position: absolute;
    margin-top: 44px;
    width: 1012px;
    margin-left: -37px;
    border: 10px solid #18100e;
    text-align: center;
    background-color: #18100e;
    height: 31px;
    overflow-y: auto;
}
.banners img {
    opacity: 0.7;
max-width: 88px;
    max-height: 31px;
}
.banners img:hover {
    opacity: 0.9;
}

.topic .sharelink {display:none;}
.stickytext,.closedatafield{ display:none;}




.forlink:hover {
    background-color: #b1680c30;
}

.forlink {
    display: inline-block;
    background-color: #e8e8e8;
    color: #0d1007!important;
    border: 1px solid;
    border-radius: 2px;
    height: 13px;
    padding: 3px 14px;
}

#post-preview .fs-box .post-content {
    width: 792px;
    padding: 10px !important;
    margin-left: 53px;
}


.punbb .user-avatar .avatar-image {
    height: 25px!important;
    width: 25px!important;
}
.punbb .user-avatar .isonline {
    right: 9px!important;
}


.blok {
    position: absolute;
    height: 75px;
    margin-top: 48px;
    margin-left: 13px;
    width: auto;
    line-height: 14px;
}
.blok img {
    margin: 4px;
    box-shadow: 0 0 7px 1px #00000096;
}
.blok img:hover {
-webkit-filter: grayscale(30%);
    -moz-filter: grayscale(30%);
    -ms-filter: grayscale(30%);
    -o-filter: grayscale(30%);
    filter: grayscale(30%);
}


.navig {
    text-align: center;
    position: absolute;
    font-family: roboto;
    font-size: 10px;
    line-height: 19px;
    font-weight: bold;
    text-transform: lowercase;
    width: 958px;
    margin-top: 7px;
    color: #49392a!important;
}
.blok a {
color: #232323!important;
}
.blok a:hover {
    color: #980800!important;
}

.tipsy.a11 {
margin-top:-22px!important;
margin-left: 85px!important;
max-width:170px;
}

.bnnr {
    background-color: #af690a;
    width: 181px;
    padding: 3px 1px 1px 3px;
}
#pun-announcement h2 {display: none}


.collection img {
    width: 50px;
    margin: 5px;
}


#pun-index .tcl .modlist{display:none!important}

#viewprofile-next #profilenav {
    display: none;
}

#viewprofile {
    position: relative;
}
#viewprofile #pa-edit {
    position: absolute;
    right: 1em;
    font-family: roboto;
    font-size: 11px;
    text-transform: uppercase;
    top: 1em;
}


div#topic_t7 li.pl-delete, div#topic_t6 li.pl-delete  {
    display: none;
}



/*********************************

*********************************/

#pun-navlinks a:not(.nextshow)+span.odd{
  display:none!important;
}

#pun-navlinks #new-exit {
   position:absolute;
   margin-left: 25px;
}
#pun-navlinks #new-exit img{
    width: 25px;
    height: auto;
    display:inline-block;
    margin-top: -4px!important;
    opacity: .8;
}

#pun-navlinks #form-login {
position: absolute;
    left: 0;
    top: 12px;
    z-index: 100;
    text-transform: lowercase;
    font-weight: 600;
    text-shadow: none;
    font-family: arial;
    color: #000;
    font-size: 10px;
    padding: 7px 12px;
    background: #e8e8e8;
    text-align: center;
    background-color: #e8e8e8;
    border: 1px solid #b2670a;
}
#pun-navlinks #navlogout #form-login {
  margin-left: -40px;
}
#navpm+#navlogout #form-login { 
    margin-left: 69px;
}
#pun-navlinks #navlogin #form-login {
  margin-left: 164px; 
}


#pun-navlinks #form-login .rega,
#pun-navlinks #form-login .forgot{
font-size:10px!important;
color: #6a1750!important;
letter-spacing:0.5!important;
}

#form-login input.none{
outline:red dashed 2px!important;
}

.punbb #form-login input[type="checkbox"]#check{
display:none;
position:absolute;
right:10px;
border: 2px #000000;
border-radius:0;
box-shadow:none;
box-sizing: border-box;
column-gap: 13px;
font: normal normal 400 12.76px/normal tahoma;
height: 22px;
margin: -3px -3px;
padding: 1px!important;
resize: none;
vertical-align: middle;
width: 13px;
}
#list-usernames {
    position: absolute;
    margin-top: -8px;
    min-height: 109px;
    width: 220px;
    right: 100%;
    text-shadow: none;
    padding: 12px 19px 26px 17px;
    text-align: center;
    background-color: #e8e8e8;
    border: 1px solid #b2690b;
}
.punbb #list-usernames li{
display: block!important;
    position: relative;
    background: #e8e8e8;
    border: 1px solid #b3660a;
    text-align: left;
    padding-left: 5px!important;
    font: normal normal 100 9px/normal verdana!important;
    margin: 1px auto!important;
    padding: 2px 0;
    transition: .33s;
}
.punbb #list-usernames li:hover{
opacity: .98;
background: #ad6b0a3d!important;
}
.punbb #list-usernames li>b{
cursor: pointer;
    letter-spacing: 0!important;
    opacity: .8;
    color: #000000;
}
.punbb #list-usernames li>b:hover{
opacity: .93;
}
#list-usernames ul {
overflow: hidden;
    overflow-y: auto;
    min-height: 36px;
    max-height: 72px;
    font-family: roboto;
    padding: 0!important;
    text-shadow: none !important;
    font-size: 10px;
}
#list-usernames ul::-webkit-scrollbar {
    width: 7px;
    height: 5px;
}
#list-usernames ul::-webkit-scrollbar-track {
background-color: #ffffff;
    border: 3px solid #ffffff;
    box-shadow: none;
}
#list-usernames ul::-webkit-scrollbar-thumb {
background-color: #a8cda3;
    border: 2px solid #a8cda3;
    box-shadow: none;
}
#list-usernames ul li>span {
display: inline-block;
    padding: 0 3px;
    position: absolute;
    opacity: .88;
    cursor: pointer;
    top: 0;
    bottom: 0;
    right: 2px;
    color: #bf3631;
    font: normal normal 700 10.56px/normal verdana;
}

#list-usernames ul:empty::before{
  display:inline-block;
  content: ""
}
#navlogin #exit-2 {
  display:none;
}
#navlogout .rega,
#navlogout .forgot {
  display:none;
}
.punbb #list-usernames input {
    background: rgb(208, 206, 209);
    border: 1px inset rgba(99,100,79,.3)!important;
    color: #5b4556!important;
    margin-top: 9px;
    padding: 4px !important;
    vertical-align: middle;
}
#list-usernames  ul+span{
  display:inline-block;
  padding:6px 0 8px 0;
  text-align:left;
  font: normal normal 400 10.56px/normal verdana;
}
#list-usernames  ul+span b{
  font: normal normal 400 13px/normal verdana;
  padding:0 3px;
  color: #313121;
}
#list-usernames .a1-paste{
cursor: pointer;
    color: #867877;
    display: inline-block!important;
    float: right;
}
#list-usernames .a1-copy{
display: inline-block!important;
    color: #867877;
    cursor: pointer;
    float: left;
}


/*** улучшить аккаунт ***/
#pun-status .item4 {display:none;}



.tab_post {
   position: absolute;
    z-index: 9;
    font-family: arial;
    width: 289px;
    overflow: auto;
    height: 40px;
    margin: 59px 13px;
    line-height: 10px;
    text-align: justify;
    padding-right: 4px!important;
    color: #d7d5d5;
    font-size: 7px;
    /* background-color: #cdc7c73b; */
    letter-spacing: 1px;
}

#main-reply {
    height: 220px;
    padding: 9px 9px 9px 9px;
    color: #464646;
    text-transform: none;
    word-spacing: 3px;
    line-height: 15px;
    font-size: 11px;
    width: 100%;}


#ready {
         position: absolute;
    top: 100px;
    margin-left: 2px;
    width: 308px;
    text-align: center;
    /* text-shadow: 1px 1px 0 #11111152; */
    color: #d7d5d5;
    z-index: 9;
    text-transform: uppercase;
    font-family: yeseva one;
    letter-spacing: 6px;
    font-size: 9px;

}
— цвет
Код:
/* cs1 background and text colours
-------------------------------------------------------------*/
/*фон */
body { background-image: url(https://forumupload.ru/uploads/001b/58/2a/2/330918.png); background-position: top center; background-attachment: fixed;
background-repeat-y: no-repeat;
background-size: cover;
background-color: #e0e0e0;}



/* шапка */
#pun-title table {
    background-image: url(https://forumupload.ru/uploads/001b/58/2a/2/59644.png);
    background-repeat: no-repeat;
    background-position: top center;
    margin-left: -30px;
    margin-top: -180px;
    height: 250px;
    width: 1021px;
}
/* тело форума */
#pun {background-image : url(https://forumupload.ru/uploads/001b/58/2a/2/962106.png);
background-color : transparent;
background-position : center;
background-repeat: repeat-y;
width: 1021px !important;
}
/* категории */
#pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2 {
    margin-top: -12px;
    margin-left: -30px;
    font-size: 5px !important;
    text-transform: uppercase;
    color: transparent;
    width: 1010px;
    height: 40px;
    font-weight: normal;
    letter-spacing: 2px;
    background-position: center;
}
#pun-category1.category h2 {background: url(https://forumupload.ru/uploads/001b/9f/d1/2/384269.png);
}
#pun-category2.category h2 {
 background:url() top right;
}
#pun-category3.category h2 {
 background:url(); 
}
#pun-category4.category h2 {
 background:url();
}
#pun-category5.category h2 {
background:url();
}
#pun-category6.category h2 {
background:url() top right;
}

/*статистика*/
#pun-stats.section h2 { 
background-attachment: scroll;
    background: url();
    background-clip: border-box;
    margin: 20px 17px!important;
    font-size: 5px !important;
    letter-spacing: 2px;
    height: 0px;
    color: transparent;
    margin-left: -34px;
    font-weight: normal;
    text-transform: uppercase;
}
#pun-stats.section h2 span {
}
/* футер */
#pun-about p.container {
    background-image: url(https://forumupload.ru/uploads/001b/58/2a/2/962106.png);
    margin: 0px 0px -115px 0px;
    background-position: center bottom;
    background-repeat: no-repeat;
    margin-left: -43px;
    width: 1021px;
    height: 100px;
}
/* cs1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: transparent;
  color: #1d1c1c;
  }
/* cs1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background: transparent;
  color: #000;
  }

.punbb-admin #pun-admain .adcontainer {
    border-color: #e8e8e8!important;
}
/* cs1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    color: #000000;
    text-transform: lowercase;
    margin: 4px;
    padding: 5px 0;
    font-weight: bold;
    font-size: 11px !important;
    font-family: verdana;
    text-align: center;
  }
/* cs1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: transparent;
  color: #000;
  }
/* cs1.5 */
#viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    color: #000000;
  }

.punbb-admin #pun-admain legend span {
    background-color: #e8e8e8!important;
  }

/* cs1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  color: #000;
  }
/* cs1.7 */
.punbb .quote-box, .punbb .code-box {
   border: 1px solid #e3ebde;
    color: #000000;
   
    
  }
/* cs1.8 */
#pun-navlinks .container {
  background: transparent;
  color: #f1f1f1;
  }
.offline li.pa-online strong {
  font-weight: normal;
  }
/* cs2 border colours
-------------------------------------------------------------*/
/* cs2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }
/* cs2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }
/* cs2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }
/* cs2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }
/* cs2.5 */
.punbb th {
  border-color: transparent;
  }
/* cs2.6 */
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }
.punbb .divider {
  border-color: transparent;
  }
.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }
li.pa-online {
  border-left-color: transparent;
  }
/* cs3 links
-------------------------------------------------------------*/
/* cs3.1 */
.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 {
  text-decoration: none;
  color: #748769;
  }
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #000;
  }
/* cs3.2 */
.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: #acbba4;
  }
/* cs3.3 */
#pun-navlinks a {
color: #fff;
    font-family: arial;
    text-transform: uppercase;
    background: #aecb9d;
    padding: 2px 6px;
    border-radius: 19px;
    text-decoration: none;
  }
/* cs3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: #6c7a65;
  }
#pun-pagelinks a:active, #pun-pagelinks a:focus {
    color: #acbba4;
  }

.punbb .post-content a:hover {
    color: #000;
}

.punbb .post-content a {
    color: #759171;}

/* cs4 post status icons
-------------------------------------------------------------*/
div.icon {
                background: url(https://forumupload.ru/uploads/001b/58/2a/2/745681.png)no-repeat;
}
tr.inew div.icon {
        background: url(https://forumupload.ru/uploads/001b/58/2a/2/424179.png) no-repeat;
}
tr.iclosed div.icon {
        background: url(https://forumupload.ru/uploads/001b/58/2a/2/424179.png) no-repeat;
}
tr.isticky div.icon {
        background: url(https://forumupload.ru/uploads/001b/58/2a/2/424179.png) no-repeat;
}
#pun-viewforum table div.icon, #pun-messages table div.icon {
    float: left;
    margin-right: 10px;
margin-top: 0px;}

#pun-main div.catleft, #pun-main div.catright {display: none}
/*стиль выделения */
::selection {
background: none repeat scroll 0 0 #cdc7c7;
    color: #000000;
    opacity: 1;
} 
*::-moz-selection {
background: none repeat scroll 0 0 rgb(46, 46, 46);
    color: #e8e8e8;
    opacity: 1;
}
/* стиль списка тем в форуме */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}
/* список тем в форуме ник создателя темы */
#pun-main .forum .tcl .byuser {
    display: block;
    font-size: 9px;
}
#pun-main .forum .tcl .byuser:before {
    content: "";
}
/*форма ответа стиль выпадающих окошек*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    z-index: 1000;
    right: -10px!important;
    padding: 10px 10px 10px 10px;
    top: 46px!important;
    background-color: rgb(250 250 250);
    border: 1px solid rgb(210 210 210);
}
#font-area {
    overflow-y: scroll;
    height: 300px;
    width: 170px;
    padding: 10px 10px;
}
#font-area::-webkit-scrollbar-thumb {
    background-color: #a8cda3;
}

#font-area::-webkit-scrollbar-track {
background-color: #ffffff;
}

/*фон окошка репутации*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -131px 0 0 -451px!important;
    z-index: 100;
    width: 903px!important;
    position: absolute;
    right: 12px!important;
    background-color: rgb(241, 241, 241);
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    -khtml-box-shadow: none!important;
}
/* скроллбар */
.scrollbox::-webkit-scrollbar { width: 3px;
    height: 6px;} 
.scrollbox::-webkit-scrollbar-track {background-color: #ffffff;}
.scrollbox::-webkit-scrollbar-thumb {background-color: #a8cda3;}

::-webkit-scrollbar { width: 3px;
    height: 6px;}  
::-webkit-scrollbar-track { background-color: #ffffff;} 
::-webkit-scrollbar-thumb { background-color: #a8cda3;}

#mybookmarks {
    display: none;
    position: fixed;
    background: #e8e8e8;
    border: none!important;
    box-shadow: none!important;
    border-left: none;
    z-index: 101;
    left: 0;
    margin-top: 147px;
    top: 0;
    right: 0;
    height: 70%!important;
    width: 240px;
}
#bookmcnttoggle.default-style {
    background: #010000!important;
    border-left: solid 5px currentcolor!important;
    box-shadow: none!important;
    color: #f3f3f3!important;
    display: block;
    height: 22px!important;
    width: 18px!important;
}
#bookmcnttoggle {
    position: fixed;
    top: 5px!important;
    left: 5px!important;
    opacity: 0.7;
    cursor: pointer;
    z-index: 3;
    transition: opacity .3s ease-out;
}
.post .bookmark {
    color: #8e0200!important;
    width: 12px!important;
    right: -36px!important;
}
.editbookmark {
    background-color: #e8e8e8!important;
    box-shadow: none!important;
    color: #000!important;
    border: 1px solid #151111;
    border-radius: 2px!important;
}
#mybookmarks h2, #mybookmarks h1 {
    font-family: verdana!important;
    color: #000000!important;
    font-weight: bold;
    text-transform: lowercase;
    font-size: 10px;
    text-align: center!important;
}
.editbookmark .inputfield {
    font-weight: 700;
    text-transform: lowercase!important;
}
/*форум тем соо прозрачность*/
#pun th {text-transform: lowercase;     font-size: 0px;    padding-bottom: 0px; font-weight: bold; opacity: 0.0;}
#pun-userlist th {opacity: 1;font-size: 9px;}
#pun-viewtopic h1, #pun-viewtopic h2 {display:none;}
#pun-viewforum h1 {display:none;}
#pun-messages h3 {display:none;}
#pun-messages .fs-box {    padding: 4em 0 0.8em 0;}
.lastedit {display:none}
#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}
.resizable-textarea textarea {
  display: block;
  margin-bottom: 0pt;
    border: 2px solid #000000!important;
    background-color: #f3f3f3!important;
}
#main-reply {
    border: 1px solid #6d6d6d47!important;
    border-radius: 0px;
    background-color: #e7e7e736!important;
}
.go-up, .go-down {
    cursor: pointer;
    display: none;
    height: 45px;
    margin-left: 926px !important;
    opacity: 1;
    position: fixed;
    width: 39px;
    z-index: 9999;
}
.go-up {  
    bottom: 56%;
}
.go-down { 
    bottom: 48%;
}
.go-down:hover, .go-up:hover {
    opacity: 1;
}

#statistic-other{
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; }
.news {
    position: absolute;
    margin: 99px 426px!important;
    font-family: foglihtenno;
    font-size: 11px;
    border-top: solid 1px #a0a0a0;
    box-shadow: 0 -2px rgb(122, 142, 149), 0px -4px #ababab;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0px;
    line-height: 13px;
    text-shadow: 1px 1px 0px #284144;
    color: #c1c1c1;
    font-weight: bold;
    width: 42px;
    height: 31px;
    opacity: 0;
    transition: all 0.6s ease-in-out 0.1s;
    -webkit-transition: all 0.6s ease-in-out 0.1s;
    -moz-transition: all 0.6s ease-in-out 0.1s;
    -o-transition: all 0.6s ease-in-out 0.1s;
}
.news a {
    color: #c1c1c1!important;
}
.news:hover, .news:active, .need1:hover, .need1:active, .need2:hover, .need2:active {
    opacity: 1;
}

.links {
    font-weight: bold;
    padding: 10px;
    padding-bottom: 0px;
    font-size: 8px;
    color: #777068;
    text-align: center;
    font-family: verdana;
}
.links a {
    font-family: arial;
    text-transform: lowercase;
    font-size: 9px;
    font-weight: bold;
}
.punbb .main .tcr a {
    font-weight: bold;
}
.punbb .main .tcr span {
    font-size: 8px;
    text-transform: lowercase;
}
#pun-viewforum .tclcon a {
    font-size: 11px;
margin-left: 2px;
}
#pun-viewforum .tcr a {
    text-transform: lowercase;
    font-size: 10px;
}
.pun-modal .modal-inner {
    border: 1px solid #000000!important;
    background: #e8e8e8!important;
}

.unread-notifications .notifications-block-title {
    border: solid 0px rgba(0,0,0,.06)!important;
    border-style: solid none;
    background: rgba(0, 0, 0, 0)!important;
}

.punbb textarea::-webkit-scrollbar-thumb {
background-color: #a8cda3;
}

.punbb textarea::-webkit-scrollbar-track {
background-color: #ffffff;
}

.adformal h2, #pun-adnav h2 {
    background-color: #e8e8e8!important;
}

#mask_dialog .inner {
    cursor: default;
    margin: 0;
    width: 760px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    box-shadow: 0 0 0 3px #fff;
    background: #e8e6e6;
    padding: 8px;
}

textarea {
-ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
.award{
    max-height: 560px;
    overflow-y: auto;
}
.aw1 {
    opacity: 1;
}

.aw0 {
    opacity: 0.5;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.aw1 img, .aw0 img {
    height: 110px;
}
.aw1, .aw0 {
    display: inline-block;
}

div.post-rating a, div.post-vote a {
    color: #000!important;
}

#spoiler-sels {
    background-color: #e8e8e8;
    border: 1px solid #6d6d6d;
    padding: 1em;
}




#pun-index .category tr { 
    z-index: 1;
    width: 987px;
    position: relative;
    display: block;
    background: #f7f6f6;
    border-radius: 0px 0 13px 13px;
    margin-bottom: 13px !important;
    margin-left: -14px;
}


#pun-stats  li.item1, #pun-stats li.item2, li.item3, #pun-stats li.item4 {
    z-index: 1;
    width: 235px;
    position: relative;
    display: block;
    background: #f7f6f6;
    /* border-radius: 0px 0 0px 13px; */
    margin-bottom: 15px !important;
    margin-left: 1px;
}


#pun-stats  li.onlinelist {
    z-index: 1;
    width: 950px;
    position: relative;
    display: block;
    background: #f7f6f6;
    /* border-radius: 0px 0 0px 13px; */
    margin-bottom: 15px !important;
    margin-left: 1px;
    padding: 2px 0px 5px 6px;
}


div#pun-live-rusff {
    z-index: 98;
    width: 440px;
    height: 19px;
    font-size: 0px;
    margin: auto 0px 0 auto;
    background: transparent;
    text-align: right;
    line-height: 17px;
    position: relative;
}




.post-content .spoiler-box > div.visible {
    background-image: url(/img/minus.png);
    font-family: arial;
    color: #525252;}

.post-content .spoiler-box > div {
    background: url(/img/plus.png) no-repeat left center;
    cursor: pointer;
    font-family: arial;
    color: #525252;
    padding-left: 18px;}





#smilies-area {
    width: 240px;
    overflow: auto;
    height: 200px;}
— верх
Код:
<!-- выделение кода в блоке "код" // © alex_63, версия 2019г. -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linktext = 'выделить код' //текст ссылки</script>
<!-- конец -->


<!--плашки-->
<div style="width: 900px;
  margin: 0 auto;">
<div style="position: absolute;
    font-family: playfair display;
    color: #5a5a5a;
    background: #a9cba445;
    border-radius: 2px;
    font-size: 15px;
    padding: 0px 0px 7px 9px;
    margin-top: 169px;
    margin-left: -12px;
    width: 160px;
    height: 29px;">
<a href="https://ohmylovertst.rusff.me/viewtopic.php?id=4#p14">важная плашка</a></div>
<div style="position: absolute;
    font-family: playfair display;
    color: #5a5a5a;
    font-size: 9px;
    margin-top: 185px;
    margin-left: -2px;
    width: 160px;
    height: 29px;">
<small>текст ещё какой-нибудь на одну строку</small>
</div>
<div style="position: absolute;
    font-family: playfair display;
    color: #5a5a5a;
    background: #f7f6f6;
    border-radius: 2px;
    font-size: 15px;
    padding: 0px 0px 7px 9px;
    margin-top: 169px;
    margin-left: 177px;
    width: 160px;
    height: 29px;">
плашка плашка</div>
<div style="position: absolute;
    font-family: playfair display;
    color: #5a5a5a;
    font-size: 9px;
    margin-top: 185px;
    margin-left: 187px;
    width: 160px;
    height: 29px;">
<small>текст ещё какой-нибудь на одну строку</small>
</div>
<div style="position: absolute;
    font-family: playfair display;
    color: #5a5a5a;
    background: #f7f6f6;
    border-radius: 2px;
    font-size: 15px;
    padding: 0px 0px 7px 9px;
    margin-top: 169px;
    margin-left: 367px;
    width: 160px;
    height: 29px;">
плашка плашка</div>
<div style="position: absolute;
    font-family: playfair display;
    color: #5a5a5a;
    font-size: 9px;
    margin-top: 185px;
    margin-left: 377px;
    width: 160px;
    height: 29px;">
<small>текст ещё какой-нибудь на одну строку</small>
</div>
<div style="position: absolute;
    font-family: playfair display;
    color: #5a5a5a;
    background: #f7f6f6;
    border-radius: 2px;
    font-size: 15px;
    padding: 0px 0px 7px 9px;
    margin-top: 169px;
    margin-left: 557px;
    width: 160px;
    height: 29px;">
плашка плашка</div>
<div style="position: absolute;
    font-family: playfair display;
    color: #5a5a5a;
    font-size: 9px;
    margin-top: 185px;
    margin-left: 567px;
    width: 160px;
    height: 29px;">
<small>текст ещё какой-нибудь на одну строку</small>
</div>
<div style="position: absolute;
    font-family: playfair display;
    color: #5a5a5a;
    background: #f7f6f6;
    border-radius: 2px;
    font-size: 15px;
    padding: 0px 0px 7px 9px;
    margin-top: 169px;
    margin-left: 747px;
    width: 160px;
    height: 29px;">
плашка плашка</div>
<div style="position: absolute;
    font-family: playfair display;
    color: #5a5a5a;
    font-size: 9px;
    margin-top: 185px;
    margin-left: 757px;
    width: 160px;
    height: 29px;">
<small>текст ещё какой-нибудь на одну строку</small>
</div></div>





<!--цифры-->
<div style="position: absolute;
    font-family: playfair display;
    color: #fff;
    font-size: 35px;
    margin-top: 86px;
    margin-left: -24px;
    width: 185px;">
83%
</div>




<!-- мгновенный предпросмотр сообщения © alex_63 -->
    <script type="text/javascript">
    var pprev = {};
    pprev.position = 0; //положение окна предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
    pprev.quote_cite = 'написал(а):'; //надпись в окне цитаты
    </script>
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script>
— низ
Код:
<script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script>
<script>
$(document).ready(function() {
  hvstickerpack.init("https://forumstatic.ru/files/001b/9f/d1/66368.txt");
});
</script>


<!--убираем смайлы-->
<style>
#form-buttons td#button-smile {
display:none;
}
</style>



<script type="text/javascript">
(function(){function rep(str, p1,offset, s){
  return '>'+p1.replace(/"([^ "][^"]+?)"/gm,'«$1»')+'<';}
$('.post-content p').each(function(){
  $(this).html(('</>'+$(this).html()+'</>').replace(/>([^<>]+)</gm, rep));
});}());
</script>



<!-- регулировка размера шрифта в постах © alex_63 -->
<style>
.fntslider {
  border-radius: 4px;
  position:relative;z-index:1000;
  background: #ccc;
  width: 110px;
  height: 5px;
  margin: 3px 5px;
  border: solid 0px #;
  float: right;
  margin-top: 5px;
  margin-right: 7%;
}
.fntslider .before {
  height: 6px;
  border: solid 0px transparent;
  border-right: none 0;
  border-radius: 4px 0 0 4px;
  position: absolute;
  background: #99b596;
  margin-top: -1px;
  box-shadow: 0px 0px 2px 0px rgb(203, 176, 120) inset;
}
.fntslider .thumb {
  width: 8px;
  height: 13px;
  border-radius: 3px;
  position: relative;
  top: -4px;
  background: #727272;
  cursor: pointer;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>
<!-- конец -->




<!--скрыть "пожаловаться"-->
<style type="text/css">
.pl-reports {display:none!important;}
</style>
<!--конец-->

<!--отключить функцию "поделиться"-->
<script type="text/javascript">
rusffcore.sets.share = false;
</script>




<!-- кнопка отключения мгновенного предпросмотра -->
    <style>#togglepreview{float:right;margin-top:-17px}</style>
    <script type="text/javascript">(function (){
      var a='включить быстрый предпросмотр';
      var b='отключить быстрый предпросмотр';
      var d='_previewtoggle';
      setcookiepprev=function(a,b,c){if(c){var d=new date();d.settime(d.gettime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toutcstring() : '');else return false;}
      getcookiepprev=function(a){var b=new regexp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;}
      $('<small id="togglepreview"><input type="button" class="button" value="'+ b +'" onclick="togglepreview(this)"/></small>').insertafter('#post fieldset:last legend');
      var x = parsecontent;
      window.togglepreview = function(sel){//alert(sel.value);
        if(sel.value==a){sel.value=b;setcookiepprev(d,'0',-1000);parsecontent=x;parsecontent();$('#post-preview').show(); return}
        if(sel.value==b){sel.value=a;setcookiepprev(d,'off',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}parsecontent=function(){return};return}
      }; if(getcookiepprev(d)=='off'){$('#togglepreview>.button').click()};
    }())
    </script>



<!-- шрифты -->
<script type="text/javascript">
if ($('#pun-viewtopic,#pun-post,#pun-edit,#pun-poll,#pun-messages').length)(function () {
  var ft = $("#font-area"),i,fntarr,j = "";

  fntarr=new array (
"playfair display", 
"fjalla one",
"abril fatface", 
"amatic sc",
"eb garamond", 
"old standard tt",
"homemade apple",
"oranienbaum",
"allerta stencil", 
"spectral",
"yeseva one",
"unifrakturmaguntia",
"oswald",
"berkshire swash",
"merienda",
"deutsch gothic",
"kristi",
"schwabacher"
  );

  for (i=0;i<fntarr.length;i++ ){j+='<div><span style="font-family:'+fntarr[i]+'">'+fntarr[i]+'</span><img src="/i/blank.gif" onclick="\
    bbcode(\'[fo'+'nt='+fntarr[i]+']\',\'[/font]\')" /></div>';};ft.append(j)}())
</script>


<!--счетчик символов -->
<script>var a,l,epl=$("#main-reply"),str='<small id="plng" style="font-size: 10px;">написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){l=''}else{l='0'};$("#plng b").text(l+a)};epl3();$(".pl-quote").click(function (){settimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>
<!--счетчик символов -->

<!-- вставить картинку в пост -->
<script>
var oldimg="<td id=\"button-image\" title=\"вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
$("#button-image").after(oldimg);
</script>

<!--форма ответа выравнивание текста по ширине-->
<style>
#button-mybb {background-image:url('http://icons.iconarchive.com/icons/famfamfam/silk/16/text-align-justify-icon.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
if(form=document.getelementbyid("form-buttons"))
form.getelementsbytagname("tr")[0].insertcell(8).innerhtml="<img src='/i/blank.gif' id='button-mybb' onclick=\"bbcode('[align=justify]', '[/align]');\"/>"
</script>
<!--форма ответа выравнивание текста по ширине-->

<!--новые сообщения-->
<script type="text/javascript">
function show_new() { if(groupid == 3) return;
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">новые сообщения</a></li>');} show_new();
</script>
<!--новые сообщения-->


<style>.nocomments{
    margin-left: 676px;
    margin-top: 1px;
    cursor: pointer;
    position: relative;
    z-index: 100;
    opacity: 0.55;
    width: 21px;
    height: 21px;
    background: url(https://forumupload.ru/uploads/001b/9f/d1/2/585362.png);
    background-size: cover;
}
</style>
<!-- быстрые плюсы без комментариев ©deff-->
<script type="text/javascript" >
if($('#pun-viewtopic').length)$(function(){
   $('<div class="nocomments" title="+ без комментариев!"></div>').insertafter($('.post .post-vote'));
   $('.post .nocomments').click(function(){
       $('#pun-reputation').hide();
       $(this).prev('.post-vote').find('a.positive').click();
       $('#pun-reputation .inner.post_reputation h1>span').text('поднять  репутацию');
       $('#pun-reputation').find('input#reputationbuttonsend').click();
       settimeout(function(){$('#pun-reputation .bg.post_reputation, #pun-reputation .inner.post_reputation').hide();$('#pun-reputation').show()},130);
   });
});
</script>