структура ксс

Код:

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

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

/* A1.1 */
  @import url(style_cs.css);

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0;}

body {overflow-x: hidden;}

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

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

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }

/* 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 h2 span, .punbb legend span {
  font-size: 1.1em;
  }

/* 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;
  position: relative;
  float: center;
  width : 940px;
top: 1px;
background-color: #f6f6f6;
background-image : url(https://forumstatic.ru/files/0013/09/34/78130.png);
  }
/* A5.2 */
.punbb {
height: auto;
width: 870px;
margin-left: 34px;
margin-right: 0px;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }

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

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
  padding: 12px 1em 12px 1em;
  border-style: none none none none;
  border-width: 0px 0px 0px 0px;
  }

#pun-main h2 {
font-size: 0px;

text-align: center;
font-weight: bold;
text-transform: uppercase;
font-family: Impact, verdana, Century Gothic, Georgia, Century Gothic, helvetica;
  padding: 0px 1em 12px 1em;
  border-style: solid solid none solid;
  border-width: 0px 0px 0 0px;
text-transform: Normal;
font-weight:normal;
letter-spacing: 1px;
}

/*************************************************************
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 {
  display: block;
border: none;
  width: 250px;
  margin: 5px 0;
  float: center;
  }

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

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-top
  }

/* 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: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  font-size: 11px;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 12px;
  font-style: normal;
  margin: 0;
  }


/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 0px;
  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;
  top: -5.1em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -5.1em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 3em 1em 0.5em 1em;
  font-size: 1.1em;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
padding: 1em;
  }

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

/* 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 {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

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

/* 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: 1.2em;
  font-weight: bold;
  }

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: none;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 0px 0 0 0px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  padding: 5px 1em 6px 1em;
  border-left: none;
  border-top: none;
  border-bottom: none;
  }

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

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
  padding-left: 60px;
}

/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  width: 65px;
  height: 130px;
  margin-left: 15px;
}
/* C3 Topics
-------------------------------------------------------------*/

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

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 0px;
  }

/* C3.3 */
.punbb .post h3 span {
  padding: 0.8em 4em;
  display: block;
  margin-left: 17em;
  border-left-style: solid;
  border-left-width: 0px
  }

/* 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: 22em;
  margin-top: -1.5em;
  overflow: hidden;
margin-left: -2.9em;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0em 1em 1em 1em;
margin-left: 10px;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  font-size: 1.2em;
  font-weight: bold;

  }

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
  padding-left: 0.8em;

  padding-bottom: 1em;
  font-weight: bold;

  }

li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

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

/* C3.12 */
.punbb .post-box {
  padding: 1.2em;
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.1em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 0px;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 0px;
  background: transparent;
  text-align: right;
  }

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

/* 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: 0px;
  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 1.2em 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: 0px;
  }

/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  margin-top: 0px;
  border: none;
}

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

  margin: 0px 0px 0px 0px;
}

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

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

#pun-title TD.title-logo-tdr {
  border: none;
  left: 180px;
  top: 265px;
  width: 468px;
  vertical-align: top;
  position: absolute;
}

#pun-title TABLE {
  border: none;
  width: 100%;
}

#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%;
}

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

  /* D2.1 */
    #pun-pagelinks {
      position: absolute;
      top: 0px;
      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: -165px;
  margin-bottom: -5px;
margin-left: 10px;
text-align: center;
font-size: 12px;
text-transform: uppercase;
}


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

  /* D3 Forum navigation
    -------------------------------------------------------------*/

    /* D3.1 */
    #pun-navlinks, #pun-navlinks .container {
      margin-top: -90px;
text-align: center;
font-size: 11px;
font-variant: small-caps;
text-transform: uppercase;
}


    /* D3.2 */



    #pun-navlinks .container {
      padding: 0.7em 1em;
      }

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

    /* D3.4 */
    #pun-navlinks li a {
      font-size: 1.1em;
display: block;
height: 27px;
background-position: 50%;
background-repeat: no-repeat;
overflow:hidden;
      }


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

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

    /* D4.1 */
    #pun-ulinks  {
      margin-top: 85px;
      margin-bottom: -45px;
      font-size: 8px; 
text-align: center; 
padding: 0 0px;
text-transform: uppercase;}
      


    /* D4.2 */
    #pun-ulinks .container {
      border-top: none;
      padding: 1.5em 0.5em;
      }

    /* D4.3 */
    #pun-ulinks li, #pun-ulinks li a {
      display: inline;
      border-left-style: solid;
      border-left-width: 0px; 
      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 {
  padding: 0.8em 1em 1em 1em;
  }

/* 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;
  padding: 1em 3em 2em 1em;
  font-size: 1.1em;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 0px 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: 0px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 4.3em 1em 1em 1em;
  }

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

/* D7.1 */
#pun-stats .container {
  padding: 3em 1em
  }

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



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


  }

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 0px;
  float: left;
margin-left: 6px;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 0px;
  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;
  }

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

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

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }

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

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 0px;
  }

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

#pun-announcement h2 {display: none}
#pun-stats h2 span {visibility:hidden!important;}
li#navawards {display: none;}

.tclcon h3 a {
font-weight: bold;
font-size: 11px !important;
text-transform: uppercase;
letter-spacing: 0,8px;
}

#pun th {font-size: 0px;}

   #pun #pun-viewtopic #pun-main .modmenu .container , #pun #pun-viewtopic #pun-main .modmenu .container b {color: #120f0a;}


#slideout {
          z-index: 200;
          position: fixed;
          top: 22px;
          right: 0;
          width: 45px;
          padding: 12px 0;
          text-align: center;
          background: #transparent;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          -webkit-border-radius: 5px 0 0 5px;
          -moz-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
          }
#slideout_inner {
          z-index: 200;
          color: #3b2d1d;
          position: fixed;
          top: 22px;
          right: -250px;
          background: #transparent;
          width: 200px;
          padding: 18px;
          max-height: 430px;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          text-align: left;
          -webkit-border-radius: 0 0 05px;
          -moz-border-radius: 0 0 0 5px;
          border-radius: 0 0 0 5px;
          }
#slideout_inner textarea {
          width: 190px;
          height: 100px;
          margin-bottom: 6px;
          }
#slideout:hover {
          right: 250px;
          }
#slideout:hover #slideout_inner {
          right: 0;
          }
.admin-advert-block {
          position: relative;
          top: 50px;
          }
.post-box table td {
border: 0!important;
}

цвета ксс

Код:

/* Фикс для меню профиля */
#viewprofile-next {
   display: flex;
   flex-flow: row;
   -ms-flex-flow: row;
}

#viewprofile-next #profilenav {
   margin-left: 2em;
   order: 1;
}

#viewprofile-next #viewprofile {
   order: 2;
}



.pa-title {
   text-align: center;
       width: 195px;
}














::-webkit-scrollbar-track {
background-color:#130605
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 50px;
background-color:#4c2312;
}

::-webkit-scrollbar-thumb:hover{
background-color:#593315;
}

::-webkit-resizer{
background-repeat:no-repeat;
width:3px;
height:0px
}

::-webkit-scrollbar{
width: 7px;
}





------------

.block{
 display:inline-block;
 vertical-align:middle;
}



div#pun-navlinks {
       font-size: 15px;
       position: absolute;
       width: 110%;
margin-left: -85px;
       top: 609px;
 padding-bottom: 0px;
      }



div#pun-ulinks {
font-size: 9px;
       position: absolute;
       width: 900px;
margin-left: -14px;
       top: 370px;
 padding-bottom: 0px;

       }




/* 001 ФОН И ЦВЕТ ТЕКСТА
-------------------------------------------------------------*/


/* о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 h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container 
{background-color: transpanent;
color: #373636;
}

/* настройка строки над формой ответа: напишите ваше сообщение и нажмите отправить */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span
{
color: #373636;
}

/* форма быстрого и расширенного ответа */
.punbb textarea, .punbb select
{
background-color: #e3cfc1; 
border-radius: 10px;
color: #4c4533;
border: 1px double #64625b;
}

/* заголовок в форме ответа 2*/
.punbb input
{
background-color: #e3cfc1; 
color: #4c4533;
padding: 5px;
border: 1px double #64625b;
}




html {
   background: #3d3e30 url("https://forumstatic.ru/files/0013/09/34/69939.png") no-repeat fixed 30% 0;
 background-repeat: repeat;
  background-attachment: fixed;
  background-color: black;
}


body {
background-color: transparent !important;
background-image: url(-);
background-repeat: no-repeat;
background-position: top center;
}

#pun {background-color: #060606;
background-image: url(-); 
}


#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
background: url('http://sd.uploads.ru/qy9jx.jpg') 50%;
border-radius: 10px;
border: solid 2px #64625b;
box-shadow: 3px 3px 7px black;
}


/* 002 ГРАНИЦЫ
-------------------------------------------------------------*/

.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, .punbb .code-box, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online {
border-style:none !important;
  }
.punbb a, .punbb a:link, .punbb a:visited, 
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #103935;
text-decoration: none;
}

#pun-navlinks .container {
  font-weight: bold;
  }

/* 003 ССЫЛКИ
-------------------------------------------------------------*/

/* о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 {
color: #1e1a17;
text-decoration: none;
}


.post-content a:link {
text-decoration: underline;
}


}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited
{
color: #64625b;
}

/* о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: #783922;
text-decoration: none; /* Убираем подчеркивание */
  }

 





/* CS4 ГРАФИЧЕСКОЕ НАПОЛНЕНИЕ
-------------------------------------------------------------*/

/* иконки сообщений */
Div.icon {background-image : url(https://forumstatic.ru/files/0013/09/34/86597.png); background-repeat: no-repeat;}
TR.inew Div.icon {background-image : url(https://forumstatic.ru/files/0013/09/34/28254.png); background-repeat: no-repeat;}

/* логотип */
#pun-title table {background-color: transparent;
background-image : url(https://forumstatic.ru/files/0013/09/34/48488.png);
background-repeat : no-repeat;
background-position: bottom center;
height: 543px;
width : 940px !important; 
margin-left: -35px;
}

/* футер */
#pun-about p.container {
font-size: 9px !important;
text-align: center;
background-image: url(https://forumstatic.ru/files/0013/09/34/37438.png);
background-position: top center;
background-repeat: no-repeat;
height: 237px; 
width : 940px !important; 
margin-left: -43px;
}


div#html-footer {margin: -100px 0px 0px 0px;} /* отвечает за расположение футера */
div#pun-about {margin-bottom: -50px;} /* чем больше значение, тем выше низ */

/* настройки профиля */
.punbb .post .post-author {
float: left;
margin-left: -80px;
text-align: center;
margin-top: 0.5em;
padding-top: 5px;
overflow: hidden;
}

.punbb .post .post-author .pa-fld1
{
width : 170px;
padding-top: 1px;

}


.punbb .post .post-author .pa-fld2
{
padding-left: -10px;
padding-top: 10px;
}




.harrey { width: 170px;}
.pottuh { width: 170px; height: 156px; overflow: hidden; position: relative; }

.pottuh .harr { width: 170px; height: 120px; position: absolute; top: 100px; left: -10px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o- transition-duration: .6s; background-color: rgba(255,255,255,0.8);}

.pottuh:hover .harr { top: 50px; }

.potts { width: 70px; height: 60px; background-color: #fff; border-radius: 100%;  font-family: 'Source Sans Pro', sans-serif; font-size: 14px; text-align: center; text-transform: uppercase; color: #111; line-height: 100%; padding: 10px 5px 5px 5px; left: 45px; top: -43px; position: absolute; z-index: 25;}

.potts .h2  {width: 75px; font-size: 8px; letter-spacing: 2px; line-height: 100%;}

.hp3 { width: 160px;
 padding-top: 10px;
 padding-bottom: 14px;
 background-color: #fff; 
font-family: arial, sans-serif; font-size: 8px; color: #111; 
line-height: 98%;
 letter-spacing: 2px; 
margin-top: 5px; 
margin-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
 position: absolute; z-index: 30;
min-height: 100px;
max-height; 100px;
margin: 10px;
text-align: justify;}






/* профиль */


.punbb .post .post-author > ul {
    background: url(https://forumstatic.ru/files/001a/a9/61/70764.jpg) 0 bottom no-repeat, url(https://forumstatic.ru/files/001a/a9/61/21718.jpg) 0px top no-repeat, url(https://forumstatic.ru/files/001a/a9/61/72693.jpg) 0px repeat-y;
    padding: 25px 7px 25px 7px!important;
}
.pa-title {font-family: Microsoft Sans Serif;
  font-style: normal;
  font-size: 11px;
  margin-top: 15px!important;
}
.punbb .post .post-author ul, .punbb .post .post-author p {
margin-left: 2px;
    color: #323131;
    text-align: center;
}
.pa-author a:link {
  color: #323131;
}
.post-author a:link {
  color: #000000;
}
.pa-posts { 
display: inline-block;
width: 75px;
}
.pa-respect {
display: inline-block; 
width: 75px;
}



#pun-main .pagelink {margin-top: -25px;}
#pun-main .postlink {margin-top: -25px;}
.punbb .modmenu .container {margin-top: 10px;}
.pa-avatar img,.punbb img.avatardemo,#profile-left img{margin-left : -10px; border: 0px double #686863!important} 
#pun-main .formal textarea {background-color: #e3cfc1; color: #000; border: 6px double #beaba1;}


#profilenav h2 span {margin-left : -580px;}

#pun-main .quote-box {background-color: #d7bfae; 
  border-top: 2px groove rgb(222, 216, 198);
  border-right: 2px groove rgb(222, 216, 198);
  border-bottom: 2px groove rgb(222, 216, 198);
  border-left: 2px groove rgb(222, 216, 198);
border-radius: 12px;
}

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





.inner {
background: url('http://sd.uploads.ru/qy9jx.jpg') center;
border: solid 2px #040404;
border-radius: 10px;
}

#pun-main .post-author ul {line-height: 11px; text-align: center;}


#move_posts_form .formal {
background: url('http://sd.uploads.ru/qy9jx.jpg') center;
color: #373636;
}

/* ПРОЗРАЧНЫЕ КАРТИНКИ, второе окно */
.Hoverbuttons {
opacity: 0.4; /* прозрачность до наведения */
transition: opacity 0.9s linear;  /* плавная смена в секундах */
   -webkit-transition: opacity 0.4s linear;
   -moz-transition: opacity 0.4s linear;
   -ms-transition: opacity 0.4s linear;
   -o-transition: opacity 0.4s linear; }
.Hoverbuttons:hover { opacity: 1;     /* прозрачность при наведении */ }

хтмл верх

Код:

<style type="text/css"> 
.image.UP,
.image.Down {
   border:2px solid transparent;
   margin:0;
   padding:0;}

.image.UP{
opacity:1.0;
   display:block;
   position:absolute;z-index:100;
   transition-duration: 0.96s;
  -webkit-transition-duration: 0.96s;
  -moz-transition-duration: 0.96s;
  -o-transition-duration: 0.96s;
  -ms-transition-duration: 0.96s; /* IE9+ */}

.image.UP:hover {
   opacity:0.00;}
 
div.ImgWrap{
display:inline-block;
padding:0;margin:0;
background-position:center center;
background-repeat:no-repeat;}</style> 



<div style="position: absolute;
top: 29px;
left: 28px;
width:300px;">

<div  class=ImgWrap>
<img class="image UP" src="https://forumstatic.ru/files/001a/a9/61/54919.png"/>
<img class="image Down" src="https://forumstatic.ru/files/001a/a9/61/23232.jpg"/>
</div>



</div>



<div style="position: absolute;
top: 29px;
left: 610px;
width:300px;">


<div  class=ImgWrap>
<img class="image UP" src="https://forumstatic.ru/files/001a/a9/61/29706.png"/>
<img class="image Down" src="https://forumstatic.ru/files/001a/a9/61/95130.jpg"/>
</div>


</div>








<div style="position: absolute;
top: 223px;
left: 580px;
width:320px;">
<span style="color: #d2c7ab;">
<font size="2px;"><CENTER><b>НУЖНЫ В ИГРУ</b></font><br><br>
  <a href="http://sargas.hutt.ru/viewtopic.php?id=72#p2115"><img src="https://forumstatic.ru/files/001a/a9/61/45886.jpg" title="Король Эльфов"></a>    <a href="https://sargas.hutt.ru/viewtopic.php?id=11#p12889"><img src="https://forumupload.ru/uploads/001a/ae/83/8/642333.jpg" title="Королева Антареса"></a>   <a href="http://sargas.hutt.ru/viewtopic.php?id=100#p5289"><img src="https://forumstatic.ru/files/001a/a9/61/74221.jpg" title="Король гномов"></a>   <a href="https://sargas.hutt.ru/viewtopic.php?id=11#p5427"><img src="https://forumupload.ru/uploads/001a/ae/83/8/972015.jpg" title="Фрейлина Её Высочества"></a>   <a href="https://sargas.hutt.ru/viewtopic.php?id=11#p13147"><img src="https://forumupload.ru/uploads/001a/ae/83/8/763053.jpg" title="Старпом на судне «Королева Удача»"></a></CENTER>


<!--
<BR><BR>
<CENTER><img src="https://forumstatic.ru/files/0013/09/34/70495.png"> <a href="https://sargas.hutt.ru/viewtopic.php?id=215#p13872" style="color:#d2c7ab" target="_blank"><b>Акция месяца: «Рыцари»</b></a> <img src="https://forumstatic.ru/files/0013/09/34/70495.png">  </CENTER>
--->
</span>
</div>

<div style="position: absolute;
top: 223px;
left: 49px;
width:290px;">
<span style="color: #d2c7ab;">
<font size="2px;"><CENTER><b>НОВОСТИ ПРОЕКТА</b></CENTER></font>
<img src="https://forumstatic.ru/files/0013/09/34/70495.png"> 12.05.2020: Стартовал набор в сюжетные квесты. Узнать больше о них вы можете <a href="http://sargas.hutt.ru/viewtopic.php?id=101"  style="color:#e4d5b0" target="_blank"> <b>тут</b></a>.<BR><BR>
<img src="https://forumstatic.ru/files/0013/09/34/70495.png"> 02.10.2020: Регистрация <a href="https://sargas.hutt.ru/viewtopic.php?id=211#p13554"  style="color:#e4d5b0" target="_blank"> <b>NPC</b>!</a><BR><BR>
    <img src="https://forumstatic.ru/files/0013/09/34/70495.png"> 10.10.2020: Упрощенный приём для <a href="https://sargas.hutt.ru/viewtopic.php?id=215#p13872"  style="color:#e4d5b0" target="_blank"> <b>рыцарей</b>!</a><BR><BR>







</div>



<div style="position: absolute;
top: 223px;
left: 349px;
width:220px;
height:150px; 
overflow-y: scroll;">
<span style="color: #d2c7ab;">
<font size="2px;"><CENTER><b>НОВАЯ ИГРОВАЯ РАСА</b></CENTER></font>

<b>Драконы</b> — высшая из разумных раса, способная обращаться в человека и обратно по собственному желанию. Они были созданы Богиней-Матерью чуть позже, нежели их братья, эльфы, но от рождения были наделены способностью к магии огня, которая делилась на cинее пламя и обычное, красное. Эти существа были прозваны защитниками рода эльфийского и людского, и они должны были подчиняться эльфам, однако очень скоро драконы решили забыть об этом.
<a href="https://sargas.hutt.ru/viewtopic.php?id=6#p12662"  style="color:#e4d5b0" target="_blank"><b>Подробнее...</b></a>
</span>
</div>




<div style="position: absolute;
top: 30px;
left: 343px;
width:260px;">
<span style="color: #d2c7ab;">
<center><font size="2px;"><b>ДОБРО ПОЖАЛОВАТЬ В САРГАС!</b></font><br><br>
Последняя война наложила свой отпечаток на жителей Саргаса. Отношения между тремя королевствами и без того были натянутыми, но заключённая между принцессой Ригеля и принцем Антареса помолвка была расторгнута из-за эльфийской принцессы. А в мире меж тем зреет новая угроза. <a href="http://sargas.hutt.ru/viewtopic.php?id=7"  style="color:#e4d5b0" target="_blank"> Подробнее...</a></center>
</span>
</div>



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



<style>img.post-img-Sp {margin:2px 2px;}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script>


<!--  Дайсы - 2, Ч.1 в начало HTML верх-->
<noscript><meta http-equiv="refresh" content="0;URL=http://qps.ru/prUMh" /></noscript>
<script type="text/javascript" src="https://forumstatic.ru/files/0013/61/e9/33720.js"></script>
<!-- //END  - Ч.1 в начало HTML  верх Дайсы - 2 -->

хтмл низ

Код:

<!--баннеры партнеров внизу форума-->
<div align="center" style="width:900px; height:35px; overflow-y: scroll;" class="Hoverbuttons">

<a href="http://thewitcher.f-rpg.ru/" target="_blank"><img src="https://i.imgur.com/m02LYFE.jpg" title="The Witcher: Pyres of Novigrad" border="0" width="88" height="31"></a>

<a href="http://swmedley.rusff.me" title="STAR WARS: Medley" target="_blank"><img src="https://forumstatic.ru/files/0018/1a/00/97746.gif" width="88" height="31" border="0" alt="STAR WARS: Medley"></a>

<a href="http://aenhanse.rolka.su" target="_blank"> <img src="https://forumstatic.ru/files/0019/c7/e0/61668.png" title="Aen Hanse. Мир ведьмака" border='0' width='88' height='31'></a>

<a href="http://dragonageone.ru/" target="_blank"><img src="https://forumstatic.ru/files/0019/4f/84/33298.png" title="Dragon Age: We are one"border="0"width="88" height="31"></a>

<a href="http://ottomanglory.rusff.me/" target=_blank> <img src="https://forumupload.ru/uploads/001a/b1/f1/7/41389.gif" border="0" title="Ottoman Empire: Glory and Gore "/></a>

<a href="http://docnight.rusff.me/" target="_blank"><img title="Doctor Who: Night terror" src="https://forumstatic.ru/files/0013/70/40/20242.gif"></a>


<a href="http://hole.rusff.me/" target="_blank"><img src="https://i.imgur.com/QOnR1sV.jpg"title="Hole in the Wall"border="0"width="88" height="30"></a>

<a href="http://19centuryrussia.rusff.me" target="_blank"> <img src="https://i.imgur.com/KCemrbl.png" border="0" width="88" height="31" title="Петербургское дворянство"></a>
<a href="http://songsofnirn.rusff.me/" title="The Elder Scrolls: Songs of Nirn" target="_blank"><img src="https://i.imgur.com/KCHjKFw.png" border="0" width="88" height="31"></a>
<br>
<a target="_blank" href="http://summerchronicles.rusff.me/" title="Игра престолов: Хроники Долгого лета"><img src="http://s9.uploads.ru/mCcTy.png"></a>
<a href="http://dark-fairy.ru/" title="Dark Tale" target=_blank> <img src="https://i109.fastpic.ru/big/2019/0221/55/6158ff6607a59914b4bdca588f067e55.png" border="0" alt="Dark Tale"></a>
<a href=http://felicis.anihub.ru/><img src=http://sd.uploads.ru/kB4Nh.png /></a>

<a href="http://miorline.rolevaya.ru"><img src="https://forumstatic.ru/files/0018/e2/2e/69392.gif" title="MiorLine"></a>

<a href="http://kingdomtales.rusff.me" title="Книга Авароса" target=_blank> <img src="https://forumupload.ru/uploads/001a/84/b6/60/822266.jpg" border="0" alt="Книга Авароса"></a>

</div>
<!--конец баннеров партнеров внизу форума-->

<!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<script>
var a1 = 2 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
var a2 = 1 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки;
var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко;

var LiArr=new Array(
//При наличии двух косых => // в начале пункта, - пункт не скрывается.

//"pa-author",     //Ник-Нейм
//"pa-avatar",     //Аватар
//"pa-title",      //статус
//"pa-fld3",       //Доп.Поле.4
//"pa-online",     //Пользователь online - Не засовываем в спойлеры

// 1 кнопка- ссылка на Картинку
"https://forumstatic.ru/files/001a/a9/61/24050.jpg",
"pa-fld1",      //Доп.Поле.2

// 2 кнопка- ссылка на Картинку
"https://forumstatic.ru/files/001a/a9/61/43600.jpg",
"pa-fld4",      //Доп.Поле.3

// 3 кнопка- ссылка на Картинку
"https://forumstatic.ru/files/001a/a9/61/65351.jpg",
"pa-reg",        //Зарегистрирован
"pa-posts",      //Кол-во сообщений:
"pa-respect",    //Уважение:
"pa-ip",         //IP Юзера
"pa-last-visit", //Последний визит:

//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>
<!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->



<!---------- меняем текст навигации ---------->
<script type="text/javascript">
var itemMass = new Array("Главная площадь", "Жители", "Поиск", "Личное дело", "Голубиная почта", "АМС", "Присоединиться к игре", "Войти в профиль", "Выйти");
var itemIdMass = new Array("navindex", "navuserlist", "navsearch", "navprofile", "navpm", "navadmin", "navregister", "navlogin", "navlogout");
for(i=0; i<itemIdMass.length; i++){
if(document.getElementById(itemIdMass[i])){
    var str = document.getElementById(itemIdMass[i]).firstChild.firstChild
    str.innerHTML=itemMass[i];
}
}
</script>
<!--- конец --->

<!-- скрипт наград -->
<style type="text/css">.mini_awards_label, .mini_awards {display: none;} #awrdbut * {cursor: pointer; }</style>
  <script>
(function () {
      var awards_button = "<img src='https://forumstatic.ru/files/001a/a9/61/95757.png' title='Показать | Скрыть'>";
      function awards_spoiler() {
          $(".pa-awards").prepend("<span id='awrdbut'>"+awards_button+"</span>");
          $("#awrdbut > *").click(function(){$(this).parents(".pa-awards").find(".mini_awards_label, .mini_awards").toggle("slow");});
      }
      var t=0;  var time_func = setInterval(function(){ t++;
          if (t>100) { clearInterval(time_func); return; }
          if ($(".pa-awards").length) { clearInterval(time_func); awards_spoiler() }
      },100);
}())
  </script>

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




<!--Кавычки-->
<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>





<!--репутация без обновления страницы-->
<script> 
if($('#pun-viewtopic').length && !$('#navawards').length) 
FORUM.PartnerVote = function() { return true; }; 
</script>
<!-- конец -->

<!-- Разделение тем: "Важные темы" и "Темы форума" // © Alex_63 -->
    <style>
    #pun-main .forum table{ table-layout: auto;}
    #pun-main tr.tr-divider {
      font-weight: bold;
    }
    </style>
    <script type="text/javascript">if($('#pun-viewforum').length){$('tr[class$="isticky"]:first').before('<tr class="tr-divider imp"><td class="td-divider" colspan="4">Важные темы</td></tr>');$('tr[class$="isticky"]:last').next('tr').before('<tr class="tr-divider st"><td class="td-divider" colspan="4">Темы форума</td></tr>');$('.stickytext').remove()}</script>
    <!-- //End//-Разделение тем -->


<!--Маска-->
<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['Прошлое', 'Настоящее', 'Альтернатива', 'Таверна', 'Архив эпизодов'],
    forumAccessExtended: {
        'Прошлое': ['Пользователи'],
        'Настоящее': ['Пользователи'],
        'Альтернатива': ['Пользователи'],
        'Таверна': ['Пользователи'],
        'Архив эпизодов': ['Пользователи']
    },
    changeList: {
        'pafld1': {
            title: 'ЛЗ',
            description: '',
            tag: 'lz',
            class: 'pa-fld1',
            defaultCode: '<br><b>ИМЯ ПЕРСОНАЖА КАПСОМ</b>, возраст<br> Кратко описываем персонажа в свободной форме. Обязательно указываем расу, деятельность и место жительства. При желании можно поставить ссылку на пару и т. д.',
            type: 'html'
        }
  


    },
    userFields: ['pa-author\', \'pa-title\', \'pa-avatar item2\', \'pa-fld1\', \'pa-respect\', \'pa-ip']
});
</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>
<!-- Конец -->

<!-- Кнопки 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 type="text/javascript"><!--Своя картинка в каждую категорию //-->
        $(document).ready(function(){

        myarray=new Array(
        "Архивы", "https://forumstatic.ru/files/0013/09/34/27544.png",
        "Информация", "https://forumstatic.ru/files/0013/09/34/25532.png",
    "Организация", "https://forumstatic.ru/files/0013/09/34/48963.png",
    "Игра", "https://forumstatic.ru/files/0013/09/34/94107.png",
    "Флуд", "https://forumstatic.ru/files/0013/09/34/44206.png",
    "Реклама", "https://forumstatic.ru/files/0013/09/34/18904.png",
    "Статистика форума", "https://forumstatic.ru/files/0013/09/34/53431.png"
        )


                $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
        for(q=0;q<myarray.length;q++){

        var cssObj = {
          "height":"40px",
          "width":"230px",
"margin-left":"320px",
          "background-color": "transparent",
          "background-image":"url("+myarray[q+1]+")",
          "background-position":"сenter center",
          "background-repeat":"no-repeat"       //Последний элемент без запятой!
        }

                if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
                q++}
            });
        });
        </script>

<!-- Конец -->


<!-- Длинное тире -->
<script type="text/javascript">
$('.post-content p').each(function(){
  function replacer(str){return str.replace(/-\s|–\s/gm,'— ');}
  var a = $(this).clone().wrap('<div></div>').parent().html();
  var b = a.replace(/>[^<>]+</gim,replacer);
  if(a!=b)$(this).replaceWith(b)
});
</script>

<!--ТЕГ  абзаца - [indent] -->
<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="smile(\''+b+'\')"></td>');
var indent = '<span style="display:inline-block;margin: 0.6em 0.4em;"></span>'; /*удвоенные Отступы сверху и слево*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>

<style>
.punbb .post-sig dt {
  border-top-color: #020000 !important;
  }
</style>


<script>$('#topic-users-in a').prev('a').after(',');</script>

<style type="text/css">
li#navawards {display: none;}
</style>






<!--Добавить запятую-->

<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>

<style>
p.lastedit {display:none}
</style>


<script type="text/javascript">
function select_text(elem) {
	if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
	s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);
}   
	}
	else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
	}
	else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
	}   
}
</script>




<style id=a_fnt>.post h3 img{margin:0 7px;cursor:pointer;}</style>
<script type="text/javascript">
function setcookieF(a,b,c){if(c){var d=new Date();d.setTime(d.getTime());d=new Date(d.getTime()+c)}if(a&&b)document.cookie=a+'='+b+(c?'; expires='+d.toGMTString():'');else return false}function getcookieF(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}
 
a='<strong class=fnt style="width:auto;margin-right:28%;"><img src="img/minus.png" alt="-" />Шрифт<img src="img/plus.png" alt="+" /></strong>';$(".post:first h3 strong,.post:last h3 strong").after(a);
b_Fnt1='<style id=b_fnt>#main-reply,.punbb .post-content{font-size:';b_Fnt2='px;}</style>'
var c_Fnt;
N=getcookieF('c_Fnt')
 if(N){c_Fnt=parseFloat(N);setcookieF('c_Fnt',c_Fnt,30*24*60*60*1000)}else{var c_Fnt=Math.round(parseFloat($(".punbb .post-content").css("font-size")));}
 b_Fnt=b_Fnt1+c_Fnt+b_Fnt2; $("#a_fnt").after(b_Fnt);
function setFnt_Size(){
 b_Fnt=b_Fnt1+c_Fnt+b_Fnt2;
 $("#b_fnt").replaceWith(b_Fnt);//alert(b_Fnt)
 setcookieF('c_Fnt',c_Fnt,30*24*60*60*1000);
}
$(".post h3 img[alt='-']").click(function (){if(c_Fnt){c_Fnt--;setFnt_Size();}});
$(".post h3 img[alt='+']").click(function (){if(c_Fnt<38){c_Fnt++;setFnt_Size();}});
</script><!--End//Меняем Шрифт в Топике -->

<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 type="text/javascript">
if(GroupID != 3) { $('#pun-ulinks .container').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые
сообщения</a></li>'); }
</script>
<!-- Конец -->

<!-- Кнопки вверх-вниз -->
<div class="go-up" id='ToTop'><img src="https://forumupload.ru/uploads/001a/a9/61/2/31746.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="https://forumupload.ru/uploads/001a/a9/61/2/38608.png" border="0" /></div>
<style>
.go-up,.go-down {
 display:none;
 position:fixed;
 z-index:9999;
 cursor:pointer;
 bottom:30%;
 margin-left: 980px;
 opacity:0.8;
 }
.go-down:hover,.go-up:hover {
 opacity:1;
 }
.go-up {
 margin-bottom: 60px;
 width:32px;
 height:24px;
 }
.go-down {
 margin-bottom: 0px;
 width:32px;
 height:24px;
 }
</style>
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
 if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
 else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
 if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
 else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>
<!-- Конец -->

 

<!--Убрать подпись "отредактировано" в постах-->

<style>
p.lastedit {display:none}
</style>

<!--Убрать названия дополнительных полей-->

<script type="text/javascript">
  var F = [1,2];
  for(i in F) {$('.post-author li.pa-fld'+F[i]).each(function(){$(this).html($(this).html().replace(/(.*?):(?: |<br>)/,''));});}
</script>



<!-- Восстановление последнего поста при утере -->
<script>
/* by Человек-Шаман */
$(document).ready(function() {
  $('#addition-area').append(function() {
    return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
  });
  function restoreLastPost() {
    $('#main-reply').val(localStorage.ReservePost);
  };
});
</script>

<!-- Быстрое редактирование постов © Alex_63 // V.3 --><script>
var ForumEdit=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,];   //ID Форумов c редактированием
if(ForumEdit.indexOf(+FORUM.topic.forum_id)!=-1)$.getScript("https://forumstatic.ru/files/0015/c4/3f/97896.js");;
</script>
<!-- Конец -->

<!--Выделение кода в блоке "Код" с перемещение в буфер обмена // © 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>
<!-- конец -->




<!-- Мгновенный предпросмотр сообщения © 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 type="text/javascript"><!--  Dise_2 - Ч.2 в HTML низ -->
//ID форумов с применением Дайсов, должны быть открыты на чтение/запись под гостем;
  FORUM.dise_Array = [1,3];

//  0 - Просмотр cообщений в форумах с Дайсами гостем возможен;(запись закрыта скриптом)
//  1 - Cкрытие возможности просмотра тем для гостя  в Дайс-форумах;
  FORUM.GuestHideDise_Forum = 0;

/*Set функция:*/ FORUM.set_Dise2 ();
</script><!-- END//Ч.2 в HTML низ Dise_2 --->