Код:

/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
@import url(style_cs.css);
@import url('https://fonts.googleapis.com/css?family=Inter:100,200,300,400,500,600,700,800,900|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Yeseva+One&display=swap&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:900&display=swap&subset=cyrillic');
/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v21/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDTbtPY_Q.woff2?ce=43710004) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v21/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDYbtPY_Q.woff2?ce=43710004) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v21/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDZbtPY_Q.woff2?ce=43710004) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v21/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDXbtM.woff2?ce=43710004) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { font-family: icon; 
src: local("icon"), url(https://forumstatic.ru/files/0017/c0/20/82953.ttf); }

/* 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 {
  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: 95.01%;
  }

/* A3.2 */
.punbb {
  font: normal 68.75% verdana, arial, helvetica, sans-serif;
  }

/* 3.3 Настройки полей ввода, кнопок и выпадающих меню*/
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
    font: 1em verdana, arial, helvetica, sans-serif;
    background-color: #f4f4f4;
 border-radius: 1px;
    border: 1px solid #bac3c7;
    font-family: roboto;
    box-shadow: 0 0 3px #f0f2f3;
 color: #1f2628;
}

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb legend span {
    font-size: 14px;
   text-transform: uppercase;
 font-family: ‘Playfair Display', serif;
 font-weight: 600;
}

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* 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 {
  text-decoration: underline
  }

/* 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 {
    margin: auto;
    width: 948px;
    padding: 50px 0px 0px 0px;
    margin-top: 240px;
}

/* A5.2 */
.punbb {
    margin-left: -5px!important;
    float: none;
    width: 910px;
    height: auto;
}

/* A5.3 */
#pun-redirect, #pun-maint {
margin: -212px 20px 12px 20px; 
width: auto; 
float: none; 
background-color: #f0f2f3; 
border-radius: 1px; 
border: 1px solid #bac3c7; 
font-family: roboto; 
text-align: center;
box-shadow: 0 0 3px #dae0e2; color: #191919;
}



/* 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 none none;
  border-width: 0px 0px 0px 0px;
  }

/* A5.9 */
.punbb .container {
  border-style: none;
  border-width: 0px;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
    padding: 1em 0em 0em 0em;
    border-style: none none none none;
    border-width: 0 0px 0px 0;
    font-size: 12px;
 font-weight: 600;
    font-family: ‘Playfair Display', serif;
    margin: -10px 0 10px 0;
padding: 4px;
}


/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 98%;
  overflow: hidden;
  text-align: justify;
  }

/* B1.2 */
.punbb .post-sig dt {
    display: block;
    text-align: center;
    border-top: 1px dashed #95989a;
    width: 60%;
    margin-left: 120px;
    padding-bottom: 5px;
    margin-top: 10px;
}

/* B1.3 */
.punbb .post-content p {
  margin: 0 0 0 3px;
  padding: 0 0 1em 0;
  line-height: 150%;
  }

/* 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%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 1em 5px 1em 5px;
    padding: 10px 15px 5px 15px;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 2px;
    font-size: 13px;
    letter-spacing: 0.4px;
    font-weight: 500;
    font-style: normal;
    font-family: inter;
    text-transform: uppercase;
    color: #1f2628;
    margin-bottom: 2px;
    border-bottom: 1px dotted #95989a;
}


.punbb .quote-box cite {
    color: #1f2628!important; 
}


/* 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: 1em;
  }

/* B3.3 */
.linkst .pagelink {
    position: absolute;
    top: -4em;
    left: 1em;
    width: 24em;
    text-transform: uppercase;
    font-family: roboto;
    font-size: 9px;
}

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4em;
  right: 1em;
  width: 16em;
  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;
    width: 24em;
    text-align: left;
    text-transform: uppercase;
    font-family: roboto;
    font-size: 9px;
}

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }

/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 0em 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: 0px 3.6em 0px 0px;
    margin-left: -28px;
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
    padding: 0 5px;
    margin: 0 0 0 -15px;
    font-size: 10px;
    font-family: 'Roboto';
}

/* 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: 50%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
    background-color: transparent;
    text-align: center;
    width: 6%;
}

/* C2.3 */
.punbb .main .tcr {
background-color: transparent;
    overflow: hidden;
    text-align: right;
    font-size: 10px;
    width: 25%;
}

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
background-color: transparent;
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
background-color: transparent;
  text-align: center;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
background-color: transparent;
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
background-color: transparent;
  width: 90%;
  white-space: normal;
  }

/* C2.8 названия подфорумов*/ 
#pun-index .tcl h3 {
    text-align: left;
    font-size: 15px;
    font-family: yeseva one;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    transform: scale(1,1.1);
    padding-bottom: 1px;
    margin-bottom: 5px;
    border-bottom: 1px solid #dae0e2;
}


/* 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;
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    padding: 0.4em 1em 0.4em 1.5em;
    font-family: Playfair Display;
    font-size: 11px;
    letter-spacing: 1px;
  }

/* C2.13 */
.punbb .main .tcl {
      border-left-style: none;
      border-left-width: 0
      }

    * html .tclcon {height: 1px}

/* C2.14 */
#pun-index td div.tclcon {
    text-align: justify;
    padding: 8px 10px 8px 10px;
    margin-left: 21px;
    border-radius: 1px;
    border: 1px solid #bac3c7;
    font-family: roboto;
    box-shadow: 0 0 3px #dae0e2;
    background-color: #f0f2f3;
}


/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
    height: 25px;
    width: 25px;
    margin-left: -10px;
    margin-top: 0px;
}


#pun-messages.punbb div.icon{
  margin-top:-5px!important;
}
  

 /* C3 Topics

-------------------------------------------------------------*/
#pun-title, #pun-navlinks {
  border-color: #1f2628;
}

/* CS2.1 */
.punbb .container, .punbb .post-body {
  border-color:  transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
    border-style: none;
    border-width: 0;
  }

/* 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,
.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 {
    line-height: 0.8em;
    border-left-style: solid;
    border-left-width: 0.7em;
    padding-left: 0.4em;
    margin-left: -15px;
    font-size: 11px;
    font-weight: 600;
    margin-top: 10px;
    font-family: roboto;
    border-left-color: transparent;
    text-transform: lowercase;}


#pun-title, #pun-navlinks {
  border-color: #1f2628;
}

/* CS2.1 */
.punbb .container, .punbb .post-body {
  border-color:  transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
    border-style: none;
    border-width: 0;
  }

/* 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,
.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 {
    line-height: 0.8em;
    border-left-style: solid;
    border-left-width: 0.7em;
    padding-left: 0.4em;
    margin-left: -15px;
    font-size: 11px;
    font-weight: 600;
    margin-top: 10px;
    font-family: roboto;
    border-left-color: transparent;
    text-transform: lowercase;}


/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
margin-left: 1px;
  }

/* C3.2 */
.punbb .post h3 {

  }

/* C3.3 */
.punbb .post h3 span {
    padding: 2px 10px 4px 10px;
    display: block;
    color: #f0f2f3!important;
}


/* 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: 210px;
    background-color: #fff;
    margin: 20px 6px 0 -10px;
    padding: 5px 0 0px 0;
    border: 1px solid #95989a!important;
    color: #1f2628!important;
  }


/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
    padding: 0em 1em 1em 1em;
    line-height: 130%;
}


/* C3.7 */
.pa-author {
    font-style: normal;
    margin-top: 10px;
    font-family: yeseva one;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    }

/* C3.8 */
.pa-author a {
    font-family: yeseva one;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.5px;
    }


/* C3.9 */
li.pa-title {
    font-weight: normal;
    font-size: 11px;
    margin-top: 3px;
   color: #95989a!important; 
    letter-spacing: 0.8px;
   text-transform: lowercase;
    font-family: ‘Roboto Condensed', sans-serif;
}

/* C3.11 */
.punbb .post-body {
    margin-left: 212px;
    border-left-style: solid;
    border-left-width: 1px;
    padding: 0 0 1px 0;
}

/* C3.12 */
.punbb .post-box {
    padding: 20px 0px 5px 5px;
}

/*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: 1em 1em 0 0;
    height: 2em;
    line-height: 2em;
    margin-left: -19em;
    border-top-style: dashed;
    border-top-width: 1px;
    background: transparent;
    text-align: right;
  font-family: ‘Playfair Display', serif;
 color: #1f2628!important;
}

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 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;
}

/* 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
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* 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;
  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: none;
  border-width: 0px;
  }


/*************************************************************
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;}

/* D1.2 */
#pun-title h1 {
  display : block;}

/* D1.3 */
#pun-title .container {
  border-style: none none none none;}


/* D1.4 */
#pun-title h1 span  {
  display: none;}

#pun-title h1 span  {
  font-size: 1.5em;}


/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: 55px;
  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 {
    margin-top: -160px;
    font-style: normal;
    font-size: 0px;
    margin-left: -416px;
    font-weight: 300;
    height: 88px;
}


/* D3.2 */
#pun-navlinks .container {
  padding: 0.2em 1em;
  padding-top: 0px;}

/* D.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;
  }


/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks {
    margin-top: 0px;
    margin-left: -54px;
}

/* D4.2 */
#pun-ulinks .container {
    text-align: center;
}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 1px;
  white-space: nowrap;
  }

/* 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;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
    position: absolute;
    text-align: center;
    font-size: 7px;
    margin-left: 270px;
    font-family: Playfair Display;
    top: 4px;
    color: #95999c;
    text-shadow: 0 0 0px #000;
    letter-spacing: 0.5px;
    font-weight: normal !important;
    text-transform: uppercase;
}

/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }

/* D5.5 */
#pun-crumbs1 p.container {
    border-top: none;
    margin-top: 34px;
    font-family: Playfair Display;
    text-transform: uppercase;
    font-size: 10px;
    color: #95989a;
    font-weight: bold;
font-family: ‘Playfair Display', serif;
    }

/* 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;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 2.5em 1em 1em 1em;
  margin-top: -23px; 
  line-height: 1.1
  }


/* D7 Statistics
-------------------------------------------------------------*/

#pun-stats .container {
  padding: 0.8em 1em;
margin-left: -10px;
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
    text-align: right;
    line-height: 150%;
}

/* 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;
    padding: 0.7em 0 0 0;
}

/* 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;
  margin-bottom: 0;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: center;
  line-height: 150%;}

/* D8.5 */
#pun-about p span {
    display: block;
    padding-left: 50%;
    font-size: 8px;
    text-transform: lowercase;
    margin-top: 19px;
  }

/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
    border-top: none;
    font-family: Playfair Display;
    text-transform: uppercase;
    font-size: 10px;
    color: #95989a;
    font-weight: bold;
    }

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style:  none;
  border-width: 0px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }



/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: none;
  border-bottom-width: 0px;
  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: none;
  border-bottom-width: 0px;
  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;
  }





.punbb .user-avatar .avatar-image {
    border-radius: 50%;
    height: 30px !important;
    width: 30px !important;
      border: 2px solid #dae0e2;
    box-shadow: 0 0 0 1px #95989a;
    opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
}


#MyBookmarks {
     background-color: #f0f2f3;
 border-radius: 1px;
    border: 1px solid #bac3c7;
    font-family: roboto;
    box-shadow: 0 0 3px #dae0e2;
 color: #1f2628;
}



#pun-navlinks #navawards{display:none;}

/*ФОРУМ*/
#navindex a:after {font-family: icon; content: "\f015";font-size: 13px; padding-left: 7px;} 

/*УЧАСТНИКИ*/ 
#navuserlist a:after { font-family: icon; content: "\f508"; font-size: 13px; padding-left: 7px;} 

/*ПОИСК*/ 
#navsearch a:after { font-family: icon; content: "\f002"; font-size: 13px; padding-left: 7px;} 

/*ПРОФИЛЬ*/ 
#navprofile a:after { font-family: icon; content: "\f521"; font-size: 13px; padding-left: 7px;} 

/*СООБЩЕНИЯ*/ 
#navpm a:after { font-family: icon; content: "\f086"; font-size: 13px; padding-left: 7px;} 

/*АДМИНКА*/ 
#navadmin a:after { font-family: icon; content: "\f56b"; font-size: 13px; padding-left: 7px;} 

/*ВЫХОД*/  
#navlogout a:after { font-family: icon; content: "\f057"; font-size: 13px; padding-left: 7px;} 

/*ВХОД*/ 
#navlogin a:after { font-family: icon; content: "\f2f5"; font-size: 13px; padding-left: 7px;} 

/*РЕГИСТРАЦИЯ*/ 
#navregister a:after { font-family: icon; content: "\f234"; font-size: 13px; padding-left: 7px;} 

/*ПИАР*/
#navpr_1 a:after { font-family: icon; content: "\f5e4"; font-size: 13px; padding-left: 7px;} 

/*навигация*/
#pun-navlinks a { font-size: 0 !important; }
#pun-navlinks li a {color: #ffffff!important; text-shadow: 0 0 1px #000; }



 .leftimg {
    float:left; 
    /* margin: 7px 7px 7px 0;*/
   }


   .rightimg  {
    float: right;  
    margin: 7px 0 7px 7px;
   }

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



#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: -320px; top:75px
}




/* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */
/* настройка кнопки, может быть текстом */
.spirit-navigation {
background: #ffffff5e;
    color: #95999c;
    height: 16px;
    width: 216px;
    top: 179px;
    margin-left: 339px;
    display: inline-block;
    cursor: pointer;
    border: 1px #ffffff solid;
    font-size: 10px;
    text-align: center;
    font-weight: normal;
    font-family: playfair display;
    position: absolute;
    transition: all 0.3s ease-in-out 0s;
}

/* вид кнопки после клика по ней */
.spirit-navigation.spirit-navigation_hover{
background: url(ссылка на картинку) no-repeat
}

/* настройка позиции выпадающего по клику окна и его ширина */
#navigblock {width: 200px;
margin-left: 365px;
position: absolute;
top: 205px;
z-index: 999;
}

/* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
.sslka {display: block;
display: block;
    width: 208px;
    margin-top: -8px;
    padding: 5px;
    margin-left: -26px;
    background: rgb(149 153 156 / 77%);
}

/* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
#pun .sslka a {
background: #656769;
    white-space: nowrap;
    margin: 5px auto;
    text-align: center;
    transition: all 0.3s linear 0s;
    display: block;
    padding: 4px;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 190px;
    color: #dde0e1c7;
    font-family: playfair display;
    font-weight: bolder;
    font-size: 7px;
}

/* ссылка при наведении */
#pun .sslka a:hover {
background-color:#3a3b3d !important;
opacity: .9;
transform: scale(.8);
color: #dde0e1c7;
}


/*БЛЮР ЗАЧЕРКИВАНИЯ*/
.punbb .post-content del {
    filter: blur(2px);
    text-decoration: none;
    }

.punbb .post-content del:hover { 
filter: none; 
text-decoration: none;}

Код:

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Фон форума */
html {
background: url( );
background-repeat: no-repeat;
background-attachment: fixed; 
background-position: top center;
background-color: #dae0e2;
background-size: cover;
/*overflow-x: hidden !important;*/}

/* Шапка */
#pun-title table {
    background-image: url(https://i.imgur.com/S4aZm1H.png);
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    width: 948px;
    height: 250px;
    margin-left: -25px;
    margin-top: -260px;
}

/* Тело форума */
#pun {
width: 948px; 
background-color: transparent; 
background-image: url(https://i.imgur.com/NGSyVy7.png); 
background-attachment: scroll; 
background-repeat: repeat; 
background-position: top center;}

.punbb {
padding: 0 30px!important;
width: 948px;}

/* Футер */
#pun-about p.container {
    background-image: url(https://i.imgur.com/1DGJv9t.png);
    margin: 0px 0px -110px -25px;
    background-position: center top;
    background-repeat: no-repeat;
    width: 948px;
    height: 150px;
    overflow-x: hidden;
}



/*---Прокрутка---*/
::-webkit-scrollbar {
    width: 5px;
    height: 4px;
    background-color: #95989a;
}

::-webkit-scrollbar-thumb {
    background-color: #dae0e2;
    border: 1px solid #dae0e2;
}


::selection {
    background: #95989a!important;
    color: #f0f2f3;
}





/* CS1.1 Фон и цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  {background-color: transpanent;
color:#1f2628;
font-weight: normal;
font-style: normal;
}

#pun-admain .adformal, #pun-admain .adcontainer
{border: none;
border-color:  transparent;}

.punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
    background-color: transparent;
    color: #1f2628;
    text-align: center;
    font-style: normal;
    font-family: 'Roboto';
}


/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
  background-color: #f0f2f3;
 border-radius: 1px;
    border: 1px solid #bac3c7;
    font-family: roboto;
    box-shadow: 0 0 3px #dae0e2;
 color: #1f2628;
    }

/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb input {
   background-color: #f0f2f3;
 border-radius: 1px;
    border: 1px solid #bac3c7;
    font-family: roboto;
    box-shadow: 0 0 3px #dae0e2;
 color: #1f2628;   

}


/***  Заплатка для поля ответа ***/
textarea#main-reply {
    width: 106%;
    height: 100%;
    height: 205px;
    margin-left: -30px !important;
    padding: 0.75em;
    box-sizing: border-box;
    overflow: auto;  }




/* Тень и закругление */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
 }

.punbb input { border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
    background-color: #f0f2f3;
 border-radius: 1px;
    border: 1px solid #bac3c7;
    font-family: roboto;
    box-shadow: 0 0 3px #dae0e2;
 color: #1f2628;
}





/* CS2 Ссылки
-------------------------------------------------------------*/

/* CS2.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited, #pun-navlinks a, #pun-ulinks a {color: #1f2628;
  text-decoration: none;
  }

/* CS2.2 */
.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,  #pun-ulinks a:focus, #pun-ulinks a:active {
color: #1f2628;
    transition-duration: 1s;
  }

.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover {
color: #dae0e2;
    transition-duration: 1s;
  text-decoration: none;
  }

#pun-ulinks a {
font-size: 8px;
    color: #ffffffd4;
    font-weight: 400;
    font-family: arial;
    text-transform: lowercase;
}

#pun-ulinks a:hover {
  text-decoration: none;
  color: #95989a;
    transition-duration: 1s;
}


#pun-navlinks a {
    color: #dae0e2;
}

#pun-navlinks a:focus, #pun-navlinks a:active {
color: #b9c4c8;
}


#pun-navlinks a:hover {
color: #b9c4c8;
  transition-duration: 1s;
}



/* CS3 Остальное 
-------------------------------------------------------------*/

div.icon {
        background: url(https://i.imgur.com/48NEBAB.png) no-repeat;
}

tr.inew div.icon {
        background: url(https://i.imgur.com/dCYRReY.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(https://i.imgur.com/48NEBAB.png) no-repeat;
}

tr.isticky div.icon {
        background: url(https://i.imgur.com/dCYRReY.png) no-repeat;
}




/* CS3.2 Всё подряд*/
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-main .post-author ul {text-align: center;}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center}
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}
.category h2 span{display: none;}
#pun-stats h2 span {visibility: hidden;}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}
.punbb th {background: #transparent;color: transparent;}
#post-form h2 span {display:none;}


#pun-viewforum.punbb div.icon {
    margin-top: 0 !important;
}



td.tcr a {
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 10px;
    font-weight: 400;
}


.category .container thead {display: none;}


#counters A IMG{opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=30);}
#counters a:hover img {opacity:1.0; -moz-opacity:1.0;
filter:alpha(opacity=70); transition-duration: 2s;}


/* Настройки окон в форме ответа*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    padding: 4px;
    margin-left: 6px;
    background-color: #f0f2f3;
    border-radius: 1px;
    border: 1px solid #bac3c7;
    font-family: roboto;
    box-shadow: 0 0 3px #dae0e2;
    color: #1f2628;
    margin-top: -7px;
    overflow-y: auto;
    HEIGHT: 195PX;
}


/***  меняет цвет имени ***/
.punbb .post .post-author a {
    color: #1f2628!important;
    text-shadow: 1px 1px #;
}


/***  аватарка профиля ***/
.punbb .pa-avatar img {
    max-width: 180px !important;
    margin-bottom: 4px;
    border: 2px solid #dae0e2;
    box-shadow: 0 0 0 1px #95989a;
    margin-top: 3px;
}


#pun-status .container a {
    color: #dae0e2!important;
}


.punbb .post-content a, .punbb .post-content a:link {
    font-weight: bold;
}



.pun-modal .modal-inner {
    width: 700px;
    max-width: 94%;
    height: auto;
    max-height: 44em;
    margin: 12% auto 0;
    box-shadow: 0 0 14px rgba(0,0,0,.3);
    position: relative;
    z-index: 120000;
    overflow: hidden;
    background-color: #f0f2f3;
 border-radius: 1px;
    border: 1px solid #bac3c7;
    font-family: roboto;
    box-shadow: 0 0 3px #dae0e2;
 color: #191919;
}





/*** дата и время поста ***/
#pun-viewtopic .post h3 {
    height: 14px;
    background-image: url();
    background-color: #95989a;
    font-family: inter;
    font-size: 8px;
    text-transform: uppercase;
 margin: 8px 6px 0  -6px!important;
    border-radius: 0px;
outline: 1px solid #dae0e2;
  outline-offset: 1px;
   font-family: ‘Playfair Display', serif;

}

#pun-viewtopic .post h3 a {
color: #f4f4f4!important;
}


/*------------- сообщение, репутация и деньги -------------*/

.pa-posts, .pa-respect, .pa-fld3 {
  display: inline-block!important;
float: none!important;
padding: 0px 2px 0px 2px!important;
    margin: 0px 2px 0px 1px!important;
  text-align: center;
max-width: 60px!important;
   text-transform: lowercase;
    height: 12px!important;
   letter-spacing: 0px;
     font-size: 9px;
 font-weight: 400;
  line-height: 15px!important;
}




/*------------- оформление для подфорума -------------*/


.podfor {
    font-size: 10px;
    color: #1f2628!IMPORTANT;
}

.podforli {
    text-align: center;
    margin: 7px 0 -7px 0 !important;
}


.podforli a {
    display: inline-block;
    margin: 0 6px 0 6px !important;
  color: #1f2628!important;
    font-weight: 500;
    font-size: 9px;
    text-transform: uppercase;
}


.links2 {
    color: #ffffff !important;
    font-family: inter;
    font-size: 9px;
    letter-spacing: 0.4px;
    font-weight: 400;
    transition-duration: 2s;
    text-shadow: 1px 1px #030503;
}


.links2:hover {
    color: #c8cdcf !important;
    font-family: inter;
    font-size: 9px;
    letter-spacing: 0.4px;
    font-weight: 400;
    transition-duration: 2s;
    text-shadow: 1px 1px #030503;
}


.links3 {
    font-family: yeseva one;
    color: #c7cbba !important;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}



#smilies-area {
    width: 500px !important;
}

/*------------- отвечает за таблицу в шапке -------------*/

.ams {
padding: 2px;
font-size: 8px;
color: #6A6C6E!important;
font-family: ‘Playfair Display', serif!important;
text-transform: uppercase;
}

.title{
font-size: 11px;
color: #fff!important;
font-family: ‘Playfair Display', serif!important;
text-transform: uppercase;
font-weight: normal;
}

.text2 {
height: 47px;
margin: 2px;
text-align: justify;
color: #333!important;
font-family: Arial;
font-size: 10px;
font-weight: normal;

}





.podfl {
padding: 1px 3px 3px 3px;
    margin-top: 5px !important;
    text-align: center;
    background-color: #95999c;
}


.links4 {
 margin: 0px 2px 0 2px !important;
 padding: 0px 3px 1px 4px;
 color: #2c2c28!important;
 text-transform: uppercase;
 font-family: Arial;
 font-size: 8px;
 letter-spacing: 0.6px;
 }



.lzname {
text-align: center;
border-bottom: 1px solid #dae0e2;
}
.lzname a {
font-family: yeseva one;
 text-transform: lowercase;
    font-weight: 600;
    font-size: 14px;
}

.lz {
 font-family: ‘Roboto Condensed', sans-serif;
    text-transform: lowercase;
    font-size: 9px;
    letter-spacing: 0.2px;
    color: #1f2628!important;
 border: 1px solid #bac3c7;
box-shadow: 0 0 3px #dae0e2;
   background-color: #f0f2f3;

   }




.emojiteam {
width: 70px;
margin-top: -20px!important;
margin-left: 56px!important;
 width: 70px;
font-size: 16px;
text-align: center;
padding: 0px;
background-color: #fff;
letter-spacing: 2px;
 line-height: 25px!important;
 
    }  

Код:

<div style="width: 948px; height: auto; top: 229px; margin-left: -24px; text-align: center; z-index: 1000;position:absolute; font-family: 'yeseva one'; font-size: 250%;">
<a href="http://utopiadystopia.rusff.me/viewtopic.php?id=21"><img src="https://i.imgur.com/35daWnC.png"></a>
<a href="http://utopiadystopia.rusff.me/viewtopic.php?id=22#p22"><img src="https://i.imgur.com/JedWE5B.png"></a>
<a href="http://utopiadystopia.rusff.me/viewtopic.php?id=57#p2552"><img src="https://i.imgur.com/8S0nHyn.png"></a><br>
</div>




<! -- скрипт навигации выпадающим окном [основа скрипт вкладок http://imagiart.ru/, переработка вещего духа] --> 
<script type="text/javascript" src="https://forumstatic.ru/files/001a/18/bd/96460.js"></script>
<div class="spirit-navigation" id="navig-batton" title="навигация">полезные ссылки</div>
<div id="navigblock" style="display:none"><div class="sslka">
<!-- важные ссылки -->
<a href="ссылка">название</a> 
<a href="ссылка">название</a> 
<a href="ссылка">название</a> 
</div></div>



<!--Выделение кода в блоке "Код" с перемещением в буфер обмена // © Damassk, версия 2019г. --> 
<script type="text/javascript" src="https://forumstatic.ru/files/0016/4a/bf/98029.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'копируется сразу' //текст ссылки</script>
<!-- конец -->

<!-- Убрать пожаловаться -->
<script type="text/javascript">
RusffCore.sets.show_reportBtn = 0;
</script>
<!-- конец -->

<div style="width: 250px;top: 121px;height: 33px;margin-left: 490px;position: absolute;z-index: 100;text-align: center;overflow: hidden;">
<a href="ссылка" target="_blank"><img src="https://funkyimg.com/i/371qR.png" title="ТОП" width="30" border="0" height="30"></a>
<a href="ссылка" target="_blank"><img src="https://funkyimg.com/i/371qR.png" title="ТОП" width="30" border="0" height="30"></a>
<a href="ссылка" target="_blank"><img src="https://funkyimg.com/i/371qR.png" title="ТОП" width="30" border="0" height="30"></a>
<a href="ссылка" target="_blank"><img src="https://funkyimg.com/i/371qR.png" title="ТОП" width="30" border="0" height="30"></a>
</div>

<div style="width: 250px;top: 120px;height: 33px;margin-left: 160px;position: absolute;z-index: 100;text-align: center;overflow: hidden; padding: 2px;">
<a href="ссылка" target="_blank"><img src="https://funkyimg.com/i/371qR.png" title="ТОП" width="30" border="0" height="30"></a>
<a href="ссылка" target="_blank"><img src="https://funkyimg.com/i/371qR.png" title="ТОП" width="30" border="0" height="30"></a>
<a href="ссылка" target="_blank"><img src="https://funkyimg.com/i/371qR.png" title="ТОП" width="30" border="0" height="30"></a>
<a href="ссылка" target="_blank"><img src="https://funkyimg.com/i/371qR.png" title="ТОП" width="30" border="0" height="30"></a>
</div>

<div style="width: 100px;top: 160px;height: 30px;margin-left: 216px;position: absolute;z-index: 100;text-align: center;overflow: hidden; padding: 2px;">
<a href="ссылка" target="_blank"><img src="https://funkyimg.com/i/371pw.png" title="ТОП" width="79" border="0" height="25"></a>
</div>

<div style="width: 100px;top: 159px;height: 30px;margin-left: 574px;position: absolute;z-index: 100;text-align: center;overflow: hidden; padding: 4px;">
<a href="ссылка" target="_blank"><img src="https://funkyimg.com/i/371pw.png" title="ТОП" width="79" border="0" height="25"></a>
</div>

<div style="height: 20px;width: 260px;top: 162px;margin-left: 318px;position:absolute;z-index:100;text-align: center; color: #6A6C6E!important; text-transform: uppercase; font-family: Playfair Display; font-weight: bolder; font-size: 8px;">
<a href="http://dystwelve.rusff.me/profile.php?id=6" class="ams">саймон</a> —
<a href="http://dystwelve.rusff.me/profile.php?id=4" class="ams">муза</a> —
<a href="http://dystwelve.rusff.me/profile.php?id=3" class="ams">грета</a> —
<a href="http://dystwelve.rusff.me/profile.php?id=5" class="ams">клаус</a> —
<a href="http://dystwelve.rusff.me/profile.php?id=5" class="ams">хьюго</a>
</div>

<div style="height: 15px;width: 400px;top: 200px;margin-left: 250px;position:absolute;z-index:100;text-align: center; color: #ffffff!important; text-transform: uppercase; font-family: Playfair Display; font-weight: bolder; font-size: 7px;">
Твоя беда в том, что ты прожил всю жизнь так, будто в ней есть правила. А их нет.</div>

<div style="height: 20px;width: 240px;top: 142px;margin-left: -32px;position:absolute;z-index:100;text-align: center;font-family: Playfair Display; text-transform: uppercase; font-size: 11px; color: #FFFFFF!important;"><div class="title">
— ОСКАР ПИШЕТ —
</div>
</div>
<div style="height: 20px;width: 240px;top: 142px;margin-left: 680px;position:absolute;z-index:100;text-align: center;font-family: Playfair Display; text-transform: uppercase; font-size: 11px; color: #FFFFFF!important;"><div class="title">
— НОВОСТИ —
</div>
</div>

<div style="height: 46px;width: 200px;top: 157px;margin-left: -8px;position:absolute;overflow: auto; padding: 2px; z-index:100; font-size: 8px;">
<div class="text2">
он отталкивает мягкие руки сестры, которые тянутся к его лицу, и с немыслимой скоростью закидывает вещи в карманы потасканного балахона. кажется, он не снимал его уже трое суток и от него за версту пахнет перегаром...
</div>
</div>

<div style="height: 46px;width: 200px;top: 157px;margin-left: 706px;position:absolute;z-index:100;overflow: auto; padding: 2px; font-size: 8px;">
<div class="text2">
он отталкивает мягкие руки сестры, которые тянутся к его лицу, и с немыслимой скоростью закидывает вещи в карманы потасканного балахона. кажется, он не снимал его уже трое суток и от него за версту пахнет перегаром...
</div>
</div>

Код:

<!-- Cкрытие формы ответа при числе постов в теме более заданной: -->
<script type="text/javascript">
(function(){
var Num_Hide = 1000; //Число постов, после которого Cкрытие формы ответа.
var a = $('.topic>h2>span.item2');
if(a.length)a=parseInt(a.text().replace(/.*из (\d+)/,'$1'));
if(a>=Num_Hide)$('.postlink a[href*="/post.php?tid"],#post').hide();
}());
</script>




<!--Сокрытие названия дополнительных полей профиля-->
<script type="text/javascript">
var A=[1,2,3,4,5]
$(".post .post-author li").each(function (){
for(var i in A){if($(this).hasClass("pa-fld"+A[i])){
$(this).html($(this).html().replace(/^[^:]*:/,''));}};});
</script>







<!-- Пиар-вход v.2 -->
    <script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
    <script type="text/javascript">
    PR.nick = ' PR'; //Ник PR-аккаунта
    PR.pass = '1111'; //Пароль PR-аккаунта
    PR.btn_text = 'PR'; //Надпись на кнопке PR-входа(или ссылка на картинку);
    PR.set();</script>

<!-- добавляет кнопку "новые сообщения" -->
<script type="text/javascript">
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
</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>


<!--------- СМЕНА ИМИДЖА от Человек-Шаман --------->
<script src="http://f.etrin.ru/hvss/hvss.min.js"></script>
<script>
/*  смена имиджа  от Человек-Шаман */
hvScriptSet.addMask({
    defaultAvatar: 'http://s0.uploads.ru/TZEf7.jpg',  //аватар по умолчанию. Можно строку убрать
    guestAccess: ['История', 'Несбывшееся', 'Архив анкет', 'Основная игра', 'Прошлое', 'Альтернатива'], //Форумы, где сохраняется маска даже при удалении исходного пользователя
    forumAccess: {  //тут перечисляем ограниченный доступ, где можно менять только аватар
        'Партнерство': ['Пользователи', 'Дополнительно'],
        'Принятые анкеты': ['Пользователи', 'Дополнительно']
    },
    forumAccessExtended: {  //перечисляем все форумы, где можно использовать полную маску
        'флуд': ['Пользователи', 'Дополнительно'],
        'анкеты': ['Пользователи', 'Дополнительно'],
        'хочу прийти': ['Пользователи', 'Дополнительно'],
        'игровая': ['Пользователи', 'Дополнительно'],
        'Личные блоги': ['Пользователи', 'Дополнительно'],
        'История': ['Пользователи', 'Дополнительно'],
        'Несбывшееся': ['Пользователи', 'Дополнительно']
    },
    changeList: {
        'pafld1': {
            title: 'Описание',
            description: 'Информация о персонаже',
            tag: 'info',
            class: 'pa-fld1',  //Доп. поле, в котором установлено личное звание
            defaultCode: '<b><a href="http://###">Раса</a></b>, возраст <br>  Работа и должность',   //ЛЗ в виде html-кода, чтобы вставлялось как шаблон для заполнения
            type: 'html'
        }
    },
});  //конец скрипта
</script>

<!--НАЧАЛО. выравнивание по ширине-->

    <script>
    $("#button-right").after('<td id="button-justify" title="Выравнивание по ширине"><img src="/i/blank.gif" onclick="bbcode(\'[align=justify]\', \'[/align]\');"/></td>');
    </script>

    <style>
    #button-justify {
        background: url("http://se.uploads.ru/LVN4z.png") no-repeat scroll center 6px rgba(0, 0, 0, 0) !important;
    }
    </style>
<!--КОНЕЦ. выравнивание по ширине-->



<!-- Кнопки BB-кодов при редактировании подписи © Alex_63 -->
<script type="text/javascript">
if(document.URL.indexOf('section=signature')!=-1)document.write('<scr'+'ipt type="text/javascript" src="https://forumstatic.ru/files/0016/0b/c8/99528.js"></scr'+'ipt>');
</script>
<!-- Конец -->

<!-- Кликабельность ника в постах Гостя -->
<script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>
<!-- Конец -->

<!-- Правка глюка Репы при  отсутствии скриптов  руссфф  v2-->
<script> if($('#pun-viewtopic').length)$(window).load(function () {
if(!$('#pun-reputation').length)FORUM.PartnerVote = function() { return true; };
});
</script>

<!-- Аватар по умолчанию / Deff, Alex_63 -->
<script type="text/javascript">
var DefAvtr = 'https://forumupload.ru/uploads/001a/c0/12/4/t34410.jpg'; //Ссылка на аватар по умолчанию
var GuestAvtr = 'https://forumupload.ru/uploads/001a/c0/12/4/t75919.jpg'; //Ссылка на аватар для Гостя

$('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
  var b = DefAvtr;if($(this).text()=='Гость'){b = GuestAvtr;}
  var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
  if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
});$('#profile-left strong:contains("Нет аватара")')
.parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>


<!-- Исключение из "Цитировать" подписи и "отредактировано" -->
<script type="text/javascript"> (function(){    var p =[];
  $('.post').find('.pl-quote').click(function(){
    p[0] = $(this).parents('.post').find('.lastedit');
    p[1] = $(this).parents('.post').find('.post-sig');
    p[2] = p[0].html();p[3] = p[1].html();
    p[0].html('');p[1].html('');
    setTimeout(function(){p[0].html(p[2]);p[1].html(p[3])},600);});
}());
</script>
<!-- конец -->



<!-- Загрузчик изображений в форме ответа © 2018 Alex_63 -->
<script>FORUM.defaultHost = 'imgur'; // Хостинг по умолчанию: 'uploads' 'imgur' 'imageban'</script>
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0015/c4/3f/18002.css" />
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/18001.js"></script>
<!-- конец-->

<!--написано символов-->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 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 language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
  });
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content") 
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 8px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:#fff;border:0px solid black; color: #000; width:auto; padding:8px; position:absolute; margin-top:-54%; margin-left:35%; z-index:20">
<div><strong>направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>
<!-- Конец -->

<!--Запятая после ника при ответе на сообщение -->
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>

<!— Просмотр полного профиля на странице /profile.php V.2 —> 
<script type="text/javascript" src="https://forumstatic.ru/files/0013/83/ea/98506.js"></script>
<!-- Конец -->

<!-- тег абзаца -->
<style>#button-indent {background: url(http://s7.uploads.ru/t/mnkgq.png) no-repeat center 6px!important;}</style>
<script type="text/javascript">(function()
{var b = '[indent]'; 
$("#button-strike").after('<td id="button-indent" title="отступы"><img src="/i/blank.gif"  onclick="insert(\''+b+'\')"></td>');
var indent = '<span style="display: inline-block; margin: 0.5em 1.1em;"></span>'; 
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>

<!-- Разделение ников пользователей в теме запятой -->
<script>$('#topic-users-in a').prev('a').after(',');</script>

<!--Запятая после ника при ответе на сообщение -->
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>


<!--шрифт с тенью © Romych-->
<script language="javascript">
function tag_shad()
{var FoundErrors = '';
var enterTITLE = prompt('Введите цвет тени', 'red');
if (FoundErrors)
{alert("Ошибка!" + FoundErrors);
return;}
bbcode('[shadow='+enterTITLE+']','[/shadow]');}
$(function(){
$('td#button-link').before('<td style=\'background-image:url("http://www.iconsearch.ru/uploads/icons/gnomeicontheme/16x16/stock_text-shadow.png")\' onclick="tag_shad()"><img src="/i/blank.gif" title="Шрифт с тенью"></td>');
$("div.post-content").map(function () {
text = $(this).html();
if(text.indexOf("[/shadow]") != -1) {
shadowes = /\[shadow=(.*?)\]([^`]*?)\[\/shadow\]/gi
$(this).html(text.replace(shadowes, "<font style='width=80%; text-shadow:$1 1px 1px 0px; filter:shadow(color=$1)'>$2</font>")); }
}); });</script>
<!-- конец -->




<!-- Регулировка размера шрифта в постах © Alex_63 -->
<style>
.FNTslider {
    border-radius: 4px;
    position: relative;
    z-index: 1000;
    background: #f0f2f3;
    width: 110px;
    height: 5px;
    margin: 2px;
    border: solid 1px #95989a;
    float: right;
    margin-right: 7%;
}
.FNTslider .before {
    height: 5px;
    border: solid 1px transparent;
    border-right: none 0;
    border-radius: 4px 0 0 4px;
    position: absolute;
    background: #1f2628;
    margin-top: -1px;
}
.FNTslider .thumb {
    width: 8px;
    height: 13px;
    border-radius: 3px;
    position: relative;
    top: -4px;
    background: #bac3c7;
    cursor: pointer;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>






<div style="height: 84px;width: 892px; margin-left: 16px;overflow-y: auto;position: absolute;padding-right: 4px;text-align: center;color: #dddcd8;margin-top: 12px; transition: 2s; opacity: 0.9; filter: grayscale(50%);">
<marquee scrollamount="3" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=3" style="margin-top: 7px;">
<a href="http://298.rusff.me/" target="_blank"> <img src="http://via.placeholder.com/88x31" border="0" alt="название" width="88" height="31"></a>  <a href="http://298.rusff.me/" target="_blank"> <img src="http://via.placeholder.com/88x31" border="0" alt="название" width="88" height="31"></a><a href="http://298.rusff.me/" target="_blank"> <img src="http://via.placeholder.com/88x31" border="0" alt="название" width="88" height="31"></a><a href="http://298.rusff.me/" target="_blank"> <img src="http://via.placeholder.com/88x31" border="0" alt="название" width="88" height="31"></a><a href="http://298.rusff.me/" target="_blank"> <img src="http://via.placeholder.com/88x31" border="0" alt="название" width="88" height="31"></a><a href="http://298.rusff.me/" target="_blank"> <img src="http://via.placeholder.com/88x31" border="0" alt="название" width="88" height="31"></a><a href="http://298.rusff.me/" target="_blank"> <img src="http://via.placeholder.com/88x31" border="0" alt="название" width="88" height="31"></a><a href="http://298.rusff.me/" target="_blank"> <img src="http://via.placeholder.com/88x31" border="0" alt="название" width="88" height="31"></a><a href="http://298.rusff.me/" target="_blank"> <img src="http://via.placeholder.com/88x31" border="0" alt="название" width="88" height="31"></a><a href="http://298.rusff.me/" target="_blank"> <img src="http://via.placeholder.com/88x31" border="0" alt="название" width="88" height="31"></a><!--/noindex--></span></marquee>
</div>