первое, что делает чангу, это шумно сглатывает. пауза затягивается, адачи перед ним согнувшись пополам, с натянувшейся кожей и выступающими позвонками. иероглиф, что затерялся между третьим и четвертым, чангу знает каждую черную линию, знает, как правильно написать его на бумаге, и знает его значение. дом самая большая ирония в жизни, чангу не стремился найти свой домашний очаг и беспечную старость в окружении близких, чангу не горел желанием заводить семью и что-то в подобном ключе, или что там приходит на ум, когда проводишь ассоциативный ряд с этим словом. и где-то тут обязательно размещены скрытые камеры.
сюжет вакансии правила гостевая внешности нужные
Hoseok Junghyuk Jimin Yoongi Taehyung Jungkook Felix
Пока Винсент Ван Гог ел желтую краску, надеясь, что сможет стать счастливее благодаря ей, люди вокруг считали его сумасшедшим. В то время краска выделяла токсины, которые отравляли и абсолютно точно не могли повлиять на чьё-либо счастье. Но так ли это на самом деле? Если человек настолько несчастен, что самые бредовые идеи кажутся ему спасением, то почему бы не попробовать рисовать ярко-желтым по стенкам своих внутренних органов?
На самом деле, разница между тем, чтобы влюбиться или принимать наркотики не так уж и велика. Риск того, что твоё сердце разобьют или что ты пострадаешь от передозировки существенный, но люди продолжают делать это каждый день, не задумываясь. Потому что шанс, что именно это спасет и отвлечет тебя от мрачной действительности на ладонях оседал эфемерностью.
У каждого есть его собственная жёлтая краска. Моя - в моём родственном

California High

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

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


Вы здесь » California High » die young » разобрать. посмотреть. и забить.


разобрать. посмотреть. и забить.

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

1

http://funkyimg.com/i/22LH4.gif
тип учебники для дизайна (css и html):
http://www.wisdomweb.ru/
http://htmlbook.ru/

Новый FAQ по дизайну форума в CSS
http://forumd.ru/viewtopic.php?id=1482

как делать html таблицу
http://forumd.ru/viewtopic.php?id=368

сам пример создания диза
http://forumd.ru/viewtopic.php?id=3073

по фону
http://unionforum.rusff.me/viewtopic.php?id=160

какие блоки за что отвечают
http://nestandart.artbb.ru/viewtopic.php?id=4372

2

верх

/* A1 Import the colour scheme
-------------------------------------------------------------*/
@import "http://webfonts.ru/import/osanscondensed.css";
@import 'https://fonts.googleapis.com/css?family=Playfair+Display:700i&subset=cyrillic';
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import "http://webfonts.ru/import/bebasneue.css";
@import "http://webfonts.ru/import/cuprum.css";
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css";

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

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

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

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }

/* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 15px;
  }

/* A3.2 */
.punbb {
  font: normal 70.35% verdana;
  }

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

  }

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

/* A5.2 */
.punbb {
height: auto;
width: 940px;
margin-left: 35px;
  }

/* A5.3 */
/* переадресация */
#pun-redirect{
    border: 0 none!important;
    margin: 0;
    padding: 0;
    left: 0;
    right: 0;
    top: 0%;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0 !important;
    background-image: url("http://funkyimg.com/i/2j3Yx.png");
 
}
#pun-redirect *{
  border:0 none;
}
#pun-redirect .main-title {
    margin-top: 245px;
    margin-left: -80px;
    position: fixed;
    background-image: none;
    width: 94%;
    z-index: 100000;
    color: #473a28;
    text-shadow: 3px 3px 0px #c2b29b;
    text-decoraпоtion: none;
    font-family: lobster;
    font-size: 0px;
    border: none;
}
#pun-redirect.punbb .info .container{
  position: relative;
  text-align: center;
  background-image: url("http://funkyimg.com/i/2jrfQ.png");
  font-weight:bold;
  display:inline-block;
  left:0;right:0;
  top: 80px;bottom:0;
  margin: 7% auto;
  width: 650px;
  height: 212px;
}

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

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

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

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

/* B1.2 */
.punbb .post-sig dt {
display: block;
  margin: 5px 0;
  float: center;
  }

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 5px 0px 1em 21px;
  line-height: 140%;
font-size: 11px;
  }

/* 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: 97%;
  overflow: hidden;
margin: 10px;
  }

/* 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;
    border-top: 5px solid #B8C4CD;
    border-radius: 40px;
    box-shadow: inset 0px 0px 27px 0px #C9CED1;
    background-color: #E4E4E3;
    border-bottom: 5px solid #B8C4CD;
    border-left: 2px solid #8993AD;
    border-right: 2px solid #8993AD;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  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: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

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

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

/* 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: right;
  width: 8%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  }

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

/* 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-width: 0px !important;
  border-width: 0px 0 0 0px;
  padding: 1.8em 4em;
  }

/* C2.12 */

.punbb .main th {

  border-style: none;

  border-width: 0;

  padding: 0;

  visibility: hidden;}

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

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
    width: 312px;
}

/* C2.15 */
.punbb div.icon {
float: left;
  display: block;
  border-style: none;
  margin-right: 10px;
  margin-top: 50px;
  width: 60px;
  height: 30px;
}
/* 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.5em 1em;
display: block;
margin-left: 22em;
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: 225px;
    overflow: hidden;
    margin-left: 5px;
    padding-top: 10px;
padding-bottom: 53px;
    background: url(http://funkyimg.com/i/2jpbB.png) 0 bottom no-repeat, url(http://funkyimg.com/i/2jpbz.png) 0 top no-repeat, url(http://funkyimg.com/i/2jpbA.png) 0 top repeat-y;}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  margin: -15px 0 -15px 0!important;
  }

/* C3.7 */
.pa-author {
  font-size: 22px;
  }

/* C3.8 */
/* ИМЯ НА ФОРУМЕ */
.pa-author a, li#profile-name {
text-decoration: none;
text-align: center;
border-style: solid solid none;
border-width: 0px;
color: #989494;
text-align: center;
border-style: solid solid none;
border-width: 0px;
color: #989494;
  }

/* C3.9 */
li.pa-title {
text-transform: lowercase;
    line-height: 100%;
    position: relative;
    margin-top: 17px;
    font-size: 10px;
    color: #8A94AD;
    letter-spacing: 1px;
    font-family: calibri;
    max-width: 180px;
    text-align: center;
    margin-left: 21px;
    text-shadow: 0px 1px #B8C4CE;
  }

li.pa-online {
line-height: 0.8em;
padding-left: 0.4em;
margin-top: 0.7em;
font-weight: bold;
text-transform: lowercase;
line-height: 100%;
position: relative;
margin-top: 7px;
  }

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

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

/*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: 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: 1.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: 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 0.8em 1.8em
  }

/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 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.2em 1em 0.8em 1em;
  }

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

#pun-title TD.title-logo-tdr {
  border: none;
  left: 200px;
  top: 0px;
  width: 468px;
  float: center;
  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: -650px;
margin-bottom: -7px;
text-transform: lowercase;
}

    /* D3.2 */
    #pun-navlinks .container {
   
      }

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

    /* D3.4 */
   #pun-navlinks li a {
font-size: 22px;
  font-family: "Bebas Neue";
  color: rgb(111, 132, 178);
font-weight:bold;
  line-height: 0.955;
  text-align: center;
  text-shadow: 0px 1px 0px rgba(218, 228, 233, 0.004);
}

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

    /* D4.1 */
    #pun-ulinks  {
      margin-top: 0px;
      margin-bottom: 0px;
text-align: center;
  font-family: monospace;
  text-transform: lowercase;
padding: 0 0px;}
     

    /* D4.2 */
    #pun-ulinks .container {
      border-top: none;
padding-bottom: 523px;
      }

    /* D4.3 */
    #pun-ulinks li, #pun-ulinks li a {
         display: inline;
font-size: 10px;
  font-family: "Arial";
  color: rgb(245, 244, 241);
  line-height: 2.1;
  text-align: center;
  text-shadow: 0px 1px 0px rgba(139, 152, 180, 0.004);
text-transform: lowercase;

}

    /* 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: 2.8em 1em 1em 1em;
font-size: 14px;
font-family: "Cuprum";
color: rgb(110, 125, 168);
font-weight: bold;
font-style: italic;
line-height: 0.583;
text-align: center;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.44);
  }

/* 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: 2em 1em 0.8em 1em;
font-size: 14px;
font-family: "Cuprum";
color: rgb(110, 125, 168);
font-weight: bold;
text-transform: uppercase;
line-height: 0.5;
text-align: center;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.44);
  }

/* 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 0 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: 9.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;
  line-height: 150%;
  }

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

#pun-stats li.item3 {
font-size:0px;}

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 0px;
  float: left;
  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 th {font-size: 0px;}
li#navawards {display: none;}
#pun-announcement h2 {display: none}
#pun-stats h2 span {visibility:hidden!important;}
.lastedit {display: none;}
.post-content td {border-style: solid !important;   border-width: 0px !important;}
#pun_wrap #pun  #pun-title.section #logo-table tbody{display: none; }
#pun-main div.catleft, #pun-main div.catright {display: none}

li.pa-author {    margin-top: 30px;
  font-size: 17px;
font-family: playfair display;
}

.tclcon h3 a {
position: relative;
    top: 19px;
    margin-left: 71px;
    font-size: 19px !important;
    font-family: "Cuprum";
    font-weight: bold;
    text-transform: uppercase;
    line-height: 0.368;
    text-align: center;
text-align: center;
}

.punbb td div .tclcon, .category .container table .hasicon .tc1 {
  padding: 10px;
  text-align: center;}

.post-author ul li.pa-avatar img { margin-top: 10px;
border: 1px solid #e3e3e2;
  box-shadow: 0px 2px 9px rgba(158, 166, 185, 0.75);
}

.punbb .pa-author a {
    text-decoration: none;
    text-shadow: 0px 2px 0px rgba(151, 159, 179, 0.75) !important;
    color: rgb(227, 227, 226);
    font-size: 20px;
    font-family: bebas neue;
    font-weight: bold;
    text-transform: uppercase;
}

низ

/* CS1 Фон и цвет текста*/

/* 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 h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain 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: #25203f;
font-weight: normal;
font-style: normal;}

/* CS1.2 Боди или фон форума */
html, body { background:
  url("http://funkyimg.com/i/2j6cz.png") repeat-x top center,
  url("http://funkyimg.com/i/2j3Yx.png") center;}

/* CS1.3

/* CS1.4 Пан или "тело" форума */
#pun {background-image: url(http://funkyimg.com/i/2j3Zt.png);}

/* 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 {
  color: #31416D;
  text-decoration: none;
text-shadow: 1px 1px #E1E1E1;}

/* CS2.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 {
transition: all 0.8s ease-out;
-o-transition-transition: all 0.8s ease-out;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
  color: #989FB6;
  text-decoration: none;}

/* CS2.3 */
#pun-navlinks a {
  color: #31416D;
  text-decoration: none;}

/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #989FB6;
  text-decoration: none;}

/* CS3 Иконки старых, новых, важных, закрытых тем */

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: right;
display: block;
background-image: url(http://funkyimg.com/i/2j48m.png);
border-style: none none none none;
width: 57px;
height: 66px;
margin-top: -1px;
background-repeat: no-repeat;
margin-left: -95px;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/2j48j.png);
background-repeat: no-repeat;
width: 57px;
height: 66px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/2j48k.png);
background-repeat: no-repeat;
width: 57px;
height: 66px;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/2j48n.png);
background-repeat: no-repeat;
width: 57px;
height: 66px;}

/* CS4 Картинки категорий */
#pun-category1.category h2 {
background: url(http://funkyimg.com/i/2jdJf.png);
height: 224px;
background-repeat: no-repeat;
font-size:0 !important;
margin-left:-35px;
width:1010px;}

/* CS4 Картинки категорий */
#pun-category2.category h2 {
background: url(http://funkyimg.com/i/2jdJg.png);
height: 224px;
background-repeat: no-repeat;
font-size:0 !important;
margin-left:-35px;
width:1010px;}

/* CS4 Картинки категорий */
#pun-category3.category h2 {
background: url(http://funkyimg.com/i/2jdJk.png);
height: 224px;
background-repeat: no-repeat;
font-size:0 !important;
margin-left:-35px;
width:1010px;}

/* CS4 Картинки категорий */
#pun-category4.category h2 {
background: url(http://funkyimg.com/i/2jdJh.png);
height: 224px;
background-repeat: no-repeat;
font-size:0 !important;
margin-left:-35px;
width:1010px;}

/* CS4 Картинки категорий */
#pun-category5.category h2 {
background: url(http://funkyimg.com/i/2jdJi.png);
height: 224px;
background-repeat: no-repeat;
font-size:0 !important;
margin-left:-35px;
width:1010px;}

/* CS5 Прочие элементы */

/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container { background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url(http://funkyimg.com/i/2jkYF.png);
    background-origin: padding-box;
    margin-left: 10p;
    background-origin: padding-box;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-size: auto;
    padding-left: 84px;
    text-align: justify;}

/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background: url(http://funkyimg.com/i/2jdJj.png);
height: 224px;
background-repeat: no-repeat;
font-size:0 !important;
margin-left:-35px;
width:1010px;
background-origin: padding-box;
background-repeat: no-repeat;
background-size: auto;}

/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
background-image: url("адрес");}

/* Закругленные края цитаты и кода с тенью */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { }

.punbb input {}

/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea { border-top: 5px solid #B8C4CD;
    border-radius: 20px;
    box-shadow: inset 0px 0px 27px 0px #C9CED1;
    background-color: #E4E4E3;
    border-bottom: 5px solid #B8C4CD;
    border-left: 2px solid #8993AD;
    border-right: 2px solid #8993AD;
padding: 5px;}

.punbb select, .punbb input {
    border-radius: 20px;
    box-shadow: inset 0px 0px 27px 0px #C9CED1;
    background-color: #E4E4E3;
    border: 3px double #989FB6;}

/* ШАПКА */
#pun-title table {background-color: transparent;
background-image : url(http://funkyimg.com/i/2jajd.png);
background-repeat : no-repeat;
background-position: bottom center;
height: 657px;
width: 1300px !important;
margin-left: -180px;
}

/* ФУТЕР */
#pun-about p.container {
font-size: 0px !important;
background-image: url(http://funkyimg.com/i/2j3Zs.png);
background-position: top center;
background-repeat: no-repeat;
height: 172px;
width: 1300px !important;
margin-left: -180px;
}

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

#pun-about p.container a {
display: hidden;
}
/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { }
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

.pole{width: 294px;
padding-left: 26px;
text-align: justify;
margin-top: -19px;
padding-bottom: 39px;
font-family: arial;
line-height: 90%;}

.guest{text-align: justify;
padding: 50px;}

.enjoynaz {font-size: 31px;
font-family: "Bebas Neue";
color: #9b9b9b;
font-weight: bold;
line-height: 0.258;
text-align: justifyAll;
text-shadow: 1.147px 1.638px 1px rgba(213, 215, 215, 0.8);}

.enjoyfaces {height: 140px;
overflow: auto;
padding: 10px;
font-family: cuprum;
box-shadow: inset 0px 0px 17px 0px #dcd9d8, 0 0 0 1px #f0eae9;
background-color: #f4f2f2;
border-radius: 20px;
font-weight: bold;
font-size: 12px;}

.enjoyfaces b {color: #dda585;}

/*РЕПУТАЦИЯ В ОДНУ СТРОКУ*/
#pun-reputation div {
background-color: #f7e5e1;
}

.pa-posts {
    text-align: center;
    display: inline-block;
    padding: 4px !important;
    width: 53px;
    font-family: robato, sans-serif;
    font-size: 10px;
    margin-top: 5px !important;
    background-color: #E4E4E3;
    border-bottom: 5px solid #B8C4CD;
    border-left: 2px solid #8993AD;
    border-right: 2px solid #8993AD;
    border-radius: 20px;
    border-top: 5px solid #B8C4CD;
    text-transform: lowercase;
}

.pa-respect {
text-align: center;
    display: inline-block;
    padding: 4px !important;
    width: 53px;
    font-family: robato, sans-serif;
    font-size: 10px;
    margin-top: 5px !important;
    background-color: #E4E4E3;
    border-bottom: 5px solid #B8C4CD;
    border-left: 2px solid #8993AD;
    border-right: 2px solid #8993AD;
    border-radius: 20px;
    border-top: 5px solid #B8C4CD;
    text-transform: lowercase;
}

.pa-fld4 {
    text-align: center;
    display: inline-block;
    padding: 4px !important;
    width: 47px;
    font-family: robato, sans-serif;
    font-size: 10px;
    background-color: #E4E4E3;
    border-bottom: 5px solid #B8C4CD;
    border-left: 2px solid #8993AD;
    border-right: 2px solid #8993AD;
    border-radius: 20px;
    border-top: 5px solid #B8C4CD;
}
#post fieldset legend span {
display:none;
}

reshforum{
width: 332px;
text-align: justify;
line-height: 98%;
padding: 13px 30px 30px 30px;
color: #46396f;
font-family: cuprum;
font-size: 12px;}

/* ЦВЕТ ПОДФОРУМОВ */
#pun-main .tcl h3 a {color: rgb(150, 159, 181);}

.lz{border-radius: 30px;
    position: relative;
    left: 10px;
    width: 180px;
    font-family: arial;
    padding: 35px 10px 10px 10px;
    box-shadow: inset 0px 0px 27px 0px #C9CED1;
    background-color: #E4E4E3;
    border-bottom: 5px solid #B8C4CD;
    border-left: 2px solid #8993AD;
    border-right: 2px solid #8993AD;
    color: #6e7b9d;
    text-align: justify;}

.lzname {
  font: 18px "Bebas Neue" !important;
  font-weight: bold;
  text-transform: uppercase;
  }

.lz a {font-weight:bold;}
/* плашки */
.pa-fld3
{position: relative;
z-index: 300;
margin-top: -20px !important;
margin-bottom: -34px !important;
margin-left: -2px !important;}

/* первое сообщение в теме */
.refreshnaz {font-size: 30px;
    font-family: bebas neue;
    color: rgb(243, 243, 241);
    line-height: 0.618;
    text-shadow: 0px 2px 0px #9b9da2;
    margin-top: -84px !important;
    text-transform: lowercase;
    font-weight: bold;}

.refreshforma {width: 650px;
background: url(http://funkyimg.com/i/2jats.png) top no-repeat, url(http://funkyimg.com/i/2jatu.png) bottom no-repeat, url(http://funkyimg.com/i/2jatt.png) repeat-y;}

.guest{text-align: justify;
padding: 50px;}

.forumsref{width: 390px;
    background: url(http://funkyimg.com/i/2j47r.png) top no-repeat, url(http://funkyimg.com/i/2j47t.png) bottom no-repeat, url(http://funkyimg.com/i/2j47s.png) repeat-y;
    margin-top: -30px;}

/* личная страница картинка-иконка*/
.pa-fld1 {
    z-index: 1000;
margin-top: -19px !important;
    margin-left: -117px !important;
    display: inline;
    position: absolute;
}

/*------------------------амс----------------------*/
.ref {position: relative;
display: inline-block;}

.ref a {color: #d6b98b;}

.ref:hover span{
position:absolute;
border-radius: 10px;
background: #f4dca8 none repeat scroll 0% 0%;
border-color: #af3751 #eaae3e #a82742;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-width: 4px 2px;
border-style: solid;
box-shadow: 0px 0px 12px 0px #edc37d inset;
text-align:center;
padding:10px;
display:inline-block;
margin-top:-150px;
left:-60px;
z-index:100000;
}

/*------------------------инстаграм----------------------*/
.inst { width: 450px; height: 22px; padding: 12px; background-color: #fefefe; color: #989898; font-family: tahoma; font-size: 20px; font-weight: 400; font-style: normal; text-align: center; text-decoration: none; text-transform: none; letter-spacing: -1px; word-spacing: 0px; line-height: 100%; border: 1px solid #eeeeee; }
.inst1 { position: relative; right: 90px; top: -5px; color: #a1c9c8; font-size: 25px;}
.inst2 { position: relative; margin-left: 50px; top: -5px; color: #a1c9c8; font-size: 15px; font-weight: 300; font-style: normal; letter-spacing: -1px;  line-height: 100%;}

.instaimg { width: 472px; height: 472px; background-size: cover; background-position: center; border-right: 2px solid #eeeeee; border-left: 2px solid #eeeeee; }
.instacom { width: 442px; padding: 15px; background-color: #fefefe; border: 2px solid #eeeeee; }

.comvers { width: 455px; background-color: #eeeeee; padding: 10px 5px;}
.commsect { width: 424px; height: 55px; padding: 10px; background-color: #fff; position: relative; text-align: left;}
.commsect img { border-radius: 100px; }

.hash{ width: 320px; font-family: 'Noto Sans', sans-serif; font-size: 11px; color: #222; line-height: 10px; text-align: justify; position: relative; top: -50px; left: 90px; height: 70px; overflow: auto; }
.hash i { color: #a1c9c8; font-family: tahoma; font-size: 11px; font-weight: 200; font-style: italic; text-align: inherit; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%;} 
.hash b { color: #a1c9c8; font-family: tahoma; font-size: 11px; font-weight: 600; font-style: normal; text-align: inherit; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%;}

/*------------------------биржа----------------------*/
.refreshr {
width: 535px; 
font-size: 10px;
line-height: 115%;
letter-spacing: 1px;
text-align: justify;
margin-left: 20px;
padding: 10px;  }

.refreshjob {
    width: 231px;
    background-color: #B8C4CE;
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
    line-height: 120%;
    text-shadow: 1px 1px 0px #4E3258;
    text-transform: lowercase;
    text-align: center;
    padding: 2px;
    border-radius: 20px;
}

.refreshjob1 {
    width: 230px;
    font-size: 11px;
    color: #313E66;
    text-align: center;
    text-transform: lowercase;
    margin-top: 2px !important;
}

.refreshjob2 {
width: 215px;
    height: 100px;
    overflow: auto;
    font-family: robato, sans-serif;
    font-size: 11px;
    padding: 5px 10px;
}

/*------------------------внешности----------------------*/
.refreshface {
    width: 350px;
    background-color: #BECBD4;
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
    line-height: 120%;
    text-shadow: 1px 1px 0px #4E3258;
    text-transform: lowercase;
    text-align: center;
    padding: 2px;
    border-radius: 20px;
}

.refreshface1 {
width: 310px;
font-size: 10px;
line-height: 110%;
text-transform: lowercase;
text-align: justify;}

.refreshface1 a:link { color: #808BA7; font-size: 11px; font-weight: bold; font-style: normal;}

/*------------------------эстафета----------------------*/
.refreshdrag {
    width: 485px;
    height: 100px;
    overflow: auto;
    font-family: robato, sans-serif;
    font-size: 11px;
    padding: 5px 10px;
}

.refreshdrag1 {
width: 400px;
    font-size: 11px;
    line-height: 130%;
    color: #313E66;
    text-align: center;
    text-transform: lowercase;
    margin-top: 2px !important;
}

/* личная страница код инфы*/

/*------------------------приемка----------------------*/
#welcome {width: 450px; text-align: center;}
#welcont {background-color: #836c91; border-bottom: 10px solid #241329; width: 450px;height: 230px;}
#wellink {position: relative; left: 0px; top: 5px; padding: 3px 10px 10px; height: 210px; width: 20px; float:left; z-index: 5;}
#wellink a {width: 16px; height: 16px; padding: 5px; background-color: #241329; color: white; display: block; text-align: center; text-shadow: none! important;}
#wellink a[title]:hover:after{content: attr(title); padding: 5px; color: #25203f; position: relative; top: -11; left: 15; white-space: nowrap; z-index: 20px; background: #e2ddda; font-size: 8px; text-transform: uppercase; font-family: Calibri; letter-spacing: 1px;}

.welimg {float: left; background-image: url(http://funkyimg.com/i/2iNDc.png); background-repeat: no-repeat; background-color: transparent; width: 390px; padding-top: 100px; height: 140px; position: relative; top: 7px; z-index: 3; overflow: hidden; left: 5px;}
.welhead {text-align: right;  font-family: 'Cuprum', serif; font-size: 15px; font-weight: bold; color: #d9d9d9; margin-bottom: 3px; left: 5px;}
.weltext {overflow: hidden; height: 70px; width: 100%; text-align: justify; font-family: verdana; font-size: 10px; color: #241329; left: 5px;}
.teamc {width: 100%; background-color: #d0343a; padding: 5px; color: white; text-transform: uppercase; font-size: 8px; display: block; text-align:center; left: 5px;}
.teamf {width: 100%; background-color: #f8974a; padding: 5px; color: white; text-transform: uppercase; font-size: 8px; display: block; text-align:center; left: 5px;}
.teamp {width: 100%; background-color: #7f3438; padding: 5px; color: white; text-transform: uppercase; font-size: 8px; display: block; text-align:center; left: 5px;}
.teams {width: 100%; background-color: #8bc075; padding: 5px; color: white; text-transform: uppercase; font-size: 8px; display: block; text-align:center; left: 5px;}

/*------------------------амс----------------------*/
.rulesname {
     font-family: 'Cuprum', serif;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -2px;
    text-shadow: 1px 1px 0px #f8fcfd;
    text-transform: lowercase;
    text-align: center;
    color: #a1abc3;}

.amssmall {
    width: 390px;
    padding: 5px;
    background-color: #cad5dd;
    border-radius: 20px;
    text-align: center;
    font-size: 9px;
    letter-spacing: 1px;
    margin-top: -15px; }

.refreshforum{width: 329px;
    text-align: justify;
    line-height: 100%;
    padding: 0px 30px 30px 30px;
    color: #313E66;
    font-family: robato, sans-serif;
    font-size: 11px;}

/*------------------------скроллы----------------------*/
::-webkit-scrollbar
{width: 6px;
height: 6px;
background-color: #989FB6;}

::-webkit-scrollbar-thumb
{background-color: #E3AE95; }

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

.punbb .main .tcr a {transition: all 0.8s ease-out;
-o-transition-transition: all 0.8s ease-out;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
  color: #989FB6;
  text-decoration: none;
font-family:cuprum;
font-size:14px;
font-style:italic;
}

.punbb .main .tcr a:hover {
  color: #31416D;
  text-decoration: none;
text-shadow: 1px 1px #E1E1E1;
}

.punbb td div.tclcon a {text-transform:lowercase;}

/*------------------------админы в шапке----------------------*/

.refadm {
position: relative;
display: inline-block;
}

.refadm span {
display: none;
}

.refadm:hover span{
position:absolute;
border-top: 5px solid #B8C4CD;
border-radius: 40px;
box-shadow: inset 0px 0px 27px 0px #C9CED1;
background-color: #E4E4E3;
border-bottom: 5px solid #B8C4CD;
border-left: 2px solid #8993AD;
border-right: 2px solid #8993AD;
text-align:center;
padding:10px;
display:inline-block;
margin-top:-180px;
left:-50px;
z-index:100000;
}

/*------------------------календарь----------------------*/
.thecalcont {
width: 550px;
    height: auto;
    position: relative;
    font: normal normal normal 12px/100% 'Verdana', sans-serif;
    text-align: justify;
    padding-top: 62px;
    padding-right: 58px;
    padding-bottom: 1px;
    padding-left: 31px;
}
.calcontainer {
    width: 351px;
    padding: 9px;
    height: 350px;
    overflow: hidden;
    margin-top: 34px !important;
    margin-left: 6px !important;
}
.calcontainer h1 {
    text-align: center;
    font: normal normal normal 15px/100%'Verdana', sans-serif;
    color: #bababa;
    letter-spacing: 1px;
}
.calcontainer h2 {
    margin: 0 0 5px;
    width: 50px;
    float: left;
    color: #999;
    border-bottom: 1px solid #999;
    text-align: center;
    box-sizing: border-box;
    font: normal normal normal 10px/20px'Verdana', sans-serif;
}
.calcontainer h3 {
    width: 50px;
    font: normal normal normal 10px/50px'Verdana', sans-serif;
    float: left;
    color: #f1f1f1;
    text-align: center;
    outline: 1px solid #666;
    outline-offset: -5px;
    margin: 2px 0;
}
.theexplanations {
    width: 200px;
    height: 103%;
    position: absolute;
    top: 0;
    right: 0;
    color: #3c4a76;
    font-family: cuprum;
    font-size: 13px;
}
.theexplanations .caldates {
display: none;
width: 170px;
    height: 280px;
    position: absolute;
    bottom: 56px;
    right: 43px;
}
.theexplanations h1 {
    font: normal normal bold 11.5px/100%'Calibri', sans-serif;
    text-align: center;
    margin: 15px;
    text-transform: uppercase;
}
.calcontainer .activeevent {
    color: #DA595D;
    outline-color: #DA595D;
font-weight: bold;
}
.thecalcont.lightcal {
    background-color: #fcfcfc;
    background: linear-gradient(#fcfcfc, #f7f7f7);
    background: -webkit-linear-gradient(#fcfcfc, #f7f7f7);
    background: -moz-linear-gradient(#fcfcfc, #f7f7f7);
    background: -o-linear-gradient(#fcfcfc, #f7f7f7);
}
.thecalcont.lightcal .calcontainer h1 {
    text-align: center;
    font: normal normal normal 15px/100%'Verdana', sans-serif;
    color: #777;
    letter-spacing: 1px;
}
.thecalcont.lightcal .calcontainer h2 {
    color: #999;
    border-bottom: 1px solid #777;
}
.thecalcont.lightcal .calcontainer h3 {
    outline: 1px solid #ccc;
    color: #999;
}
.thecalcont.lightcal .theexplanations {
    width: 190px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    color: #444;
}

.thecalcont.lightcal .calcontainer .activeevent {
    color: #0198E1;
    outline-color: none;
}
.fon {width: 656px;
    background: url(http://funkyimg.com/i/2jaEq.png);}

/*------------------------команды----------------------*/
.ockikomand {font-size: 30px;
    font-family: bebas neue;
    color: #BCC9D2;
    text-shadow: 0px 2px 0px #9b9da2;
    text-transform: lowercase;
    font-weight: bold;}

/*------------------------заголовки----------------------*/
.zagrefresh{font-family: cuprum;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    color: #808BA7 !important;
    text-shadow: 1px 1px #fcfcfc;
    letter-spacing: 2px;}

/*------------------------faq----------------------*/
.otvet {
    position: relative;
    top: 0px;
    right: 24px;
    width: 400px;
    padding: 10px;
    background-color: #EBECEB;
    border-radius: 16px;
    font-family: roboto;
    font-size: 11px;
    color: #8A94AD;
    line-height: 100%;
    text-align: justify;
    margin-bottom: 10px !important;

    text-shadow: 1px 1px #F3F3F1;
}

.vopros {
    position: relative;
    top: 0px;
    right: -138px;
    width: 400px;
    padding: 10px;
    background-color: #BECBD4;
    border-radius: 16px;
    font-family: roboto;
    font-size: 11px;
    color: #F3F3F1;
    line-height: 100%;
    text-align: justify;
    margin-bottom: 10px !important;

    text-shadow: 1px 1px #BBC8D1;
}

/*------------------------ссылкинавигацииподфорумы----------------------*/

.refreshlinks a {
    display: inline-block;
    font-size: 11px;
    font-family: robato, sans-serif;
    background: #B5C3CE;
    color: #313E66!important;
    padding: 3px;
    margin: 1px!important;
    text-transform: lowercase;
    transition: 0.1s;
    text-align: center;
    width: 130px;
    text-shadow: 1px 1px transparent !important;
}

.refreshlinks a:hover {background:#D88F72; color: #925244!important;}

.refreshlinks {text-align: center;
    margin-top: -23px!important;
    padding-bottom: 26px !important;
    width: 300px;}

/*------------------------календарь в шапке----------------------*/
.kalendarjshapka {
position: relative;
display: inline-block;
}

.kalendarjshapka span {
display: none;
}

.kalendarjshapka:hover span{
position:absolute;
border-top: 5px solid #B8C4CD;
border-radius: 40px;
box-shadow: inset 0px 0px 27px 0px #C9CED1;
background-color: #E4E4E3;
border-bottom: 5px solid #B8C4CD;
border-left: 2px solid #8993AD;
border-right: 2px solid #8993AD;
text-align:center;
padding:10px;
display:inline-block;
margin-top:-80px;
left:-50px;
z-index:100000;
}

/*------------------------гостевая книга----------------------*/
.guestfaces1 {
color: #313E66;
    font-family: robato, sans-serif;
    position: absolute;
    width: 490px;
    height: 25px;
    font-size: 11px;
    text-align: justify;
    text-shadow: 1px 1px 0px #E0E2E2;
    line-height: 0.95;
    margin-top: -336px !important;
    margin-left: 94px !important;
}

.guestfaces2 {
    color: #313E66;
    font-family: robato, sans-serif;
    position: absolute;
    width: 150px;
    height: 85px;
    text-align: justify;
    text-shadow: 1px 1px 0px #E0E2E2;
    margin-top: -188px !important;
    margin-left: 70px !important;
    overflow: auto;}

.guestfaces3 {
    color: #313E66;
    font-family: robato, sans-serif;
    position: absolute;
    width: 150px;
    height: 85px;
    text-align: justify;
    text-shadow: 1px 1px 0px #E0E2E2;
    margin-top: -188px !important;
    margin-left: 260px !important;
    overflow: auto;}

.guestfaces4 {
    color: #313E66;
    font-family: robato, sans-serif;
    position: absolute;
    width: 150px;
    height: 85px;
    text-align: justify;
    text-shadow: 1px 1px 0px #E0E2E2;
    margin-top: -188px !important;
    margin-left: 463px !important;
    overflow: auto;}

.guestfaces2 a{font-weight:bold;}
.guestfaces3 a{font-weight:bold;}
.guestfaces4 a{font-weight:bold;}
.guestfaces1 a{font-weight:bold;}

.guesttext {position: absolute;
width: 500px;
font-size: 12px;
line-height: 100%;
text-align: justify;
color: #313E66;
font-family: robato, sans-serif;
margin-left: 74px !important;
margin-top: 128px !important;
text-shadow: 1px 1px 0px #E0E2E2;
color: #313E66;}

.refresnews{width: 535px;
    font-size: 12px;
    line-height: 115%;
    text-align: justify;
    margin-left: 20px;
    padding: 10px;
    font-family: robato, sans-serif;}

.tcr a {text-transform:lowercase;}

/*------------------------отношения и хронология----------------------*/
.shipper {
width: 200px;
height: 230px;
padding: 5px;
margin: auto;
border-radius: 10px;
background-color: #d8d8d8;
box-shadow: 3px 2px 8px #bfbfbf, 2px 2px 5px #ffffff inset;
}

.shname {
font-family: "Bebas Neue";
font-weight: bold;
font-size: 15px;
text-align: center;
text-transform: uppercase;
color: #374772;
text-shadow: 1.147px 1.638px 1px #fff;
margin-bottom: 5px;
margin-top: 3px;
}

.shimg {
width: 170px;
height: 100px;
margin: auto;
border-radius: 10px;
border: 2px solid #e5e5e5;
}

.shtxt {width: 185px;
height: 97px;
text-transform: lowercase;
text-align: justify;
margin-top: 7px;
margin-left: auto;
margin-right: auto;
overflow-x: auto; }

.shtxt::-webkit-scrollbar {display: none;}

.shhd {
text-transform: lowercase;
text-align: center;
font-family: "Bebas Neue";
font-size: 12px;
font-weight: bold;
color: #374772;
}

.shipper1 {
width: 200px;
height: 170px;
padding: 5px;
margin: auto;
border-radius: 10px;
background-color: #d8d8d8;
box-shadow: 3px 2px 8px #bfbfbf, 2px 2px 5px #ffffff inset;
}

.shtxt1 {width: 185px;
height: 110px;
text-transform: lowercase;
text-align: justify;
margin-top: 7px;
margin-left: auto;
margin-right: auto;
overflow-x: auto;
}

.shtxt1::-webkit-scrollbar {display: none;}

table.center {
margin-left: 11px;
}

3

СКРИПТ HTML В ПОСТАХ. ставится в HTML-низ

<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>

4

хтмл в

<!-- Профилактика -->
<div id="resplash" style="display: none;">
<div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span>сюда нельзя. тут мои секретики хд</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='/' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password'  id='fld2'  name='req_password'  size='25'  maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как ' /></p></center></form></div></div>
<script type="text/javascript">
var active = 1;
if(GroupID != 1 && active == 1){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= 'Форум на профилактике - '+document.title;
}
</script>
<div id="pircs2"><!-- std.v.1/0/profilaktika --><link rel="stylesheet" type="text/css" href="http://hostjs-mybb2011.narod.ru/css/profilaktika.css" /><div id="msg-n2">У Вас отключён javascript.<br>В данном режиме, отображение ресурса<br/>браузером не поддерживается <br/></div><div id="LogIn_Window" style="display:none"><center>мы скоро вернемся в эфир, не переключайтесь. администрация шалит :)</center><br/><hr><br/><br/></div></div><!-- --><script type="text/javascript">

        var ON_button=0; //Cвитч включения: 1 - включено!; 0 - выключено
        var  moderDostyp_ON=0; //?Модер-доступ включён?: 1 - включен!; 0 - выключен

        if(ON_button!=1||GroupID ==1||moderDostyp_ON*GroupID==2){
        $("style.#style_st,div.#pircs2").replaceWith("");}
          else {$("#msg-n2").replaceWith("");
        if(GroupID ==3) {$("#LogIn_Window").show();if(document.URL.indexOf("/login.php")==-1){
        document.location.href = "../login.php"}else {
        $(document).ready(function(){$("form#login").appendTo("#LogIn_Window");
        $("#LogIn_Window").find("p.formsubmit a[href*='register.php']").text("");
        var v=$("#LogIn_Window").find("p.formsubmit a[href*='action=forget']");
        v.replaceWith("<span>Вход только для Администраторов</span>");});};}
        else {document.location.href = "../login.php?action=out&id="+UserID};}
        </script><!--end/profilaktika-->

<!-- шрифт иконок -->
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

<!-- доп смайлы -->
<style>
#smilies-area {
width: 500px!important;
z-index: 999;
    border-top: 5px solid #B8C4CD;
    border-radius: 40px;
    box-shadow: inset 0px 0px 27px 0px #C9CED1;
    background-color: #E4E4E3;
    border-bottom: 5px solid #B8C4CD;
    border-left: 2px solid #8993AD;
    border-right: 2px solid #8993AD;
padding:10px;
}
#wrapper {width: 500px;}
ul.tabs {height: 25px;line-height: 20px;margin: 0 0 3px;list-style: none;}
ul.tabs li {float: left;margin-right: 1px; cursor:pointer;}

ul.tabs li a {background: url("http://flowplayer.org/img/global/tabs.png") no-repeat scroll -652px 0 transparent;color: #f69679;cursor: pointer;display: block;margin-bottom: -1px;padding: 0 14px 1px;position: relative;text-decoration: none;width: 84px;
display: inline-block;
padding:3px 3px 3px 3px;
text-align:center;
}

ul.tabs li a:hover {color: #fff;}

ul.tabs li.tab-current a
{color: #f69679;padding: 0px 14px 2px;line-height: 22px;background-position: -452px -62px;
display: inline-block;
  padding:3px 3px 3px 3px;
}
ul.tabs li a:hover: active {
  background-color:#fff;
}

ul.tabs li.tab-current a:hover {color: #f69679;}
div.t2,div.t3,div.t4,div.t5 {display: none;width: 500px;
}
</style>

<!--Смена имиджа в текущем посте-->
<link id="iNFpanel" rel="stylesheet" href="https://forumstatic.ru/files/0014/f0/ec/74622.css" type="text/css"/>
<script src="https://forumstatic.ru/files/0017/da/f3/89053.txt"></script>

низ

<script type="text/javascript">
var pmstr = $("#navpm a").html();
if ((pmstr != null) && (pmstr.indexOf("(") != -1)) {
  $("#navpm a").before("<img src='http://uploads.ru/i/6/r/9/6r98t.gif' title='У Вас новое личное сообщение!' style='margin: -2px 0 0 1px; position: relative; top: 5px;'/>");
}
</script>

<!-- Регулировка размера шрифта в постах © Alex_63 -->
<style>
.FNTslider {
  border-radius: 4px;
  position:relative;z-index:1000;
  background: #E0E0E0;
  width: 110px;
  height: 5px;
  margin: 3px 5px;
  border: solid 1px #ccc;
  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: #A0BCDA;
  margin-top: -1px;
}
.FNTslider .thumb {
  width: 8px;
  height: 13px;
  border-radius: 3px;
  position: relative;
  top: -4px;
  background: #3980D8;
  cursor: pointer;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>

<!--ВЫРАВНИВАНИЕ ПО ШИРИНЕ-->
<style type="text/css">
#button-justify { background:url(http://savepic.net/6701397.png) center no-repeat!important;}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("#post #button-center").after('<td id=button-justify align=center valign=center title="Выравнивание по ширине"><img onclick="bbcode(\'\',\'\')" src="/i/blank.gif"/></td>');});
</script><!--КОНЕЦ ВЫРАВНИВАНИЕ ПО ШИРИНЕ-->

<!-- Просмотр полного профиля на странице profile.php // © Alex_63 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/44994.js"></script>

<!--ВЫДЕЛИТЬ КОД-->
    <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>
    <script type="text/javascript">
    var div = document.getElementById('pun-main').getElementsByTagName('div');
    for(x in div){
    if(div[x].className=='code-box'){
    div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
    }
    }
    </script>
<!--КОНЕЦ ВЫДЕЛИТЬ КОД-->

<!--ПИАР-ВХОД--><script type="text/javascript">
PiarNik="whiskey 0,5";
PiarPas="1111";

var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><span id=spMyimg><a onclick=\"PiarIn()\">Пиар-Вход</a></span></li>";
if($("#navlogin").html()!=null){

$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script><!--КОНЕЦ ПИАР-ВХОД-->

<!— Убрать надпись отредактированно —>
<style type="text/css">
.lastedit {display:none}
</style>

<!--Рабочий хтмл-->
<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>

<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('--')\" 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>

<!--Добавление шрифтов на форум V-->
<link href='http://fonts.googleapis.com/css?family=Milonga' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Dorsa' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Allan:700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=franklin gothic medium' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Give+You+Glory' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Romanesco' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Norican' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Engagement' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Sofia' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Hangyaboly' rel='stylesheet' type='text/css'>

<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld1")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>

<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld2")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>

<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld3")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>

<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="http://funkyimg.com/i/2jr3P.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="http://funkyimg.com/i/2jr3Q.gif" border="0" /></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:140px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.7; /*прозрачность*/
margin-bottom:40px; /*отступ снизу (можно не указывать)*/
width:45px; /*ширина кнопки*/
height:43px; /*высота кнопки*/
}
.go-up {
bottom:130px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:80px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</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>

<!-- НОВЫЕ СООБЩЕНИЯ -->
<script type="text/javascript">
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
</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><!-- КОНЕЦ СЧЕТЧИК СИМВОЛОВ -->

<!-- Всплывающая таблица с вкладками, в топике, с инфой о персонаже -->
<style type="text/css">
  /*Стиль иконки в мини-профиле*/
img.a-info{
  padding:2px;
  display:block!important;
  cursor:pointer;
  /*border-radius:50%;*/
  position:absolute;
  text-align:left!important;
}
/* Затемняющий фон */
#pre-wrap {
margin:0;
top:0;bottom:0;
left:0;right:0;
width:100%;
height:100%;
position:fixed;
z-index:20000;
background: rgba(0,0,0,.65);
}
/*Подвижка иконки закрытия таблички*/
.my-tabs > img.close {
float:right;
margin:0 -35px 0 0!important; /*чем больше - тем правее*/
width:27px;
}
/* Корневой таб(UL) */
.my-tabs{
display:block;
z-index:30000;
position:absolute;
max-height:550px;  /*максимальная высота таблички*/
}
/* Стиль "Ушка" вкладок */
.my-tabs>span{
width: 110px!important;
height: 17px!important;
display:block!important;
position:relative;
z-index:10;
float:left;
padding-top: 7px;
margin-left: 30px;
margin-bottom: 12px;
border-radius: 30px ;
text-align:center;
font-size: 9px;
color: #f2e8e1;
text-shadow: 1px 1px 2px #be9779;
letter-spacing: 1px;
text-transform: uppercase;
font-family: Cambria;
font-weight: normal;
background: #d2b39c;
box-shadow: inset 0 0 10px #955f33;
}
/* Cдвиг самого первого "Уха" */
.my-tabs>span:first-child{
margin-left: 30px;
}
/* Активное "Ушко" */
.my-tabs>span.selected{
opacity:1;
border-bottom-color:transparent!important;
}
/* Стиль вкладки(LI)*/
.my-tabs>.tab-a{
padding: 15px;
width:700px;
height:500px;
position:relative;z-index:1;
display:none;
overflow-y:auto;
overflow-x:hidden; 
text-align:center;
vertical-align:middle;
background: #f0dfd2;
box-shadow: inset 0 0 15px #955f33;
border-radius: 40px;
border-top: 5px solid #d2b39c;
border-bottom: 5px solid #d2b39c;
border-left: 8px solid #d2b39c;
border-right: 8px solid #d2b39c;
}
/*Отступ контента вкладки сверху*/
.tab-a .post-content{
margin-top:1.4em;
text-align:left;
display:inline-block;
}
/* сдвиг таблицы */
.punbb .my-tabs{
  padding-top: 20px!important;  /*сдвиг таблицы вверх от положения иконки*/
  margin-left: 100px!important; /*сдвиг таблицы вправо от положения иконки*/
}
/*Подвижка иконки*/
img.a-info{
margin-top: -10px!important;
  margin-left: -15px!important;
/*    margin-top: -20px!important;
      margin-left: 0!important;*/
  width:45px;  /*Размер иконки*/
}
</style>

<script img-data="http://sa.uploads.ru/SoT3N.png" src="https://forumstatic.ru/files/0013/44/56/57946.js" forum="16"></script>
<!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// -->

<!-- Переадресация клика со своей Иконки для Вспл. таблицы в топике -->
<style>.post-author img.a-info{display:none!important}</style>
<script type="text/javascript">
function iconRedir(that) {
    $(that).parents('.post-author').find('.post-img-Sp.a-info')[0].click();
};

</script>

<script type="text/javascript">
$(document).ready(function(){
  $('img.a-info,.my-tabs>span').click(function(){
   $("li.tab-a .code-box").each(function(){
    if($(this).text().indexOf('<!--HTML-->')!=-1){
    $(this).wrap('<div class="htmldemo"></div>')
    $(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);}
});});});
</script>

<!-- ЗАПЯТАЯ ПОСЛЕ НИКА --><script type="text/javascript">
function to(username)
{insert('' + username + '' + ', ');}
</script><!-- КОНЕЦ ЗАПЯТАЯ ПОСЛЕ НИКА -->

<!-- MP3-ПЛЕЕР -->
<script type="text/javascript">
var player;
$(function(){
$('td#button-code').before('<td style=\'background-image:url("http://uploads.ru/i/W/Q/P/WQPBO.gif")\' onclick="tag_play()"><img src="/i/blank.gif" title="Загрузить музыку"></td>');
$('div.post-content p').map(function () {
text = $(this).html();
if(text.indexOf("pleer.com") != -1) {
player = /\[audio\](.*?)\/tracks\/(.*?)\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed src='http://embed.pleer.com/track?id=$2' type='application/x-shockwave-flash'  wmode='transparent' width='550' height='42'></embed>"));
}
if(text.indexOf(".mp3") != -1) {
player = /\[audio\](.*?)\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed type='application/x-shockwave-flash' src='http://www.realmusic.ru/system/mplayer/mediaplayer.swf' quality='high' allowscriptaccess='always' flashvars='height=20&amp;width=400&amp;file=$1' height='20' width='400'></embed>"));
}  });  });
function tag_play()
{var FoundErrors = '';
var enterURL = prompt("Введите ссылку на на музыку с pleer.com или прямую ссылку формата .mp3 ", "http://");
if (!enterURL)
{FoundErrors += " " + error_no_url;}
if (FoundErrors)
{alert("Ошибка!" + FoundErrors);
return;}
insert("[audio]" + enterURL + "[/audio]");}
</script><!-- КОНЕЦ MP3-ПЛЕЕР -->

')!=-1){ $(this).wrap('
') $(this).replaceWith($('.htmldemo').text().split('

<!-- скрыть модераторов -->
<script>
var supermod = new Array("Evangeline Clegan","Jacob Mason")
var mod=document.getElementsByTagName("span")
var str
for(x in mod) if(mod[x].className=="modlist"){
for(y in supermod)
    if((pos=mod[x].innerHTML.indexOf(supermod[y]))!=-1)
        mod[x].innerHTML=remName(mod[x].innerHTML,pos)
}
function remName(str,pos){
var pos1=str.indexOf("<A href"),pos2=str.indexOf("<A href",pos1+1)
if(pos2==-1) return("")
while(pos>pos2 && pos2!=-1){
    pos1=pos2
    pos2=str.indexOf("<A href",pos1+1)
}
if(pos2==-1){
    pos2=str.length-1
    pos1-=2
}
return (str.substring(0,pos1)+str.substring(pos2,str.length))
}
</script>

<!-- СМЕНА ИМИДЖА НОВАЯ ЧАСТЬ 1 -->
<script src="http://f.etrin.ru/hvss/hvss.min.js"></script><!-- КОНЕЦ СМЕНА ИМИДЖА НОВАЯ ЧАСТЬ 1 -->

<!-- СМЕНА ИМИДЖА НОВАЯ ЧАСТЬ 2 -->
<script>
hvScriptSet.addMask({
    showPreview: true,
    forumAccess: {
        'ИСТОРИЯ 1892': ['принятые'],
        'ОТ КОЛЫ ДО ПЕПСИ': ['принятые']
    },
    userFields: ['pa-fld1', 'pa-author', 'pa-title', 'pa-avatar item2', 'pa-fld3', 'pa-fld2', 'pa-posts', 'pa-respect', 'pa-fld4', 'pa-time-visit', 'pa-ip', 'pa-online']
});
</script>
<!-- КОНЕЦ СМЕНА ИМИДЖА НОВАЯ ЧАСТЬ 2 -->

<!--Смена имиджа в текущем посте-->
<style>.punbb .pa-avatar img [alt] {max-width:180px;height:180;}</style>
<script type="text/javascript">
OnSmenaImage("", new Array("Reaper"))
var AvtrArr=new Array(
""
//End myarray_!!Последняя ссылка без запятой!!!
)
StartNIZ(); //
</script>

5

ХТМЛ ВЕРХ

1
Код:
<!-- Стрелки вверх вниз -->
<div class="go-up" title="Вверх страницы" id='ToTop'><img src="http://funkyimg.com/i/2wv2m.png"></div>
<div class="go-down" title="Вниз страницы" id='OnBottom'><img src="http://funkyimg.com/i/2wv2n.png"></div>
<!-- Конец скрипта -->

<!--профилактика-->
<div id="resplash" style="display: none;">
<div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span>Форум на профилактике. Поколдуем часок и вернемся :3</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='/' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password'  id='fld2'  name='req_password'  size='25'  maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div>
<script type="text/javascript">
var active = 1; 
if(GroupID != 1 && active == 1){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= 'Форум на профилактике - '+document.title;
}
</script>

ХТМЛ НИЗ

2
Код:
<div id="html-header">
	<!-- Скрыть надпись "Объявление" -->
<style> #pun-announcement h2 span{display:none;}</style>
<!-- ТАБЛИЦА: АДМИНЫ -->
<!-- амс -->
<table border=0 width="60px" style="position: absolute; color: #6c7d8d; font-family: BaseNine; font-size: 10px; top: 94px; margin-left: 670px;"
<tr><td width="100px">
<center>
<br>
<a href="ССЫЛКА НА ПРОФИЛЬ" class="tooltip">АМС<span class="top"><b>НИК</b><br><img src="КАРТИНКА.png"><br>
ОПИСАНИЕ</a></center></td></tr></table>

<!-- амс -->
<table border=0 width="60px" style="position: absolute; color: #6c7d8d; font-family: BaseNine; font-size: 10px; top: 94px; margin-left: 690px;"
<tr><td width="100px">
<center>
<br>
<a href="ССЫЛКА НА ПРОФИЛЬ" class="tooltip">АМС<span class="top"><b>НИК</b><br><img src="КАРТИНКА.png"><br>
ОПИСАНИЕ</a></td></tr></table>

<!-- АМС -->
<table border=0 width="60px" style="position: absolute; color: #6c7d8d; font-family: BaseNine; font-size: 10px; top: 94px; margin-left: 710px;"
<tr><td width="100px">
<center>
<br>
<a href="ССЫЛКА НА ПРОФИЛЬ" class="tooltip">АМС<span class="top"><b>НИК</b><br><img src="КАРТИНКА.png"><br>
ОПИСАНИЕ</a></td></tr></table>

<!-- АМС -->
<table border=0 width="60px" style="position: absolute; color: #6c7d8d; font-family: BaseNine; font-size: 10px; top: 94px; margin-left: 730px;"
<tr><td width="100px">
<center>
<br>
<a href="ПРОФИЛЬ" class="tooltip">АМС<span class="top"><b>НИК</b><br><img src="КАРТИНКА.png"><br>
ОПИСАНИЕ</a></td></tr></table>
<!-- КОНЕЦ ТАБЛИЦЫ: АДМИНЫ -->

<!-- ТАБЛИЦА: АКТИВИСТЫ И ПОСТ-ЭПИЗОД НЕДЕЛИ -->
<!-- Раз активист -->
<table border=0 width="67px" style="position: absolute; color: #6c7d8d; top: 125px; margin-left: 7px;"
<tr><td width="100px">
<center>
<br>
<a href="ПРОФИЛЬ" target="_blank"><img src="КАРТИНКА.png" title="ФИ" border="0"></a><br>
</center></td></tr></table>

<!-- Два активист -->
<table border=0 width="67px" style="position: absolute; color: #6c7d8d; top: 125px; margin-left: 84px;"
<tr><td width="100px">
<center>
<br>
<a href="ПРОФИЛЬ" target="_blank"><img src="КАРТИНКА.png" title="ФИ" border="0"></a><br>
</center></td></tr></table>

<!-- Три активист -->
<table border=0 width="67px" style="position: absolute; color: #6c7d8d; top: 125px; margin-left: 160px;"
<tr><td width="100px">
<center>
<br>
<a href="ПРОФИЛЬ" target="_blank"><img src="КАРТИНКА.png" title="ФИ" border="0"></a><br>
</center></td></tr></table>

<!-- Четыре активист -->
<table border=0 width="67px" style="position: absolute; color: #6c7d8d; top: 125px; margin-left: 236px;"
<tr><td width="100px">
<center>
<br>
<a href="ПРОФИЛЬ" target="_blank"><img src="КАРТИНКА.png" title="ФИ" border="0"></a><br>
</center></td></tr></table>

<!-- ЭПИЗОД НЕДЕЛИ -->
<table border=0 width="250px" style="position: absolute; color: #6c7d8d; top: 182px; margin-left: -40px;"
<tr><td width="100px">
<center>
<br>
<a href="ЭПИЗОД ССЫЛКА" target="_blank"><img src="КАРТИНКА.png" title="Эпизод недели - НАЗВАНИЕ" border="0"></a><br>
</center></td></tr></table>

<!-- ПОСТ НЕДЕЛИ -->
<table border=0 width="100px" style="position: absolute; color: #6c7d8d; top: 182px; margin-left: 156px;"
<tr><td width="100px">
<center>
<br>
<a href="ПОСТ ССЫЛКА" target="_blank"><img src="КАРТИНКА" title="AНАЗВАНИЕ" border="0"></a><br>
</center></td></tr></table>
<!-- КОНЕЦ ИТОГОВ НЕДЕЛИ -->


</div>




<!--Своя картинка в каждую категорию -->
 <script type="text/javascript">
    $(document).ready(function(){
    myarray=new Array(
"1", "http://funkyimg.com/i/2wuYR.png",
"2", "http://funkyimg.com/i/2wuYS.png",
"3", "http://funkyimg.com/i/2wuYT.png",
"4", "http://funkyimg.com/i/2wuYU.png",
"5", "http://funkyimg.com/i/2wuYV.png",
"6", "http://funkyimg.com/i/2wuYW.png",
"Статистика форума", "http://funkyimg.com/i/2wAtB.png" //Последний элемент без запятой!  
)
 $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
    for(q=0;q<myarray.length;q++){

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

            if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
            q++}
        });
    });
    </script>
<!-- Конец скрипта своя картинка в каждую категорию -->

<!--Скрыть название поля профиля-->
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld1")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>
<!--Конец скрипта-->

<!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'превратиться в кактус' //текст ссылки</script>

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

<!-- Скрыть награды в меню -->
<style type="text/css">
li#navawards {display: none;}
</style>
<!-- Конец скрипта -->








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

<!-- Замена "форум, участники, поиск и тд." картинками -->
<script>
<!--
indexof="<img src='http://funkyimg.com/i/2wv6a.png' />"
str = document.getElementById("navindex").innerHTML
pos = str.indexOf("Форум")
document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1)
--></script>
<script>
<!--
userof="<img src='http://funkyimg.com/i/2wv6b.png' />"
str = document.getElementById("navuserlist").innerHTML
if( (pos=str.indexOf("Участники")) != -1 )
document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1)
--></script>
<script>
<!--
findof="<img src='http://funkyimg.com/i/2wv6c.png' />"
str = document.getElementById("navsearch").innerHTML
pos = str.indexOf("Поиск")
document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1)
--></script>
<script>
<!--
pravilof="<img src='ССЫЛКА НА КАРТИНКУ' />"
str = document.getElementById("navrules").innerHTML
pos = str.indexOf("Правила")
document.getElementById("navrules").innerHTML=str.substring(0,pos)+pravilof+str.substring(pos+14,str.length-1)
-->
</script>
<script>
<!--
faseof="<img src='http://funkyimg.com/i/2wv6d.png' />"
str = document.getElementById("navprofile").innerHTML
pos = str.indexOf("Профиль")
document.getElementById
("navprofile").innerHTML=str.substring(0,pos)+faseof
+str.substring(pos+14,str.length-1)
-->
</script>
<script>
<!--
pismaof="<img src='http://funkyimg.com/i/2wv6e.png' />"
str = document.getElementById("navpm").innerHTML
pos = str.indexOf("Сообщения")
document.getElementById("navpm").innerHTML=str.substring
(0,pos)+pismaof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
godof="<img src='http://funkyimg.com/i/2wv6f.png' />"
str = document.getElementById("navadmin").innerHTML
pos = str.indexOf("Администрирование")
document.getElementById("navadmin").innerHTML=str.substring
(0,pos)+godof+str.substring(pos+17,str.length-1)
-->
</script>
<script>
<!--
valiof="<img src='http://funkyimg.com/i/2wv6g.png' />"
str = document.getElementById("navlogout").innerHTML
pos = str.indexOf("Выход")
document.getElementById("navlogout").innerHTML=str.substring
(0,pos)+valiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
vxodiof="<img src='http://funkyimg.com/i/2wv7F.png' />"
str = document.getElementById("navlogin").innerHTML
pos = str.indexOf("Войти")
document.getElementById("navlogin").innerHTML=str.substring
(0,pos)+vxodiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
regof="<img src='http://funkyimg.com/i/2wv7E.png' />"
str = document.getElementById("navregister").innerHTML
pos = str.indexOf("Регистрация")
document.getElementById
("navregister").innerHTML=str.substring(0,pos)+regof
+str.substring(pos+18,str.length-1)
-->
</script>
<!-- Конец скрипта замена форум участники и тд на картинки -->
СТИЛЬ ВЕРХ
Код:
/*************************************************************
A - SETUP
**************************************************************/

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

/* A1.1 */
  @import url(style_cs.css);
  @import url(style_cs.css);
  @import url(http://allfont.ru/allfont.css?fonts=open-sans-bold);
  @import url(http://allfont.ru/allfont.css?fonts=open-sans);
  @import url(https://fonts.googleapis.com/css?family=Playfair+Display);
  @import url(http://allfont.ru/allfont.css?fonts=oranienbaum);
  @import url(http://allfont.ru/allfont.css?fonts=peterburg);

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

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

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border: none;
  }

/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }


 /* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 100.01%;
  }

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

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

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

/* A3.5 */
.punbb:not(.punbb-admin) h1 span, .punbb:not(.punbb-admin) h2 span, .punbb:not(.punbb-admin) 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-left: 0px;
  width: 990px; /* ширина тела форума */
  margin: auto;
  position: center top;
  }

/* A5.2 */
.punbb {
  width: 940px; /* ширина контента (текстового наполнения) */
  margin-left: 26px; /* отступ текста влево, при изменении также менять отступы у шапки и футера */
  float: none;
  text-align: justify; /* расположение текста в постах */
  }

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

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

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


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

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

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

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid #888;
  width: 250px;
  margin: 5px 0;
  }

/* 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-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: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-style: solid;
  border-width: 1px;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  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: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }

/* B3.2 */
.multipage {
  margin-top: 3em;
  }

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  }

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

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

/* 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: justify; /* расположение текста в описаниях подфорумов */
  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: center; /* расположение слова "Последнее сообщение" на главной */
  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 {
  margin-bottom: 7px;
  text-align: center;
  font-size: 14px; /* размер шрифта в названиях подфорумов */
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 8px;
  }

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

/* C2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em;
  }

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

/* C2.14 */
.punbb tbody.hasicon td.tcl {
  padding-left: 0px;
  position: relative;
  }

/* C2.15 */
/* Настройка иконок для тем */
.punbb div.icon {
  width: 65px;
  height: 65px;
  margin-left: 2px;
  margin-right: -10px;
  float: left;
  }


 /* C3 Topics
-------------------------------------------------------------*/

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

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

/* C3.3 */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 3em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 18em; /* ширина фона для профиля */
  margin-top: -1.5em;
  overflow: hidden;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  margin-left: -10px; /* сдвиг всего контента профиля */
  line-height: 100%;
  }

/* C3.7 */
/* Настройка отображения ника в профиле */
.pa-author {
  font-size: 23px;
  font-weight: bold;
  font-family: "Gabriola"; /* шрифт ника в профиле */
  margin-top: 0px;
  }

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

/* C3.9 */
/* Настройка отображения статуса в профиле */
li.pa-title {
  padding-bottom: 8px;
  font-weight: bold;
  color: #d3bdb6; /* цвет статуса */
  margin-top: 2px; /* расстояние между ником и статусом */
  }

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: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

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

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

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

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

/* C3.15 */
/* Оформление профиля */
.punbb .post .post-author {
    float: left;
    width: 200px;
    margin-left: 0px; /* сдвиг профиля от границы тела */
    font-family: "Verdana";
    color: #333b43; /* цвет текста в профиле */
    margin-top: -29px !important;
    text-align: center;
    background: url(http://funkyimg.com/i/2wuXg.png) top no-repeat, 
 url(http://funkyimg.com/i/2wuXh.png) bottom no-repeat,
 url(http://funkyimg.com/i/2wuXi.png) repeat-y;
  }
.pa-author {
    color: #364654;
    margin-top: 22px !important; /* сдвиг ника в профиле вниз или вверх */
    padding-bottom: 5px !important;
}
li.pa-avatar img {
  margin-bottom: 12px;
}

.ch_nickname {
  margin-top: -7px !important;
  font-weight: bold;
}


.ch_in{
    line-height: 10px;
}




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


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

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

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

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

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

/* D1.4 */
#pun-title h1 span  {
  font-size: 1.5em;
  visibility: hidden;
  }


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

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 Forum navigation
-------------------------------------------------------------*/
/* Настройка меню навигации: форум, участники, поиск, и т.д. */

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
  padding: 0.9em 1em;
  text-align: center;
  font-size: 10px; /* размер текста в меню навигации */
  font-family: Garamond;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: -265px; /* высота меню навигации */
  margin-left: -368px; /* отступ влево */
  }

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

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.1em;
  }

/* D4 User links
-------------------------------------------------------------*/
/* Настройка пользовательских ссылок: активные темы, темы без ответов и т.д. */


/* D4.1 */
#pun-ulinks  {
  font-family: Calibri;
  margin-top: 187px; /* высота пользовательских ссылок */ 
  margin-left: -10px; /* отступ влево */ 
  font-size: 10px; 
  color: #6b89a3;
  text-align: center; 
  padding: 0 0px;
  text-transform: lowercase;
  }


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

/* 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 {
  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 1em 0.8em 1em;
  font-size: 1.1em;
  }

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

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

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

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

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

/* 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: 1px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

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


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

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }



/* Настройка пунктов "Сообщений" и "Уважение" в профиле */
.pa-posts { 
  display: inline-block;
  width: 75px;
  font-size: 10px; /* размер текста */
  font-family: Verdana; /* шрифт */
  text-transform: capitalize;
}
.pa-respect {
  display: inline-block; 
  width: 75px;
  font-size: 10px;
  font-family: Verdana;
  text-transform: capitalize;
}

/* Настройка рамки аватара */
.pa-avatar img {
border: 1px;
border-style: double;
border-color:#645740;
}


/*Фон к заполнению наград*/
body #pun-admin-award-form .inner {
  border-radius:23px;
  background-color:rgba(112,124,136,.88)!important;
  border:none transparent 0!important;
}
body #pun-admin-award-form .inner *{
  border:none transparent 0!important;

}
СТИЛЬ НИЗ
Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Шапка */
#pun-title table {
  border: none;
  width: 1200px;
  height: 308px;
  margin-left: -131px;
  background-image: url(https://imgur.com/yg1YShP.png);
  background-repeat: no-repeat;
}

/* Тело форума */
#pun {
  background-image: url(https://imgur.com/E0rBxb2.png);
  background-color: #c5ccd4;
  background-position: center;
  margin: auto;
}

/* Футер*/
#pun-about p.container {
  background-image : url(картинка.png);
  width: 1200px;
  height: 231px;
  margin: 0px 0px -29px -138px;
  background-position : center top;
  background-repeat : no-repeat;
  overflow-x: hidden;
}

/* Фон */
body { 
  background-color: #909598;
  background-image: url(https://imgur.com/iJ0sIDU.png);
  background-repeat: repeat;
  background-position: top center;
  overflow-x: hidden;
}

/* Спрятать названия категорий */
.punbb:not(.punbb-admin) h2 span {
display: none;
}

/* Убрать надпись "Отредактировано" */
.lastedit{display:none;}

/* Плавные стрелки вверх-вниз */
.go-up, .go-down {
 display: none;
 position: fixed; /*позиционирование*/
 z-index: 9999; /*поверх все элементов на странице*/
 right: 14%; /*положение на странице, если слева - left*/
 cursor: pointer;
 opacity: .8;
 padding: 3px;
 margin-bottom: 5px;
 width: 1px;
 height: 70px;}
.go-up { bottom: 270px; }
.go-down { bottom: 150px; }
.go-down:hover,
.go-up:hover {
 opacity: 1;}


/* Заливка цветом навигации, меню в админке, блока "Привет, гость!" и т.д.
---------------------------------------------------------------*/

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #121314; /* цвет текста в постах*/
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #121e23; /* цвет текста в описаниях подфорумов" */
  }

/* CS1.3. Цвет текста в названиях категорий, в заголовке переадресации и статистике */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #0f2011;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #121512;
  }

/* CS1.5. Цвет текста в заголовках в админке: "Добро пожаловать", "Свой стиль", "Информация сервиса" и т.д. */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #1c2b2d;
}

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #121512;
  }

/* CS1.7. Заливка цветом или фон для цитаты и кода */
.punbb .quote-box, .punbb .code-box {
  background-image: url();
  background-color: #bbada9;
  color: #121415;
  border-radius: 5px; /* закругление краёв цитаты и кода */
  }

/* Фон или цвет для формы ответа и кнопки */
.punbb textarea, .punbb input {
  background-image : url();
  background-color: #a69e98;
  text-color: #000000;
  border-width: 0px;
  border-radius: 0px;
}

/* CS1.8. Фоновый цвет для меню навигации: форум, участники, поиск, и т.д. */
#pun-navlinks .container {
  background-color: transparent;
  color: #55bfcc;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS2  Border colours
-------------------------------------------------------------*/

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

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #8b766f; /* рамка цитаты и кода */
  }

#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: transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }

/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1. Цвет неактивных ссылок в названии форума, "Мои сообщения", "Уведомления", даты поста, тексте переадресации, пункте "Профиль", "Поделиться", "Ответить", и "Создать форум" */
.punbb a:visited {
  color: ##364654;
  border-bottom: 0px;
  text-decoration: none;
  }

/* CS3.1. Цвет неактивных ссылок в админке */
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #4f7a82;
  border-bottom: 0px;
  text-decoration: none;
  }

/* CS3.1. Цвет неактивных пользовательских ссылок, в профиле и в постах */
.punbb a, .punbb a:link {
  color: #364654;
  border-bottom: 0px;
  text-decoration: none;
}

/* Цвет неактивной ссылки "Входящие" в сообщениях */
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #462719;
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #237c7d; /* цвет ссылок на всём форуме после наведения */
  }

/* CS3.3. Цвет ссылок в меню навигации до наведения */
#pun-navlinks a {
  color: #14484d;
  text-decoration: none;
  }

/* CS3.4. Цвет ссылок в меню навигации после наведения */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #55a8af;
  text-decoration: none;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #c6de25;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/

/* Нет новых сообщений */
div.icon {
        background: url(http://funkyimg.com/i/2wu6c.png) no-repeat;
}

/* Есть новые сообщения */
tr.inew div.icon {
        background: url(http://funkyimg.com/i/2wu6b.png) no-repeat;
}

/* Важная тема */
tr.isticky div.icon {
        background: url(http://funkyimg.com/i/2wu6a.png) no-repeat;
}

/* Закрытая тема */
tr.iclosed div.icon {
        background: url(http://funkyimg.com/i/2wu69.png) no-repeat;
}

/* CS5 Дополнительное оформление
 -------------------------------------------------------------*/

/* Полоса прокрутки */
::-webkit-scrollbar {width: 8px; height: 9px;}  
::-webkit-scrollbar-track {background-color: #677682;} /* цвет фона под прокруткой */
::-webkit-scrollbar-thumb {background-color: #c0b1ac;} /* цвет ползунка */
::-webkit-scrollbar-thumb:active {background: #acbfc0;} /* цвет ползунка при нажатии мышкой */

/* убрать форум и посл.сообщение над форумами*/
  .category .container thead 
{display: none;}

/* Настройка ЛЗ */
.lz {
  font-size: 11px;
  font-family: "Vollkorn";
  text-align: center;
  padding: 3px 3px 5px 5px; /* сдвиг контента внутри лз вверху, слева, снизу и справа */
  background-image: url(http://funkyimg.com/i/2wuTi.png);
  border-top: 1px solid #ede7e5;
  border-bottom: 1px solid #ede7e5;
}

.lz-icon {
  background-image: url(http://funkyimg.com/i/2u6zN.png);
  width: 11px;
  height: 11px;
}


/* CS5 New
-------------------------------------------------------------*/

/* Линия-разделитель */
hr {
filter: alpha(opacity=250) !important;
margin-bottom:0.5em; 
margin-top: 0.5em;
border: none;
height: 10px;
background: url("http://funkyimg.com/i/2u4Dj.png") repeat-x  top left;
opacity:1 !important;
}

/*-------------------------------------------------------------*/

/* Оформление окна смайлов вместо стандартных */
#smilies-area {
    background-color: rgba(144, 136, 128, 3) !important;
}
/*-------------------------------------------------------------*/

/* Всплывающее сообщение при изменении репутации */
.post_reputation {
    background: #74989c;
}
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, #smilies-area {
    background-color: rgba(156, 140, 116, 0.8) !important;
}
/*------------------------------------------------------------------------*/

/* Всплывающая подсказка-описание к админам в таблице шапки */
.tooltip {
  border: none; 
  text-decoration: none;
  position: relative;
}
.tooltip span {
  margin-left: -999em;
  position: absolute;
}

.tooltip:hover span {
  position: absolute;
  left: -70px; /* сдвиг всплывающей подсказки влево */
  top: 25px; /* сдвиг всплывающей подсказки вверх */
  z-index: 99;
  margin-left: 0;
}

.top {
  z-index: 200;
  position: absolute;
  background-color: #6a7a82; /* фон всплывающей подсказки */
  color: #14110e;
  border: none;
  box-shadow: 0px 0px 4px #161616;
  padding: 5px;
  width: 190px;
  text-align: center;
  font-size: 11px;
}


/*рамочка для подфорума*/
#pun-index .tcl h3 {
    background-color: rgba(81, 57, 21, 0.13);
    font-family: Intro !important;
    font-style: normal;
    font-variant: small-caps;
    font-weight: bold !important;
    margin-bottom: 5px !important;
    margin-left: 0;
    padding: 5px 10px;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(81, 57, 21, 0.2);
    width: auto;
    text-shadow: 0 0 2px rgba(0,0,0,0.2), 1px 1px 0 rgba(255,255,255,0.2);
}
#pun-index .tcl h3 a:hover {
    color: #6e677f;
}
#pun-index .tcl h3 a {
    color: #6e677f; /*цвет названия подфорума */
}
#pun-index .tclcon {
    background-color: rgba(197, 197, 197, 0.2);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.3), 0 0 5px 0 rgba(0,0,0,0.3) inset;
    font-size: 9px;
    margin: 10px 60px 10px 5px;
    padding: 7px 10px 10px;
    text-align: justify;
    border: 3px double rgba(59,7,3,0.4);
}
.punbb .modlist {
    display: none !important;
}
#pun {
    background-position: center top;
    background-repeat: repeat-y;
}

#pun-messages .post-box {
    margin-top: 5px !important;
}
/*конец рамки подфорума*/

6

стиль верх
Код:
/* structure by futura.rusff.me
-------------------------------------------------------------*/

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

/* A1 Import the colour scheme
-------------------------------------------------------------*/
@import "http://webfonts.ru/import/osanscondensed.css";
@import 'https://fonts.googleapis.com/css?family=Playfair+Display:700i&subset=cyrillic';
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sansita');
@import "http://webfonts.ru/import/bebasneue.css";
@import url(http://allfont.ru/allfont.css?fonts=playfair-display);
@import url('https://fonts.googleapis.com/css?family=Ramaraja');
@import url('https://fonts.googleapis.com/css?family=Kaushan+Script');
@import url('https://forumstatic.ru/files/0018/25/ef/94590.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');
@import url('https://forumstatic.ru/files/0017/da/f3/14084.css');
@import url('https://fonts.googleapis.com/css?family=Neucha');
@import url('https://forumstatic.ru/files/0017/da/f3/98766.css');
@import url('https://forumstatic.ru/files/0017/da/f3/80658.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@import url('http://wttp.ucoz.ru/f/9/stylesheet.css');
@import "http://fonts.fontstorage.com/import/airbornepilot.css";
@import "http://fonts.fontstorage.com/import/attentica.css";
@import "http://fonts.fontstorage.com/import/airport.css";
@import "http://fonts.fontstorage.com/import/baronneue.css";
@import "http://fonts.fontstorage.com/import/airbornepilot.css";
@import "http://fonts.fontstorage.com/import/bernier.css";
@import "http://fonts.fontstorage.com/import/bravo.css";
@import url(http://allfont.ru/allfont.css?fonts=lobster);
@import url(http://allfont.ru/allfont.css?fonts=bodoni);
@import url(http://allfont.ru/allfont.css?fonts=brushtype-normal);


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



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

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

/* A2.2 */
.punbb * {
  margin: 0}

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;}

/* A2.4 */
.punbb img {
  border:none}

/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;}

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle}


 /* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 100.01%;}

/* A3.2 */
.punbb {
  font: normal 68.75% verdana;}

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

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

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

/* A5.2 */
.punbb { 
  width: 890px; 
  position: relative;
  height: auto;
  margin-left: -20px;}

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 0;
  width: 100%;
  height: 100%;
  float: none; 
  top: 0 !important;
  left: 0 !important; }

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


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

/* 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-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: 0.4em 1.8em 0.2em 1.8em;
  padding: 1em;}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.5em;
  font-size: 0.9em;
  font-weight: bold;
  margin: 0;}

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

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

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4.5em;
  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;}

/* 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: none;
  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: block;
  padding-top: 0.3em}

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

/* C2.12 */
.punbb .main th {
  border-style: none;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em; }

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

/* C2.14 */
.punbb tbody.hasicon td.tcl {
  margin-right: 15px;}

/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;}

 /* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
  border-style: none;
  padding-bottom: 1px; }

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

/* C3.3 */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px; }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: center;
  font-weight: normal; }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  margin-top: -1.5em;
  overflow: hidden;}

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

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;}

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

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;}

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

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

/* C3.12 */
.punbb .post-box {
padding: 0em 1em 1em 2em;
text-align: justify;}

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

/* C3.14 */
.punbb .post-links {
  border-left-style: solid;
  border-left-width: 1px;}

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  border-top-style: dashed;
  border-top-width: 1px;
  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: 1em 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;}

/* 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 15px -1em 4px; }

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

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em; }

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

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

#pun-title table {
  border: none;
  height: 475px;
  width: 1025px;}

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

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%; }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%; }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;}

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em }

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

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0;}

/* D3.2 */
#pun-navlinks .container {
  padding: 0.8em 1em;
  text-align: center;}
#pun-navlinks {
  position:absolute;
  width:900px;
  left:50%;
  margin-left: -360px;
    top: 315px;
}
/* D.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;}

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.1em;}

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

/* D4.1 */
#pun-ulinks  {
  position:absolute;
  width:900px;
  left:50%;
      margin-left: -370px;
    margin-bottom: 200px!important;
    top: 355px;
}


/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  text-align: center;
  padding: 0em 1em;}

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

/* D4.4 */
#pun-ulinks li a {
  padding: 0 -0.1em 0 -0.1em;}

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

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

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

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

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

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

/* 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%;
  margin-bottom: 4px; }

/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0px;
  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: none 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: 1px;}

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

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em; }

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em; }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em}

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace  }

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0; }

.pl-share { display: none !important; }
li.reports { display: none !important; }
p.lastedit {display:none;}

#pun-status .container .item3{
margin-right:180px;
}
#pun-about .container .item1{
  margin-right:250px;
}



thead {display: none;}



/* название форумов */
#pun-index .tcl h3 a {
  font-size: 30px;
  font-family: journalism!important;
  font-style: normal;
}


 .pa-avatar{
 width:200px!important;
 margin-left: -5px!important;
 text-align:center;
 margin-bottom:4px;
}

.pa-avatar img {
border: 1px solid #e9b68e;
}

/* structure by futura.rusff.me
-------------------------------------------------------------*/
стиль низ
Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Фон форума */
html, body { background:
  url("") repeat-x top left,
  url("") repeat-x bottom left,
  url("https://i.imgur.com/bo9hSK9.png") center; background-color: #;
}


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


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

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

/* Футер */
#pun-about p.container {
background-image : url(https://i.imgur.com/RYUWUg7.png);
margin: 0px 0px -40px -21px;
background-position : center top;
background-repeat : no-repeat;
width: 1070px;
height: 123px; 
overflow-x: hidden;}






/* CS1.1 Фон и цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, 
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .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: #1c1136;
font-weight: normal;
font-style: normal;
}
#pun-navlinks .container  {background-color: transpanent;
color: #a83252;
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: #000;
text-align:center; 
font-size: 12px; 
font-style: normal; font-weight: bold; font-family: "arial";
}


/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
    background-image: url(http://jpegshare.net/images/36/69/36692f8a24083f584c85d8de7ff69dd4.png);
    background-color: #afafaf;
    color: #1c1136;
 box-shadow: 0 0 0 1px #fce9da, 0 0 0 2px #e9b68e; 
}



/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
    background-image: url(http://jpegshare.net/images/36/69/36692f8a24083f584c85d8de7ff69dd4.png);
    background-color: #afafaf;
    color: #1c1136;
}

/* Тень и закругление */


/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
background-image: url("http://jpegshare.net/images/36/69/36692f8a24083f584c85d8de7ff69dd4.png");
background-color: #afafaf;}





/* 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: #a83252;
  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-navlinks a:focus, #pun-navlinks a:active, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #912b47; 
  text-decoration: none;
  }

.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover {
  color: #912b47;
  text-decoration: none;
  }

#pun-ulinks a {
    font-size: 14px;
    color: #1c1136;
    font-family: Sylfaen;
    font-weight: normal;
  text-align: justify;

}

#pun-ulinks a:hover,  {
  text-decoration: none;
  color: #000;
}


#pun-navlinks a, #pun-navlinks .container {
    color: #a83252;
font-size: 24px;
font-family: journalism;
  text-align: justify;
}

#pun-navlinks a:hover {
color: #be395d;

}



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

/* CS3.1 Иконки*/

/* Старые */
.punbb table Div.icon {
  float: left;
  display: block;
  width: 67px;
  height: 46px;
  background-image: url(http://jpegshare.net/images/ea/0c/ea0c793bac221bb84c5466b465950b66.png);
  background-repeat: no-repeat;
  position: relative;
  margin-left: 5px;
  margin-top: 4px;
  margin-right: 5px;}

/* Новые */
TR.inew Div.icon {
  background: url(http://jpegshare.net/images/20/65/2065f267b6c4d8afd28d291fb78b155e.png) no-repeat;}

/* Важно */
TR.isticky Div.icon {
  background: url(http://jpegshare.net/images/43/45/43455b6b133dca1eadafdb117fc45c09.png) no-repeat;}

/* Закрыто */
TR.iclosed Div.icon {
  background: url(http://jpegshare.net/images/fd/2a/fd2a7592f0ec7dc33d91b0c31163d1d9.png) no-repeat;}


/* CS3.2 Всё подряд*/
.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, #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, .punbb-admin #pun-admain .adcontainer {
  border-color: transparent;}


/*---Прокрутка---*/
::-webkit-scrollbar {width: 9px; height: 5px; background-color: #fce9da;}  
::-webkit-scrollbar-thumb {background-color: #e9b68e;}
::-webkit-scrollbar-thumb:active {background: #e9b68e;}


/* CS2.6 Профиль */
 /* Фон */
.punbb .post .post-author {
  text-align: center;
  background: url(https://imgur.com/FvUWeeL.png) top center no-repeat, url(https://imgur.com/QT6Ut6j.png) bottom center no-repeat, url(https://imgur.com/gZMYZ5d.png) repeat-y;
  width: 212px;
  margin-top: -39px;
  padding-top: 5px;
  margin-left: 11px;
 padding-bottom: 5px;
}



/* меняем ссылку ника */
li.pa-author a, li.pa-author {
  color: ##940018 !important;
  font: 36px 'Lobster';
  margin-top: 4px;
  margin-bottom: 0px;}

li.pa-author a:hover, li.pa-author a:focus, li.pa-author a:active {
  color: #c13a5e !important;}



#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2  {
  background: url("http://jpegshare.net/images/2a/25/2a25b50ed1e2449edfa608012d70f2ca.png") no-repeat left;
margin-left: -10px;
  font-family: journalism;
  font-style: normal;
  text-align: center;
  color: #fce9da;
  font-size: 21px;
}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    right: 6px;
    top: 43px;
    background-color: rgba(218, 219, 205, 0.76);
    border: 1px solid #929872;
}

.tclcon {
  font-size: 12px;
  padding-left: 8px;
 padding-bottom: 8px;
 padding-top: 8px;
 box-shadow: 0 0 0 1px #fce9da, 0 0 0 2px #e9b68e;   }



/* Tooltip */

.tooltip-content {
    position: absolute;
    z-index: 9999;
    width: 80px;
    /* height: 55px; */
    margin-left: -130px !important;
    bottom: -15px;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    color: ##1c1136;
    background: ##bcb6c7;
    opacity: 0;
    margin: 0 0 20px -150px;
    cursor: default;
    pointer-events: none;
    font-family: calibri;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: opacity 0.3s 0.3s;
    transition: opacity 0.3s 0.3s;
}

.tooltip:hover .tooltip-content {
	opacity: 1;
	pointer-events: auto;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.tooltip-content span {
	display: block;
}

.tooltip-text {
    border-bottom: 10px solid ##e9b68e;
    overflow: hidden;
    -webkit-transform: scale3d(0,1,1);
    transform: scale3d(0,1,1);
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
}

.tooltip:hover .tooltip-text {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.tooltip-inner {
    background: #bcb6c7;
    padding: 3px;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.tooltip:hover .tooltip-inner {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}




#outersiliconapp { border-color: #ccc!important;}
.characternamesilicon { background: #a28a87; border-top-color: #4e545e!important; color: #4e545e; } 
.characternamesilicon::before {color:#fff; } 
#outersiliconapp [type="radio"]:checked+label::after {color:#3A3740; } 
#outersiliconapp label { background: #a28a87;border-top-color: #4e545e!important; color: #fff;} 
.siliconplayer { background:#3A3740; color:#fff; border-top-color:#a28a87!important; } 
.siliconplayer::before { border-top-color: #a28a87!important;} 
.siliconplayer::after {border-top-color:#a28a87!important;  } 
.siliconsidebar {background:#efefef; } 
.siliconrightav { border-color: #fff!important; background:#3A3740; } 
.siliconrightav img { border-color: #a28a87!important; } 
.siliconsidebar ul { border-top-color:#ccc!important;} 
.siliconsidebar li:nth-child(odd) {color:#aaa;}
.siliconsidebar li:nth-child(odd):first-letter { color:#3a3740; } 
.siliconsidebar li:nth-child(even) { color:#a28a87; border-bottom-color: #ccc!important; }
.insidesiliconapp {background:#fff; border-color: #ccc!important;  color:#aaa;}
.backgroundsiliconblue {background:#4e545e;}
.maps-credit a { color:#ccc!important; } 



/* Добавки от Аки, без разрешения не трогать
-------------------------------------------------------------*/
#silicongenout {border-color: #efefef!important;}
.silicongentitle { background: #a28a87; color: #fff; border-bottom-color: #fff!important; border-top-color: #4e545e!important;}
.silicongentext {color: #888; border-bottom-color: #a28a87!important; background-color: white;}
.silicon-title {color:#4e545e; border-bottom-color: #efefef!important;}
.silicon-title::after { color:#ccc; }
.maps-credit a {color:#ccc!important;}

ul.tabs li a {background-color: #a28a87!important; border-color: #4e545e!important; color: #fafafa!important;} 
ul.tabs li a:hover { background-color: #a28a87!important; border-color: #4e545e!important; color: #fafafa!important;} 
ul.tabs li a.active { background-color: #a28a87!important; border-color: #4e545e!important; color: #fafafa!important;} 
.content {background-color: #fafafa!important; border-bottom-color: #a28a87!important; overflow-y: auto;} 
#chrontxt { color: #fff!important;} 
#chrnsmll {color: white!important;} 
.chronspace {background-color: #a28a87!important; border-bottom-color: white!important; border-top-color: #4e545e!important; } 

.persstat{ width: 190px; padding-left: 5px; padding-bottom: 5px; text-align: justify; margin-top: -10px!important;}
#perstatinfo { line-height: 90%; margin-right: 5px; margin-left: -5px; font-size: 10px; font-family: monospace; color: #1c1136;}
#firstname{ text-align: center; padding: 10px; padding-bottom: 0px; margin-bottom: 5px; margin-left: -10px; border-bottom: 1px #d9d7d7 solid; font-weight: bold; color: #a83252; text-transform: lowercase;}
#money{ text-align: center; padding-top: 10px; margin-left: -20px;  }
#moneypic { width: 25px; margin-right: 5px; margin-top: -6px; }
.capscamp{ position: absolute; margin-top: -50px!important; margin-left: -20px!important;}

a.permalink { margin-left: 7px;}
li.pa-title { font-family: monospace; font-size: 10px; text-transform: lowercase;}



7

верх

/* A1 Import the colour scheme
-------------------------------------------------------------*/
@import "http://webfonts.ru/import/gtw.css";
@import "http://webfonts.ru/import/osans.css";
@import "http://webfonts.ru/import/kraskario.css";
@import "http://webfonts.ru/import/charis.css";
@import url(http://fonts.googleapis.com/css?family= … n,cyrillic);
@import url(http://fonts.googleapis.com/css?family= … n,cyrillic);
@import "http://webfonts.ru/import/b20sans.css";
@import "http://webfonts.ru/import/osanscondensed.css";
@import 'https://fonts.googleapis.com/css?family=Playfair+Display:700i&subset=cyrillic';
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sansita');
@import "http://webfonts.ru/import/bebasneue.css";
@import url(http://allfont.ru/allfont.css?fonts=playfair-display);
@import url('https://fonts.googleapis.com/css?family=Ramaraja');
@import url('https://fonts.googleapis.com/css?family=Kaushan+Script');
@import url('https://forumstatic.ru/files/0018/25/ef/94590.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');
@import url('https://forumstatic.ru/files/0017/da/f3/14084.css');
@import url('https://fonts.googleapis.com/css?family=Neucha');
@import url('https://forumstatic.ru/files/0017/da/f3/98766.css');
@import url('https://forumstatic.ru/files/0017/da/f3/80658.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@import url('http://wttp.ucoz.ru/f/9/stylesheet.css');
@import url(http://allfont.ru/allfont.css?fonts=lobster);
@import url(http://allfont.ru/allfont.css?fonts=bodoni);
@import url(http://allfont.ru/allfont.css?fonts=brushtype-normal);
@import url(http://webfonts.ru/import/nautilus.css);
@import url(http://allfont.ru/allfont.css?fonts=ds-standartcyr);
@import url(http://allfont.ru/allfont.css?fonts=deftone-stylus);

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

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

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

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }

/* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 15px;
  }

/* A3.2 */
.punbb {
  font: normal 70.35% verdana;
  }

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

  }

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

/* A5.2 */
.punbb {
height: auto;
  width : 880px;
margin-left: 50px;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 70px;
  margin-bottom: 10px;
background-clip:padding-box;
-moz-background-clip: padding-box;
border: double 3px #88705c;
background-image: url("http://funkyimg.com/i/XCUP.png");}

#pun-redirect .main-title { background:transparent !important;
color: #55463a;
position: center;
}

/* 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 {
margin-left: -48px;
  font-size: 0px;
  text-align: center;
  font-weight: bold;
  font-family: georgia;
  text-transform: lowercase;
  color: #663e3c;
  font-style: italic;
  text-shadow: 1px 1px 0px #f1e5ca, 2px 2px 0px #c7b69f;
}

/*************************************************************
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-top: 0px;
  margin: 5px 0;
  float: center;
  width: 250px;
  }

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

/* 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: 97%;
  overflow: hidden;
margin: 10px;
  }

/* 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;
background-image: url(https://imgur.com/adINZq6.png);
box-shadow: 1px 1px 1px #86837f;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  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: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

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

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

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 0 0 0 0;
    float: left;
  }

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

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: ;
  width: 5%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  }

/* 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-family: georgia;
  font-style: italic;
  }

/* 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-width: 0px !important;
  border-width: 0px 0 0 0px;
  padding: 1.8em 2em 1.8em 4em;
  }

/* C2.12 */

.punbb .main th {

  border-style: none;

  border-width: 0;

  padding: 0;

  visibility: hidden;}

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

    /* ------------------------------------ подфорум ----------------------------------- */
#pun-index td div.tclcon {
    width: 292px;
    height: 151px;
    background: url(https://imgur.com/ROxWtEp.png) no-repeat;;
    line-height: 100%;
    font-family: arial;
    font-size: 11px;
    margin-left: 17px;
    margin-top: 7px!important;
    text-align: -webkit-left;
    padding-left: 10px;
}

.intd, .intd a {
color: #e8ede7!important;
    font-family: bebas_neue_regularregular!important;
    font-style: normal;
}

.punbb .main .tcr a {
    text-align: right;
    padding: 0px 22px 8px 0px;
    font-family: bebas_neue_regularregular;
    text-transform: lowercase;
    font-size: 14px;
}

#pun-index .tcl h3 {
    padding-bottom: 26px;
    padding-top: 14px;
    font-size: 21px;
    font-family: AA Bebas Neue;
    color: rgb(255, 255, 255);
    text-align: center;
    text-shadow: 0px 1px 0px rgb(128, 172, 118);
margin-left: -10px;
}

#pun-index .tcl h3 a, li#pun-index .tcl h3
{     color: #818caf;
    text-shadow: 1px 0 #ffffff;
    font-family: AA Bebas Neue;
    color: rgb(255, 255, 255);
    text-shadow: 0px 1px 0px rgb(57, 122, 15);
    font-weight: normal;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;}

.tcl h3 a:hover { 
     color: rgb(225, 225, 225)!important;
     text-shadow: 0px 1px 0px rgb(130, 83, 139)!important;}

/* C2.14 */
.punbb td div.tclcon {
  text-align: justify;
}

/* C2.15 */
.punbb div.icon {
float: left;
  display: block;
  border-style: none;
  margin-right: 10px;
  margin-top: 50px;
  width: 60px;
  height: 30px;
}
/* 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.5em 1em;
  display: block;
  margin-left: 19em;
  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: 19em;
  padding-bottom: 24px;
  line-height: 10px;
  background-image: url();
color: #dbdcdb!important;}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  margin: -15px 0 -15px 0!important;
  }

/* C3.7 */
.pa-author {
  font-size: 12px;
  font-weight: bold;
  }

/* C3.8 */
/* ИМЯ НА ФОРУМЕ */
.pa-author a, li#profile-name {
text-decoration: none;
text-align: center;
border-style: solid solid none;
border-width: 0px;
text-transform:;
text-align: center;
border-style: solid solid none;
border-width: 0px;
text-transform:;
color: #dbdcdb!important;
  }

/* C3.9 */
li.pa-title {
     padding: 0.3em;
    text-transform: lowercase;
    line-height: 100%;
    position: relative;
    color: #dbdcdb!important;
    width: 194px;
    margin-top: 6px;
    margin-left: 7px;
    font-size: 10px;
    margin-bottom: 7px;
  }

li.pa-online {
line-height: 0.8em;
padding-left: 0.4em;
font-weight: bold;
text-transform: lowercase;
line-height: 100%;
position: relative;
font-size: 10px!important;
  }

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

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

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

/* C3.14 */
.punbb  .post-links{
  border-left-style: solid;
  border-left-width: 0px;
margin-bottom: 30px;
    margin-top: -10px;
  }

/* C3.15 */
/* Оформление профиля */
.punbb .post .post-author {
float: left;
width: 212px;
margin-left: 0px; /* сдвиг профиля от границы тела */
color: #663e3c; /* цвет текста в профиле */
margin-top:;
text-align: center;
background: url(https://imgur.com/8j1khJl.png) top no-repeat,
url(https://imgur.com/5QLGGfr.png) bottom no-repeat,
url(https://imgur.com/f6PimIR.png) repeat-y;
}
.pa-author {
color: #663e3c;
    margin-top: 26px!important;
    padding-bottom: 5px !important;
    font-family: bebas_neue_regularregular;
}
li.pa-avatar img {
margin-bottom: 12px;
}

.ch_nickname {
margin-top: -7px !important;
font-weight: bold;
}

.ch_in{
line-height: 10px;
}

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }
li.pl-delete, li.pl-edit, li.pl-quote, li.pl-reports {
}
.post-links ul {
    text-align: right;
}
/* 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: 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;
  color: #663e3c;
  font-style: italic;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }

/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 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.2em 1em 0.8em 1em;
  }

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

#pun-title TD.title-logo-tdr {
  border: none;
  left: 200px;
  top: 0px;
  width: 468px;
  float: center;
  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: -365px;
  margin-bottom: 3px;
  text-align: center;
  text-transform: lowercase;
}

    /* D3.2 */
    #pun-navlinks .container {
   
      }

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

    /* D3.4 -----цвет навигации-----*/
   #pun-navlinks li a {
  font-family: bebas_neue_regularregular;
  font-size: 20px;
  letter-spacing: 1.5px;
  padding-bottom: 9px;
  padding-top: 10px;
  color: #dbdcdb;
  text-decoration: none;
  font-weight: bold;
        }

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

    /* D4.1 */
    #pun-ulinks  {
      margin-top: 0px;
      margin-bottom: 0px;
text-align: center;
  font-family: monospace;
  text-transform: lowercase;
padding: 0 0px;}
     

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

    /* D4.3------новые соо и тд----- */
    #pun-ulinks li, #pun-ulinks li a {
        display: inline;
  border-left-style: solid;
  border-left-width: 0px;
  color: #dbdcdb;
  white-space: nowrap;
  font-family: bebas_neue_regularregular;
  font-style: ;
font-weight: bold;
font-size: 11px;
    letter-spacing: 1px;
      }

    /* 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 7em 2em 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 1em 0.8em 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 0 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;
  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: 0px;
  float: left;
  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 th {font-size: 0px;}
li#navawards {display: none;}
#pun-announcement h2 {display: none}
#pun-stats h2 span {visibility:hidden!important;}
.lastedit {display: none;}
.post-content td {border-style: solid !important;   border-width: 0px !important;}
#pun_wrap #pun  #pun-title.section #logo-table tbody{display: none; }
#pun-main div.catleft, #pun-main div.catright {display: none}
li.pa-author {text-transform:;   margin-top: 27px; font-size: 20px;}

.tclcon h3 a {font-size: 18px!important;
text-transform: lowercase;
font-family: 'georgia';
text-align: center;
font-weight: bold;}

.punbb td div .tclcon, .category .container table .hasicon .tc1 {
  width: 395px;
  background-image: url(https://imgur.com/xGscHbc.png);
  text-align: center;}

.post-author ul li.pa-avatar img { border: #846463 solid 1px;
margin-top:3px;
  box-shadow: 0px 0px 3px #846463;}

низ

/* CS1 Фон и цвет текста*/

/* 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 h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain 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: #2c4137;
font-weight: normal;
font-style: normal;}

/* CS1.2 Боди или фон форума */
body {background-color:#e3cead; background-image: url(https://i.imgur.com/qLIZPPw.png); background-position: top center; }

/* CS1.4 Пан или "тело" форума */
#pun {background-image: url(https://imgur.com/L3PTabx.png);}

/* 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 {
  color: #496152;
  font-weight: ;
  text-decoration: none;}

/* CS2.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: #496152 ;
  text-decoration: none;}

/* CS2.3 */
#pun-navlinks a {
  color:#2c4137 ;
  text-decoration: none;}

/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #2c4137 ;
  text-decoration: none;}

/* CS3 Иконки старых, новых, важных, закрытых тем */

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: right;
display: block;
border-style: none none none none;
margin-left: 5px;
margin-right: 5px;
width: 60px;
margin-top: -8px;
height: 60px;
background-image : url(https://imgur.com/q3IqDwA.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(https://imgur.com/JE9LLbm.png);
background-repeat: no-repeat;
width: 60px;
height: 60px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(https://imgur.com/JE9LLbm.png);
background-repeat: no-repeat;
width: 60px;
height: 60px;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(https://imgur.com/q3IqDwA.png);
background-repeat: no-repeat;
width: 60px;
height: 60px;}

/* CS5 Прочие элементы */

/*--------------- Полоса прокрутки------------- */
::-webkit-scrollbar {width: 8px; height: 9px;} 
::-webkit-scrollbar-track {background-color: #e8ede7;} /* цвет фона под прокруткой */
::-webkit-scrollbar-thumb {background-color: #22322a;} /* цвет ползунка */
::-webkit-scrollbar-thumb:active {background: #22322a;} /* цвет ползунка при нажатии мышкой */

/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("картинка");
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;}

/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("https://imgur.com/3FaWWgb.png");
height: 53px;
width: 939px;
background-origin: padding-box;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;
margin-left: -28px;}

/* -------CS5.3 Цитаты и коды в сообщениях--------*/
.punbb .quote-box, .punbb .code-box {
background-image: url("адрес");}

/* Закругленные края цитаты и кода с тенью */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { }

.punbb input {}

/*-------- CS5.4 Область для ввода текста в форме ответа и админке-------- */
.punbb textarea {
background-color: #e0e0e0;
color: #564333;
border: dashed #a88e7d 1px;
padding: 4px;}

.punbb select, .punbb input {
background-color: #e0e0e0;
color: #000000}

/*------------- ШАПКА-------------- */
#pun-title table {background-color: transparent;
background-image : url(https://imgur.com/zyettI0.png);
background-repeat : no-repeat;
background-position: bottom center;
height: 373px;
width: 1070px !important;
margin-left: -94px;
}

/*------------ ФУТЕР--------------- */
#pun-about p.container {
font-size: 0px !important;
background-image: url(https://imgur.com/BZ2HcVU.png);
background-position: top center;
background-repeat: no-repeat;
height: 179px;
width: 1070px !important;
margin-left: -94px;
}

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

#pun-about p.container a {
display: hidden;
}
/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { }
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

/*РЕПУТАЦИЯ В ОДНУ СТРОКУ*/
#pun-reputation div {
background-image: url(https://imgur.com/3cSVH6Y.png);
}
.pa-respect {
  display: inline-block; margin-left: -10px;
    text-align: center;
padding:0px 0px;
    width: 74px;
padding-bottom:5px!important;
text-transform: lowercase;
line-height:11px;
box-shadow: 0px 2px 1px
padding-top:6px!important;
font-size: 10px!important;
}
li.pa-respect a {
    color: #dbdcdb!important;
}
.pa-posts { margin-left: 20px;
  display: inline-block; margin-left: -10px;
    text-align: center;
padding:0px 0px;
    width: 72px;
padding-bottom:5px!important;
text-transform: lowercase;
line-height:11px;
box-shadow: 0px 2px 1px
padding-top:6px!important;
font-size: 10px!important;
}
#post fieldset legend span {
display:none;
}

.lz{
height:250px;
width:200px;
border:6px groove #EEDD82;
border-bottom-left-radius: 50px;
background-color:#EEE8AA;
font-family:calibri;
font-size: 12px;
letter-spacing:0px
}
.line{
height:30px;
border-left:2px solid #cc0033;
background-color:#fc9;
padding-left:10px;
font-family:arial;
}

/* -----------Добавки от Аки, без разрешения не трогать
-------------------------------------------------------------*/

#outersiliconapp { border-color: #ccc!important;}
.characternamesilicon { background: #a28a87; border-top-color: #4e545e!important; color: #4e545e; }
.characternamesilicon::before {color:#fff; }
#outersiliconapp [type="radio"]:checked+label::after {color:#3A3740; }
#outersiliconapp label { background: #a28a87;border-top-color: #4e545e!important; color: #fff;}
.siliconplayer { background:#3A3740; color:#fff; border-top-color:#a28a87!important; }
.siliconplayer::before { border-top-color: #a28a87!important;}
.siliconplayer::after {border-top-color:#a28a87!important;  }
.siliconsidebar {background:#efefef; }
.siliconrightav { border-color: #fff!important; background:#3A3740; }
.siliconrightav img { border-color: #a28a87!important; }
.siliconsidebar ul { border-top-color:#ccc!important;}
.siliconsidebar li:nth-child(odd) {color:#aaa;}
.siliconsidebar li:nth-child(odd):first-letter { color:#3a3740; }
.siliconsidebar li:nth-child(even) { color:#a28a87; border-bottom-color: #ccc!important; }
.insidesiliconapp {background:#fff; border-color: #ccc!important;  color:#aaa;}
.backgroundsiliconblue {background:#4e545e;}
.maps-credit a { color:#ccc!important; }

#silicongenout {border-color: #efefef!important;}
.silicongentitle { background: #a28a87; color: #fff; border-bottom-color: #fff!important; border-top-color: #4e545e!important;}
.silicongentext {color: #888; border-bottom-color: #a28a87!important; background-color: white;}
.silicon-title {color:#4e545e; border-bottom-color: #efefef!important;}
.silicon-title::after { color:#ccc; }
.maps-credit a {color:#ccc!important;}

ul.tabs li a {background-color: #a28a87!important; border-color: #4e545e!important; color: #fafafa!important;}
ul.tabs li a:hover { background-color: #a28a87!important; border-color: #4e545e!important; color: #fafafa!important;}
ul.tabs li a.active { background-color: #a28a87!important; border-color: #4e545e!important; color: #fafafa!important;}
.content {background-color: #fafafa!important; border-bottom-color: #a28a87!important; overflow-y: auto;}
#chrontxt { color: #fff!important;}
#chrnsmll {color: white!important;}
.chronspace {background-color: #a28a87!important; border-bottom-color: white!important; border-top-color: #4e545e!important; }

.persstat{ width: 185px; padding-left: 19px; padding-bottom: 5px; text-align: justify; margin-top: -14px!important;}
#perstatinfo { line-height: 90%; margin-right: 5px; margin-left: -5px; font-size: 10px; font-family: monospace; color: #dbdcdb!important;}
.persstat a {color: #dbdcdb!important;}
#firstname{ text-align: center; padding: 10px; padding-bottom: 0px; margin-bottom: 5px; margin-left: -10px; border-bottom: 0px #8d7868 solid; font-weight: bold; color: #dbdcdb!important; text-transform: lowercase;}
#money{ text-align: center; padding-top: 10px; margin-left: -20px; color: #dbdcdb!important;}
#moneypic { width: 25px; margin-right: 5px; margin-top: -6px; }
.capscamp{ position: absolute; margin-top: -60px!important; margin-left: -15px!important;}
.capscamp1 { position: absolute; margin-top: -48px!important; margin-left: -15px!important;}

li.pa-title { font-family: monospace; font-size: 10px; text-transform: lowercase;}

.post-author.online {  margin-top: -15px;}
a.permalink { margin-left: 20px;}
#imgNIK-SIG { margin-left: -460px;}
span#thiscool { font-size: 10px!important;}
li.pa-avatar.item2 {margin-bottom: 14px;}

a.tooltip { margin-right: 5px; margin-left: 5px;}
div#font-area { height: 300px!important; overflow-y: scroll; width: 150px;}
.pleerprof { position: absolute; margin-top: -15px!important;margin-left: 16px!important;}
li.pa-last-visit { margin-bottom: 2px; padding-bottom: 2px;}
.subforlinks {  font-weight: bold; display: grid; letter-spacing: 1px;padding-top: 5px;}
li.pl-share { display: none!important;}
#pun-live-rusff {font-weight: initial;}
div#pun-announcement {margin-top: 270px;}
div#pun-admain {margin-top: 220px;}

/*---новая тема---*/
.tema {width: 622px;
min-height:62px;
background: url(https://imgur.com/wEGowcG.png) top no-repeat, url(https://imgur.com/7JHdSvk.png) bottom no-repeat, url(https://imgur.com/22vpOeL.png) repeat-y;}
.teksrefresh {    font-size: 23px;
font-family: bebas_neue_regularregular;
    text-align: center;
    margin-bottom: -35px !important;
    padding-top: 18px;
    color: #e4e4e4;
    text-shadow: 0px 0px 2px #663e3c;}
.contentvnutri {width: 480px;
    padding-bottom: 56px;
    padding-top: 56px;
    text-align: justify;
    font-family: arial;
    font-size: 11px;
    color: #dbdcdb;}

/*------------------------гостевая книга----------------------*/
.guestfaces1 {
    position: absolute;
    width: 490px;
    height: 25px;
    margin-top: -340px !important;
    margin-left: 60px !important;
    font-size: 10px;
    font-family: "Verdana";
    color: #663e3c;
    line-height: 1.042;
    text-align: center;
}
}

.guestfaces2 {
color: #663e3c;
    font-family: robato, sans-serif;
    position: absolute;
    width: 211px;
    height: 115px;
    text-align: justify;
    text-shadow: 1px 1px 0px #F4E3CA;
    margin-top: -280px !important;
    margin-left: 105px !important;
    overflow: auto;}

.guestfaces3 {
color: #663e3c;
    font-family: robato, sans-serif;
    position: absolute;
    width: 211px;
    height: 115px;
    text-align: justify;
    text-shadow: 1px 1px 0px #F4E3CA;
   margin-top: -178px !important;
    margin-left: 113px !important;
    overflow: auto;}

.guestfaces4 {
    color: #663e3c;
    font-family: robato, sans-serif;
    position: absolute;
    width: 211px;
    height: 115px;
    text-align: justify;
    text-shadow: 1px 1px 0px #F4E3CA;
    margin-top: -178px !important;
    margin-left: 375px !important;
    overflow: auto;}

.guestfaces2 a{font-weight:bold;}
.guestfaces3 a{font-weight:bold;}
.guestfaces4 a{font-weight:bold;}
.guestfaces1 a{font-weight:bold;}

.guesttext {position: absolute;
    width: 470px;
    font-size: 11px;
    margin-left: 66px !important;
    margin-top: 91px !important;
    font-family: "Georgia";
    color: rgb(210, 157, 109);
    font-weight: bold;
    font-style: italic;
    line-height: 100%;
    text-align: center;
    text-shadow: 0.5px 0.866px 1px rgba(255, 255, 255, 0.004);}

.refresnews{width: 535px;
    font-size: 12px;
    line-height: 115%;
    text-align: justify;
    margin-left: 20px;
    padding: 10px;
    font-family: robato, sans-serif;}

/*--------гостевая-----*/
.gost {background-image: url(https://i.imgur.com/bjD38y7.png);
width:590px;
height:363px;
color:#dbdcdb!important}
.gost a {
color:#dbdcdb!important;}
.vneshm {position: absolute; width: 235px!important; height: 116px!important;
    line-height: 114%;
    text-align: center;
    margin-top: 70px!important;
    margin-left: 25px!important;
    overflow: auto;
    font-family: bebas neue;
    font-size: 13px;}
.vneshz {position: absolute;
    width: 235px!important;
    height: 116px!important;
    line-height: 114%;
    text-align: center;
    margin-top: 213px!important;
    margin-left: 26px!important;
    overflow: auto;
    font-family: bebas neue;
    font-size: 13px;}
.linksgost {font-size: 15px; font-family: 'bebas_neue_regularregular'; color: #c7cdd5; text-shadow: 0px 1px 0px #bcbcbb; position: absolute; margin-top: 441px !important;    margin-left: 140px !important;}
.vikuplennie {font-size: 15px;
    font-family: 'bebas_neue_regularregular';
    color: #663e3c;
    text-shadow: 0px 1px 0px #f0f0f0;
    position: absolute;
    margin-top: 335px !important;
    margin-left: 180px !important;
    height: 55px !important;
    overflow: auto;}

/* -----блог-------*/
.tooltip2 {
  position: relative;
}
.tooltip2 > span { /* стиль появляющейся подсказки */
  position: absolute;
  width: 150px;
    top: 25%;
    left: 50%;
    margin-left: -20px;
visibility: hidden;
  margin: 0 auto;
  padding: .3em;
  font-size: 90%;
  background: #a88e7d;
  color: #663e3c;
  line-height: normal;
  cursor: auto;
  z-index: 500;
}
.tooltip2 span: before{
  content: '';
  position: absolute;
left: 0;
  right: 0;
  visibility: hidden;}
.tooltip2:hover > span,
.tooltip2:hover:before,
.tooltip2:hover:after,
.tooltip2:focus > span,
.tooltip2:focus:before,
.tooltip2:focus:after {
  visibility: visible;
}
.tooltip2:focus {
  outline: none;
}

/* -----приветствие-------*/

.news, .userbanners{
display: block;
overflow: auto;
position: absolute;
height: 75px;
padding: 2px;
top: 187px;
font-size: 9px;
color: #6d655f;
text-shadow: 1px 1px 0px #2c5647;
}

.news {
top: 273px;
    width: 250px;
    height: 40px;
    left: 300px;
    text-align: justify;
}

.news b, .news strong {
color: #e5e4e0;
text-shadow: 1px 1px 0px #2c5647;
}

.news::-webkit-scrollbar{
width: 2px;
background-color: transparent;}

.news::-webkit-scrollbar-thumb{
background-color: #8e837c; }

.news::-webkit-scrollbar-thumb:hover{
background-color: #8e837c; }

/* ----АМС---- */

.tooltip-content {
    position: absolute;
    z-index: 9999;
    width: 106px;
    /* height: 55px; */
    margin-left: -100px !important;
    bottom: -15px;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    color: #dbdcdb;
    background: #496152;
    opacity: 0;
    margin: 0 0 20px -150px;
    cursor: default;
    pointer-events: none;
    font-family: "Nautilus Pompilius"!important;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: opacity 0.3s 0.3s;
    transition: opacity 0.3s 0.3s;
}

.tooltip:hover .tooltip-content {
opacity: 1;
pointer-events: auto;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}

.tooltip-content span {
display: block;
}

.tooltip-text {
    border-bottom: 10px solid #2c4137 ;
    overflow: hidden;
    -webkit-transform: scale3d(0,1,1);
    transform: scale3d(0,1,1);
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
}

.tooltip:hover .tooltip-text {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}

.tooltip-inner {
    background: #496152;
    padding: 3px;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.tooltip:hover .tooltip-inner {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

8

хтмл в

<style type="text/css">
#wrapper {    width: 470px; max-height: 300px; overflow-y: auto;}
/* вкладки доп смайлов */
ul.tabs {height: 25px;line-height: 25px;margin: 0 0 10px;list-style: none;}
ul.tabs li {float: left;margin-right: 1px; cursor:pointer;}
ul.tabs li a {display: block;padding: 0 13px 1px;margin-bottom: -1px;color: #444!important;text-decoration: none;cursor: pointer;background: #F9F9F9!important;border: 1px solid #EFEFEF!important;border-bottom: 1px solid #F9F9F9!important;position: relative;}
* html ul.tabs li a {float: left}
*+html ul.tabs li a {float: left}
ul.tabs li a:hover {color: #F70!important;padding: 0 13px!important;background: #FFFFDF!important;border: 1px solid #FFCA95!important;}
ul.tabs li.tab-current a {color: #444!important;background: #EFEFEF!important;padding: 0px 13px 2px;border: 1px solid #DDD!important;border-bottom: 1px solid #EFEFEF!important;}
div.t2,div.t3,div.t4 {display: none;width: 450px;}
</style>

<style type="text/css">
@font-face {
font-family: 'Journalism';
src: url('https://forumstatic.ru/files/0019/3a/84/41036.eot'),
url('https://forumstatic.ru/files/0019/3a/84/44392.woff') format('woff'),
url('https://forumstatic.ru/files/0019/3a/84/11656.ttf') format('truetype'),
url('https://forumstatic.ru/files/0019/3a/84/50994.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}
</style>

<style type="text/css">
@font-face {
font-family: 'Solar';
src: url('https://forumstatic.ru/files/0019/3a/84/83935.eot'),
url('https://forumstatic.ru/files/0019/3a/84/54539.woff') format('woff'),
url('https://forumstatic.ru/files/0019/3a/84/66695.ttf') format('truetype'),
url('https://forumstatic.ru/files/0019/3a/84/59743.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}
</style>

<style type="text/css">
@font-face {
font-family: 'UpperEastSide';
src:
url('https://forumstatic.ru/files/0019/3a/84/60168.woff') format('woff'),
url('https://forumstatic.ru/files/0019/3a/84/52560.ttf') format('truetype'),
url('https://forumstatic.ru/files/0019/3a/84/86310.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}
</style>

<style>
.d1>.d2 {
  visibility:visible;
  opacity:1;
  position:absolute;
  z-index:100;
  transition:1s;
}
.d1:hover>.d2 {
  visibility:hidden;
  opacity:0;
}
</style>

<style>
.d3>.d4 {
  visibility:visible;
  opacity:1;
  position:absolute;
  z-index:100;
  transition:1s;
}
.d3:hover>.d4 {
  visibility:hidden;
  opacity:0;
}
</style>

<!--администрация-->
<style>
a.tooltip {padding-bottom: 2px;margin-top: 0.5px;}
</style>
<div style=" top: 115px; margin-left: 848px; letter-spacing: 0.5px; position: absolute; text-align: -webkit-right; display: grid; z-index: 300;color: #e5e4e0;line-height: 12px;">
<a class="tooltip" href="http://seoulsoul.rusff.me/profile.php?id=6"><font style="color: #c5c4be;font-family: bebas_neue_regularregular; text-transform: lowercase;font-size: 13px; text-shadow: 1px 1px 0px #2c5647;">Jimin </font><span class="tooltip-content"><span class="tooltip-text"><span class="tooltip-inner"><img src="https://imgur.com/GXRuSOH.png" class="Hoverbuttons"><br>отвечает в лс</span></span></span></a>

<a class="tooltip" href="http://seoulsoul.rusff.me/profile.php?id=4"><font style="color: #c5c4be;font-family: bebas_neue_regularregular;text-transform: lowercase;font-size: 13px; text-shadow: 1px 1px 0px #2c5647;">jungkook</font><span class="tooltip-content"><span class="tooltip-text"><span class="tooltip-inner"><img src="https://imgur.com/QNHcmTK.png" class="Hoverbuttons"><br>id455683697</span></span></span></a>

<a class="tooltip" href="http://seoulsoul.rusff.me/profile.php?id=5"><font style="color: #c5c4be;font-family: bebas_neue_regularregular; text-transform: lowercase;font-size: 13px; text-shadow: 1px 1px 0px #2c5647;">Taehyung</font><span class="tooltip-content"><span class="tooltip-text"><span class="tooltip-inner"><img src="https://imgur.com/hN5uGYX.png" class="Hoverbuttons"><br>отвечает в лс</span></span></span></a>

<a class="tooltip" href="http://seoulsoul.rusff.me/profile.php?id=9"><font style="color: #c5c4be;font-family: bebas_neue_regularregular;text-transform: lowercase;font-size: 13px; text-shadow: 1px 1px 0px #2c5647;">Yoongi</font><span class="tooltip-content"><span class="tooltip-text"><span class="tooltip-inner"><img src="https://imgur.com/yQpdYNn.png" class="Hoverbuttons"><br>отвечает в лс</span></span></span></a>

<a class="tooltip" href="http://seoulsoul.rusff.me/profile.php?id=7"><font style="color: #c5c4be;font-family: bebas_neue_regularregular;text-transform: lowercase;font-size: 13px; text-shadow: 1px 1px 0px #2c5647;">Jinwoo</font><span class="tooltip-content"><span class="tooltip-text"><span class="tooltip-inner"><img src="https://imgur.com/AKm14mR.png" class="Hoverbuttons"><br>kakao id11159423</span></span></span></a>

<a class="tooltip" href="http://seoulsoul.rusff.me/profile.php?id=8"><font style="color: #c5c4be;font-family: bebas_neue_regularregular;text-transform: lowercase;font-size: 13px; text-shadow: 1px 1px 0px #2c5647;">irene</font><span class="tooltip-content"><span class="tooltip-text"><span class="tooltip-inner"><img src="https://imgur.com/E5uq6Dg.png" class="Hoverbuttons"><br>kakao id moon591818</span></span></span></a>

<a class="tooltip" href="http://seoulsoul.rusff.me/profile.php?id=78"><font style="color: #c5c4be;font-family:bebas_neue_regularregular;text-transform: lowercase;font-size: 13px; text-shadow: 1px 1px 0px #2c5647;">mark</font><span class="tooltip-content"><span class="tooltip-text"><span class="tooltip-inner"><img src="https://i.imgur.com/eGlaGCH.gif" class="Hoverbuttons"><br>отвечает в лс</span></span></span></a>

</div>

<!---------------------------- навигация ---------------------------->
<style>
.navigate div { width: 130px!important; margin-right: 5px; margin-top: -4px;}
.navigate a { padding-top: 3px; padding-bottom: 2px; line-height: 10px; color: #e6e8e7!important;}
</style>
<div class="navigate" style=" margin-left: -13px;  top: 95px;  z-index: 300;  position: absolute; letter-spacing: 0.5px; font-size: 14px; font-family: bebas_neue_regularregular; display: inline-grid; text-align: -webkit-left; text-shadow: 1px 1px 0px #2c5647; color: #c5c4be!important;">
<a id="guestbook" href="http://seoulsoul.rusff.me/viewtopic.php?id=784#p77310">гостевая</a>
<a id="faces" href="http://seoulsoul.rusff.me/viewtopic.php?id=66">внешности</a>
<a id="occup" href="http://seoulsoul.rusff.me/viewtopic.php?id=3">вакансии</a>
<a id="rules" href="http://seoulsoul.rusff.me/viewtopic.php?id=5">правила</a>
<a id="about" href="http://seoulsoul.rusff.me/viewtopic.php?id=2">сюжет</a>
<a id="wanted" href="http://seoulsoul.rusff.me/viewtopic.php?id=7">нужные</a>
</div>

<!--Смена имиджа в текущем посте-->
<link id="iNFpanel" rel="stylesheet" href="https://forumstatic.ru/files/0018/99/4d/36605.css" type="text/css"/>
<script src="https://forumstatic.ru/files/0018/99/4d/89556.js"></script>

<!------------- Новости ------------------->
<div class="news">
<b>Мы все еще в ожидании чуда под аккомпанемент из снежных хлопьев и аромата имбирного печенья, непременно держим теплую руку родственного и упрямо смотрим вперед. Не бросайте свои мечты и говорите друг другу спасибо за откровенные разговоры под терпкое вино, за ночные посиделки в симс, за выходные, когда созваниваетесь в скайпе и обсуждаете комфортное ни_че_го. Берегите друг друга и удачи в поисках "души".</b></div>

<!---------------------------- актив left ---------------------------->
<div class="flooder1" style="position: absolute; left: 65px; top: 220px;"><a href="http://seoulsoul.rusff.me/profile.php?id=214"><img src="https://i.imgur.com/abczqlL.png" title="флудер: Lee Jinki"></a></div>

<div class=flooder2" style="position: absolute; left: 150px; top: 220px;"><a href="http://seoulsoul.rusff.me/profile.php?id=213"><img src="https://i.imgur.com/NfSrmts.png" title="флудер: Ha Yeon Soo"></a></div>

<div class="gamer1" style="position: absolute; left: 275px; top: 134px;"><a href="http://seoulsoul.rusff.me/profile.php?id=172"><img src="https://i.imgur.com/JMt2gly.png" title="игрок: Im Jaebum"></a></div>

<div class="tandem" style="position: absolute; left: 225px; top: 210px;"><a href=""><img src="https://i.imgur.com/Nw7j3bx.png" title="тандем: Lee Sunghwa [Gray] х Kim Doyeon"></a></div>

<!---------------------------- актив right ---------------------------->
<div class="episode1" style="position: absolute; left: 690px; top: 200px;"><a href="http://seoulsoul.rusff.me/viewtopic.php?id=657#p67018"><img src="https://i.imgur.com/rdKJNHX.png" title="эпизод: Jung Jinah & Oh Hyuk - once in october"></a></div>

<div class="poste1" style="position: absolute; left: 655px; top: 94px;"><a href="http://seoulsoul.rusff.me/viewtopic.php?id=490#p70510"><img src="https://i.imgur.com/bYnOTPy.png" title="пост: Park Chanyeol - whale song"></a></div>

<div class="gamer2" style="position: absolute; left: 630px; top: 147px;"><a href="http://seoulsoul.rusff.me/profile.php?id=12"><img src="https://i.imgur.com/vwtPPAs.png" title="игрок: Jung Daehyun"></a></div>

<div class="collectioner" style="position: absolute; left: 600px; top: 200px;"><a href="http://seoulsoul.rusff.me/profile.php?id=13"><img src="https://i.imgur.com/E6Cb4qB.png" title="коллекционер: Jung Hoseok"></a></div>

<!---------------------------- категории ---------------------------->
<script type="text/javascript"><!--Своя картинка в каждую категорию-->
$(document).ready(function(){
myarray=new Array(
"Админка", "https://i.imgur.com/bzG1wLI.png",
"whatever it takes", "https://i.imgur.com/ubdDi8z.png",
"i walk the line", "https://i.imgur.com/TZ8vtz5.png",
"drugs u should try", "https://i.imgur.com/F3qnrm8.png",
"way down we go", "https://i.imgur.com/4Wn86XV.png",
"nothing will be bigger than us", "https://i.imgur.com/pPLRwrV.png",
"i think i'm in love", "https://i.imgur.com/wl9Y2aC.png",
"another way out", "https://i.imgur.com/gAril64.png"
//Последний элемент без запятой!
)
$("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
"height":"97px",
"width":"980px",
"border":"none",
"background-color": "transparent",
"background-image":"url("+myarray[q+1]+")",
"background-position":"50% 50%",
"background-repeat":"no-repeat" //Последний элемент без запятой!
}
if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
q++}
});
});
</script>

хтмл низ

<style>.punbb .pa-avatar img {max-width:190px;height:auto;}</style>
<script type="text/javascript">
//========== HTML-низ START СЕКЦИЯ ======================================//

OnSmenaImage("АМС архив", new Array("mephistopheles" ))
var AvtrArr=new Array(
   //Ссылки на картинки Аватар
//End myarray_!!Последняя ссылка без Запятой!!!
)
StartNIZ(); //
//======= end HTML-низ START СЕКЦИЯ =====================================//
</script>

<!-- СМЕНА ИМИДЖА НОВАЯ ЧАСТЬ 1 -->
<script src="http://f.etrin.ru/hvss/hvss.min.js"></script><!-- КОНЕЦ СМЕНА ИМИДЖА НОВАЯ ЧАСТЬ 1 -->

<!-- СМЕНА ИМИДЖА НОВАЯ ЧАСТЬ 2 -->
<script>
hvScriptSet.addMask({
    showPreview: true,
    forumAccess: {
        'NOWADAYS': ['принятые'],
        'ONCE UPON A TIME': ['принятые']
    },
    userFields: ['pa-fld1', 'pa-author', 'pa-title', 'pa-avatar item2', 'pa-fld3', 'pa-fld2', 'pa-posts', 'pa-respect', 'pa-fld4', 'pa-time-visit', 'pa-ip', 'pa-online']
});
</script>
<!-- КОНЕЦ СМЕНА ИМИДЖА НОВАЯ ЧАСТЬ 2 -->

<!--Спойлер наград в профиле-->
<style type="text/css">.mini_awards_label, .mini_awards {display: none;} #awrdbut {cursor: pointer;}
#pun-mod h2 {
    font-size: 9px;
    margin-bottom: 30px;
    margin-right: 3%;
}
</style>
      <script>
    (function () {
          var awards_button="<b><font color='#dbdcdb'>• • •</font></b>";
          function awards_spoiler() {
              $(".pa-awards").prepend("<span id='awrdbut'>"+awards_button+"</span>");
              $("#awrdbut font").click(function(){$(this).parents(".pa-awards").find(".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">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>

<!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script>

<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="https://i.imgur.com/MMcbs4E.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="https://i.imgur.com/NDJWOHV.png" border="0" /></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:70px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.9; /*прозрачность*/
margin-bottom:40px; /*отступ снизу (можно не указывать)*/
width:80px; /*ширина кнопки*/
height:52px; /*высота кнопки*/
}
.go-up {
bottom:250px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:180px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</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>

<script type="text/javascript">
var nrisunok="https://forumupload.ru/uploads/0000/0a/f2/68797-1.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</script>

<!--Скрипт быстрой вставки изображения-->
<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('--')\" 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>
<!--Конец скрипта-->

<!--обтекание изображения 2.4.4-->
<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: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; 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>
$("#button-right").after('<td id="button-justify" title="Выравнивание по ширине"><img src="/i/blank.gif" onclick="bbcode(\'\', \'\');"/></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>

<!-- Скрыть награды в меню -->
<style type="text/css">
li#navawards {display: none;}
</style>
<!-- Конец скрипта -->

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

<!-- аватар по умолчанию -->

<script type="text/javascript">
var DefAvtr="https://i.imgur.com/BHQlrtU.png";
var s='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';$("li.pa-title").each(function(){if (($(this).parent("ul").find("li.pa-avatar").html())==null){$(this).after(s);};});
</script>

<!--скрыть модеров-->
<script>
    var supermod = new Array("Game master", "")

    var mod=document.getElementsByTagName("span")
    var str
    for(x in mod) if(mod[x].className=="modlist"){
    for(y in supermod)
        if((pos=mod[x].innerHTML.indexOf(supermod[y]))!=-1)
            mod[x].innerHTML=remName(mod[x].innerHTML,pos)
    }

    function remName(str,pos){
    var pos1=str.indexOf("<A href"),pos2=str.indexOf("<A href",pos1+1)
    if(pos2==-1) return("")

    while(pos>pos2 && pos2!=-1){
        pos1=pos2
        pos2=str.indexOf("<A href",pos1+1)
    }
    if(pos2==-1){
        pos2=str.length-1
        pos1-=2
    }
    return (str.substring(0,pos1)+str.substring(pos2,str.length))
    }
    </script>

<!--Кол-во символов-->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:0px solid;padding:20px 20 px;margin: 20px 20px 0 0px;">Написано символов: <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>

<!--PR-вход-->
<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";

var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><span id=spMyimg><a onclick=\"PiarIn()\">ПИАР-ВХОД</span></li>";
if($("#navlogin").html()!=null){

$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

<script type="text/javascript">
$('#form-buttons table:first').after('<table id=mySmile style="width:auto!important;"><tr></tr><table/>');
function setIDsm (icon,id){
$('#mySmile tr').append('<td style="width:30px!important;"><img src="'+icon+'" onclick="hidsActive(\'#'+id+'\');$(\'#'+id+'\').toggleClass(\'active\').toggle()"/></td>')
}
function  hidsActive(a){
if($(a).attr('alt')!='undefined'){
var bb = "\'["+'img'+"]\'+this.src+\'["+'/img'+"]\'";
var c = ' onclick="smile('+bb+')" />';
$(a).removeAttr('alt').html($(a).html().replace(/^(http:.*?)$/gim,'<img src="$1"'+c));}
$('#form-buttons').find('div.smileDiv.active').not(a).removeClass('active').hide();}
</script>

<script type="text/javascript">
(function (){
var id ='smielespoil' +(+new Date()%40000);
var icon = 'https://i.imgur.com/Yok57A6.png'; //Иконка;
setIDsm(icon,id);function add_(){/*==123==;
<div class=smileDiv id=smielespoil style="display:none" alt>
http://s7.uploads.ru/xP6ro.gif
http://s2.uploads.ru/ZRMqX.gif
http://se.uploads.ru/wFfU7.gif
http://s1.uploads.ru/3MZ4q.gif
http://sf.uploads.ru/im7XO.gif
http://sh.uploads.ru/3p7uw.gif
http://s4.uploads.ru/HQDf7.gif
http://s6.uploads.ru/4P0we.gif
http://sd.uploads.ru/6HG1L.gif
http://sg.uploads.ru/X2aHz.gif
http://se.uploads.ru/GLk0H.gif
http://sd.uploads.ru/6Su8Z.gif
http://s3.uploads.ru/t/VQYCS.gif
http://s5.uploads.ru/U5GHo.gif
http://s5.uploads.ru/Xxgai.gif
http://s8.uploads.ru/AU5FM.gif
http://s1.uploads.ru/5Lt0O.gif
http://s2.uploads.ru/bux2X.gif
http://sg.uploads.ru/DZgfP.gif
http://se.uploads.ru/CDm5z.gif
http://se.uploads.ru/hQOGM.gif
http://s8.uploads.ru/Uj6sR.gif
http://s7.uploads.ru/KV8kR.gif
http://sd.uploads.ru/k8Iji.gif
http://sa.uploads.ru/R8Hz0.gif
http://s6.uploads.ru/fIdP0.gif
http://sa.uploads.ru/5tu6f.gif
http://s1.uploads.ru/KtsWB.gif
http://se.uploads.ru/bFKnT.gif
http://s1.uploads.ru/orCvq.gif
http://s1.uploads.ru/znUc7.gif
http://s2.uploads.ru/qeIEM.gif
http://sg.uploads.ru/PhujX.gif
http://sh.uploads.ru/PqNWf.gif
http://se.uploads.ru/a19Ee.gif
http://s7.uploads.ru/aIvfs.gif
http://sg.uploads.ru/rqeA5.gif
http://sa.uploads.ru/PW8qI.gif
http://s8.uploads.ru/rcsJM.gif
http://sh.uploads.ru/t7pZU.gif
http://sh.uploads.ru/qWN2H.gif
http://s1.uploads.ru/EzJ8P.gif
http://s4.uploads.ru/dP1sn.gif
http://s7.uploads.ru/pd8wE.gif
http://sh.uploads.ru/yArTO.gif
</div>
==123==;*/
} add_ = add_.toString().split('==123==;')[1].replace('smielespoil',id);
$(add_).insertBefore('#form-buttons table:first');
}());
</script>
<script type="text/javascript">
(function (){
var id ='smielespoil' +(+new Date()%40000);
var icon = 'https://i.imgur.com/08wmS6F.png'; //Иконка;
setIDsm(icon,id);function add_(){/*==123==;
<div class=smileDiv id=smielespoil style="display:none" alt>
http://s6.uploads.ru/az2kF.gif
http://s6.uploads.ru/9xXav.gif
http://s2.uploads.ru/t/KAXTa.gif
http://sa.uploads.ru/VSnYT.gif
http://sa.uploads.ru/czmxH.gif
http://s9.uploads.ru/cerfK.gif
http://s7.uploads.ru/SAJrs.gif
http://se.uploads.ru/Ch7Xn.gif
http://sd.uploads.ru/kIqVl.gif
http://s8.uploads.ru/wu3E2.gif
http://s6.uploads.ru/4LMkD.gif
http://s0.uploads.ru/J8cVj.gif
http://s7.uploads.ru/sBvHm.gif
http://s9.uploads.ru/w6Ie2.gif
http://s6.uploads.ru/XZpLY.gif
http://s0.uploads.ru/0VB3G.gif
http://s1.uploads.ru/YCEpr.gif
http://sg.uploads.ru/JCQER.gif
http://s0.uploads.ru/btQGn.gif
http://sf.uploads.ru/c34bg.gif
http://sf.uploads.ru/v9F5K.gif
http://s8.uploads.ru/f7Nza.gif
http://sg.uploads.ru/9DmGu.gif
http://s8.uploads.ru/7oi26.gif
http://se.uploads.ru/gEm4a.gif
http://s6.uploads.ru/lw37j.gif
http://sg.uploads.ru/NsHac.gif
http://s9.uploads.ru/B1hIQ.gif
http://s1.uploads.ru/sdoeH.gif
http://s8.uploads.ru/jzpJQ.gif
http://sf.uploads.ru/XRbEC.gif
http://s2.uploads.ru/bsr7W.gif
http://s5.uploads.ru/00o5F.gif
http://s7.uploads.ru/06l2e.gif
http://s0.uploads.ru/U1KWd.gif
http://sf.uploads.ru/dXWxo.gif
</div>
==123==;*/
} add_ = add_.toString().split('==123==;')[1].replace('smielespoil',id);
$(add_).insertBefore('#form-buttons table:first');
}());
</script>
<script type="text/javascript">
(function (){
var id ='smielespoil' +(+new Date()%40000);
var icon = 'https://i.imgur.com/Yok57A6.png'; //Иконка;
setIDsm(icon,id);function add_(){/*==123==;
<div class=smileDiv id=smielespoil style="display:none" alt>
http://s2.uploads.ru/t/YhEou.gif
http://s7.uploads.ru/0XcIH.gif
http://sg.uploads.ru/kQRz0.gif
http://sf.uploads.ru/aC7WV.gif
http://sa.uploads.ru/NQ6Kh.gif
http://sf.uploads.ru/WfXEO.gif
http://sf.uploads.ru/rNbK7.gif
http://sg.uploads.ru/kWqds.gif
http://s1.uploads.ru/YrTn8.gif
http://s8.uploads.ru/biKRU.gif
http://s2.uploads.ru/rJhpK.gif
http://s1.uploads.ru/Hev6u.gif
http://s6.uploads.ru/I7ovW.gif
http://s5.uploads.ru/MBzg6.gif
http://s1.uploads.ru/V3H2A.gif
http://s7.uploads.ru/TOXef.gif
http://s9.uploads.ru/woPdi.gif
http://s5.uploads.ru/hg20N.gif
http://se.uploads.ru/9KdwA.gif
http://s2.uploads.ru/tVkFj.gif
http://sf.uploads.ru/5MyAb.gif
http://s8.uploads.ru/Tytd5.gif
http://sf.uploads.ru/YAVDF.gif
http://s6.uploads.ru/nPohO.gif
http://sh.uploads.ru/Pafes.gif
http://se.uploads.ru/RpDP6.gif
http://s0.uploads.ru/1opqw.gif
http://s0.uploads.ru/0xMUf.gif
http://s6.uploads.ru/GpCgn.gif
http://s9.uploads.ru/zRIWq.gif
http://sd.uploads.ru/ycFVH.gif
http://s3.uploads.ru/GC3mP.gif
http://s5.uploads.ru/oZrOf.gif
http://sa.uploads.ru/rJLav.gif
http://s5.uploads.ru/msbtz.gif
http://s8.uploads.ru/1xYIN.gif
http://s4.uploads.ru/fP8xa.gif
http://sf.uploads.ru/8vmIV.gif
http://se.uploads.ru/16Jip.gif
http://s3.uploads.ru/uzrxt.gif
http://s1.uploads.ru/Yfbes.gif
http://se.uploads.ru/D38e9.gif
http://se.uploads.ru/KaLgT.gif
http://s3.uploads.ru/RFgd1.gif
http://s2.uploads.ru/1UWvR.gif
http://s6.uploads.ru/4WTYX.gif
http://s2.uploads.ru/dC1rp.gif
http://s2.uploads.ru/emiC5.gif
http://sh.uploads.ru/OiFZb.gif
http://s1.uploads.ru/sQ0gI.gif
http://sg.uploads.ru/jcWwv.gif
http://s6.uploads.ru/L5O3h.gif
http://s1.uploads.ru/udbZC.gif
http://s2.uploads.ru/6vMdz.gif
http://sh.uploads.ru/Q7KOR.gif
http://s5.uploads.ru/ix3DO.gif
http://s3.uploads.ru/OMC18.gif
http://s0.uploads.ru/JZnkt.gif
http://sh.uploads.ru/V6H27.gif
http://s1.uploads.ru/jA04w.gif
http://sa.uploads.ru/WocaL.gif
http://s9.uploads.ru/HgFt6.gif
http://se.uploads.ru/cHIjO.gif
http://sh.uploads.ru/R7rwK.gif
http://s4.uploads.ru/yuUGF.gif
http://se.uploads.ru/iUSbX.gif
http://s8.uploads.ru/qXKpJ.gif
http://s8.uploads.ru/rtDTa.gif
</div>
==123==;*/
} add_ = add_.toString().split('==123==;')[1].replace('smielespoil',id);
$(add_).insertBefore('#form-buttons table:first');
}());
</script>
<script type="text/javascript">
(function (){
var id ='smielespoil' +(+new Date()%40000);
var icon = 'https://i.imgur.com/08wmS6F.png'; //Иконка;
setIDsm(icon,id);function add_(){/*==123==;
<div class=smileDiv id=smielespoil style="display:none" alt>
http://sd.uploads.ru/X42Lb.gif
http://sg.uploads.ru/HxC6f.gif
http://s8.uploads.ru/f2yW6.gif
http://sg.uploads.ru/xqKvO.gif
http://sf.uploads.ru/a9obq.gif
http://s1.uploads.ru/s8IHJ.gif
http://s2.uploads.ru/DRvdB.gif
http://s1.uploads.ru/09zJx.gif
http://se.uploads.ru/ZX0eQ.gif
http://s5.uploads.ru/V10wW.gif
http://s6.uploads.ru/gdZxy.gif
http://s2.uploads.ru/7NPKh.gif
http://sh.uploads.ru/isDjg.gif
http://s2.uploads.ru/XNgcr.gif
http://s5.uploads.ru/QeR19.gif
http://s0.uploads.ru/8l7sv.gif
http://s3.uploads.ru/3eLfZ.gif
http://s8.uploads.ru/0KQwB.gif
http://s5.uploads.ru/bVAcT.gif
http://s7.uploads.ru/gBMNG.gif
http://s5.uploads.ru/0lwkS.gif
http://s9.uploads.ru/OSFtz.gif
http://s4.uploads.ru/9J3a5.gif
http://s5.uploads.ru/8I1X6.gif
http://se.uploads.ru/Zw9Gs.gif
http://s8.uploads.ru/EFi2k.gif
http://sh.uploads.ru/fYNiW.gif
http://sd.uploads.ru/C8oQb.gif
</div>
==123==;*/
} add_ = add_.toString().split('==123==;')[1].replace('smielespoil',id);
$(add_).insertBefore('#form-buttons table:first');
}());
</script>

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

<!-- Скрыть надпись "Объявление" -->
<style> #pun-announcement h2 span{display:none;}</style>

<!--профилактика-->
<div id="resplash" style="display: none;">
<div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span>скоро все вернется на место ♥</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='/' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password'  id='fld2'  name='req_password'  size='25'  maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div>
<script type="text/javascript">
var active = 1;
if(GroupID != 1 && active == 1){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= 'Форум на профилактике - '+document.title;
}
</script>

<script type="text/javascript">
var nabor2 = ['http://smayly.ru/gallery/big/vkVlad/7.png',
'http://smayly.ru/gallery/big/vkVlad/19.png',
'http://smayly.ru/gallery/big/vkVlad/8.png',
'http://smayly.ru/gallery/big/vkVlad/14.png',
'http://smayly.ru/gallery/big/vkVlad/16.png',
'http://smayly.ru/gallery/big/vkVlad/5.png',
'http://smayly.ru/gallery/big/vkVlad/23.png',
'http://smayly.ru/gallery/big/vkVlad/20.png',
'http://smayly.ru/gallery/big/vkVlad/4.png',
'http://smayly.ru/gallery/big/vkVlad/12.png',
'http://smayly.ru/gallery/big/vkVlad/15.png',
'http://smayly.ru/gallery/big/vkVlad/9.png',
'http://smayly.ru/gallery/big/vkVlad/11.png',
'http://smayly.ru/gallery/big/vkVlad/6.png',
'http://smayly.ru/gallery/big/vkVlad/2.png',
'http://smayly.ru/gallery/big/vkVlad/3.png',
'http://smayly.ru/gallery/big/vkVlad/1.png',
'http://smayly.ru/gallery/big/vkVlad/22.png',
'http://smayly.ru/gallery/big/vkVlad/18.png',
'http://smayly.ru/gallery/big/vkVlad/17.png',
'http://smayly.ru/gallery/big/vkVlad/10.png'];

var nabor3 = ['http://funkyimg.com/i/2rKA4.png',
'http://funkyimg.com/i/2rKA3.png',
'http://funkyimg.com/i/2rKA1.png',
'http://funkyimg.com/i/2rKzZ.png',
'http://funkyimg.com/i/2rKzY.png',
'http://funkyimg.com/i/2rKzX.png',
'http://funkyimg.com/i/2rKzW.png',
'http://funkyimg.com/i/2rKA2.png',
'http://funkyimg.com/i/2rKAa.png',
'http://funkyimg.com/i/2rKA9.png',
'http://funkyimg.com/i/2rKA8.png',
'http://funkyimg.com/i/2rKA7.png',
'http://funkyimg.com/i/2rKA6.png',
'http://funkyimg.com/i/2rKA5.png',
'http://funkyimg.com/i/2rKAj.png',
'http://funkyimg.com/i/2rKAi.png',
'http://funkyimg.com/i/2rKAh.png',
'http://funkyimg.com/i/2rKAB.png',
'http://funkyimg.com/i/2rKAA.png',
'http://funkyimg.com/i/2rKAz.png',
'http://funkyimg.com/i/2rKAE.png',
'http://funkyimg.com/i/2rKAD.png',
'http://funkyimg.com/i/2rKAC.png',
'http://funkyimg.com/i/2rKAX.png',
'http://funkyimg.com/i/2rKAW.png',
'http://funkyimg.com/i/2rKAV.png',
'http://funkyimg.com/i/2rKAU.png',
'http://funkyimg.com/i/2rKAn.png',
'http://funkyimg.com/i/2rKAm.png',
'http://funkyimg.com/i/2rKAk.png',
'http://funkyimg.com/i/2rKB8.png',
'http://funkyimg.com/i/2rKB7.png',
'http://funkyimg.com/i/2rKB6.png',
'http://funkyimg.com/i/2rKAT.png',
'http://funkyimg.com/i/2rKAS.png',
'http://funkyimg.com/i/2rKB9.png',
'http://s7.uploads.ru/jrutn.png',
'http://s4.uploads.ru/BemHP.png',
'http://s5.uploads.ru/fXKeT.png',
'http://s2.uploads.ru/Nkz5J.png',
'http://s4.uploads.ru/vCPu0.png',
'http://s1.uploads.ru/OoKAj.png'];
$(document).ready(function() {
$('#smilies-block').addClass('t1');
$('#smilies-area').prepend('<div id="wrapper"><ul class="tabs tabs1" onclick="return changeVisibility (\'smilies-area\', false)"><li class="t1 tab-current"><a>эмоджи вк</a></li><li class="t2"><a>Влад</a></li><li class="t3"><a>kakao talk</a></li></ul><div class="t2"></div><div class="t3"></div></div><br></div></div></div>');
$.each(nabor2, function(i) {
$('div.t2').append('<img src="'+nabor2[i]+'" onclick=smile(\'--\') />');
});
$.each(nabor3, function(i) {
$('div.t3').append('<img src="'+nabor3[i]+'" onclick=smile(\'--\') />');
});
$('ul.tabs.tabs1 li').click(function(){
var thisClass = this.className.slice(0,2);
$('div.t1, div.t2, div.t3,').hide();
$('div.' + thisClass).fadeToggle('slow');
$('ul.tabs.tabs1 li').removeClass('tab-current');
$(this).addClass('tab-current');
}); });
</script>

<!-- Всплывающая таблица с вкладками, в топике, с инфой о персонаже -->
<style type="text/css">
/*Подвижка иконки*/
img.a-info{
    margin-top: -10px;
  width:15px;  /*Размер иконки*/-173px!important
}
img.post-img-Sp.a-info {
    margin-left: 170px;
    margin-top: -10px!important;
    position: absolute;
}
ul.my-tabs {
width: 700px;!important
}
.my-tabs>span{
font: normal 400 22px "journalism"!important;
}

/*Подвижка всплывающей подсказки иконки*/
.tipsy.a-info{
  margin-top: -1px!important;
  margin-left:-6px!important;
  font: normal normal 400 11px/16.5px Verdana;
}
/*сдвиг таблицы*/ .my-tabs{
  margin-top: -73px;  /*сдвиг таблицы вверх от положения иконки*/
  margin-left:100px;  /*сдвиг таблицы вправо от положения иконки*/
}
/*Цвет фона и бордюров таблицы*/
.my-tabs>.tab-a,.my-tabs>span{
  background: transparent!important;
}
</style>
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0019/3a/84/14683.css" />
<script img-data="https://i.imgur.com/4nWVbPe.png" src="https://forumstatic.ru/files/0019/3a/84/66247.js" forum="26"></script>
<!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// -->

<!-- Включаем HTML в Постах в Вспл.табличке-->
<script type="text/javascript">
$(function(){$('img.a-info,.my-tabs>span').live('click',function(){$("li.tab-a").map(function(){HTMLinPost.parseTags($(this).attr("data-group-id",0))});});});
</script>

<!--Рабочий хтмл-->
<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>

<script type="text/javascript">
if (document.URL.indexOf("viewtopic") != -1) {
var ft; var i; var ft_f; var j = "";
ft = document.getElementById("font-area");

var ft_f = new Array();
ft_f.push('Lora');
ft_f.push('Roboto');
ft_f.push('Bebas Neue');
ft_f.push('Playfair Display');
ft_f.push('Ramaraja');
ft_f.push('Kaushan Script');
ft_f.push('Font Awesome');
ft_f.push('Neucha');
ft_f.push('Open Sans Condensed');
ft_f.push('Lobster');
ft_f.push('Bodoni');
ft_f.push('BrushType Normal');
ft_f.push('DS StandartCyr');
ft_f.push('Deftone Stylus');

for (i in ft_f) {
j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] +  "</span><img src='/i/blank.gif' onclick=\"bbcode('[";
j += "font=" + ft_f[i];
j += "]','[/font]')\" /></div>";
ft.innerHTML += j;
}}
</script>

9

эжюэжюэюжэюэ

10

/*РЕПУТАЦИЯ В ОДНУ СТРОКУ*/
#pun-reputation div {
background-color: #607882;
}

.pa-posts {
    display: inline-block;
    width: 50px;
    padding: 3px !important;
    padding: 0px:
    border-radius: 0px;
    background-color: #8ea44a;
    box-shadow: inset 0 0 0px #6c94b8;
    border: 2px solid #98af4f;
    color: #f0fff0 !important;
    padding: 5px 5px 3px 8px;
    font-family: 'bebas_neue_regularregular' !important;
    letter-spacing: 1px;
}

.pa-respect {
    display: inline-block;
    width: 50px;
    padding-top: -65px;
    padding: 3px !important;
    border-radius: 0px;
    background-color: #8ea44a;
    box-shadow: inset 0 0 0px #6c94b8;
    border: 2px solid #98af4f;
    color: #f0fff0 !important;
    padding: 5px 5px 3px 8px;
    font-family: 'bebas_neue_regularregular' !important;
    letter-spacing: 1px;
}

.pa-respect a { color: #efeded !important;
text-shadow: 0px 0px 0px !important;}

.pa-respect a :hover { color: #efeded !important; text-shadow: 0px 0px 0px !important;}

.pa-fld4 {
    display: inline-block;
    width: 50px;
    padding: 3px !important;
    border-radius: 0px;
    background-color: #8ea44a;
    box-shadow: inset 0 0 0px #6c94b8;
    border: 2px solid #98af4f;
    color: #f0fff0 !important;
    padding: 5px 5px 3px 8px;
    font-family: 'bebas_neue_regularregular' !important;
    letter-spacing: 1px;
}

11

/*------------------------ личное звание -------------*/
.lz {position: relative;
    left: 26px;
    width: 184px;
    font-family: arial;
    padding: 11px 7px 11px 7px;
    background: #eaeaea url();
    text-align: justify;
    top: 20px;
    border-radius: 0px 0px 0px 00px;
    color: #324d34;
    box-shadow: inset 0px 0px 0px 0px #d8bb98;
    font-size: 10px;}
 
.lz a {color: #324d34 !important;
    font-weight: bold;
    text-shadow: 1px 1px 0px #ffffff !important;}
 
  .lzname a {     
    margin-top: 15px !important;
   text-transformation:uppercase;
    font-size: 24px;
font-family: 'Lobster';
   color: #8ba149 !important;
text-shadow: 1px 1px 0px #ffffff !important;
font-weight:normal;
}

.lzname { margin-top: 10px !important;
   text-transformation:uppercase;}

/* плашки */
.pa-fld3
{position: relative;
    z-index: 300;
        margin-top: -23px !important;
    margin-bottom: 3px !important;
    margin-left: 1px !important;}

/* личная страница картинка-иконка*/
.pa-fld1 {    z-index: 0;
    margin-left: -125px !important;
    display: inline;
    margin-bottom: 0px !important;
    padding-bottom: 100px;
    position: relative;}

12

верх

/* A1 Import the colour scheme
-------------------------------------------------------------*/
@import "http://webfonts.ru/import/gtw.css";
@import "http://webfonts.ru/import/osans.css";
@import "http://webfonts.ru/import/kraskario.css";
@import "http://webfonts.ru/import/charis.css";
@import url(http://fonts.googleapis.com/css?family= … n,cyrillic);
@import url(http://fonts.googleapis.com/css?family= … n,cyrillic);
@import "http://webfonts.ru/import/b20sans.css";
@import "http://webfonts.ru/import/osanscondensed.css";
@import 'https://fonts.googleapis.com/css?family=Playfair+Display:700i&subset=cyrillic';
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sansita');
@import "http://webfonts.ru/import/bebasneue.css";
@import url(http://allfont.ru/allfont.css?fonts=playfair-display);
@import url('https://fonts.googleapis.com/css?family=Ramaraja');
@import url('https://fonts.googleapis.com/css?family=Kaushan+Script');
@import url('https://forumstatic.ru/files/0018/25/ef/94590.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');
@import url('https://forumstatic.ru/files/0017/da/f3/14084.css');
@import url('https://fonts.googleapis.com/css?family=Neucha');
@import url('https://forumstatic.ru/files/0017/da/f3/98766.css');
@import url('https://forumstatic.ru/files/0017/da/f3/80658.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@import url('http://wttp.ucoz.ru/f/9/stylesheet.css');
@import url(http://allfont.ru/allfont.css?fonts=lobster);
@import url(http://allfont.ru/allfont.css?fonts=bodoni);
@import url(http://allfont.ru/allfont.css?fonts=brushtype-normal);
@import url(http://webfonts.ru/import/nautilus.css);
@import url(http://allfont.ru/allfont.css?fonts=ds-standartcyr);
@import url(http://allfont.ru/allfont.css?fonts=deftone-stylus);

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

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

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

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }

/* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 15px;
  }

/* A3.2 */
.punbb {
  font: normal 70.35% verdana;
  }

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

  }

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

/* A5.2 */
.punbb {
height: auto;
  width : 880px;
margin-left: 50px;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 70px;
  margin-bottom: 10px;
background-clip:padding-box;
-moz-background-clip: padding-box;
border: double 3px #88705c;
background-image: url("http://funkyimg.com/i/XCUP.png");}

#pun-redirect .main-title { background:transparent !important;
color: #55463a;
position: center;
}

/* 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 {
margin-left: -48px;
  font-size: 0px;
  text-align: center;
  font-weight: bold;
  font-family: georgia;
  text-transform: lowercase;
  color: #663e3c;
  font-style: italic;
  text-shadow: 1px 1px 0px #f1e5ca, 2px 2px 0px #c7b69f;
}

/*************************************************************
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-top: 0px;
  margin: 5px 0;
  float: center;
  width: 250px;
  }

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

/* 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: 97%;
  overflow: hidden;
margin: 10px;
  }

/* 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;
background-image: url(https://imgur.com/HFFKPfg.png);
box-shadow: 1px 1px 1px #86837f;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  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: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

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

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

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 0 0 0 0;
    float: left;
  }

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

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: ;
  width: 5%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  }

/* 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-family: georgia;
  font-style: italic;
  }

/* 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-width: 0px !important;
  border-width: 0px 0 0 0px;
  padding: 1.8em 2em 1.8em 4em;
  }

/* C2.12 */

.punbb .main th {

  border-style: none;

  border-width: 0;

  padding: 0;

  visibility: hidden;}

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

    /* ------------------------------------ подфорум ----------------------------------- */
#pun-index td div.tclcon {
    width: 272px;
    height: 151px;
    background: url(https://imgur.com/YOEKaij.png) no-repeat;
    line-height: 100%;
    font-family: arial;
    font-size: 11px;
    margin-left: 17px;
    margin-top: 7px!important;
    text-align: -webkit-left;
    padding-left: 10px;
    padding-right: 20px;
}

.intd, .intd a {
color: #e8ede7!important;
    font-family: bebas_neue_regularregular!important;
    font-style: normal;
}

.punbb .main .tcr a {
    text-align: right;
    padding: 0px 22px 8px 0px;
    font-family: bebas_neue_regularregular;
    text-transform: lowercase;
    font-size: 14px;
}

#pun-index .tcl h3 {
    padding-bottom: 19px;
    padding-top: 14px;
    font-size: 21px;
    font-family: AA Bebas Neue;
    color: rgb(255, 255, 255);
    text-align: center;
    text-shadow: 0px 1px 0px rgb(128, 172, 118);
margin-left: -10px;
}

#pun-index .tcl h3 a, li#pun-index .tcl h3
{     color: #818caf;
    text-shadow: 1px 0 #ffffff;
    font-family: AA Bebas Neue;
    color: rgb(255, 255, 255);
    text-shadow: 0px 1px 0px rgb(57, 122, 15);
    font-weight: normal;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;}

.tcl h3 a:hover { 
     color: rgb(225, 225, 225)!important;
     text-shadow: 0px 1px 0px rgb(130, 83, 139)!important;}

/* C2.14 */
.punbb td div.tclcon {
  text-align: justify;
}

/* C2.15 */
.punbb div.icon {
float: left;
  display: block;
  border-style: none;
  margin-right: 10px;
  margin-top: 50px;
  width: 60px;
  height: 30px;
}
/* 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.5em 1em;
  display: block;
  margin-left: 20em;
  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 {
    margin-top: -20px;
float: left;
width: 19em;
  padding-bottom: 24px;
  line-height: 10px;
  background-image: url();
color: #dbdcdb!important;}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  margin: -15px 0 -15px 0!important;
  }

/* C3.7 */
.pa-author {
  font-size: 12px;
  font-weight: bold;
  }

/* C3.8 */
/* ИМЯ НА ФОРУМЕ */
.pa-author a, li#profile-name {
text-decoration: none;
text-align: center;
border-style: solid solid none;
border-width: 0px;
text-transform:;
text-align: center;
border-style: solid solid none;
border-width: 0px;
text-transform:;
color: #dbdcdb!important;
  }

/* C3.9 */
li.pa-title {
     padding: 0.3em;
    text-transform: lowercase;
    line-height: 100%;
    position: relative;
    color: #dbdcdb!important;
    width: 194px;
    margin-top: 4px;
    margin-left: 7px;
    font-size: 10px;
    margin-bottom: 7px;
  }

li.pa-online {
line-height: 0.8em;
padding-left: 0.4em;
font-weight: bold;
text-transform: lowercase;
line-height: 100%;
position: relative;
font-size: 10px!important;
  }

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

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

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

/* C3.14 */
.punbb  .post-links{
  border-left-style: solid;
  border-left-width: 0px;
margin-bottom: 30px;
    margin-top: -10px;
  }

/* C3.15 */
/* Оформление профиля */
.punbb .post .post-author {
float: left;
width: 212px;
margin-left: 0px; /* сдвиг профиля от границы тела */
color: #663e3c; /* цвет текста в профиле */
margin-top:;
text-align: center;
background: url(https://imgur.com/CkYaAum.png) top no-repeat,
url(https://imgur.com/GZNBLoC.png) bottom no-repeat,
url(https://imgur.com/1aHqxvb.png) repeat-y;
}
.pa-author {
color: #dbdcdb;
    margin-top: 26px!important;
    padding-bottom: 5px !important;
    font-family: bebas_neue_regularregular;
}
li.pa-avatar img {
margin-bottom: 12px;
}

.ch_nickname {
margin-top: -7px !important;
font-weight: bold;
}

.ch_in{
line-height: 10px;
}

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }
li.pl-delete, li.pl-edit, li.pl-quote, li.pl-reports {
}
.post-links ul {
    text-align: right;
}
/* 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: 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;
  color: #663e3c;
  font-style: italic;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }

/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 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.2em 1em 0.8em 1em;
  }

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

#pun-title TD.title-logo-tdr {
  border: none;
  left: 200px;
  top: 0px;
  width: 468px;
  float: center;
  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: -40px;
  margin-bottom: 3px;
  text-align: center;
  text-transform: lowercase;
}

    /* D3.2 */
    #pun-navlinks .container {
   
      }

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

    /* D3.4 -----цвет навигации-----*/
   #pun-navlinks li a {
  font-family: bebas_neue_regularregular;
  font-size: 20px;
  letter-spacing: 1.5px;
  padding-bottom: 9px;
  padding-top: 10px;
  color: #471a38;
  text-decoration: none;
  font-weight: bold;
        }

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

    /* D4.1 */
    #pun-ulinks  {
      margin-top: 0px;
      margin-bottom: 0px;
text-align: center;
  font-family: monospace;
  text-transform: lowercase;
padding: 0 0px;}
     

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

    /* D4.3------новые соо и тд----- */
    #pun-ulinks li, #pun-ulinks li a {
        display: inline;
  border-left-style: solid;
  border-left-width: 0px;
  color: #471a38;
  white-space: nowrap;
  font-family: bebas_neue_regularregular;
  font-style: ;
font-weight: bold;
font-size: 11px;
    letter-spacing: 1px;
      }

    /* 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 7em 2em 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 1em 0.8em 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 0 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;
  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: 0px;
  float: left;
  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 th {font-size: 0px;}
li#navawards {display: none;}
#pun-announcement h2 {display: none}
#pun-stats h2 span {visibility:hidden!important;}
.lastedit {display: none;}
.post-content td {border-style: solid !important;   border-width: 0px !important;}
#pun_wrap #pun  #pun-title.section #logo-table tbody{display: none; }
#pun-main div.catleft, #pun-main div.catright {display: none}
li.pa-author {text-transform:;   margin-top: 27px; font-size: 20px;}

.tclcon h3 a {font-size: 18px!important;
text-transform: lowercase;
font-family: 'georgia';
text-align: center;
font-weight: bold;}

.punbb td div .tclcon, .category .container table .hasicon .tc1 {
  width: 395px;
  background-image: url(https://imgur.com/xGscHbc.png);
  text-align: center;}

.post-author ul li.pa-avatar img { border: #846463 solid 1px;
margin-top:3px;
  box-shadow: 0px 0px 3px #846463;}

низ

/* CS1 Фон и цвет текста*/

/* 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 h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain 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: #2c4137;
font-weight: normal;
font-style: normal;}

/* CS1.2 Боди или фон форума */
body {background-color:#919191; background-image: url(https://imgur.com/PXspJHT.png); background-position: top center; }

/* CS1.4 Пан или "тело" форума */
#pun {background-image: url(https://imgur.com/PllaOlT.png);}

/* 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 {
  color: #2f1a28;
  font-weight: ;
  text-decoration: none;}

/* CS2.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: #455d7b;
  text-decoration: none;}

/* CS2.3 */
#pun-navlinks a {
  color:#47273c ;
  text-decoration: none;}

/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #8a6283 ;
  text-decoration: none;}

/* CS3 Иконки старых, новых, важных, закрытых тем */

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: right;
display: block;
border-style: none none none none;
margin-left: 5px;
margin-right: 5px;
width: 60px;
margin-top: -8px;
height: 60px;
background-image : url(https://imgur.com/se51tmo.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(https://imgur.com/y8Z9apC.png);
background-repeat: no-repeat;
width: 60px;
height: 60px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(https://imgur.com/y8Z9apC.png);
background-repeat: no-repeat;
width: 60px;
height: 60px;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(https://imgur.com/y8Z9apC.png);
background-repeat: no-repeat;
width: 60px;
height: 60px;}

/* CS5 Прочие элементы */

/*--------------- Полоса прокрутки------------- */
::-webkit-scrollbar {width: 8px; height: 9px;} 
::-webkit-scrollbar-track {background-color: #2f1a28;} /* цвет фона под прокруткой */
::-webkit-scrollbar-thumb {background-color: #4e5d79;} /* цвет ползунка */
::-webkit-scrollbar-thumb:active {background: #4e5d79;} /* цвет ползунка при нажатии мышкой */

/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("картинка");
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;}

/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("https://imgur.com/ocbmPvq.png");
height: 53px;
width: 939px;
background-origin: padding-box;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;
margin-left: -28px;}

/* -------CS5.3 Цитаты и коды в сообщениях--------*/
.punbb .quote-box, .punbb .code-box {
background-image: url("адрес");}

/* Закругленные края цитаты и кода с тенью */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { }

.punbb input {}

/*-------- CS5.4 Область для ввода текста в форме ответа и админке-------- */
.punbb textarea {
background-color: #e0e0e0;
color: #564333;
border: dashed #a88e7d 1px;
padding: 4px;}

.punbb select, .punbb input {
background-color: #e0e0e0;
color: #000000}

/*------------- ШАПКА-------------- */
#pun-title table {background-color: transparent;
background-image : url(https://imgur.com/KkpDojG.png);
background-repeat : no-repeat;
background-position: bottom center;
height: 373px;
width: 1070px !important;
margin-left: -94px;
}

/*------------ ФУТЕР--------------- */
#pun-about p.container {
font-size: 0px !important;
background-image: url(https://imgur.com/Ovn7cC8.png);
background-position: top center;
background-repeat: no-repeat;
height: 179px;
width: 1070px !important;
margin-left: -94px;
}

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

#pun-about p.container a {
display: hidden;
}
/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { }
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

/*РЕПУТАЦИЯ В ОДНУ СТРОКУ*/
#pun-reputation div {
background-image: url(https://imgur.com/eiES18l.png);
}
.pa-respect {
  display: inline-block; margin-left: -10px;
    text-align: center;
padding:0px 0px;
    width: 74px;
padding-bottom:5px!important;
text-transform: lowercase;
line-height:11px;
box-shadow: 0px 2px 1px
padding-top:6px!important;
font-size: 10px!important;
}
li.pa-respect a {
    color: #dbdcdb!important;
}
.pa-posts { margin-left: 20px;
  display: inline-block; margin-left: -10px;
    text-align: center;
padding:0px 0px;
    width: 72px;
padding-bottom:5px!important;
text-transform: lowercase;
line-height:11px;
box-shadow: 0px 2px 1px
padding-top:6px!important;
font-size: 10px!important;
}
#post fieldset legend span {
display:none;
}

.lz{
height:250px;
width:200px;
border:6px groove #EEDD82;
border-bottom-left-radius: 50px;
background-color:#EEE8AA;
font-family:calibri;
font-size: 12px;
letter-spacing:0px
}
.line{
height:30px;
border-left:2px solid #cc0033;
background-color:#fc9;
padding-left:10px;
font-family:arial;
}

/* -----------Добавки от Аки, без разрешения не трогать
-------------------------------------------------------------*/

#outersiliconapp { border-color: #ccc!important;}
.characternamesilicon { background: #a28a87; border-top-color: #4e545e!important; color: #4e545e; }
.characternamesilicon::before {color:#fff; }
#outersiliconapp [type="radio"]:checked+label::after {color:#3A3740; }
#outersiliconapp label { background: #a28a87;border-top-color: #4e545e!important; color: #fff;}
.siliconplayer { background:#3A3740; color:#fff; border-top-color:#a28a87!important; }
.siliconplayer::before { border-top-color: #a28a87!important;}
.siliconplayer::after {border-top-color:#a28a87!important;  }
.siliconsidebar {background:#efefef; }
.siliconrightav { border-color: #fff!important; background:#3A3740; }
.siliconrightav img { border-color: #a28a87!important; }
.siliconsidebar ul { border-top-color:#ccc!important;}
.siliconsidebar li:nth-child(odd) {color:#aaa;}
.siliconsidebar li:nth-child(odd):first-letter { color:#3a3740; }
.siliconsidebar li:nth-child(even) { color:#a28a87; border-bottom-color: #ccc!important; }
.insidesiliconapp {background:#fff; border-color: #ccc!important;  color:#aaa;}
.backgroundsiliconblue {background:#4e545e;}
.maps-credit a { color:#ccc!important; }

#silicongenout {border-color: #efefef!important;}
.silicongentitle { background: #a28a87; color: #fff; border-bottom-color: #fff!important; border-top-color: #4e545e!important;}
.silicongentext {color: #888; border-bottom-color: #a28a87!important; background-color: white;}
.silicon-title {color:#4e545e; border-bottom-color: #efefef!important;}
.silicon-title::after { color:#ccc; }
.maps-credit a {color:#ccc!important;}

ul.tabs li a {background-color: #a28a87!important; border-color: #4e545e!important; color: #fafafa!important;}
ul.tabs li a:hover { background-color: #a28a87!important; border-color: #4e545e!important; color: #fafafa!important;}
ul.tabs li a.active { background-color: #a28a87!important; border-color: #4e545e!important; color: #fafafa!important;}
.content {background-color: #fafafa!important; border-bottom-color: #a28a87!important; overflow-y: auto;}
#chrontxt { color: #fff!important;}
#chrnsmll {color: white!important;}
.chronspace {background-color: #a28a87!important; border-bottom-color: white!important; border-top-color: #4e545e!important; }

.persstat{ width: 185px; padding-left: 19px; padding-bottom: 5px; text-align: justify; margin-top: -14px!important;}
#perstatinfo { line-height: 90%; margin-right: 5px; margin-left: -5px; font-size: 10px; font-family: monospace; color: #dbdcdb!important;}
.persstat a {color: #dbdcdb!important;}
#firstname{ text-align: center; padding: 10px; padding-bottom: 0px; margin-bottom: 5px; margin-left: -10px; border-bottom: 0px #8d7868 solid; font-weight: bold; color: #dbdcdb!important; text-transform: lowercase;}
#money{ text-align: center; padding-top: 10px; margin-left: -20px; color: #dbdcdb!important;}
#moneypic { width: 25px; margin-right: 5px; margin-top: -6px; }
.capscamp{ position: absolute; margin-top: -60px!important; margin-left: -15px!important;}
.capscamp1 { position: absolute; margin-top: -55px!important; margin-left: -15px!important;}

li.pa-title { font-family: monospace; font-size: 10px; text-transform: lowercase;}

.post-author.online {  margin-top: -15px;}
a.permalink { margin-left: 20px;}
#imgNIK-SIG { margin-left: -460px;}
span#thiscool { font-size: 10px!important;}
li.pa-avatar.item2 {margin-bottom: 14px;}

a.tooltip { margin-right: 5px; margin-left: 5px;}
div#font-area { height: 300px!important; overflow-y: scroll; width: 150px;}
.pleerprof { position: absolute; margin-top: -15px!important;margin-left: 16px!important;}
li.pa-last-visit { margin-bottom: 2px; padding-bottom: 2px;}
.subforlinks {  font-weight: bold; display: grid; letter-spacing: 1px;padding-top: 5px; padding-bottom: 2px;}
li.pl-share { display: none!important;}
#pun-live-rusff {font-weight: initial;}
div#pun-announcement {margin-top: 270px;}
div#pun-admain {margin-top: 220px;}
td.tcl.pmtcl1 {
    font-size: 15px;
}
#viewprofile li div {
    color: #4e5d79!important;
}

#viewprofile li div a {
    color: #4e5d79!important;
}
li.pa-awards {
    margin-bottom: 5px;
}

/*---новая тема---*/
.tema {width: 622px;
min-height:62px;
background: url(https://imgur.com/YjFGKWw.png) top no-repeat, url(https://imgur.com/B1HvDKY.png) bottom no-repeat, url(https://imgur.com/3Zlx0mw.png) repeat-y;}
.teksrefresh {    font-size: 23px;
font-family: bebas_neue_regularregular;
    text-align: center;
    margin-bottom: -35px !important;
    padding-top: 18px;
    color: #e4e4e4;
    text-shadow: 0px 0px 2px #663e3c;}
.contentvnutri {width: 480px;
    padding-bottom: 66px;
    padding-top: 45px;
    text-align: justify;
    font-family: arial;
    font-size: 11px;
    color: #dbdcdb;}
.contentvnutri a {
    color: #dbdcdb!important;
}

/*------------------------гостевая книга----------------------*/
.guestfaces1 {
    position: absolute;
    width: 490px;
    height: 25px;
    margin-top: -340px !important;
    margin-left: 60px !important;
    font-size: 10px;
    font-family: "Verdana";
    color: #663e3c;
    line-height: 1.042;
    text-align: center;
}
}

.guestfaces2 {
color: #663e3c;
    font-family: robato, sans-serif;
    position: absolute;
    width: 211px;
    height: 115px;
    text-align: justify;
    text-shadow: 1px 1px 0px #F4E3CA;
    margin-top: -280px !important;
    margin-left: 105px !important;
    overflow: auto;}

.guestfaces3 {
color: #663e3c;
    font-family: robato, sans-serif;
    position: absolute;
    width: 211px;
    height: 115px;
    text-align: justify;
    text-shadow: 1px 1px 0px #F4E3CA;
   margin-top: -178px !important;
    margin-left: 113px !important;
    overflow: auto;}

.guestfaces4 {
    color: #663e3c;
    font-family: robato, sans-serif;
    position: absolute;
    width: 211px;
    height: 115px;
    text-align: justify;
    text-shadow: 1px 1px 0px #F4E3CA;
    margin-top: -178px !important;
    margin-left: 375px !important;
    overflow: auto;}

.guestfaces2 a{font-weight:bold;}
.guestfaces3 a{font-weight:bold;}
.guestfaces4 a{font-weight:bold;}
.guestfaces1 a{font-weight:bold;}

.guesttext {position: absolute;
    width: 470px;
    font-size: 11px;
    margin-left: 66px !important;
    margin-top: 91px !important;
    font-family: "Georgia";
    color: rgb(210, 157, 109);
    font-weight: bold;
    font-style: italic;
    line-height: 100%;
    text-align: center;
    text-shadow: 0.5px 0.866px 1px rgba(255, 255, 255, 0.004);}

.refresnews{width: 535px;
    font-size: 12px;
    line-height: 115%;
    text-align: justify;
    margin-left: 20px;
    padding: 10px;
    font-family: robato, sans-serif;}

/*--------гостевая-----*/
.gost {background-image: url(https://imgur.com/AQ4KHz1.png);
width:590px;
height:363px;
color:#dbdcdb!important}
.gost a {
color:#dbdcdb!important;}
.vneshm {position: absolute; width: 235px!important; height: 116px!important;
    line-height: 114%;
    text-align: center;
    margin-top: 70px!important;
    margin-left: 25px!important;
    overflow: auto;
    font-family: bebas neue;
    font-size: 13px;}
.vneshz {position: absolute;
    width: 235px!important;
    height: 116px!important;
    line-height: 114%;
    text-align: center;
    margin-top: 213px!important;
    margin-left: 26px!important;
    overflow: auto;
    font-family: bebas neue;
    font-size: 13px;}
.linksgost {font-size: 15px; font-family: 'bebas_neue_regularregular'; color: #c7cdd5; text-shadow: 0px 1px 0px #bcbcbb; position: absolute; margin-top: 441px !important;    margin-left: 140px !important;}
.vikuplennie {font-size: 15px;
    font-family: 'bebas_neue_regularregular';
    color: #663e3c;
    text-shadow: 0px 1px 0px #f0f0f0;
    position: absolute;
    margin-top: 335px !important;
    margin-left: 180px !important;
    height: 55px !important;
    overflow: auto;}

/* -----блог-------*/
.tooltip2 {
  position: relative;
}
.tooltip2 > span { /* стиль появляющейся подсказки */
  position: absolute;
  width: 150px;
    top: 25%;
    left: 50%;
    margin-left: -20px;
visibility: hidden;
  margin: 0 auto;
  padding: .3em;
  font-size: 90%;
  background: #a88e7d;
  color: #663e3c;
  line-height: normal;
  cursor: auto;
  z-index: 500;
}
.tooltip2 span: before{
  content: '';
  position: absolute;
left: 0;
  right: 0;
  visibility: hidden;}
.tooltip2:hover > span,
.tooltip2:hover:before,
.tooltip2:hover:after,
.tooltip2:focus > span,
.tooltip2:focus:before,
.tooltip2:focus:after {
  visibility: visible;
}
.tooltip2:focus {
  outline: none;
}

/* -----приветствие-------*/

.news, .userbanners{
display: block;
overflow: auto;
position: absolute;
height: 75px;
padding: 2px;
top: 187px;
font-size: 9px;
color: #6d655f;
text-shadow: 1px 1px 0px #2c5647;
}

.news {
top: 273px;
    width: 250px;
    height: 40px;
    left: 300px;
    text-align: justify;
}

.news b, .news strong {
color: #e5e4e0;
text-shadow: 1px 1px 0px #4e5d79;
}

.news::-webkit-scrollbar{
width: 2px;
background-color: transparent;}

.news::-webkit-scrollbar-thumb{
background-color: #8e837c; }

.news::-webkit-scrollbar-thumb:hover{
background-color: #8e837c; }

/* ----АМС---- */

.tooltip-content {
    position: absolute;
    z-index: 9999;
    width: 106px;
    /* height: 55px; */
    margin-left: -100px !important;
    bottom: -15px;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    color: #dbdcdb;
    background: #2f1a28;
    opacity: 0;
    margin: 0 0 20px -150px;
    cursor: default;
    pointer-events: none;
    font-family: "Nautilus Pompilius"!important;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: opacity 0.3s 0.3s;
    transition: opacity 0.3s 0.3s;
}

.tooltip:hover .tooltip-content {
opacity: 1;
pointer-events: auto;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}

.tooltip-content span {
display: block;
}

.tooltip-text {
    border-bottom: 10px solid #2f1a28;
    overflow: hidden;
    -webkit-transform: scale3d(0,1,1);
    transform: scale3d(0,1,1);
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
}

.tooltip:hover .tooltip-text {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}

.tooltip-inner {
    background: #89767f;
    padding: 3px;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.tooltip:hover .tooltip-inner {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

13

бантаны

верх

/* A1 Import the colour scheme
-------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family= … n,cyrillic);
@import url(http://fonts.googleapis.com/css?family= … n,cyrillic);
@import 'https://fonts.googleapis.com/css?family=Playfair+Display:700i&subset=cyrillic';
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sansita');
@import url(http://allfont.ru/allfont.css?fonts=playfair-display);
@import url('https://fonts.googleapis.com/css?family=Ramaraja');
@import url('https://fonts.googleapis.com/css?family=Kaushan+Script');
@import url('https://forumstatic.ru/files/0018/25/ef/94590.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');
@import url('https://forumstatic.ru/files/0017/da/f3/14084.css');
@import url('https://fonts.googleapis.com/css?family=Neucha');
@import url('https://forumstatic.ru/files/0017/da/f3/98766.css');
@import url('https://forumstatic.ru/files/0017/da/f3/80658.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@import url(http://allfont.ru/allfont.css?fonts=lobster);
@import url(http://allfont.ru/allfont.css?fonts=bodoni);
@import url(http://allfont.ru/allfont.css?fonts=brushtype-normal);
@import url(http://allfont.ru/allfont.css?fonts=ds-standartcyr);
@import url(http://allfont.ru/allfont.css?fonts=deftone-stylus);
@import "http://fonts.fontstorage.com/import/crimsonroman.css";

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

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

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

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }

/* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 15px;
  }

/* A3.2 */
.punbb {
  font: normal 70.35% verdana;
  }

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

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

  }

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

/* A5.2 */
.punbb {
height: auto;
  width : 876px;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 70px;
  margin-bottom: 10px;
background-clip:padding-box;
-moz-background-clip: padding-box;
border: double 3px #b2b4b5;
background-image: url(http://funkyimg.com/i/XCUP.png);}

#pun-redirect .main-title { background:transparent !important;
color: #595959;
position: center;
}

/* 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 {
margin-left: -48px;
  font-size: 0px;
  text-align: center;
  font-weight: bold;
  font-family: georgia;
  text-transform: lowercase;
  color: #663e3c;
  font-style: italic;
  text-shadow: 1px 1px 0px #f1e5ca, 2px 2px 0px #c7b69f;
}

/*************************************************************
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-top: 0px;
  margin: 5px 0;
  float: center;
  width: 250px;
  }

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

/* 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: 97%;
  overflow: hidden;
margin: 10px;
  }

/* 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;
background-image: url(https://imgur.com/vWHvAAW.png);
box-shadow: 1px 1px 1px #86837f;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  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: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

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

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

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 0 0 0 0;
    float: left;
  }

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

.intd, .intd a {
color: #554665!important;
    font-family: Crimson Text;
    font-style: normal;
}

.punbb .main .tcr a {
    text-align: right;
    padding: 0px 22px 8px 0px;
    font-family: Crimson Text;
    text-transform: lowercase;
    font-size: 14px;
}

#pun-index .tcl h3 {
    padding-bottom: 19px;
    padding-top: 10px;
    font-size: 24px;
    font-family: Crimson Text;
    color: #e6c36e!important;
    text-align: center;
    text-shadow: 0px 1px 0px rgb(129, 140, 175);
margin-left: -10px;
}

#pun-index .tcl h3 a, li#pun-index .tcl h3
{     color: #00fff5;
    text-shadow: 1px 0 #ffffff;
    font-family: Crimson Text;
    color: rgb(255, 255, 255);
    text-shadow: 0px 1px 0px rgb(126, 151, 174);
    font-weight: normal;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;}

.tcl h3 a:hover { 
     color: #e6c36e!important;
     text-shadow: 0px 1px 0px rgb(109, 91, 94)!important;}

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

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: ;
  width: 5%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  }

/* 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-family: georgia;
  font-style: italic;
  }

/* 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-width: 0px !important;
  border-width: 0px 0 0 0px;
  padding: 1.8em 2em 1.8em 4em;
  }

/* C2.12 */

.punbb .main th {

  border-style: none;

  border-width: 0;

  padding: 0;

  visibility: hidden;}

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

/* C2.14 */
#pun-index td div.tclcon {
   width: 300px;
   padding: 25px 25px 5px 25px!important;
   color: #412950!important;
   line-height: 10px;
   font-size: 12px;
   background: url(https://i.imgur.com/jD5w9yt.png) 0 bottom no-repeat, url(https://imgur.com/CWdNfZv.png) 0 top no-repeat, url(https://i.imgur.com/gioxD7k.png) 0 top repeat-y;
   text-align: justify;
   text-transform: lowercase;
    }

.tclcon h3 {
   width: 350px;
   font-size: 18px!important;
   font-family: 'Crimson Text'!important;
   font-weight: bold!important;
   text-align: center;
   text-transform: lowercase;
   text-shadow: #ffffff 1px 1px;
   margin-top: -26px!important;
   margin-left: -25px!important;
   }
.tclcon h3 a {
   color: #502945!important;
   text-shadow: #86755e 1px 1px;
   display:block;
   }
.tclcon h3 a:hover {
  color: #eae9e1!important;
  }

/* C2.15 */
.punbb div.icon {
float: left;
  display: block;
  border-style: none;
  margin-right: 10px;
  margin-top: 50px;
  width: 60px;
  height: 30px;
}
/* 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.5em 1em;
  display: block;
  margin-left: 20em;
  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 {
    margin-top: -20px;
float: left;
width: 19em;
  padding-bottom: 24px;
  line-height: 10px;
  background-image: none;
color: #7f7093!important;}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  margin: -15px 0 -15px 0!important;
  }

/* C3.7 */
.pa-author {
  font-size: 12px;
  font-weight: bold;
  }

/* C3.8 */
/* ИМЯ НА ФОРУМЕ */
.pa-author a, li#profile-name {
text-decoration: none;
text-align: center;
border-style: solid solid none;
border-width: 0px;
color: #554665!important;
  }

/* C3.9 */
li.pa-title {
        padding: 2px;
    text-transform: lowercase;
    line-height: 100%;
    position: relative;
    color: #554665!important;
    width: 193px;
    margin-left: 7px;
    font-size: 10px;
    margin-top: 2px;
  }

li.pa-online {
line-height: 0.8em;
padding-left: 0.4em;
font-weight: bold;
text-transform: lowercase;
line-height: 100%;
position: relative;
font-size: 10px!important;
  }

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

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

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

/* C3.14 */
.punbb  .post-links{
  border-left-style: solid;
  border-left-width: 0px;
margin-bottom: 30px;
    margin-top: -10px;
  }

/* C3.15 */
/* Оформление профиля */
.punbb .post .post-author {
float: left;
width: 212px;
margin-left: 0px; /* сдвиг профиля от границы тела */
color: #663e3c; /* цвет текста в профиле */
margin-top:;
text-align: center;
background: url(https://imgur.com/gfLUQUW.png) top no-repeat,
url(https://imgur.com/9Jwjbke.png) bottom no-repeat,
url(https://imgur.com/4ezEJ2v.png) repeat-y;
}
.pa-author {
color: #554665!important;
    margin-top: 32px!important;
    padding-bottom: 5px !important;
    font-family: "Crimson Text";
}
li.pa-avatar img {
margin-bottom: 12px;
}

.ch_nickname {
margin-top: -7px !important;
font-weight: bold;
}

.ch_in{
line-height: 10px;
}

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }
li.pl-delete, li.pl-edit, li.pl-quote, li.pl-reports {
}
.post-links ul {
    text-align: right;
}
/* 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: 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;
  color: #663e3c;
  font-style: italic;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }

/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 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.2em 1em 0.8em 1em;
  }

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

#pun-title TD.title-logo-tdr {
  border: none;
  left: 200px;
  top: 0px;
  width: 468px;
  float: center;
  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: -113px;
  margin-bottom: 6px;
  text-align: right;
  text-transform: lowercase;
}

    /* D3.2 */
    #pun-navlinks .container {
   
      }

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

    /* D3.4 -----цвет навигации-----*/
   #pun-navlinks li a {
  font-family: Minion Pro;
  font-size: 18px;
  text-shadow: 1px 1px 0px #b1aec6;
  letter-spacing: 1.5px;
  padding-bottom: 9px;
  padding-top: 10px;
  color: #7a6f90;
  text-decoration: none;

        }

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

    /* D4.1 */
    #pun-ulinks  {
      margin-top: -8px;
      margin-bottom: 0px;
text-align: center;
  font-family: monospace;
  text-transform: lowercase;
padding: 0 0px;}
     

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

    /* D4.3------новые соо и тд----- */
    #pun-ulinks li, #pun-ulinks li a {
        display: inline;
  border-left-style: solid;
  border-left-width: 0px;
  color: #7a6f90;
  white-space: nowrap;
  font-family: Crimson Text;
  font-style: ;
font-weight: bold;
font-size: 11px;
    letter-spacing: 1px;
      }

    /* 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 7em 2em 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 1em 0.8em 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 0 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;
  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: 0px;
  float: left;
  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 th {font-size: 0px;}
li#navawards {display: none;}
#pun-announcement h2 {display: none}
#pun-stats h2 span {visibility:hidden!important;}
.lastedit {display: none;}
.post-content td {border-style: solid !important;   border-width: 0px !important;}
#pun_wrap #pun  #pun-title.section #logo-table tbody{display: none; }
#pun-main div.catleft, #pun-main div.catright {display: none}
li.pa-author {text-transform:;   margin-top: 27px; font-size: 20px;}

.punbb td div .tclcon, .category .container table .hasicon .tc1 {
  width: 395px;
  background-image: url(https://imgur.com/7HVeuc7.png);
  text-align: center;}

.post-author ul li.pa-avatar img { border: #a4afbe solid 1px;
margin-top:3px;
  box-shadow: 0px 0px 3px #a4afbe;}

низ

/* CS1 Фон и цвет текста*/

/* 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 h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain 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: #1f1f1f;
font-weight: normal;
font-style: normal;}

/* CS1.2 Боди или фон форума */
body {
      background: url(https://i.imgur.com/UEYowiP.jpg) no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    background-color: #b1aec5;
    margin-bottom: 25px !important;
}

/* CS1.4 Пан или "тело" форума */
#pun {
width: 976px;
background-color: transparent;
background-image: url(https://imgur.com/JifwpHO.png);
background-position: top center;}

.punbb {
margin-left: 50px;}

/* 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 {
  color: #5d4f6c;
  font-weight: ;
  text-decoration: none;}

/* CS2.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: #70627e!important;
  text-decoration: none;}

/* CS2.3 */
#pun-navlinks a {
  color:#ae6779;
  text-decoration: none;}

/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #b4b0c8;
  text-decoration: none;}

/* CS3 Иконки старых, новых, важных, закрытых тем */

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: right;
display: block;
border-style: none none none none;
margin-left: 5px;
margin-right: -5px;
width: 60px;
margin-top: 9px;
height: 60px;
background-image : url(https://imgur.com/oRgLbzv.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(https://imgur.com/AXCpygb.png);
background-repeat: no-repeat;
width: 60px;
height: 60px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(https://imgur.com/B8eTbz0.png);
background-repeat: no-repeat;
width: 60px;
height: 60px;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(https://imgur.com/sb0z99i.png);
background-repeat: no-repeat;
width: 60px;
height: 60px;}

/* CS5 Прочие элементы */

/*--------------- Полоса прокрутки------------- */
::-webkit-scrollbar {width: 8px; height: 9px;} 
::-webkit-scrollbar-track {background-color: #7a6f90;} /* цвет фона под прокруткой */
::-webkit-scrollbar-thumb {background-color: #c99eb4;} /* цвет ползунка */
::-webkit-scrollbar-thumb:active {background: #b35272;} /* цвет ползунка при нажатии мышкой */

/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;}

/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url(https://i.imgur.com/DG1VFJw.png);
height: 53px;
width: 939px;
background-origin: padding-box;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;
margin-left: 140px;}

/* -------CS5.3 Цитаты и коды в сообщениях--------*/
.punbb .quote-box, .punbb .code-box {
background-image: none;}

/* Закругленные края цитаты и кода с тенью */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { }

.punbb input {}

/*-------- CS5.4 Область для ввода текста в форме ответа и админке-------- */
.punbb textarea {
background-color: #c9c5d9;
color: #564333;
border: dashed #a88e7d 1px;
padding: 4px;}

.punbb select, .punbb input {
background-color: #ddd9f2;
color: #000000}

/*------------- ШАПКА-------------- */
#pun-title table {background-color: transparent;
background-image : url(https://imgur.com/d6HXEbK.png);
background-repeat : no-repeat;
background-position: bottom center;
height: 386px;
width: 1041px !important;
margin-left: -83px;
}

/*------------ ФУТЕР--------------- */
#pun-about p.container {
font-size: 0px !important;
background-image: url(https://imgur.com/sQzCH4Q.png);
background-position: top center;
background-repeat: no-repeat;
height: 104px;
width: 976px !important;
margin-left: -50px;
}

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

#pun-about p.container a {
display: hidden;
}
/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -280px;}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { }
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

/*РЕПУТАЦИЯ В ОДНУ СТРОКУ*/
#pun-reputation div {
background-image: url(https://i.imgur.com/1ubBvbG.png);
}
.pa-respect {
  display: inline-block; margin-left: -10px;
    text-align: center;
padding:0px 0px;
    width: 74px;
padding-bottom:5px!important;
text-transform: lowercase;
line-height:11px;
box-shadow: 0px 2px 1px
padding-top:6px!important;
font-size: 10px!important;
}
li.pa-respect a {
    color: #554665!important;
}
.pa-posts { margin-left: 20px;
  display: inline-block; margin-left: -10px;
    text-align: center;
padding:0px 0px;
    width: 72px;
padding-bottom:5px!important;
text-transform: lowercase;
line-height:11px;
box-shadow: 0px 2px 1px
padding-top:6px!important;
font-size: 10px!important;
color: #554665!important;
}
#post fieldset legend span {
display:none;
}

.lz{
height:250px;
width:200px;
border:6px groove #EEDD82;
border-bottom-left-radius: 50px;
background-color:#EEE8AA;
font-family:calibri;
font-size: 12px;
letter-spacing:0px
}
.line{
height:30px;
border-left:2px solid #cc0033;
background-color:#fc9;
padding-left:10px;
font-family:arial;
}

/* -----------Добавки от Аки, без разрешения не трогать
-------------------------------------------------------------*/

#outersiliconapp { border-color: #ccc!important;}
.characternamesilicon { background: #a28a87; border-top-color: #4e545e!important; color: #4e545e; }
.characternamesilicon::before {color:#fff; }
#outersiliconapp [type="radio"]:checked+label::after {color:#3A3740; }
#outersiliconapp label { background: #a28a87;border-top-color: #4e545e!important; color: #fff;}
.siliconplayer { background:#3A3740; color:#fff; border-top-color:#a28a87!important; }
.siliconplayer::before { border-top-color: #a28a87!important;}
.siliconplayer::after {border-top-color:#a28a87!important;  }
.siliconsidebar {background:#efefef; }
.siliconrightav { border-color: #fff!important; background:#3A3740; }
.siliconrightav img { border-color: #a28a87!important; }
.siliconsidebar ul { border-top-color:#ccc!important;}
.siliconsidebar li:nth-child(odd) {color:#aaa;}
.siliconsidebar li:nth-child(odd):first-letter { color:#3a3740; }
.siliconsidebar li:nth-child(even) { color:#a28a87; border-bottom-color: #ccc!important; }
.insidesiliconapp {background:#fff; border-color: #ccc!important;  color:#aaa;}
.backgroundsiliconblue {background:#4e545e;}
.maps-credit a { color:#ccc!important; }

#silicongenout {border-color: #efefef!important;}
.silicongentitle { background: #a28a87; color: #fff; border-bottom-color: #fff!important; border-top-color: #4e545e!important;}
.silicongentext {color: #888; border-bottom-color: #a28a87!important; background-color: white;}
.silicon-title {color:#4e545e; border-bottom-color: #efefef!important;}
.silicon-title::after { color:#ccc; }
.maps-credit a {color:#ccc!important;}

ul.tabs li a {background-color: #a28a87!important; border-color: #4e545e!important; color: #fafafa!important;}
ul.tabs li a:hover { background-color: #a28a87!important; border-color: #4e545e!important; color: #fafafa!important;}
ul.tabs li a.active { background-color: #a28a87!important; border-color: #4e545e!important; color: #fafafa!important;}
.content {background-color: #fafafa!important; border-bottom-color: #a28a87!important; overflow-y: auto;}
#chrontxt { color: #fff!important;}
#chrnsmll {color: white!important;}
.chronspace {background-color: #a28a87!important; border-bottom-color: white!important; border-top-color: #4e545e!important; }

.persstat{ width: 183px; padding-left: 19px; padding-bottom: 5px; text-align: justify; margin-top: -12px!important;}
#perstatinfo { line-height: 90%; margin-right: 5px; margin-left: -5px; font-size: 10px; font-family: monospace; color: #554665!important;}
.persstat a {color: #554665!important;}
#firstname{ text-align: center; padding: 10px; padding-bottom: 0px; margin-bottom: 5px; margin-left: -10px; border-bottom: 0px #8d7868 solid; font-weight: bold; color: #554665!important; text-transform: lowercase;}
#money{ text-align: center; padding-top: 10px; margin-left: -20px; color: #554665!important;}
#moneypic { width: 25px; margin-right: 5px; margin-top: -6px; }
.capscamp{ position: absolute; margin-top: -50px!important; margin-left: -15px!important;}
.capscamp1 { position: absolute; margin-top: -50px!important; margin-left: -15px!important;}

li.pa-title { font-family: monospace; font-size: 10px; text-transform: lowercase;}

.post-author.online {  margin-top: -15px;}
a.permalink { margin-left: 20px;}
#imgNIK-SIG { margin-left: -460px;}
span#thiscool { font-size: 10px!important;}
li.pa-avatar.item2 {margin-bottom: 14px;}

a.tooltip { margin-right: 5px; margin-left: 5px;}
div#font-area { height: 300px!important; overflow-y: scroll; width: 150px;}
.pleerprof { position: absolute; margin-top: -15px!important;margin-left: 16px!important;}
li.pa-last-visit { margin-bottom: 2px; padding-bottom: 2px;}

.subforlinks a {
    display: inline-block;
    font-family: Crimson Text;
    padding-bottom: 3px;
    padding-top: 3px;
    margin-top: 10px;
    letter-spacing: 1px;
    color: #837987!important;;
    font-size: 12px!important;
    padding-left: 8px!important;
    padding-right: 7px!important;
    background: #eae9e0;
}

li.pl-share { display: none!important;}
#pun-live-rusff {font-weight: initial;}
div#pun-announcement {margin-top: 270px;}
div#pun-admain {margin-top: 220px;}
td.tcl.pmtcl1 {
    font-size: 15px;
}
#viewprofile li div {
    color: #4e5d79!important;
}

#viewprofile li div a {
    color: #4e5d79!important;
}
li.pa-awards {
    margin-bottom: 5px;
}

/*---новая тема---*/
.tema {width: 618px;
min-height:62px;
background: url(https://imgur.com/YWDAVVu.png) top no-repeat, url(https://imgur.com/U2n4msL.png) bottom no-repeat, url(https://imgur.com/WVsmmFZ.png) repeat-y;}
.teksrefresh {    font-size: 25px;
font-family: Crimson Text;
    text-align: center;
    margin-bottom: -27px !important;
    padding-top: 10px;
    color: #7f7093;
    text-shadow: 0px 0px 1px #6b8298;}
.contentvnutri {width: 480px;
    padding-bottom: 66px;
    padding-top: 45px;
    text-align: justify;
    font-family: arial;
    font-size: 11px;
    color: #554665!important;}
.contentvnutri a li {
    color: #554665!important;
}

/*------------------------гостевая книга----------------------*/
.guestfaces1 {
    position: absolute;
    width: 490px;
    height: 25px;
    margin-top: -340px !important;
    margin-left: 60px !important;
    font-size: 10px;
    font-family: "Verdana";
    color: #576b7f;
    line-height: 1.042;
    text-align: center;
}
}

.guestfaces2 {
color: #663e3c;
    font-family: robato, sans-serif;
    position: absolute;
    width: 211px;
    height: 115px;
    text-align: justify;
    text-shadow: 1px 1px 0px #6b8298;
    margin-top: -280px !important;
    margin-left: 105px !important;
    overflow: auto;}

.guestfaces3 {
color: #663e3c;
    font-family: robato, sans-serif;
    position: absolute;
    width: 211px;
    height: 115px;
    text-align: justify;
    text-shadow: 1px 1px 0px #F4E3CA;
   margin-top: -178px !important;
    margin-left: 113px !important;
    overflow: auto;}

.guestfaces4 {
    color: #663e3c;
    font-family: robato, sans-serif;
    position: absolute;
    width: 211px;
    height: 115px;
    text-align: justify;
    text-shadow: 1px 1px 0px #F4E3CA;
    margin-top: -178px !important;
    margin-left: 375px !important;
    overflow: auto;}

.guestfaces2 a{font-weight:bold;}
.guestfaces3 a{font-weight:bold;}
.guestfaces4 a{font-weight:bold;}
.guestfaces1 a{font-weight:bold;}

.guesttext {position: absolute;
    width: 470px;
    font-size: 11px;
    margin-left: 66px !important;
    margin-top: 91px !important;
    font-family: "Georgia";
    color: rgb(210, 157, 109);
    font-weight: bold;
    font-style: italic;
    line-height: 100%;
    text-align: center;
    text-shadow: 0.5px 0.866px 1px rgba(255, 255, 255, 0.004);}

.refresnews{width: 535px;
    font-size: 12px;
    line-height: 115%;
    text-align: justify;
    margin-left: 20px;
    padding: 10px;
    font-family: robato, sans-serif;}

/*--------гостевая-----*/
.gost {background-image: url(https://i.imgur.com/snPqZzk.png);
width:590px;
height:427px;
color:#554665!important}
.gost a {
color:#554665!important;}
.vneshm {position: absolute; width: 235px!important; height: 116px!important;
    line-height: 114%;
    text-align: center;
    margin-top: 169px!important;
    margin-left: 307px!important;
    overflow: auto;
    font-family: Crimson Text;
    font-size: 13px;}
.vneshz {position: absolute;
    width: 235px!important;
    height: 116px!important;
    line-height: 114%;
    text-align: center;
    margin-top: 169px!important;
    margin-left: 50px!important;
    overflow: auto;
    font-family: Crimson Text;
    font-size: 13px;}

.vikuplennie1 {position: absolute;
    width: 235px!important;
    height: 60px!important;
    line-height: 114%;
    text-align: center;
    margin-top: 312px!important;
    margin-left: 50px!important;
    overflow: auto;
    font-family: Crimson Text;
    font-size: 13px;}

.linksgost {font-size: 15px; font-family: 'Crimson Text'; color: #c7cdd5; text-shadow: 0px 1px 0px #bcbcbb; position: absolute; margin-top: 441px !important;    margin-left: 140px !important;}

/* -----блог-------*/
.tooltip2 {
  position: relative;
}
.tooltip2 > span { /* стиль появляющейся подсказки */
  position: absolute;
  width: 150px;
    top: 25%;
    left: 50%;
    margin-left: -20px;
visibility: hidden;
  margin: 0 auto;
  padding: .3em;
  font-size: 90%;
  background: #a88e7d;
  color: #663e3c;
  line-height: normal;
  cursor: auto;
  z-index: 500;
}
.tooltip2 span: before{
  content: '';
  position: absolute;
left: 0;
  right: 0;
  visibility: hidden;}
.tooltip2:hover > span,
.tooltip2:hover:before,
.tooltip2:hover:after,
.tooltip2:focus > span,
.tooltip2:focus:before,
.tooltip2:focus:after {
  visibility: visible;
}
.tooltip2:focus {
  outline: none;
}

/* -----приветствие-------*/

.news, .userbanners{
display: block;
overflow: auto;
position: absolute;
height: 75px;
padding: 2px;
top: 187px;
font-size: 9px;
color: #6d655f;
text-shadow: 1px 1px 0px #2c5647;
}

.news {
top: 273px;
    width: 250px;
    height: 40px;
    left: 300px;
    text-align: justify;
}

.news b, .news strong {
color: #e5e4e0;
text-shadow: 1px 1px 0px #4e5d79;
}

.news::-webkit-scrollbar{
width: 2px;
background-color: transparent;}

.news::-webkit-scrollbar-thumb{
background-color: #8e837c; }

.news::-webkit-scrollbar-thumb:hover{
background-color: #8e837c; }

/* ----АМС---- */

.tooltip-content {
    position: absolute;
    z-index: 9999;
    width: 106px;
    /* height: 55px; */
    margin-left: -50px !important;
    bottom: -120px;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    color: #7f96a7;
    background: transparent;
    opacity: 0;
    margin: 0 0 20px -150px;
    cursor: default;
    pointer-events: none;
    font-family: "Nautilus Pompilius"!important;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: opacity 0.3s 0.3s;
    transition: opacity 0.3s 0.3s;
}

.tooltip:hover .tooltip-content {
opacity: 1;
pointer-events: auto;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}

.tooltip-content span {
display: block;
}

.tooltip-text {
    border-bottom: 10px solid #8595a5
;
    overflow: hidden;
    -webkit-transform: scale3d(0,1,1);
    transform: scale3d(0,1,1);
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
}

.tooltip:hover .tooltip-text {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}

.tooltip-inner {
    background: #bac4c6;
    padding: 3px;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.tooltip:hover .tooltip-inner {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

/* ----соц.сеть, первое соо---- */
.crawl {
   width: 450px; border-radius: 0px; background: #fff;
   margin: auto; overflow: hidden; border: solid 1px #fff;
   box-shadow: 1px 1px 15px rgba(0,0,0,.1); padding: 1px; text-align: center;
   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0;
}

.crawl .topper {
   width: 450px; height: 130px;
}

.crawl .head {
   background: linear-gradient(rgba(255,255,255,0)0%,rgba(255,255,255,1)35%);
   margin-top: -115px; height: 240px;
   overflow: hidden; text-align: center;
}

.crawl .avatar {
   border-radius: 50%; border: solid 5px #fff;
   width: 120px; height: 120px; margin: 50px auto 0 auto;
   box-shadow: none;
}

.crawl h3 {
   margin: -5px 20px 5px 20px; font: bold 20px roboto;
}

  .plac {
    color: #808080;
    margin: 25px;
    font: italic 10px roboto;
    font-weight: bold;
}

.crawl .bio {
   margin: 0 auto 20px auto; width: 240px;
   font: 10px/13px roboto; text-align: center;
}

.crawl img {
   width: 130px; height: 130px;
   display: inline-block; margin: 5px;
   border-radius: 5px;
   box-shadow: 1px 1px 5px rgba(0,0,0,.1);
}

.crawl .spacer {
   height: 10px;
}

/* ----соц.сеть, картинка ---- */

.howfar .bg, .howfar .pic {
}

.howfar {
   width: 350px; border-radius: 0px; background: #fff;
   margin: auto; overflow: hidden; border: solid 1px #fff;
   box-shadow: 1px 1px 15px rgba(0,0,0,.1); padding: 1px;
   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0;

}

.howfar .bg {
   width: 350px; height: 350px;
   filter: blur(10px); background-size: cover!important;
}

.howfar .pic {
   width: 300px; height: 300px;
   background-size: cover!important; border-radius: 5px;
   margin: -320px auto; position: relative;
   z-index: 200px; box-shadow: 1px 1px 15px rgba(0,0,0,.1);
}

.howfar .caption {
   margin-top: 350px; padding: 15px 20px 20px 20px;
   position: relative; z-index:200;
   font: 10px roboto; text-align: left;
}

.howfar .name {
   border-bottom: solid 1px #ddd;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 85px;
    font: bold 12px roboto;
}

.howfar .date {
   padding: 0 0 5px 85px; color: #777;
   margin: -20px 0 10px 0; font: italic 9px roboto;
}

.howfar img {
   border-radius: 50%; border: solid 5px #fff;
   width: 50px; height: 50px; margin: -45px 0 0 20px;
}

/* ----соц.сеть, картинка ---- */

.howfar .bg, .howfar .pic {
}

.howfar {
   width: 350px; border-radius: 0px; background: #fff;
   margin: auto; overflow: hidden; border: solid 1px #fff;
   box-shadow: 1px 1px 15px rgba(0,0,0,.1); padding: 1px;
   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0;

}

.howfar .bg {
   width: 350px; height: 350px;
   filter: blur(10px); background-size: cover!important;
}

.howfar .pic {
   width: 300px; height: 300px;
   background-size: cover!important; border-radius: 5px;
   margin: -320px auto; position: relative;
   z-index: 200px; box-shadow: 1px 1px 15px rgba(0,0,0,.1);
}

.howfar .caption {
   margin-top: 350px; padding: 15px 20px 20px 20px;
   position: relative; z-index:200;
   font: 10px roboto; text-align: left;
}

.howfar .name {
   border-bottom: solid 1px #ddd;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 85px;
    font: bold 12px roboto;
}

.howfar .date {
   padding: 0 0 5px 85px; color: #777;
   margin: -20px 0 10px 0; font: italic 9px roboto;
}

.howfar img {
   border-radius: 50%; border: solid 5px #fff;
   width: 50px; height: 50px; margin: -45px 0 0 20px;
}

14

бантаны

хтмл верх

<style type="text/css">
div#fff a{
  opacity: .6;
  transition: all .3s ease;
  position: relative;
  z-index: 110000;
  height: 33px;
  display: inline-block;
}
div#fff a:hover {
  opacity: 1.0;
}
</style>

<style type="text/css">
#wrapper {    width: 470px; max-height: 300px; overflow-y: auto;}
/* вкладки доп смайлов */
ul.tabs {height: 25px;line-height: 25px;margin: 0 0 10px;list-style: none;}
ul.tabs li {float: left;margin-right: 1px; cursor:pointer;}
ul.tabs li a {display: block;padding: 0 13px 1px;margin-bottom: -1px;color: #444!important;text-decoration: none;cursor: pointer;background: #F9F9F9!important;border: 1px solid #EFEFEF!important;border-bottom: 1px solid #F9F9F9!important;position: relative;}
* html ul.tabs li a {float: left}
*+html ul.tabs li a {float: left}
ul.tabs li a:hover {color: #F70!important;padding: 0 13px!important;background: #FFFFDF!important;border: 1px solid #FFCA95!important;}
ul.tabs li.tab-current a {color: #444!important;background: #EFEFEF!important;padding: 0px 13px 2px;border: 1px solid #DDD!important;border-bottom: 1px solid #EFEFEF!important;}
div.t2,div.t3,div.t4 {display: none;width: 450px;}
</style>

<style type="text/css">
@font-face {
font-family: 'Journalism';
src: url('https://forumstatic.ru/files/0019/3a/84/41036.eot'),
url('https://forumstatic.ru/files/0019/3a/84/44392.woff') format('woff'),
url('https://forumstatic.ru/files/0019/3a/84/11656.ttf') format('truetype'),
url('https://forumstatic.ru/files/0019/3a/84/50994.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}
</style>

<style type="text/css">
@font-face {
font-family: 'Solar';
src: url('https://forumstatic.ru/files/0019/3a/84/83935.eot'),
url('https://forumstatic.ru/files/0019/3a/84/54539.woff') format('woff'),
url('https://forumstatic.ru/files/0019/3a/84/66695.ttf') format('truetype'),
url('https://forumstatic.ru/files/0019/3a/84/59743.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}
</style>

<style type="text/css">
@font-face {
font-family: 'UpperEastSide';
src:
url('https://forumstatic.ru/files/0019/3a/84/60168.woff') format('woff'),
url('https://forumstatic.ru/files/0019/3a/84/52560.ttf') format('truetype'),
url('https://forumstatic.ru/files/0019/3a/84/86310.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}
</style>

<style>
.d1>.d2 {
  visibility:visible;
  opacity:1;
  position:absolute;
  z-index:100;
  transition:1s;
}
.d1:hover>.d2 {
  visibility:hidden;
  opacity:0;
}
</style>

<style>
.d3>.d4 {
  visibility:visible;
  opacity:1;
  position:absolute;
  z-index:100;
  transition:1s;
}
.d3:hover>.d4 {
  visibility:hidden;
  opacity:0;
}
</style>

<!--администрация-->
<style>
a.tooltip {padding-bottom: 2px;margin-top: 0.5px;}
</style>
<div style=" top: 44px; margin-left: 700px; letter-spacing: 0.5px; position: absolute; text-align: -webkit-right; display: grid; z-index: 300;color: #fff;line-height: 12px;">
<a class="tooltip" href="http://seoulsoul.rusff.me/profile.php?id=6"><font style="color: #7a6f90; font-family: 'Crimson Text'; text-transform: lowercase;font-size: 16px; text-shadow: 1px 1px 0px #b4b0c8;">jimin </font><span class="tooltip-content"><img src="https://i.imgur.com/Y5ctOFL.gif" class="Hoverbuttons"></span></a>
</div>

<div style=" top: 63px; margin-left: 660px; letter-spacing: 0.5px; position: absolute; text-align: -webkit-right; display: grid; z-index: 300;color: #fff;line-height: 12px;">
<a class="tooltip" href="http://seoulsoul.rusff.me/profile.php?id=4"><font style="color: #7a6f90;font-family: 'Crimson Text';text-transform: lowercase;font-size: 16px; text-shadow: 1px 1px 0px #b4b0c8;">jungkook</font><span class="tooltip-content"><img src="https://i.imgur.com/Xgxk1Tl.gif" class="Hoverbuttons"></span></a>
</div>

<div style=" top: 82px; margin-left: 680px; letter-spacing: 0.5px; position: absolute; text-align: -webkit-right; display: grid; z-index: 300;color: #fff;line-height: 12px;">
<a class="tooltip" href="http://seoulsoul.rusff.me/profile.php?id=5"><font style="color: #7a6f90;font-family: 'Crimson Text'; text-transform: lowercase;font-size: 16px; text-shadow: 1px 1px 0px #b4b0c8;">taehyung</font><span class="tooltip-content"><img src="https://i.imgur.com/QfMYDjP.gif" class="Hoverbuttons"></span></a>
</div>

<div style=" top: 82px; margin-left: 760px; letter-spacing: 0.5px; position: absolute; text-align: -webkit-right; display: grid; z-index: 300;color: #fff;line-height: 12px;">
<a class="tooltip" href="http://seoulsoul.rusff.me/profile.php?id=262"><font style="color: #7a6f90;font-family: 'Crimson Text';text-transform: lowercase;font-size: 16px; text-shadow: 1px 1px 0px #b4b0c8;">junghyuk</font><span class="tooltip-content"><img src="https://i.imgur.com/tYtrul2.gif" class="Hoverbuttons"></span></a>
</div>

<div style=" top: 101px; margin-left: 710px; letter-spacing: 0.5px; position: absolute; text-align: -webkit-right; display: grid; z-index: 300;color: #fff;line-height: 12px;">
<a class="tooltip" href="http://seoulsoul.rusff.me/profile.php?id=13"><font style="color: #7a6f90;font-family: 'Crimson Text';text-transform: lowercase;font-size: 16px; text-shadow: 1px 1px 0px #b4b0c8;">hoseok</font><span class="tooltip-content"><img src="https://i.imgur.com/DuzmrEE.gif" class="Hoverbuttons"></span></a>
</div>

<div style=" top: 101px; margin-left: 770px; letter-spacing: 0.5px; position: absolute; text-align: -webkit-right; display: grid; z-index: 300;color: #fff;line-height: 12px;">
<a class="tooltip" href="http://seoulsoul.rusff.me/profile.php?id=9"><font style="color: #7a6f90;font-family: 'Crimson Text';text-transform: lowercase;font-size: 16px; text-shadow: 1px 1px 0px #b4b0c8;">yoongi</font><span class="tooltip-content"><img src="https://i.imgur.com/S107Ef9.gif" class="Hoverbuttons"></span></a>
</div>

<!---------------------------- навигация ---------------------------->
<div style="position: absolute;
    top: 180px;
    margin-left: 20px;
    line-height: 85%;
color: white!important;">
<a href="http://seoulsoul.rusff.me/viewtopic.php?id=1806#p174845"><span style="color: #7a6f90; font-family: 'Crimson Text'; text-transform: lowercase;font-size: 16px; text-shadow: 1px 1px 0px #b4b0c8;"">гостевая</span></a>
</div>

<div style="position: absolute;
    top: 210px;
    margin-left: 15px;
    line-height: 85%;
color: white!important;">
<a href="http://seoulsoul.rusff.me/viewtopic.php?id=66"><span style="color: #7a6f90; font-family: 'Crimson Text'; text-transform: lowercase;font-size: 16px; text-shadow: 1px 1px 0px #b4b0c8;"">внешности</span></a>
</div>

<div style="position: absolute;
    top: 165px;
    margin-left: 9px;
    line-height: 85%;
color: white!important;">
<a href="http://seoulsoul.rusff.me/viewtopic.php?id=2"><span style="color: #7a6f90; font-family: 'Crimson Text'; text-transform: lowercase;font-size: 16px; text-shadow: 1px 1px 0px #b4b0c8;"">сюжет</span></a>
</div>

<div style="position: absolute;
    top: 205px;
    margin-left: 100px;
    line-height: 85%;
color: white!important;">
<a href="http://seoulsoul.rusff.me/viewtopic.php?id=5"><span style="color: #7a6f90; font-family: 'Crimson Text'; text-transform: lowercase;font-size: 16px; text-shadow: 1px 1px 0px #b4b0c8;"">правила</span></a>
</div>

<div style="position: absolute;
    top: 195px;
    margin-left: 9px;
    line-height: 85%;
color: white!important;">
<a href="http://seoulsoul.rusff.me/viewtopic.php?id=3"><span style="color: #7a6f90; font-family: 'Crimson Text'; text-transform: lowercase;font-size: 16px; text-shadow: 1px 1px 0px #b4b0c8;"">вакансии</span></a>
</div>

<div style="position: absolute;
    top: 223px;
    margin-left: 75px;
    line-height: 85%;
color: white!important;">
<a href="http://seoulsoul.rusff.me/viewtopic.php?id=7"><span style="color: #7a6f90; font-family: 'Crimson Text'; text-transform: lowercase;font-size: 16px; text-shadow: 1px 1px 0px #b4b0c8;"">нужные</span></a>
</div>

<!--Смена имиджа в текущем посте-->
<link id="iNFpanel" rel="stylesheet" href="https://forumstatic.ru/files/0018/99/4d/36605.css" type="text/css"/>
<script src="https://forumstatic.ru/files/0018/99/4d/43613.txt"></script>

<!---------------------------- актив left ---------------------------->
<div class="flooder1" style="position: absolute; left: -6px; top: 53px;"><a href="http://seoulsoul.rusff.me/profile.php?id=108"><img src="https://i.imgur.com/7avai6e.png" title="игрок: Son Hyun Woo"></a></div>

<div class=flooder2" style="position: absolute; left: -6px; top: 115px;"><a href="http://seoulsoul.rusff.me/profile.php?id=498"><img src="https://i.imgur.com/4KWLaPM.png" title="игрок: Yoon Shiyoon"></a></div>

<div class="gamer1" style="position: absolute; left: -6px; top: 177px;"><a href="http://seoulsoul.rusff.me/profile.php?id=7"><img src="https://i.imgur.com/1qzkPIj.png" title="коллекционер: Kim Jinwoo"></a></div>

<div class="tandem" style="position: absolute; left: -6px; top: 239px;"><a href=""><img src="https://i.imgur.com/mEQDWoD.png" title="тандем: Lee Felix x Park Yun Min"></a></div>

<div class="insta1" style="position: absolute; left: 116px; top: 239px;"><a href="http://seoulsoul.rusff.me/viewtopic.php?id=1449"><img src="https://i.imgur.com/VI43Noz.png" title="blog: @minijen"></a></div>

<!---------------------------- актив right ---------------------------->
<div class="insta2" style="position: absolute; left: 803px; top: 27px;"><a href="http://seoulsoul.rusff.me/viewtopic.php?id=1647"><img src="https://i.imgur.com/Mb7xyVi.png" title="blog: @pornkul"></a></div>

<div class="episode1" style="position: absolute; left: 865px; top: 27px;"><a href="http://seoulsoul.rusff.me/viewtopic.php?id=1352"><img src="https://i.imgur.com/2L35ZoJ.png" title="эпизод: Yoo Kihyun x Lee Jae Jin - наши стаканы пусты"></a></div>

<div class="poste1" style="position: absolute; left: 926px; top: 90px;"><a href="http://seoulsoul.rusff.me/viewtopic.php?id=1595#p174561"><img src="https://i.imgur.com/X4JCLA9.png" title="пост: Jung Wooseok - say something"></a></div>

<div class="gamer2" style="position: absolute; left: 926px; top: 151px;"><a href="http://seoulsoul.rusff.me/profile.php?id=295"><img src="https://i.imgur.com/j25bl2C.png" title="флудер: Lee Hongsuk"></a></div>

<div class="collectioner" style="position: absolute; left: 926px; top: 211px;"><a href="http://seoulsoul.rusff.me/profile.php?id=417"><img src="https://i.imgur.com/gTbfHQE.png" title="флудер: Lee Jooyeon"></a></div>

<!---------------------------- категории ---------------------------->
<script type="text/javascript"><!--Своя картинка в каждую категорию-->
$(document).ready(function(){
myarray=new Array(
"Админка", "https://imgur.com/13xDfvL.png",
"whatever it takes", "https://imgur.com/6Rym5mp.png",
"i walk the line", "https://imgur.com/DvEYi8e.png",
"drugs u should try", "https://imgur.com/LI7yAP2.png",
"way down we go", "https://imgur.com/v5LiwfJ.png",
"nothing will be bigger than us", "https://imgur.com/6V66yTz.png",
"i think i'm in love", "https://imgur.com/WCHku7H.png",
"another way out", "https://imgur.com/a9nbC6Z.png"
//Последний элемент без запятой!
)
$("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
"height":"97px",
"width":"980px",
"border":"none",
"background-color": "transparent",
"background-image":"url("+myarray[q+1]+")",
"background-position":"50% 50%",
"background-repeat":"no-repeat" //Последний элемент без запятой!
}
if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
q++}
});
});
</script>

<!-- Скрываем информацию об IP от модераторов © Alex_63 -->
<style id="HideIPMod1">.gid2 #pun-online tcl:first-child{visibility:hidden!important}</style>
<style id="HideIPMod2">.gid2 #pun-message .main{display:none!important}</style>
<style>.gid2 .pa-ip,.gid2 .pa-author>img,#pun-profile .datafield a[href*="get_host"]{display:none!important;}
</style><script type="text/javascript">
if(GroupID==2)$(document).ready(function() {
  if(document.URL.indexOf('moderate.php?get_host=')!=-1){
    $('.main .info .container').html('Вы не имеете прав для просмотра этой страницы.');
    $('#HideIPMod2').remove();
  }else if($('#pun-online').length){
    $('.main .tcl:first-child a[href*="profile.php"]').each(function(){
      var OnUserN = $(this).clone();$(this).parents('.tcl').html(OnUserN);
    });$('#HideIPMod1').remove();
  }else if($('#pun-viewtopic').length)$('.pa-ip,.pa-author>.acchide+img[src*="flags"]').remove();
  else  if($('#pun-profile').length)$('.datafield a[href*="get_host"]').replaceWith('IP скрыт');
});
else $('#HideIPMod1,#HideIPMod2').remove();
</script>[/spoiler

[spoiler="низ"]<!--профилактика-->
<div id="resplash" style="display: none;">
<div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span>сюда низя. тут мои сикретики ихихих</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='/' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password'  id='fld2'  name='req_password'  size='25'  maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div>
<script type="text/javascript">
var active = 1;
if(GroupID != 1 && active == 1){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= 'Форум на профилактике - '+document.title;
}
</script>

<style>.punbb .pa-avatar img {max-width:190px;height:auto;}</style>
<script type="text/javascript">
//========== HTML-низ START СЕКЦИЯ ======================================//

OnSmenaImage("АМС архив", new Array("mephistopheles" ))
var AvtrArr=new Array(
   //Ссылки на картинки Аватар
//End myarray_!!Последняя ссылка без Запятой!!!
)
StartNIZ(); //
//======= end HTML-низ START СЕКЦИЯ =====================================//
</script>

<!-- СМЕНА ИМИДЖА НОВАЯ ЧАСТЬ 1 -->
<script src="http://f.etrin.ru/hvss/hvss.min.js"></script><!-- КОНЕЦ СМЕНА ИМИДЖА НОВАЯ ЧАСТЬ 1 -->

<!-- СМЕНА ИМИДЖА НОВАЯ ЧАСТЬ 2 -->
<script>
hvScriptSet.addMask({
    showPreview: true,
    forumAccess: {
        'NOWADAYS': ['принятые'],
        'ONCE UPON A TIME': ['принятые']
    },
    userFields: ['pa-fld1', 'pa-author', 'pa-title', 'pa-avatar item2', 'pa-fld3', 'pa-fld2', 'pa-posts', 'pa-respect', 'pa-fld4', 'pa-time-visit', 'pa-ip', 'pa-online']
});
</script>
<!-- КОНЕЦ СМЕНА ИМИДЖА НОВАЯ ЧАСТЬ 2 -->

<!--Спойлер наград в профиле-->
<style type="text/css">.mini_awards_label, .mini_awards {display: none;} #awrdbut {cursor: pointer;}
#pun-mod h2 {
    font-size: 9px;
    margin-bottom: 30px;
    margin-right: 3%;
}
</style>
      <script>
    (function () {
          var awards_button="<b><font color='#7f7093'>• • •</font></b>";
          function awards_spoiler() {
              $(".pa-awards").prepend("<span id='awrdbut'>"+awards_button+"</span>");
              $("#awrdbut font").click(function(){$(this).parents(".pa-awards").find(".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">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>

<!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script>

<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="https://imgur.com/smh4jto.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="https://imgur.com/iywqhyU.png" border="0" /></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:70px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.9; /*прозрачность*/
margin-bottom:40px; /*отступ снизу (можно не указывать)*/
width:80px; /*ширина кнопки*/
height:52px; /*высота кнопки*/
}
.go-up {
bottom:250px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:180px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</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>

<script type="text/javascript">
var nrisunok="https://forumupload.ru/uploads/0000/0a/f2/68797-1.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</script>

<!--Скрипт быстрой вставки изображения-->
<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('--')\" 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>
<!--Конец скрипта-->

<!--обтекание изображения 2.4.4-->
<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: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; 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>
$("#button-right").after('<td id="button-justify" title="Выравнивание по ширине"><img src="/i/blank.gif" onclick="bbcode(\'\', \'\');"/></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>

<!-- Скрыть награды в меню -->
<style type="text/css">
li#navawards {display: none;}
</style>
<!-- Конец скрипта -->

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

<!-- аватар по умолчанию -->

<script type="text/javascript">
var DefAvtr="https://i.imgur.com/EgGgPBx.png";
var s='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';$("li.pa-title").each(function(){if (($(this).parent("ul").find("li.pa-avatar").html())==null){$(this).after(s);};});
</script>

<!--скрыть модеров-->
<script>
    var supermod = new Array("Game master", "")

    var mod=document.getElementsByTagName("span")
    var str
    for(x in mod) if(mod[x].className=="modlist"){
    for(y in supermod)
        if((pos=mod[x].innerHTML.indexOf(supermod[y]))!=-1)
            mod[x].innerHTML=remName(mod[x].innerHTML,pos)
    }

    function remName(str,pos){
    var pos1=str.indexOf("<A href"),pos2=str.indexOf("<A href",pos1+1)
    if(pos2==-1) return("")

    while(pos>pos2 && pos2!=-1){
        pos1=pos2
        pos2=str.indexOf("<A href",pos1+1)
    }
    if(pos2==-1){
        pos2=str.length-1
        pos1-=2
    }
    return (str.substring(0,pos1)+str.substring(pos2,str.length))
    }
    </script>

<!--Кол-во символов-->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:0px solid;padding:20px 20 px;margin: 20px 20px 0 0px;">Написано символов: <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>

<!--PR-вход-->
<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";

var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><span id=spMyimg><a onclick=\"PiarIn()\">ПИАР-ВХОД</span></li>";
if($("#navlogin").html()!=null){

$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

<script type="text/javascript">
$('#form-buttons table:first').after('<table id=mySmile style="width:auto!important;"><tr></tr><table/>');
function setIDsm (icon,id){
$('#mySmile tr').append('<td style="width:30px!important;"><img src="'+icon+'" onclick="hidsActive(\'#'+id+'\');$(\'#'+id+'\').toggleClass(\'active\').toggle()"/></td>')
}
function  hidsActive(a){
if($(a).attr('alt')!='undefined'){
var bb = "\'["+'img'+"]\'+this.src+\'["+'/img'+"]\'";
var c = ' onclick="smile('+bb+')" />';
$(a).removeAttr('alt').html($(a).html().replace(/^(http:.*?)$/gim,'<img src="$1"'+c));}
$('#form-buttons').find('div.smileDiv.active').not(a).removeClass('active').hide();}
</script>

<script type="text/javascript">
(function (){
var id ='smielespoil' +(+new Date()%40000);
var icon = 'https://i.imgur.com/Yok57A6.png'; //Иконка;
setIDsm(icon,id);function add_(){/*==123==;
<div class=smileDiv id=smielespoil style="display:none" alt>
http://s7.uploads.ru/xP6ro.gif
http://s2.uploads.ru/ZRMqX.gif
http://se.uploads.ru/wFfU7.gif
http://s1.uploads.ru/3MZ4q.gif
http://sf.uploads.ru/im7XO.gif
http://sh.uploads.ru/3p7uw.gif
http://s4.uploads.ru/HQDf7.gif
http://s6.uploads.ru/4P0we.gif
http://sd.uploads.ru/6HG1L.gif
http://sg.uploads.ru/X2aHz.gif
http://se.uploads.ru/GLk0H.gif
http://sd.uploads.ru/6Su8Z.gif
http://s3.uploads.ru/t/VQYCS.gif
http://s5.uploads.ru/U5GHo.gif
http://s5.uploads.ru/Xxgai.gif
http://s8.uploads.ru/AU5FM.gif
http://s1.uploads.ru/5Lt0O.gif
http://s2.uploads.ru/bux2X.gif
http://sg.uploads.ru/DZgfP.gif
http://se.uploads.ru/CDm5z.gif
http://se.uploads.ru/hQOGM.gif
http://s8.uploads.ru/Uj6sR.gif
http://s7.uploads.ru/KV8kR.gif
http://sd.uploads.ru/k8Iji.gif
http://sa.uploads.ru/R8Hz0.gif
http://s6.uploads.ru/fIdP0.gif
http://sa.uploads.ru/5tu6f.gif
http://s1.uploads.ru/KtsWB.gif
http://se.uploads.ru/bFKnT.gif
http://s1.uploads.ru/orCvq.gif
http://s1.uploads.ru/znUc7.gif
http://s2.uploads.ru/qeIEM.gif
http://sg.uploads.ru/PhujX.gif
http://sh.uploads.ru/PqNWf.gif
http://se.uploads.ru/a19Ee.gif
http://s7.uploads.ru/aIvfs.gif
http://sg.uploads.ru/rqeA5.gif
http://sa.uploads.ru/PW8qI.gif
http://s8.uploads.ru/rcsJM.gif
http://sh.uploads.ru/t7pZU.gif
http://sh.uploads.ru/qWN2H.gif
http://s1.uploads.ru/EzJ8P.gif
http://s4.uploads.ru/dP1sn.gif
http://s7.uploads.ru/pd8wE.gif
http://sh.uploads.ru/yArTO.gif
</div>
==123==;*/
} add_ = add_.toString().split('==123==;')[1].replace('smielespoil',id);
$(add_).insertBefore('#form-buttons table:first');
}());
</script>
<script type="text/javascript">
(function (){
var id ='smielespoil' +(+new Date()%40000);
var icon = 'https://i.imgur.com/08wmS6F.png'; //Иконка;
setIDsm(icon,id);function add_(){/*==123==;
<div class=smileDiv id=smielespoil style="display:none" alt>
http://s6.uploads.ru/az2kF.gif
http://s6.uploads.ru/9xXav.gif
http://s2.uploads.ru/t/KAXTa.gif
http://sa.uploads.ru/VSnYT.gif
http://sa.uploads.ru/czmxH.gif
http://s9.uploads.ru/cerfK.gif
http://s7.uploads.ru/SAJrs.gif
http://se.uploads.ru/Ch7Xn.gif
http://sd.uploads.ru/kIqVl.gif
http://s8.uploads.ru/wu3E2.gif
http://s6.uploads.ru/4LMkD.gif
http://s0.uploads.ru/J8cVj.gif
http://s7.uploads.ru/sBvHm.gif
http://s9.uploads.ru/w6Ie2.gif
http://s6.uploads.ru/XZpLY.gif
http://s0.uploads.ru/0VB3G.gif
http://s1.uploads.ru/YCEpr.gif
http://sg.uploads.ru/JCQER.gif
http://s0.uploads.ru/btQGn.gif
http://sf.uploads.ru/c34bg.gif
http://sf.uploads.ru/v9F5K.gif
http://s8.uploads.ru/f7Nza.gif
http://sg.uploads.ru/9DmGu.gif
http://s8.uploads.ru/7oi26.gif
http://se.uploads.ru/gEm4a.gif
http://s6.uploads.ru/lw37j.gif
http://sg.uploads.ru/NsHac.gif
http://s9.uploads.ru/B1hIQ.gif
http://s1.uploads.ru/sdoeH.gif
http://s8.uploads.ru/jzpJQ.gif
http://sf.uploads.ru/XRbEC.gif
http://s2.uploads.ru/bsr7W.gif
http://s5.uploads.ru/00o5F.gif
http://s7.uploads.ru/06l2e.gif
http://s0.uploads.ru/U1KWd.gif
http://sf.uploads.ru/dXWxo.gif
</div>
==123==;*/
} add_ = add_.toString().split('==123==;')[1].replace('smielespoil',id);
$(add_).insertBefore('#form-buttons table:first');
}());
</script>
<script type="text/javascript">
(function (){
var id ='smielespoil' +(+new Date()%40000);
var icon = 'https://i.imgur.com/Yok57A6.png'; //Иконка;
setIDsm(icon,id);function add_(){/*==123==;
<div class=smileDiv id=smielespoil style="display:none" alt>
http://s2.uploads.ru/t/YhEou.gif
http://s7.uploads.ru/0XcIH.gif
http://sg.uploads.ru/kQRz0.gif
http://sf.uploads.ru/aC7WV.gif
http://sa.uploads.ru/NQ6Kh.gif
http://sf.uploads.ru/WfXEO.gif
http://sf.uploads.ru/rNbK7.gif
http://sg.uploads.ru/kWqds.gif
http://s1.uploads.ru/YrTn8.gif
http://s8.uploads.ru/biKRU.gif
http://s2.uploads.ru/rJhpK.gif
http://s1.uploads.ru/Hev6u.gif
http://s6.uploads.ru/I7ovW.gif
http://s5.uploads.ru/MBzg6.gif
http://s1.uploads.ru/V3H2A.gif
http://s7.uploads.ru/TOXef.gif
http://s9.uploads.ru/woPdi.gif
http://s5.uploads.ru/hg20N.gif
http://se.uploads.ru/9KdwA.gif
http://s2.uploads.ru/tVkFj.gif
http://sf.uploads.ru/5MyAb.gif
http://s8.uploads.ru/Tytd5.gif
http://sf.uploads.ru/YAVDF.gif
http://s6.uploads.ru/nPohO.gif
http://sh.uploads.ru/Pafes.gif
http://se.uploads.ru/RpDP6.gif
http://s0.uploads.ru/1opqw.gif
http://s0.uploads.ru/0xMUf.gif
http://s6.uploads.ru/GpCgn.gif
http://s9.uploads.ru/zRIWq.gif
http://sd.uploads.ru/ycFVH.gif
http://s3.uploads.ru/GC3mP.gif
http://s5.uploads.ru/oZrOf.gif
http://sa.uploads.ru/rJLav.gif
http://s5.uploads.ru/msbtz.gif
http://s8.uploads.ru/1xYIN.gif
http://s4.uploads.ru/fP8xa.gif
http://sf.uploads.ru/8vmIV.gif
http://se.uploads.ru/16Jip.gif
http://s3.uploads.ru/uzrxt.gif
http://s1.uploads.ru/Yfbes.gif
http://se.uploads.ru/D38e9.gif
http://se.uploads.ru/KaLgT.gif
http://s3.uploads.ru/RFgd1.gif
http://s2.uploads.ru/1UWvR.gif
http://s6.uploads.ru/4WTYX.gif
http://s2.uploads.ru/dC1rp.gif
http://s2.uploads.ru/emiC5.gif
http://sh.uploads.ru/OiFZb.gif
http://s1.uploads.ru/sQ0gI.gif
http://sg.uploads.ru/jcWwv.gif
http://s6.uploads.ru/L5O3h.gif
http://s1.uploads.ru/udbZC.gif
http://s2.uploads.ru/6vMdz.gif
http://sh.uploads.ru/Q7KOR.gif
http://s5.uploads.ru/ix3DO.gif
http://s3.uploads.ru/OMC18.gif
http://s0.uploads.ru/JZnkt.gif
http://sh.uploads.ru/V6H27.gif
http://s1.uploads.ru/jA04w.gif
http://sa.uploads.ru/WocaL.gif
http://s9.uploads.ru/HgFt6.gif
http://se.uploads.ru/cHIjO.gif
http://sh.uploads.ru/R7rwK.gif
http://s4.uploads.ru/yuUGF.gif
http://se.uploads.ru/iUSbX.gif
http://s8.uploads.ru/qXKpJ.gif
http://s8.uploads.ru/rtDTa.gif
</div>
==123==;*/
} add_ = add_.toString().split('==123==;')[1].replace('smielespoil',id);
$(add_).insertBefore('#form-buttons table:first');
}());
</script>
<script type="text/javascript">
(function (){
var id ='smielespoil' +(+new Date()%40000);
var icon = 'https://i.imgur.com/08wmS6F.png'; //Иконка;
setIDsm(icon,id);function add_(){/*==123==;
<div class=smileDiv id=smielespoil style="display:none" alt>
http://sd.uploads.ru/X42Lb.gif
http://sg.uploads.ru/HxC6f.gif
http://s8.uploads.ru/f2yW6.gif
http://sg.uploads.ru/xqKvO.gif
http://sf.uploads.ru/a9obq.gif
http://s1.uploads.ru/s8IHJ.gif
http://s2.uploads.ru/DRvdB.gif
http://s1.uploads.ru/09zJx.gif
http://se.uploads.ru/ZX0eQ.gif
http://s5.uploads.ru/V10wW.gif
http://s6.uploads.ru/gdZxy.gif
http://s2.uploads.ru/7NPKh.gif
http://sh.uploads.ru/isDjg.gif
http://s2.uploads.ru/XNgcr.gif
http://s5.uploads.ru/QeR19.gif
http://s0.uploads.ru/8l7sv.gif
http://s3.uploads.ru/3eLfZ.gif
http://s8.uploads.ru/0KQwB.gif
http://s5.uploads.ru/bVAcT.gif
http://s7.uploads.ru/gBMNG.gif
http://s5.uploads.ru/0lwkS.gif
http://s9.uploads.ru/OSFtz.gif
http://s4.uploads.ru/9J3a5.gif
http://s5.uploads.ru/8I1X6.gif
http://se.uploads.ru/Zw9Gs.gif
http://s8.uploads.ru/EFi2k.gif
http://sh.uploads.ru/fYNiW.gif
http://sd.uploads.ru/C8oQb.gif
</div>
==123==;*/
} add_ = add_.toString().split('==123==;')[1].replace('smielespoil',id);
$(add_).insertBefore('#form-buttons table:first');
}());
</script>

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

<!-- Скрыть надпись "Объявление" -->
<style> #pun-announcement h2 span{display:none;}</style>

<script type="text/javascript">
var nabor2 = ['http://smayly.ru/gallery/big/vkVlad/7.png',
'http://smayly.ru/gallery/big/vkVlad/19.png',
'http://smayly.ru/gallery/big/vkVlad/8.png',
'http://smayly.ru/gallery/big/vkVlad/14.png',
'http://smayly.ru/gallery/big/vkVlad/16.png',
'http://smayly.ru/gallery/big/vkVlad/5.png',
'http://smayly.ru/gallery/big/vkVlad/23.png',
'http://smayly.ru/gallery/big/vkVlad/20.png',
'http://smayly.ru/gallery/big/vkVlad/4.png',
'http://smayly.ru/gallery/big/vkVlad/12.png',
'http://smayly.ru/gallery/big/vkVlad/15.png',
'http://smayly.ru/gallery/big/vkVlad/9.png',
'http://smayly.ru/gallery/big/vkVlad/11.png',
'http://smayly.ru/gallery/big/vkVlad/6.png',
'http://smayly.ru/gallery/big/vkVlad/2.png',
'http://smayly.ru/gallery/big/vkVlad/3.png',
'http://smayly.ru/gallery/big/vkVlad/1.png',
'http://smayly.ru/gallery/big/vkVlad/22.png',
'http://smayly.ru/gallery/big/vkVlad/18.png',
'http://smayly.ru/gallery/big/vkVlad/17.png',
'http://smayly.ru/gallery/big/vkVlad/10.png'];

var nabor3 = ['http://sa.uploads.ru/9JkpR.png',
'http://s4.uploads.ru/OB5x0.png',
'http://sa.uploads.ru/eD5pm.png',
'http://sf.uploads.ru/fDGQV.png',
'http://se.uploads.ru/3BynU.png',
'http://s9.uploads.ru/WD5Ob.png',
'http://s7.uploads.ru/0Iw5l.png',
'http://sh.uploads.ru/ItGx9.png',
'http://sa.uploads.ru/OXRGe.png',
'http://sf.uploads.ru/eMtBk.png',
'http://s7.uploads.ru/jLGdU.png',
'http://funkyimg.com/i/2rKA4.png',
'http://funkyimg.com/i/2rKA3.png',
'http://funkyimg.com/i/2rKA1.png',
'http://funkyimg.com/i/2rKzZ.png',
'http://funkyimg.com/i/2rKzY.png',
'http://funkyimg.com/i/2rKzX.png',
'http://funkyimg.com/i/2rKzW.png',
'http://funkyimg.com/i/2rKA2.png',
'http://funkyimg.com/i/2rKAa.png',
'http://funkyimg.com/i/2rKA9.png',
'http://funkyimg.com/i/2rKA8.png',
'http://funkyimg.com/i/2rKA7.png',
'http://funkyimg.com/i/2rKA6.png',
'http://funkyimg.com/i/2rKA5.png',
'http://funkyimg.com/i/2rKAj.png',
'http://funkyimg.com/i/2rKAi.png',
'http://funkyimg.com/i/2rKAh.png',
'http://funkyimg.com/i/2rKAB.png',
'http://funkyimg.com/i/2rKAA.png',
'http://funkyimg.com/i/2rKAz.png',
'http://funkyimg.com/i/2rKAE.png',
'http://funkyimg.com/i/2rKAD.png',
'http://funkyimg.com/i/2rKAC.png',
'http://funkyimg.com/i/2rKAX.png',
'http://funkyimg.com/i/2rKAW.png',
'http://funkyimg.com/i/2rKAV.png',
'http://funkyimg.com/i/2rKAU.png',
'http://funkyimg.com/i/2rKAn.png',
'http://funkyimg.com/i/2rKAm.png',
'http://funkyimg.com/i/2rKAk.png',
'http://funkyimg.com/i/2rKB8.png',
'http://funkyimg.com/i/2rKB7.png',
'http://funkyimg.com/i/2rKB6.png',
'http://funkyimg.com/i/2rKAT.png',
'http://funkyimg.com/i/2rKAS.png',
'http://funkyimg.com/i/2rKB9.png'];

var nabor4 = ['https://i.imgur.com/0UaYFwv.png',
'https://i.imgur.com/TKPAWqw.png',
'https://i.imgur.com/hYvUrF9.png',
'https://i.imgur.com/9t4bpth.png',
'https://i.imgur.com/sXvhIpQ.png',
'https://i.imgur.com/RQQTjZG.png',
'https://i.imgur.com/Rm2mpBz.png',
'https://i.imgur.com/0Voazn3.png',
'https://i.imgur.com/7NEjQsm.png',
'https://i.imgur.com/Iabg2NV.png',
'https://i.imgur.com/6CQZ7UB.png',
'https://i.imgur.com/eM39EqL.png',
'https://i.imgur.com/AzceGOt.png',
'https://i.imgur.com/BxKFwS2.png',
'https://i.imgur.com/5hoHjX6.png',
'https://i.imgur.com/8MGXwSc.png',
'https://i.imgur.com/0azfZi8.png',
'https://i.imgur.com/yxRvEKO.png',
'https://i.imgur.com/EDxSU42.png',
'https://i.imgur.com/mOq0hYD.png',
'https://i.imgur.com/JN0wxSP.png',
'https://i.imgur.com/1SzwLBS.png',
'https://i.imgur.com/RIENAzT.png',
'https://i.imgur.com/dAqEPZp.png',
'https://i.imgur.com/6pHU5AK.png'];
$(document).ready(function() {
$('#smilies-block').addClass('t1');
$('#smilies-area').prepend('<div id="wrapper"><ul class="tabs tabs1" onclick="return changeVisibility (\'smilies-area\', false)"><li class="t1 tab-current"><a>эмоджи вк</a></li><li class="t2"><a>Влад</a></li><li class="t3"><a>kakao talk</a></li><li class="t4"><a>котик</a></li></ul><div class="t2"></div><div class="t3"></div><div class="t4"></div></div>');
$.each(nabor2, function(i) {
$('div.t2').append('<img src="'+nabor2[i]+'" onclick=smile(\'--\') />');
});
$.each(nabor3, function(i) {
$('div.t3').append('<img src="'+nabor3[i]+'" onclick=smile(\'--\') />');
});
$.each(nabor4, function(i) {
$('div.t4').append('<img src="'+nabor4[i]+'" onclick=smile(\'--\') />');
});
$('ul.tabs.tabs1 li').click(function(){
var thisClass = this.className.slice(0,2);
$('div.t1, div.t2, div.t3, div.t4,').hide();
$('div.' + thisClass).fadeToggle('slow');
$('ul.tabs.tabs1 li').removeClass('tab-current');
$(this).addClass('tab-current');
}); });
</script>

<!-- Всплывающая таблица с вкладками, в топике, с инфой о персонаже -->
<style type="text/css">
/*Подвижка иконки*/
img.a-info{
    margin-top: -10px;
  width:15px;  /*Размер иконки*/-173px!important
}
img.post-img-Sp.a-info {
    margin-left: 170px;
    margin-top: -8px!important;
    position: absolute;
}
ul.my-tabs {
width: 700px;!important
}
.my-tabs>span{
    font: normal 400 16px "bebas_neue_regularregular"!important;
}

/*Подвижка всплывающей подсказки иконки*/
.tipsy.a-info{
  margin-top: -1px!important;
  margin-left:-6px!important;
  font: normal normal 400 11px/16.5px Verdana;
}
/*сдвиг таблицы*/ .my-tabs{
  margin-top: -73px;  /*сдвиг таблицы вверх от положения иконки*/
  margin-left:100px;  /*сдвиг таблицы вправо от положения иконки*/
}
/*Цвет фона и бордюров таблицы*/
.my-tabs>.tab-a,.my-tabs>span{
  background: transparent!important;
}
</style>
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0019/3a/84/78375.css" />
<script img-data="https://i.imgur.com/58nNehs.png" src="https://forumstatic.ru/files/0019/3a/84/66247.js"  forum="26"></script>
<!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// -->

<!-- Включаем HTML в Постах в Вспл.табличке-->
<script type="text/javascript">
$(function(){$('img.a-info,.my-tabs>span').live('click',function(){$("li.tab-a").map(function(){HTMLinPost.parseTags($(this).attr("data-group-id",0))});});});
</script>

<!--Рабочий хтмл-->
<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>

<script type="text/javascript">
if ($('#post').length) {
var ft; var i; var ft_f; var j = "";
ft = document.getElementById("font-area");

var ft_f = new Array();
ft_f.push('Lora');
ft_f.push('Roboto');
ft_f.push('Bebas Neue');
ft_f.push('Playfair Display');
ft_f.push('Ramaraja');
ft_f.push('Kaushan Script');
ft_f.push('Font Awesome');
ft_f.push('Neucha');
ft_f.push('Open Sans Condensed');
ft_f.push('Lobster');
ft_f.push('Bodoni');
ft_f.push('BrushType Normal');
ft_f.push('DS StandartCyr');
ft_f.push('Deftone Stylus');

for (i in ft_f) {
j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] +  "</span><img src='/i/blank.gif' onclick=\"bbcode('[";
j += "font=" + ft_f[i];
j += "]','[/font]')\" /></div>";
ft.innerHTML += j;
}}
</script>

<style type="text/css">
.pa-online {
display:none;
}
li.pa-last-visit {
    display: none;
}
</style>

<script  type="text/javascript"> var L0='<img class="imgON_Off" src="';
    var L1='" style="margin-left: 75px;display:block" />';
    var ImgON="https://i.imgur.com/uXcOkJT.png";  // Картинка Online;
    var ImgOff="https://i.imgur.com/i8xoxkK.png";  // Картинка OffLine;
    $("#pun-viewtopic .post .post-author > ul").each(function ()   {
    if ($(this).find(".pa-online").html()!=null){$(this).append(L0+ImgON+L1)
        }else $(this).append(L0+ImgOff+L1);
    });
</script>
                         

<div style="overflow: scroll; overflow-x: hidden; height: 40px; width: 650px; margin-left: -43px; position: absolute; margin-top: -25px;" id="fff">

<a href="http://yourphoenix.rusff.me/" target=_blank> <img src="http://gifok.net/images/2015/10/14/file5.gif" border="0"alt="Phoenix" width=88 height=31></a> <a href="http://checkpoint.rusff.me"><img src="http://funkyimg.com/i/2CpR6.gif"></a> <a href="http://redbus.rusff.me/" title="RED BUS" target="_blank"><img src="http://funkyimg.com/i/2zB3B.gif" width="88px" height="31px"></a> <a href="http://chaostheory.f-rpg.ru/" target="_blank"><img src="https://forumstatic.ru/files/0017/c1/22/63506.png" title="chaos theory" border="0" width="88" height="31"></a> <a target="_blank" href="http://unirole.rusff.me/" title="uniROLE"><img src="https://i.imgur.com/rfGdijp.jpg" alt="Кроссовер uniROLE" width="88" height="31" border="0"></a> <a href="http://rezeroed.rusff.me/" alt="rebel key: crossover" target="_blank"><img src="http://funkyimg.com/i/2DuJo.png"></a> <a href="http://crossfeeling.rusff.me/" target="_blank">
<img src="https://i.imgur.com/JR0jnZu.png"
title="crossfeeling"
border="1" width="88" height="31"></a> <a href="http://cityofanarchy.rusff.me/" target="_blank"><img src="http://se.uploads.ru/DGyaU.gif" border="" width="88" height="31" title="Cleveland. City of anarchy" ></a> <a href="http://seattle228.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/0018/e4/2a/78327.png" title="SEATTLE" border="0" width="88" height="31"></a> <a href="http://pixels.rusff.me/"><img src="http://funkyimg.com/i/21DbQ.gif" title="пиксуй с нами"></a> <a href="http://brighton.mybb.ru/" target="_blank"><img src="http://funkyimg.com/i/2a9PK.gif"  title="Не боишься, что кое-кто все про тебя расскажет?"></a> <a href="http://wearethefuture.rusff.me/" title="REVOLT"><img src="http://i.imgur.com/3fj04bc.gif"></a> <a href='http://timetocross.rusff.me/'><img src='http://s9.uploads.ru/y28sC.png' /></a> <a href="http://korean-academy.ru/" title="KOREAN ACADEMY"><img src="https://i.imgur.com/gcFbCsV.gif" target="_blank" border="0" width="88" height="31"></a> <a href="http://sevenluck.rusff.me/" title="Seven Luck"><img src="http://funkyimg.com/i/2e2fd.png"></a>  <a href="http://docnight.rusff.me/" target="_blank"><img title="Doctor Who: Night terror" src="http://s6.uploads.ru/t/QDk13.gif"></a> <a href="http://pleasantville.rusff.me/"><img src="http://i.imgur.com/Jgi9Szn.png" title="your guilty pleasure"></a> <a href="http://jumpstreet.rusff.me"><img src="https://i.imgur.com/35X2LTe.gif"></a> <a href="http://stargasm.rusff.me"><img src="http://i.imgur.com/X9aT6zA.gif"></a> <a href="http://lakehorror.rusff.me/" target=_blank><img src="https://i.imgur.com/C8wtX1q.gif" border="0" title="FARADAY SHIELD" width="88" height="31"></a>
<a title="Ходячие Мертвецы, 18+" href="http://thewalkingdead.f-rpg.ru/" target="_blank"><img src="https://forumstatic.ru/files/0019/34/22/72591.gif" alt="the WALKING DEAD" width="88" height="31" /></a>
<a href="http://pestilences.rusff.me/" title="Pestilence in Seoul"><img src="http://funkyimg.com/i/2gmYG.gif" target="_blank" border="0" width="88" height="31"></a>
<a href="http://overlook.rusff.me/"><img src="http://i.imgur.com/7ImMMd9.gif" title="OVERLOOK"></a><a href="http://overload.rusff.me/"><img src="http://sg.uploads.ru/9LgxZ.png" title="OVERLOAD"></a> <a href="http://hof.rusff.me/" target="_blank"><img src="http://se.uploads.ru/zNvwn.jpg" border="0" width="88" height="31" title="House of Cards" alt="House of Cards"></a> <a href="http://manhattanlife.ru/"><img src="http://s1.uploads.ru/i/B4xRo.gif" title="Manhattan"></a> <a href="http://crossray.rusff.me/"><img src="http://funkyimg.com/i/2D5So.jpg" title="CROSSRAY"></a> <a target="_blank" href="http://storycross.rusff.me" title="storycross "><img src="https://i.imgur.com/3k4gyET.jpg" alt="storycross" width="88" height="31" border="0"></a>
<a href="http://planecross.f-rpg.ru/"><img src="http://i103.fastpic.ru/big/2018/0312/fc/17c8a9c10d94fd5d45ec7c9c347292fc.gif" title="planescape::crossover" border="0"></a> <a href="http://nuclearcross.rusff.me/" title="1984"><img src="http://funkyimg.com/i/2C3FT.gif"></a>
<a href="http://touchtoyou.rusff.me" target="_blank"><img src="http://funkyimg.com/i/2DZjy.png"></a> <a href="http://youngmenace.rusff.me" title="NARUTO: YOUNG & MENACE"><img src="https://forumstatic.ru/files/0019/84/57/32585.gif"></a> <a href="http://twsomnia.rusff.me/" target="_blank"><img src="http://s7.uploads.ru/t/eruSi.gif" alt="» я знаю о твоих кошмарах " width=88 height=32></a> <a href="http://gorgorod.rolbb.ru"><img src="http://funkyimg.com/i/2FXbe.gif" alt="Горгород" target="_blank"></a>
</div>

15

соул ночной

верх

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

/* A1 Import the colour scheme
-------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family= … n,cyrillic);
@import url(http://fonts.googleapis.com/css?family= … n,cyrillic);
@import 'https://fonts.googleapis.com/css?family=Playfair+Display:700i&subset=cyrillic';
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sansita');
@import url(http://allfont.ru/allfont.css?fonts=playfair-display);
@import url('https://fonts.googleapis.com/css?family=Ramaraja');
@import url('https://fonts.googleapis.com/css?family=Kaushan+Script');
@import url('https://forumstatic.ru/files/0018/25/ef/94590.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');
@import url('https://forumstatic.ru/files/0017/da/f3/14084.css');
@import url('https://fonts.googleapis.com/css?family=Neucha');
@import url('https://forumstatic.ru/files/0017/da/f3/98766.css');
@import url('https://forumstatic.ru/files/0017/da/f3/80658.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@import url(http://allfont.ru/allfont.css?fonts=lobster);
@import url('https://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic');
@import url('https://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic');
@import url(http://allfont.ru/allfont.css?fonts=bodoni);
@import url(http://allfont.ru/allfont.css?fonts=brushtype-normal);
@import url(http://allfont.ru/allfont.css?fonts=ds-standartcyr);
@import url(http://allfont.ru/allfont.css?fonts=deftone-stylus);
@import "http://fonts.fontstorage.com/import/crimsonroman.css";

/* A1.1 */
@import url(style_cs.css);
@import "http://fonts.fontstorage.com/import/firasans.css";

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

/* 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.0em;
    font-weight: normal;
}

/* 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: 968px;
  float: top center;
  padding: 0px 0px 0px 0px;}

/* A5.2 */
.punbb {
  margin-left: 10px;
  float: none;
  width:885px;
  height: auto;
  }

/* A5.3 страница переадресации*/
#pun-redirect, #pun-maint {
  margin: 0;
  width: auto;
  float: none;
    background-image: url(https://forumstatic.ru/files/0019/af/eb/23873.jpg);
}
  }

/* 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 {
    font-size: 12px;
    font-weight: bold !important;
    font-family: 'Fira Sans';
    text-transform: uppercase;
    padding: 3px 0 3px 0;
    background-color: #7f7f7a5c;
    width: 892px;
    margin-left: -2px;
}

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

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

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

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

/* 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-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 {
  padding: 1em;
margin: 5px 15px 15px 10px;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 5px;
    font-size: 12px;
    letter-spacing: 0.4px;
    border-bottom: 1px dashed rgb(32, 28, 27);
    font-style: normal;
    font-weight: bold;
    font-family: 'Fira Sans';
    margin-bottom: 1px;
    color: #0a0a0a;
}

/* 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: -18px;
    left: 1em;
    width: 24em;
}

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -18px;
  right: 1em;
  width: 16em;
  text-align: right;
  }

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

/* 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: 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: 5px;
    margin: 0 0 0 -15px;
    font-family: tahoma;
    font-size: 10px;
    text-transform: uppercase;
}

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

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

/* 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-style: normal;
    font-family: 'Fira Sans';
    font-size: 12px;
    text-transform: uppercase;
    background-color: #828282;
    background-image: url(https://forumstatic.ru/files/0019/af/eb/23873.jpg);
    padding: 4px 3px 3px 3px;
    margin-bottom: 4px;
}

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

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

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

/* C2.12 */
.punbb .main th {
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    padding: 0.4em 1em 0.4em 1em;

}

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

    * html .tclcon {height: 1px}

/* C2.14 */
#pun-index td div.tclcon {
    width: 350px;
    font-size: 10px;
    line-height: 11px;
    text-align: justify;
    margin-left: 45px;
}
 
/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
    height: 37px;
    width: 37px;
}

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

/* C3 Topics

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

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
  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,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;

  }

/* CS2.5 */
.punbb th {
  border-color: transparent ;

  }

/* CS2.6 */

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;

  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent ;

  }

.punbb .divider {
  border-color: transparent;

  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent ;

  }

li.pa-online {
  border-left-color: transparent;
  margin-bottom: 10px;

  }

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

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

/* C3.3 */
.punbb .post h3 span {
    padding: 0.5em 1em;
    display: block;
    /* margin-left: 19em; */
    border-left-style: solid;
    border-left-width: 1px;
}

/* 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: 212px;
  margin-top: -1.5em;
  overflow: hidden;
}

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

/* C3.7 */
.pa-author {
    font-size: 16px;
    margin-top: 5px;
    letter-spacing: -1px;
}

/* C3.8 */
.pa-author a {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: bold;
}

/* C3.9 */
li.pa-title {
    font-weight: normal;
    font-family: verdana;
    font-size: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
}

li.pa-online {
    margin-top: 0.7em;
    font-size: 9px;
    font-family: verdana;
}

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

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

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

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

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  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.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;
  text-align:left!important;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }

/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }

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

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

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

/* 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 {
    text-align: center;
    margin-top: -26px;
    font-style: normal;
    font-family: 'Fira Sans';
    font-size: 11px;
    text-transform: uppercase;
}

/* 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-left: -56px;
  margin-top: 5px;
  }

/* D4.2 */
#pun-ulinks .container {
  text-align: center;
  text-transform: lowercase;
    margin-top: 0px;
  }

/* 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 {
    margin: 30px 0px 0px 10px;
}

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

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

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

/* 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%;
margin-top: 5px;
  }

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

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

низ

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

/* Фон */
html, body { background:
  url("https://forumstatic.ru/files/0019/af/eb/93707.jpg") repeat-x top left,
  url("https://forumstatic.ru/files/0019/af/eb/88894.jpg") center; background-color : #080808;
}

/* Шапка */
#pun-title table {
background-image : url(https://forumstatic.ru/files/0019/af/eb/60618.png);
background-repeat : no-repeat;
background-position: top center;
border: none;
width: 1200px;
height: 409px;
margin-left: -157px;}

/* Тело форума */
#pun {
width: 968px;
background-color: transparent;
background-image: url(https://forumstatic.ru/files/0019/af/eb/30006.jpg);
background-attachment: scroll;
background-repeat: repeat;
background-position: top center;}

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

/* Футер */
#pun-about p.container {
background-image : url(https://forumstatic.ru/files/0019/af/eb/18549.jpg);
margin: 0px 0px -30px -40px;
background-position : center top;
background-repeat : no-repeat;
width: 968px;
height: 150px;
overflow-x: hidden;}


/* 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: #111011;
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: #111011;
text-align:center;
font-size: 12px;
font-style: normal; font-weight: bold; font-family: "arial";
}

/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
    background-image: url(https://forumstatic.ru/files/0019/af/eb/23873.jpg);
    background-color: #aba9a2;
    color: #381f20 !important;
    box-shadow: 0px -20px 0 -18px #52514e, 0px 20px 0 -18px #844649, inset 0 0 0px 1px #b5b5ad;
    border: 3px #90908a12 solid;
}

/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
    background-image : url(https://forumstatic.ru/files/0019/af/eb/23873.jpg);
    background-color: #aba9a2;
    color: #381f20 !important;
}

/* Тень и закругление */
.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-image : url(https://forumstatic.ru/files/0019/af/eb/23873.jpg);
    background-color: #aba9a2;
}


/* 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: #0e0e0f;
  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-navlinks a:focus, #pun-navlinks a:active, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #0e0e0f;
  text-decoration: none;
  }

.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover {
  color: #5b322f;
  text-decoration: none;
  }

#pun-ulinks a {
    font-size: 9px;
    color: #5b322f;
    font-family: 'verdana';
    font-weight: normal;
}

#pun-ulinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  text-decoration: underline;
  color: #211f1d;
}

#pun-navlinks a, #pun-navlinks .container {
    color: #211f1d;
    padding: 2px 2px 2px 2px;
}

#pun-navlinks a:hover {
  color: #c8c5bc !important;
  padding: 2px 2px 2px 2px;
  background-color: #5b322f;
}

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

/* CS3.1 Иконки*/

div.icon {
        background: url(https://forumstatic.ru/files/0019/af/eb/33421.jpg) no-repeat;
}

tr.inew div.icon {
        background: url(https://forumstatic.ru/files/0019/af/eb/37222.jpg) no-repeat;
}

tr.iclosed div.icon {
        background: url(https://forumstatic.ru/files/0019/af/eb/59343.jpg) no-repeat;
}

tr.isticky div.icon {
        background: url(https://forumstatic.ru/files/0019/af/eb/95820.jpg) 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: block;}
#pun-stats h2 span {visibility: visible;}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}

/*---Прокрутка---*/
::-webkit-scrollbar{
width: 6px;
height: 4px;
background-color: #aeada5;
border:solid 1px #0d0d0d;}

::-webkit-scrollbar-thumb{
background-color: #5b322f;
}

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

::selection {
background: #5b322f !important;
color: #c2c1b8;
}

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

.topic .post {
  margin-left:10px;
}

/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background:url(https://forumstatic.ru/files/0019/af/eb/28694.jpg) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin:12px 0!important;
}
.punbb .post .post-author > ul {
    background: url(https://forumstatic.ru/files/0019/af/eb/18733.jpg) 0 top no-repeat, url(https://forumstatic.ru/files/0019/af/eb/99257.jpg) 0 bottom no-repeat;
    margin: -12px 0 -12px 0!important;
padding: 9px 9px 13px 9px!important;
}

li.pa-avatar.item2 img {
    border: 1px solid rgb(90, 51, 46);
    margin-left: 9px;
}

#pun-index div.category h2, #pun-index #pun-stats h2 {
    background-image: url(https://forumstatic.ru/files/0019/af/eb/93433.jpg);
    box-sizing: border-box;
    text-align: center;
    font-size: 12px !important;
    color: #c2c1ba;
    text-shadow: 0 0 15px #fff6;
    position: relative;
    z-index: 5;
    font-family: 'Fira Sans';
    letter-spacing: 0.5px;
    padding: 14px 40px 0;
    margin: 0px -12px 0px;
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    height: 41px;
    width: 912px;
}

td.tcr { 
background-repeat: no-repeat;
background-position: left center;
}

td.tcr a {
    color: #5b322f !important;
    background-repeat: no-repeat;
    background-position: left center;
    font-weight: bold;
}

.category .container thead {display: none;}

.subforlinks a {
    display: inline-block;
    font-family: 'Fira Sans';
    margin-top: 5px;
    color: #b4b4ac!important;
    font-size: 10px !important;
    background: #73403c;
    padding: 2px 3px 1px 3px;
}

.subforlinks a:hover {
    display: inline-block;
    font-family: 'Fira Sans';
    margin-top: 5px;
    color: #b4b4ac!important;
    font-size: 10px !important;
    background: #252122;
    padding: 2px 3px 1px 3px;
}

.infot:first-letter {
    color: #7f4845;
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
}

.adml {
    color: #7f4845 !important;
    font-size: 12px;
    font-style: italic;
    text-transform: uppercase;
    margin: 0px 6px 0px 6px !important;
}

.adml:hover {
    color: #5f5e5a !important;
    font-size: 12px;
    font-style: italic;
    text-transform: uppercase;
    margin: 0px 6px 0px 6px !important;
}


.bestpost {
    color: #9e9e9c;
    font-size: 9px;
    line-height: 10px;
    position: absolute;
    text-align: justify;
}

.bestpost img {
    float: left;
    padding-right: 5px;
    opacity: 0.5;
    filter: alpha(opacity=70);
}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    right: 6px;
    top: 43px;
    background-image: url(https://forumstatic.ru/files/0019/af/eb/23873.jpg);
    border: 1px solid;
}

/*РЕПУТАЦИЯ В ОДНУ СТРОКУ*/
#pun-reputation div {
background-image: url(https://i.imgur.com/1ubBvbG.png);
}
.pa-respect {
  display: inline-block; margin-left: -10px;
    text-align: center;
padding:0px 0px;
    width: 74px;
padding-bottom:5px!important;
text-transform: lowercase;
line-height:11px;
box-shadow: 0px 2px 1px
padding-top:6px!important;
font-size: 10px!important;
}
li.pa-respect a {
    color: #593131!important;
}
.pa-posts { margin-left: 20px;
  display: inline-block; margin-left: -10px;
    text-align: center;
padding:0px 0px;
    width: 72px;
padding-bottom:5px!important;
text-transform: lowercase;
line-height:11px;
box-shadow: 0px 2px 1px
padding-top:6px!important;
font-size: 10px!important;
color: #593131!important;
}
#post fieldset legend span {
display:none;
}

.lz{
height:250px;
width:200px;
border:6px groove #EEDD82;
border-bottom-left-radius: 50px;
background-color:#EEE8AA;
font-family:calibri;
font-size: 12px;
letter-spacing:0px
}
.line{
height:30px;
border-left:2px solid #cc0033;
background-color:#fc9;
padding-left:10px;
font-family:arial;
}

/*---новая тема---*/
.tema {width: 618px;
min-height:62px;
background: url(https://forumstatic.ru/files/0019/af/eb/86823.jpg) top no-repeat, url(https://forumstatic.ru/files/0019/af/eb/57639.jpg) bottom no-repeat, url(https://forumstatic.ru/files/0019/af/eb/72576.jpg) repeat-y;}
.teksrefresh {
    font-size: 25px;
    font-family: 'Fira Sans';
    text-align: center;
    margin-bottom: -27px !important;
    padding-top: 17px;
    text-transform: uppercase;
    color: #d8d8d3;
    text-shadow: 0px 0px 9px #e8e8e178;
}
.contentvnutri {
    width: 480px;
    text-align: justify;
    font-family: arial;
    padding: 20px 0px 20px 0px;
    font-size: 11px;
    color: #32181b!important;
    margin-top: 40px !important;
}
.contentvnutri a li {
    color: #554665!important;
}

.capscamp1 {
    position: absolute;
    margin-top: -50px!important;
    margin-left: -13px!important;
}

.persstat {
    width: 181px;
    text-align: justify;
    margin-top: -12px!important;
    /* border: 1px solid; */
    margin-left: 5px !important;
    padding: 0px 0px 0px 10px;
}

#firstname {
    text-align: center;
    padding: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    margin-left: -10px;
    margin-top: 5px;
    font-weight: bold;
    color: #5b3230!important;
    text-transform: lowercase;
}

#perstatinfo {
    line-height: 90%;
    margin-right: 5px;
    margin-left: -5px;
    font-size: 10px;
    font-family: monospace;
    color: #0b0b0b!important;
}

#money {
    text-align: center;
    padding-top: 8px;
    margin-left: -20px;
    color: #5a312d!important;
}

/* ----соц.сеть, первое соо---- */
.crawl {
   width: 450px; border-radius: 0px; background: #fff;
   margin: auto; overflow: hidden; border: solid 1px #fff;
   box-shadow: 1px 1px 15px rgba(0,0,0,.1); padding: 1px; text-align: center;
   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0;
}

.crawl .topper {
   width: 450px; height: 130px;
}

.crawl .head {
   background: linear-gradient(rgba(255,255,255,0)0%,rgba(255,255,255,1)35%);
   margin-top: -115px; height: 240px;
   overflow: hidden; text-align: center;
}

.crawl .avatar {
   border-radius: 50%; border: solid 5px #fff;
   width: 120px; height: 120px; margin: 50px auto 0 auto;
   box-shadow: none;
}

.crawl h3 {
   margin: -5px 20px 5px 20px; font: bold 20px roboto;
}

  .plac {
    color: #808080;
    margin: 25px;
    font: italic 10px roboto;
    font-weight: bold;
}

.crawl .bio {
   margin: 0 auto 20px auto; width: 240px;
   font: 10px/13px roboto; text-align: center;
}

.crawl img {
   width: 130px; height: 130px;
   display: inline-block; margin: 5px;
   border-radius: 5px;
   box-shadow: 1px 1px 5px rgba(0,0,0,.1);
}

.crawl .spacer {
   height: 10px;
}

/* ----соц.сеть, картинка ---- */

.howfar .bg, .howfar .pic {
}

.howfar {
   width: 350px; border-radius: 0px; background: #fff;
   margin: auto; overflow: hidden; border: solid 1px #fff;
   box-shadow: 1px 1px 15px rgba(0,0,0,.1); padding: 1px;
   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0;

}

.howfar .bg {
   width: 350px; height: 350px;
   filter: blur(10px); background-size: cover!important;
}

.howfar .pic {
   width: 300px; height: 300px;
   background-size: cover!important; border-radius: 5px;
   margin: -320px auto; position: relative;
   z-index: 200px; box-shadow: 1px 1px 15px rgba(0,0,0,.1);
}

.howfar .caption {
   margin-top: 350px; padding: 15px 20px 20px 20px;
   position: relative; z-index:200;
   font: 10px roboto; text-align: left;
}

.howfar .name {
   border-bottom: solid 1px #ddd;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 85px;
    font: bold 12px roboto;
}

.howfar .date {
   padding: 0 0 5px 85px; color: #777;
   margin: -20px 0 10px 0; font: italic 9px roboto;
}

.howfar img {
   border-radius: 50%; border: solid 5px #fff;
   width: 50px; height: 50px; margin: -45px 0 0 20px;
}

/* ----соц.сеть, картинка ---- */

.howfar .bg, .howfar .pic {
}

.howfar {
   width: 350px; border-radius: 0px; background: #fff;
   margin: auto; overflow: hidden; border: solid 1px #fff;
   box-shadow: 1px 1px 15px rgba(0,0,0,.1); padding: 1px;
   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0;

}

.howfar .bg {
   width: 350px; height: 350px;
   filter: blur(10px); background-size: cover!important;
}

.howfar .pic {
   width: 300px; height: 300px;
   background-size: cover!important; border-radius: 5px;
   margin: -320px auto; position: relative;
   z-index: 200px; box-shadow: 1px 1px 15px rgba(0,0,0,.1);
}

.howfar .caption {
   margin-top: 350px; padding: 15px 20px 20px 20px;
   position: relative; z-index:200;
   font: 10px roboto; text-align: left;
}

.howfar .name {
   border-bottom: solid 1px #ddd;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 85px;
    font: bold 12px roboto;
}

.howfar .date {
   padding: 0 0 5px 85px; color: #777;
   margin: -20px 0 10px 0; font: italic 9px roboto;
}

.howfar img {
   border-radius: 50%; border: solid 5px #fff;
   width: 50px; height: 50px; margin: -45px 0 0 20px;
}

/* -----блог-------*/
.tooltip2 {
  position: relative;
}
.tooltip2 > span { /* стиль появляющейся подсказки */
  position: absolute;
  width: 150px;
    top: 25%;
    left: 50%;
    margin-left: -20px;
visibility: hidden;
  margin: 0 auto;
  padding: .3em;
  font-size: 90%;
  background: #a88e7d;
  color: #663e3c;
  line-height: normal;
  cursor: auto;
  z-index: 500;
}
.tooltip2 span: before{
  content: '';
  position: absolute;
left: 0;
  right: 0;
  visibility: hidden;}
.tooltip2:hover > span,
.tooltip2:hover:before,
.tooltip2:hover:after,
.tooltip2:focus > span,
.tooltip2:focus:before,
.tooltip2:focus:after {
  visibility: visible;
}
.tooltip2:focus {
  outline: none;
}

/* —---------Добавки от Аки, без разрешения не трогать
-------------------------------------------------------------*/

#outersiliconapp { border-color: #ccc!important;}
.characternamesilicon { background: #a28a87; border-top-color: #4e545e!important; color: #4e545e; }
.characternamesilicon::before {color:#fff; }
#outersiliconapp [type="radio"]:checked+label::after {color:#3A3740; }
#outersiliconapp label { background: #a28a87;border-top-color: #4e545e!important; color: #fff;}
.siliconplayer { background:#3A3740; color:#fff; border-top-color:#a28a87!important; }
.siliconplayer::before { border-top-color: #a28a87!important;}
.siliconplayer::after {border-top-color:#a28a87!important; }
.siliconsidebar {background:#efefef; }
.siliconrightav { border-color: #fff!important; background:#3A3740; }
.siliconrightav img { border-color: #a28a87!important; }
.siliconsidebar ul { border-top-color:#ccc!important;}
.siliconsidebar li:nth-child(odd) {color:#aaa;}
.siliconsidebar li:nth-child(odd):first-letter { color:#3a3740; }
.siliconsidebar li:nth-child(even) { color:#a28a87; border-bottom-color: #ccc!important; }
.insidesiliconapp {background:#fff; border-color: #ccc!important; color:#aaa;}
.backgroundsiliconblue {background:#4e545e;}
.maps-credit a { color:#ccc!important; }

#silicongenout {border-color: #efefef!important;}
.silicongentitle { background: #a28a87; color: #fff; border-bottom-color: #fff!important; border-top-color: #4e545e!important;}
.silicongentext {color: #888; border-bottom-color: #a28a87!important; background-color: white;}
.silicon-title {color:#4e545e; border-bottom-color: #efefef!important;}
.silicon-title::after { color:#ccc; }
.maps-credit a {color:#ccc!important;}

ul.tabs li a {background-color: #633c3d!important; border-color: #4e545e!important; color: #fafafa!important;}
ul.tabs li a:hover { background-color: #633c3d!important; border-color: #4e545e!important; color: #fafafa!important;}
ul.tabs li a.active { background-color: #633c3d!important; border-color: #4e545e!important; color: #fafafa!important;}
.content {background-color: #fafafa!important; border-bottom-color: #a28a87!important; overflow-y: auto;}
#chrontxt { color: #fff!important;}
#chrnsmll {color: white!important;}
.chronspace {background-color: #a28a87!important; border-bottom-color: white!important; border-top-color: #4e545e!important; }

#moneypic { width: 25px; margin-right: 5px; margin-top: -6px; }

li.pa-title { font-family: monospace; font-size: 10px; text-transform: lowercase;}

li.pa-avatar.item2 {margin-bottom: 14px;}

a.tooltip { margin-right: 5px; margin-left: 5px;}
div#font-area { height: 300px!important; overflow-y: scroll; width: 150px;}
.pleerprof { position: absolute; margin-top: -15px!important;margin-left: 16px!important;}
li.pa-last-visit { margin-bottom: 2px; padding-bottom: 2px;}

16

хтмл верх

<style type="text/css">
div#fff a{
  opacity: .6;
  transition: all .3s ease;
  position: relative;
  z-index: 110000;
  height: 33px;
  display: inline-block;
}
div#fff a:hover {
  opacity: 1.0;
}
</style>

<style type="text/css">
@font-face {
font-family: 'Journalism';
src: url('https://forumstatic.ru/files/0019/3a/84/41036.eot'),
url('https://forumstatic.ru/files/0019/3a/84/44392.woff') format('woff'),
url('https://forumstatic.ru/files/0019/3a/84/11656.ttf') format('truetype'),
url('https://forumstatic.ru/files/0019/3a/84/50994.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}
</style>

<style type="text/css">
@font-face {
font-family: 'Solar';
src: url('https://forumstatic.ru/files/0019/3a/84/83935.eot'),
url('https://forumstatic.ru/files/0019/3a/84/54539.woff') format('woff'),
url('https://forumstatic.ru/files/0019/3a/84/66695.ttf') format('truetype'),
url('https://forumstatic.ru/files/0019/3a/84/59743.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}
</style>

<style type="text/css">
@font-face {
font-family: 'UpperEastSide';
src:
url('https://forumstatic.ru/files/0019/3a/84/60168.woff') format('woff'),
url('https://forumstatic.ru/files/0019/3a/84/52560.ttf') format('truetype'),
url('https://forumstatic.ru/files/0019/3a/84/86310.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}
</style>

<style>
.d1>.d2 {
  visibility:visible;
  opacity:1;
  position:absolute;
  z-index:100;
  transition:1s;
}
.d1:hover>.d2 {
  visibility:hidden;
  opacity:0;
}
</style>

<style>
.d3>.d4 {
  visibility:visible;
  opacity:1;
  position:absolute;
  z-index:100;
  transition:1s;
}
.d3:hover>.d4 {
  visibility:hidden;
  opacity:0;
}
</style>

<!--блог 2 и тандем-->
<div style="width: 275px;top: 305px;height: 45px;margin-left: 610px;position:absolute;z-index:100;overflow:hidden;/* border: 1px solid red; */">
<div id="counters">
<a href="http://seoulsoul.rusff.me/viewtopic.php?id=80" target="_blank"><img src="https://i.imgur.com/YqHSqMF.png" title="@Kim Kibum" width="131" border="0" height="42"></a>
<a href="ссылка на профиль" target="_blank"><img src="https://i.imgur.com/9snGUDz.png" title="тандем: Min Jennie & Min Joohyun" width="131" border="0" height="42"></a>
</div>
</div>

<!--Лучший пост-->
<div class="bestpost" style="height: 80px;width: 261px;top: 217px;margin-left: 610px;position:absolute;z-index:100;padding-right: 4px;overflow-y:auto;/* border: 1px solid red; */">
<a href="http://seoulsoul.rusff.me/viewtopic.php?id=1725#p210776"><img src="https://i.imgur.com/is22kGa.png" title="Yeo Changgu"></a>первое, что делает чангу,  это шумно сглатывает. пауза затягивается, адачи перед ним согнувшись пополам, с натянувшейся кожей и выступающими позвонками. иероглиф, что затерялся между третьим и четвертым, чангу знает каждую черную линию, знает, как правильно написать его на бумаге, и знает его значение.
дом
самая большая ирония в жизни, чангу не стремился найти свой домашний очаг и беспечную старость в окружении близких, чангу не горел желанием заводить семью и что-то в подобном ключе, или что там приходит на ум, когда проводишь ассоциативный ряд с этим словом.
и где-то тут обязательно размещены скрытые камеры.
</div>

<!--Эпизод и блог-->
<div style="width: 275px;top: 165px;height: 45px;margin-left: 610px;position:absolute;z-index:100;overflow:hidden;/* border: 1px solid red; */">
<div id="counters">
<a href="http://seoulsoul.rusff.me/viewtopic.php?id=1848" target="_blank"><img src="https://i.imgur.com/iWLcDqA.png" title="лучший эпизод:fb. шаг в сторону — пропасть" width="131" border="0" height="42"></a>
<a href="http://seoulsoul.rusff.me/viewtopic.php?id=519" target="_blank"><img src="https://i.imgur.com/9Ib1LpD.png" title="@syub" width="131" border="0" height="42"></a>
</div>
</div>

<!--Ссылки-->
<div style="width: 275px;top: 120px;height: 35px;margin-left: 610px;position:absolute;z-index:100;overflow:hidden;text-align: center;/* border: 1px solid red; */">
<a class="adml" href="http://seoulsoul.rusff.me/viewtopic.php?id=2" target="_blank">сюжет</a>
<a class="adml" href="http://seoulsoul.rusff.me/viewtopic.php?id=3" target="_blank">вакансии</a>
<a class="adml" href="http://seoulsoul.rusff.me/viewtopic.php?id=5" target="_blank">правила</a>
<a class="adml" href="http://seoulsoul.rusff.me/viewtopic.php?id=1806" target="_blank">гостевая</a>
<a class="adml" href="http://seoulsoul.rusff.me/viewtopic.php?id=66" target="_blank">внешности</a>
<a class="adml" href="http://seoulsoul.rusff.me/viewtopic.php?id=7" target="_blank">нужные</a>
</div>

<!--Администрация-->
<div style="width: 275px;top: 310px;height: 45px;margin-left: 4px;position:absolute;z-index:100;overflow:hidden; text-align: center; /* border: 1px solid red; */">
<a class="adml" href="http://seoulsoul.rusff.me/profile.php?id=13" target="_blank">Hoseok</a>
<a class="adml" href="http://seoulsoul.rusff.me/profile.php?id=262" target="_blank">Junghyuk</a>
<a class="adml" href="http://seoulsoul.rusff.me/profile.php?id=6" target="_blank">Jimin</a>
<a class="adml" href="http://seoulsoul.rusff.me/profile.php?id=9" target="_blank">Yoongi</a>
<a class="adml" href="http://seoulsoul.rusff.me/profile.php?id=5" target="_blank">Taehyung</a>
<a class="adml" href="http://seoulsoul.rusff.me/profile.php?id=4" target="_blank">Jungkook</a>
<a class="adml" href="http://seoulsoul.rusff.me/profile.php?id=440" target="_blank">Felix</a>
</div>

<!--Текст-->
<div class="infot" style="width: 273px;top: 195px;height: 100px;margin-left: 4px;position:absolute;text-align: justify;padding-right: 4px;font-size: 8.5px;font-family: verdana;z-index:100;color: #9e9e9c;overflow-y: auto;/* border: 1px solid red; */">
Пока Винсент Ван Гог ел желтую краску, надеясь, что сможет стать счастливее благодаря ей, люди вокруг считали его сумасшедшим. В то время краска выделяла токсины, которые отравляли и абсолютно точно не могли повлиять на чьё-либо счастье. Но так ли это на самом деле? Если человек настолько несчастен, что самые бредовые идеи кажутся ему спасением, то почему бы не попробовать рисовать ярко-желтым по стенкам своих внутренних органов? <br>
На самом деле, разница между тем, чтобы влюбиться или принимать наркотики не так уж и велика. Риск того, что твоё сердце разобьют или что ты пострадаешь от передозировки существенный, но люди продолжают делать это каждый день, не задумываясь. Потому что шанс, что именно это спасет и отвлечет тебя от мрачной действительности на ладонях оседал эфемерностью. <br>
У каждого есть его собственная жёлтая краска. Моя - в <b>моём родственном</b>
</div>

<style>
#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);}
</style>

<!--Активисты-->
<div style="width: 275px;top: 120px;height: 45px;margin-left: 4px;position:absolute;z-index:100;overflow:hidden;/* border: 1px solid red; */">
<div id="counters">
<a href="http://seoulsoul.rusff.me/profile.php?id=507" target="_blank"><img src="https://i.imgur.com/vvb9QLU.png" title="флудер: Kim Seokjin" width="42" border="0" height="42"></a>
<a href="http://seoulsoul.rusff.me/profile.php?id=440" target="_blank"><img src="https://i.imgur.com/36G81fg.png" title="флудер: Lee Felix" width="42" border="0" height="42"></a>
<a href="http://seoulsoul.rusff.me/profile.php?id=7" target="_blank"><img src="https://i.imgur.com/toJZ7sd.png" title="игрок: Kim Jinwoo" width="42" border="0" height="42"></a>
<a href="http://seoulsoul.rusff.me/profile.php?id=108" target="_blank"><img src="https://i.imgur.com/IZX8btp.png" title="игрок: Son Hyun Woo" width="42" border="0" height="42"></a>
<a href="http://seoulsoul.rusff.me/profile.php?id=61" target="_blank"><img src="https://i.imgur.com/4io1Ku7.png" title="игрок: Son Woobin" width="42" border="0" height="42"></a>
<a href="http://seoulsoul.rusff.me/profile.php?id=571" target="_blank"><img src="https://i.imgur.com/FSoidPb.png" title="местный пират: Lee Soojung" width="42" border="0" height="42"></a>
</div>
</div>

хтмл низ

<!— Узнать номер дополнительного поля под аватаром —>
<script>$(".post-author li").hover(function(){$(this).attr("title",$(this).attr("class").split("fld")[1]);});</script>

<style>.punbb .pa-avatar img {max-width:190px;height:auto;}</style>
<script type="text/javascript">
//========== HTML-низ START СЕКЦИЯ ======================================//

OnSmenaImage("АМС архив", new Array("mephistopheles" ))
var AvtrArr=new Array(
   //Ссылки на картинки Аватар
//End myarray_!!Последняя ссылка без Запятой!!!
)
StartNIZ(); //
//======= end HTML-низ START СЕКЦИЯ =====================================//
</script>

<!--Смена аватара, ника, подписи в посте-->
<script type="text/javascript">
//alert("A")
var SkL="\\[",SkR="\\]";
var patt = new Array()
  patt[0] = SkL + "NIC" + SkR + "([^" + SkL + SkR + "$]+)" + SkL + "/NIC" + SkR;
  patt[1] = SkL + "AVA" + SkR + "([^" + SkL + SkR + "$]+)" + SkL + "/AVA" + SkR;
  patt[2] = SkL + "SGN" + SkR + "([^" + SkL + SkR + "]+)" + SkL + "/SGN" + SkR;
  patt[3] = SkL + "STA" + SkR + "([^" + SkL + SkR + "]+)" + SkL + "/STA" + SkR;
$(".post-content").each(function (){
  var contex = $(this).html();
   for (j=0; j < patt.length; j++){
var chang = '<legend class="hide ' + patt[j].substring(2,5) + '" >';//alert(chang)
var EndCh = '</legend>';
var reg_esp  = new RegExp(patt[j],"igm");
contex=contex.replace(reg_esp,chang + "$1" + EndCh);//alert(contex)
    }$(this).html(contex)
});
var pa_avtr='<li class="pa-avatar">';
var Avt_St='<img src="';
var Avt_End='"alt="Аватар"/>';
var PostSig_St='<dl class="post-sig"><dt><span>Подпись автора</span></dt><dd><p>';
var PostSig_End='</p></dd></dl>';
var PostSTA = '<li class="pa-title">';
var PostSTA_End = '</li>';
$(".post legend.hide").each(function (){
var S=$(this).html();
var STA=$(this).parents(".post").find(".post-author .pa-title")
/*[NIC]*/ if($(this).hasClass('NIC')==true){$(this).parents(".post").find(".post-author .pa-author a").html(S);}
/*[STA]*/ if($(this).hasClass('STA')==true){$(this).parents(".post").find(".post-author .pa-title").html(S);}
/*[AVA]*/ if($(this).hasClass('AVA')==true){var AVA=$(this).parents(".post").find(".post-author .pa-avatar")
  if(AVA.html()!=null){AVA.html(Avt_St+S+Avt_End)}else $(this).parents(".post").find(".post-author .pa-title").after(pa_avtr+Avt_St+S+Avt_End+'</li>');}
/*[SGN]*/ if($(this).hasClass('SGN')==true){$(this).parents(".post").find(".post-content .post-sig").replaceWith("");
  $(this).parents(".post").find(".post-content").append(PostSig_St+S+PostSig_End);}
});
</script>
<style>#avtrChang-area{position: absolute;right: 1%;top: 43px;} .post-content legend.hide{display:none;} .punbb .pa-avatar img {max-width:180px;height:auto;}</style>

<style>#custom-change{background-image:url(http://i.imgur.com/ONu0llO.png);background-position:center;background-repeat:no-repeat;height:16px;line-height:0;padding:0;width:100%}</style>
<script type="text/javascript">
if((form=document.getElementById("form-buttons")))
form.getElementsByTagName("tr")[0].insertCell(14).innerHTML="<img src='/i/blank.gif' id='custom-change'  title='Смена аватара, ника, статуса, подписи в посте' onclick=\"return changeVisibility('change', this);\" />"
</script>
<div class="container" id="change" style="display:none;position:absolute; z-index:20; margin-top: -30%; margin-left:35%;background:#b5b5ad;border:1px solid #5e3533;">
<span style="cursor:pointer;" onclick="bbcode('[NIC]', '[/NIC]');return changeVisibility('change', this)">• Смена ника</span><br>
<span style="cursor:pointer;" onclick="bbcode('[STA]', '[/STA]');return changeVisibility('change', this)">• Смена статуса</span><br>
<span style="cursor:pointer;" onclick="bbcode('[AVA]', '[/AVA]');return changeVisibility('change', this)">• Смена аватара</span><br>
<span style="cursor:pointer;" onclick="bbcode('[SGN]', '[/SGN]');return changeVisibility('change', this)">• Смена подписи</span><br>
</div>        </div>

<!--Спойлер наград в профиле-->
<style type="text/css">.mini_awards_label, .mini_awards {display: none;} #awrdbut {cursor: pointer;}
#pun-mod h2 {
    font-size: 9px;
    margin-bottom: 30px;
    margin-right: 3%;
}
</style>
      <script>
    (function () {
          var awards_button="<b><font color='#593131'>• • •</font></b>";
          function awards_spoiler() {
              $(".pa-awards").prepend("<span id='awrdbut'>"+awards_button+"</span>");
              $("#awrdbut font").click(function(){$(this).parents(".pa-awards").find(".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">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>

<!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script>



<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="https://forumstatic.ru/files/0019/af/eb/66600.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/0019/af/eb/85448.png" border="0" /></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:90px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.7; /*прозрачность*/
margin-bottom:40px; /*отступ снизу (можно не указывать)*/
width:64px; /*ширина кнопки*/
height:32px; /*высота кнопки*/
}
.go-up {
bottom:270px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:230px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</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>




<script type="text/javascript">
var nrisunok="https://forumupload.ru/uploads/0000/0a/f2/68797-1.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</script>

<!--Скрипт быстрой вставки изображения-->
<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('--')\" 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>
<!--Конец скрипта-->

<!--обтекание изображения 2.4.4-->
<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: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; 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>
$("#button-right").after('<td id="button-justify" title="Выравнивание по ширине"><img src="/i/blank.gif" onclick="bbcode(\'\', \'\');"/></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>

<!-- Скрыть награды в меню -->
<style type="text/css">
li#navawards {display: none;}
</style>
<!-- Конец скрипта -->

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

<!-- аватар по умолчанию -->

<script type="text/javascript">
var DefAvtr="https://i.imgur.com/Y95Izk9.png";
var s='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';$("li.pa-title").each(function(){if (($(this).parent("ul").find("li.pa-avatar").html())==null){$(this).after(s);};});
</script>

<!--скрыть модеров-->
<script>
    var supermod = new Array("Game master", "")

    var mod=document.getElementsByTagName("span")
    var str
    for(x in mod) if(mod[x].className=="modlist"){
    for(y in supermod)
        if((pos=mod[x].innerHTML.indexOf(supermod[y]))!=-1)
            mod[x].innerHTML=remName(mod[x].innerHTML,pos)
    }

    function remName(str,pos){
    var pos1=str.indexOf("<A href"),pos2=str.indexOf("<A href",pos1+1)
    if(pos2==-1) return("")

    while(pos>pos2 && pos2!=-1){
        pos1=pos2
        pos2=str.indexOf("<A href",pos1+1)
    }
    if(pos2==-1){
        pos2=str.length-1
        pos1-=2
    }
    return (str.substring(0,pos1)+str.substring(pos2,str.length))
    }
    </script>

<!--Кол-во символов-->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:0px solid;padding:20px 20 px;margin: 20px 20px 0 0px;">Написано символов: <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>

<!--PR-вход-->
<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";

var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><span id=spMyimg><a onclick=\"PiarIn()\">ПИАР-ВХОД</span></li>";
if($("#navlogin").html()!=null){

$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

<script type="text/javascript">
$('#form-buttons table:first').after('<table id=mySmile style="width:auto!important;"><tr></tr><table/>');
function setIDsm (icon,id){
$('#mySmile tr').append('<td style="width:30px!important;"><img src="'+icon+'" onclick="hidsActive(\'#'+id+'\');$(\'#'+id+'\').toggleClass(\'active\').toggle()"/></td>')
}
function  hidsActive(a){
if($(a).attr('alt')!='undefined'){
var bb = "\'["+'img'+"]\'+this.src+\'["+'/img'+"]\'";
var c = ' onclick="smile('+bb+')" />';
$(a).removeAttr('alt').html($(a).html().replace(/^(http:.*?)$/gim,'<img src="$1"'+c));}
$('#form-buttons').find('div.smileDiv.active').not(a).removeClass('active').hide();}
</script>

<script type="text/javascript">
(function (){
var id ='smielespoil' +(+new Date()%40000);
var icon = 'https://i.imgur.com/Yok57A6.png'; //Иконка;
setIDsm(icon,id);function add_(){/*==123==;
<div class=smileDiv id=smielespoil style="display:none" alt>
http://funkyimg.com/i/2Jgfa.gif
http://funkyimg.com/i/2Jgfb.gif
http://funkyimg.com/i/2Jgfc.gif
http://funkyimg.com/i/2Jgfd.gif
http://funkyimg.com/i/2Jgfe.gif
http://funkyimg.com/i/2Jgfg.gif
http://funkyimg.com/i/2Jgfh.gif
http://funkyimg.com/i/2Jgfi.gif
http://funkyimg.com/i/2Jgfy.gif
http://funkyimg.com/i/2Jgfz.gif
http://funkyimg.com/i/2JgfA.gif
http://funkyimg.com/i/2JgfB.gif
http://funkyimg.com/i/2JgfC.gif
http://funkyimg.com/i/2JgfD.gif
http://funkyimg.com/i/2JgfG.gif
http://funkyimg.com/i/2JgfH.gif
http://funkyimg.com/i/2JgfJ.gif
http://funkyimg.com/i/2JgfP.gif
http://funkyimg.com/i/2Jggd.gif
http://funkyimg.com/i/2Jgge.gif
http://funkyimg.com/i/2Jgg8.gif
http://funkyimg.com/i/2Jggc.gif
http://funkyimg.com/i/2JgfT.gif
http://funkyimg.com/i/2JgfZ.gif
http://funkyimg.com/i/2JgfR.gif
http://funkyimg.com/i/2JgfS.gif
http://funkyimg.com/i/2JgfQ.gif
http://funkyimg.com/i/2Jggs.gif
http://funkyimg.com/i/2Jggt.gif
http://funkyimg.com/i/2Jggu.gif
http://funkyimg.com/i/2Jggw.gif
http://funkyimg.com/i/2Jggy.gif
http://funkyimg.com/i/2Jggz.gif
http://funkyimg.com/i/2JggA.gif
http://funkyimg.com/i/2JggB.gif
http://funkyimg.com/i/2JggP.gif
http://funkyimg.com/i/2JggR.gif
http://funkyimg.com/i/2JggU.gif
http://funkyimg.com/i/2JggV.gif
http://funkyimg.com/i/2JggY.gif
http://funkyimg.com/i/2JggZ.gif
http://funkyimg.com/i/2Jgh1.gif
http://funkyimg.com/i/2Jgh2.gif
http://funkyimg.com/i/2Jgh3.gif
http://funkyimg.com/i/2JghR.gif
http://funkyimg.com/i/2Jgi6.gif
http://funkyimg.com/i/2Jgjf.gif
http://funkyimg.com/i/2JgnA.gif
</div>
==123==;*/
} add_ = add_.toString().split('==123==;')[1].replace('smielespoil',id);
$(add_).insertBefore('#form-buttons table:first');
}());
</script>
<script type="text/javascript">
(function (){
var id ='smielespoil' +(+new Date()%40000);
var icon = 'https://i.imgur.com/08wmS6F.png'; //Иконка;
setIDsm(icon,id);function add_(){/*==123==;
<div class=smileDiv id=smielespoil style="display:none" alt>
http://funkyimg.com/i/2Jgh7.gif
http://funkyimg.com/i/2Jgh8.gif
http://funkyimg.com/i/2Jgh9.gif
http://funkyimg.com/i/2Jgha.gif
http://funkyimg.com/i/2Jghc.gif
http://funkyimg.com/i/2Jghd.gif
http://funkyimg.com/i/2Jghe.gif
http://funkyimg.com/i/2Jghf.gif
http://funkyimg.com/i/2Jghg.gif
http://funkyimg.com/i/2Jghk.gif
http://funkyimg.com/i/2Jghm.gif
http://funkyimg.com/i/2Jghn.gif
http://funkyimg.com/i/2Jgho.gif
http://funkyimg.com/i/2Jghp.gif
http://funkyimg.com/i/2Jghq.gif
http://funkyimg.com/i/2Jghr.gif
http://funkyimg.com/i/2Jghs.gif
http://funkyimg.com/i/2Jght.gif
http://funkyimg.com/i/2Jghu.gif
http://funkyimg.com/i/2Jghx.gif
http://funkyimg.com/i/2Jghy.gif
http://funkyimg.com/i/2Jghz.gif
http://funkyimg.com/i/2JghA.gif
http://funkyimg.com/i/2JghB.gif
http://funkyimg.com/i/2JghC.gif
http://funkyimg.com/i/2JghD.gif
http://funkyimg.com/i/2JghE.gif
http://funkyimg.com/i/2JghF.gif
http://funkyimg.com/i/2JghG.gif
http://funkyimg.com/i/2JghQ.gif
http://funkyimg.com/i/2JghV.gif
http://funkyimg.com/i/2JghW.gif
http://funkyimg.com/i/2JghX.gif
http://funkyimg.com/i/2JghY.gif
</div>
==123==;*/
} add_ = add_.toString().split('==123==;')[1].replace('smielespoil',id);
$(add_).insertBefore('#form-buttons table:first');
}());
</script>
<script type="text/javascript">
(function (){
var id ='smielespoil' +(+new Date()%40000);
var icon = 'https://i.imgur.com/Yok57A6.png'; //Иконка;
setIDsm(icon,id);function add_(){/*==123==;
<div class=smileDiv id=smielespoil style="display:none" alt>
http://funkyimg.com/i/2Jgff.gif
http://funkyimg.com/i/2Jgfx.gif
http://funkyimg.com/i/2Jgh6.gif
http://funkyimg.com/i/2Jgi5.gif
http://funkyimg.com/i/2Jgi7.gif
http://funkyimg.com/i/2Jgib.gif
http://funkyimg.com/i/2Jgic.gif
http://funkyimg.com/i/2Jgid.gif
http://funkyimg.com/i/2Jgie.gif
http://funkyimg.com/i/2Jgif.gif
http://funkyimg.com/i/2Jgig.gif
http://funkyimg.com/i/2Jgih.gif
http://funkyimg.com/i/2Jgio.gif
http://funkyimg.com/i/2Jgip.gif
http://funkyimg.com/i/2Jgiq.gif
http://funkyimg.com/i/2Jgiv.gif
http://funkyimg.com/i/2Jgix.gif
http://funkyimg.com/i/2Jgiz.gif
http://funkyimg.com/i/2JgiB.gif
http://funkyimg.com/i/2JgiC.gif
http://funkyimg.com/i/2JgiD.gif
http://funkyimg.com/i/2JgiN.gif
http://funkyimg.com/i/2JgiP.gif
http://funkyimg.com/i/2JgiS.gif
http://funkyimg.com/i/2JgiY.gif
http://funkyimg.com/i/2JgiX.gif
http://funkyimg.com/i/2JgiV.gif
http://funkyimg.com/i/2JgiU.gif
http://funkyimg.com/i/2JgiT.gif
http://funkyimg.com/i/2JgiZ.gif
http://funkyimg.com/i/2Jgj1.gif
http://funkyimg.com/i/2Jgj2.gif
http://funkyimg.com/i/2Jgj3.gif
http://funkyimg.com/i/2Jgj4.gif
http://funkyimg.com/i/2Jgj8.gif
http://funkyimg.com/i/2Jgj9.gif
http://funkyimg.com/i/2Jgja.gif
http://funkyimg.com/i/2Jgjb.gif
http://funkyimg.com/i/2Jgjc.gif
http://funkyimg.com/i/2Jgje.gif
http://funkyimg.com/i/2Jgjg.gif
http://funkyimg.com/i/2Jgjh.gif
http://funkyimg.com/i/2Jgji.gif
http://funkyimg.com/i/2Jgjj.gif
http://funkyimg.com/i/2Jgjk.gif
http://funkyimg.com/i/2Jgjm.gif
http://funkyimg.com/i/2Jgjo.gif
http://funkyimg.com/i/2Jgjp.gif
http://funkyimg.com/i/2Jgjq.gif
http://funkyimg.com/i/2Jgjv.gif
http://funkyimg.com/i/2Jgjw.gif
http://funkyimg.com/i/2Jgjx.gif
http://funkyimg.com/i/2JgjA.gif
http://funkyimg.com/i/2JgjB.gif
http://funkyimg.com/i/2JgjE.gif
http://funkyimg.com/i/2JgjR.gif
http://funkyimg.com/i/2JgjS.gif
http://funkyimg.com/i/2Jgnz.gif
http://funkyimg.com/i/2JgnB.gif
http://funkyimg.com/i/2JgnD.gif
</div>
==123==;*/
} add_ = add_.toString().split('==123==;')[1].replace('smielespoil',id);
$(add_).insertBefore('#form-buttons table:first');
}());
</script>
<script type="text/javascript">
(function (){
var id ='smielespoil' +(+new Date()%40000);
var icon = 'https://i.imgur.com/08wmS6F.png'; //Иконка;
setIDsm(icon,id);function add_(){/*==123==;
<div class=smileDiv id=smielespoil style="display:none" alt>
http://funkyimg.com/i/2JgdP.gif
http://funkyimg.com/i/2JgdQ.gif
http://funkyimg.com/i/2JgdS.gif
http://funkyimg.com/i/2JgdT.gif
http://funkyimg.com/i/2JgdU.gif
http://funkyimg.com/i/2Jge2.gif
http://funkyimg.com/i/2Jge4.gif
http://funkyimg.com/i/2Jge5.gif
http://funkyimg.com/i/2Jge6.gif
http://funkyimg.com/i/2Jge9.gif
http://funkyimg.com/i/2Jgeq.gif
http://funkyimg.com/i/2Jges.gif
http://funkyimg.com/i/2Jget.gif
http://funkyimg.com/i/2Jgeu.gif
http://funkyimg.com/i/2Jgev.gif
http://funkyimg.com/i/2Jgex.gif
http://funkyimg.com/i/2JgeD.gif
http://funkyimg.com/i/2JgeE.gif
http://funkyimg.com/i/2JgeF.gif
http://funkyimg.com/i/2JgeG.gif
http://funkyimg.com/i/2JgeK.gif
http://funkyimg.com/i/2JgeL.gif
http://funkyimg.com/i/2JgeM.gif
http://funkyimg.com/i/2JgeN.gif
http://funkyimg.com/i/2JgeP.gif
http://funkyimg.com/i/2JgeQ.gif
http://funkyimg.com/i/2JgeR.gif
http://funkyimg.com/i/2JgeW.gif
http://funkyimg.com/i/2JgeX.gif
http://funkyimg.com/i/2JgeY.gif
http://funkyimg.com/i/2JgeZ.gif
http://funkyimg.com/i/2Jgf1.gif
http://funkyimg.com/i/2Jgf2.gif
http://funkyimg.com/i/2Jgf3.gif
http://funkyimg.com/i/2Jgf4.gif
http://funkyimg.com/i/2Jgf5.gif
</div>
==123==;*/
} add_ = add_.toString().split('==123==;')[1].replace('smielespoil',id);
$(add_).insertBefore('#form-buttons table:first');
}());
</script>

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

<!-- Скрыть надпись "Объявление" -->
<style> #pun-announcement h2 span{display:none;}</style>

<!-- Всплывающая таблица с вкладками, в топике, с инфой о персонаже -->
<style type="text/css">
/*Подвижка иконки*/
img.a-info{
    margin-top: -10px;
  width:15px;  /*Размер иконки*/-173px!important
}
img.post-img-Sp.a-info {
    margin-left: 160px;
    margin-top: -8px!important;
    position: absolute;
}
ul.my-tabs {
width: 600px;!important
}
.my-tabs>span{
    font: normal 400 16px "bebas_neue_regularregular"!important;
}

/*Подвижка всплывающей подсказки иконки*/
.tipsy.a-info{
  margin-top: -1px!important;
  margin-left:-6px!important;
  font: normal normal 400 11px/16.5px Verdana;
}
/*сдвиг таблицы*/ .my-tabs{
  margin-top: -73px;  /*сдвиг таблицы вверх от положения иконки*/
  margin-left:100px;  /*сдвиг таблицы вправо от положения иконки*/
}
/*Цвет фона и бордюров таблицы*/
.my-tabs>.tab-a,.my-tabs>span{
  background: transparent!important;
}
</style>
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0019/3a/84/78375.css" />
<script img-data="https://i.imgur.com/58nNehs.png" src="https://forumstatic.ru/files/0019/3a/84/66247.js"  forum="26"></script>
<!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// -->

<!-- Включаем HTML в Постах в Вспл.табличке-->
<script type="text/javascript">
$(function(){$('img.a-info,.my-tabs>span').live('click',function(){$("li.tab-a").map(function(){HTMLinPost.parseTags($(this).attr("data-group-id",0))});});});
</script>

<!--Рабочий хтмл-->
<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>

<script type="text/javascript">
if ($('#post').length) {
var ft; var i; var ft_f; var j = "";
ft = document.getElementById("font-area");

var ft_f = new Array();
ft_f.push('Lora');
ft_f.push('Roboto');
ft_f.push('Bebas Neue');
ft_f.push('Playfair Display');
ft_f.push('Ramaraja');
ft_f.push('Kaushan Script');
ft_f.push('Font Awesome');
ft_f.push('Neucha');
ft_f.push('Open Sans Condensed');
ft_f.push('Lobster');
ft_f.push('Bodoni');
ft_f.push('BrushType Normal');
ft_f.push('DS StandartCyr');
ft_f.push('Deftone Stylus');

for (i in ft_f) {
j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] +  "</span><img src='/i/blank.gif' onclick=\"bbcode('[";
j += "font=" + ft_f[i];
j += "]','[/font]')\" /></div>";
ft.innerHTML += j;
}}
</script>

                         

<div style="overflow: scroll;overflow-x: hidden;height: 60px;width: 943px;margin-left: -28px;position: absolute;margin-top: -55px;/* border: 1px solid red; */" id="fff">

<a href="http://whitepr.0pk.ru/" title="Здесь может быть ваша реклама!" target=_blank> <img src="https://forumstatic.ru/files/0010/0e/ae/60444.gif" border="0" alt="White PR"></a>
<a href="http://yourphoenix.rusff.me/" target="_blank"> <img src="http://gifok.net/images/2015/10/14/file5.gif" border="0" alt="Phoenix" width="88" height="31"></a> <a href="http://checkpoint.rusff.me"><img src="http://funkyimg.com/i/2CpR6.gif"></a> <a href="http://redbus.rusff.me/" title="RED BUS" target="_blank"><img src="http://funkyimg.com/i/2zB3B.gif" width="88px" height="31px"></a> <a href="http://chaostheory.f-rpg.ru/" target="_blank"><img src="https://forumstatic.ru/files/0017/c1/22/63506.png" title="chaos theory" border="0" width="88" height="31"></a> <a target="_blank" href="http://unirole.rusff.me/" title="uniROLE"><img src="https://i.imgur.com/rfGdijp.jpg" alt="Кроссовер uniROLE" width="88" height="31" border="0"></a> <a href="http://rezeroed.rusff.me/" alt="rebel key: crossover" target="_blank"><img src="http://funkyimg.com/i/2DuJo.png"></a> <a href="http://crossfeeling.rusff.me/" target="_blank"> <img src="https://i.imgur.com/JR0jnZu.png" title="crossfeeling" border="1" width="88" height="31"></a> <a href="http://pixels.rusff.me/"><img src="http://funkyimg.com/i/21DbQ.gif" title="пиксуй с нами"></a> <a href="http://brighton.mybb.ru/" target="_blank"><img src="http://funkyimg.com/i/2a9PK.gif" title="Не боишься, что кое-кто все про тебя расскажет?"></a> <a href="http://wearethefuture.rusff.me/" title="REVOLT"><img src="http://i.imgur.com/3fj04bc.gif"></a> <a href="http://timetocross.rusff.me/"><img src="http://s9.uploads.ru/y28sC.png"></a> <a href="http://korean-academy.ru/" title="KOREAN ACADEMY"><img src="https://i.imgur.com/gcFbCsV.gif" target="_blank" border="0" width="88" height="31"></a> <a href="http://sevenluck.rusff.me/" title="Seven Luck"><img src="http://funkyimg.com/i/2e2fd.png"></a>  <a href="http://docnight.rusff.me/" target="_blank"><img title="Doctor Who: Night terror" src="http://s6.uploads.ru/t/QDk13.gif"></a> <a href="http://jumpstreet.rusff.me"><img src="https://i.imgur.com/35X2LTe.gif"></a> <a href="http://stargasm.rusff.me"><img src="http://i.imgur.com/X9aT6zA.gif"></a> <a href="http://lakehorror.rusff.me/" target="_blank"><img src="https://i.imgur.com/C8wtX1q.gif" border="0" title="FARADAY SHIELD" width="88" height="31"></a>
<a title="Ходячие Мертвецы, 18+" href="http://thewalkingdead.f-rpg.ru/" target="_blank"><img src="https://forumstatic.ru/files/0019/34/22/72591.gif" alt="the WALKING DEAD" width="88" height="31"></a>
<a href="http://pestilences.rusff.me/" title="Pestilence in Seoul"><img src="http://funkyimg.com/i/2gmYG.gif" target="_blank" border="0" width="88" height="31"></a>
<a href="http://overlook.rusff.me/"><img src="http://i.imgur.com/7ImMMd9.gif" title="OVERLOOK"></a><a href="http://hof.rusff.me/" target="_blank"><img src="http://se.uploads.ru/zNvwn.jpg" border="0" width="88" height="31" title="House of Cards" alt="House of Cards"></a> <a href="http://manhattanlife.ru/"><img src="http://s1.uploads.ru/i/B4xRo.gif" title="Manhattan"></a> <a href="http://crossray.rusff.me/"><img src="http://funkyimg.com/i/2D5So.jpg" title="CROSSRAY"></a> <a target="_blank" href="http://storycross.rusff.me" title="storycross "><img src="https://i.imgur.com/3k4gyET.jpg" alt="storycross" width="88" height="31" border="0"></a>
<a href="http://planecross.f-rpg.ru/"><img src="http://i103.fastpic.ru/big/2018/0312/fc/17c8a9c10d94fd5d45ec7c9c347292fc.gif" title="planescape::crossover" border="0"></a> <a href="http://nuclearcross.rusff.me/" title="1984"><img src="http://funkyimg.com/i/2C3FT.gif"></a>
</a> <a href="http://youngmenace.rusff.me" title="NARUTO: YOUNG &amp; MENACE"><img src="https://forumstatic.ru/files/0019/84/57/32585.gif"></a> <a href="http://twsomnia.rusff.me/" target="_blank"><img src="http://s7.uploads.ru/t/eruSi.gif" alt="» я знаю о твоих кошмарах " width="88" height="32"></a> <a href="http://gorgorod.rolbb.ru"><img src="http://funkyimg.com/i/2FXbe.gif" alt="Горгород" target="_blank"></a> <a href="http://heimcross.f-rpg.ru/" title="HEIMFÖRIN"><img src="http://funkyimg.com/i/2GF3P.png"></a> <a href="http://hous.rusff.me/"><img src="http://funkyimg.com/i/2H1Se.gif"></a><a href="http://cometospb.rusff.me/" target="_blank"><img src="http://sg.uploads.ru/6PyGT.png" border="" width="88" height="31" title="это Питер, детка ♥" ></a><a href="http://greenville.rusff.me" target="_blank"><img src="http://funkyimg.com/i/2H3Tk.png" title="greenville - авторская мистика"></a>  <a target="_blank" href="http://breakdown.rusff.me/"><img src="http://s9.uploads.ru/B9gpO.gif" ></a>
</div>

17

зеленый сс
Код:
/*************************************************************
A - SETUP
**************************************************************/

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

/* A1.1 */
@import url(style_cs.css);
@import "http://fonts.fontstorage.com/import/yeseva.css";
@import "http://fonts.fontstorage.com/import/ptsans.css";


@import url(http://fonts.googleapis.com/css?family=Playfair+Display&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Lora&subset=latin,cyrillic);
@import "http://fonts.fontstorage.com/import/yeseva.css";
@import 'https://fonts.googleapis.com/css?family=Playfair+Display:700i&subset=cyrillic';
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sansita');
@import url(http://allfont.ru/allfont.css?fonts=playfair-display);
@import url('https://fonts.googleapis.com/css?family=Ramaraja');
@import url('https://fonts.googleapis.com/css?family=Kaushan+Script');
@import url('https://forumstatic.ru/files/0018/25/ef/94590.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');
@import url('https://forumstatic.ru/files/0017/da/f3/14084.css');
@import url('https://fonts.googleapis.com/css?family=Neucha');
@import url('https://forumstatic.ru/files/0017/da/f3/98766.css');
@import url('https://forumstatic.ru/files/0017/da/f3/80658.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@import url(http://allfont.ru/allfont.css?fonts=lobster);
@import url(http://allfont.ru/allfont.css?fonts=bodoni);
@import url(http://allfont.ru/allfont.css?fonts=brushtype-normal);
@import url(http://allfont.ru/allfont.css?fonts=ds-standartcyr);
@import url(http://allfont.ru/allfont.css?fonts=deftone-stylus);
@import "http://fonts.fontstorage.com/import/crimsonroman.css";
@import url('https://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic');
@import url(http://allfont.net/allfont.css?fonts=bebas-neue);
@import url('https://fonts.googleapis.com/css?family=Amatic+SC|Anton|Caveat|Covered+By+Your+Grace|Indie+Flower|Libre+Barcode+39+Extended+Text|Pacifico|Ramaraja|Ranga|Sacramento|Shadows+Into+Light|Tangerine&subset=latin,cyrillic');
@import url('https://fonts.googleapis.com/css?family=Allura|Homemade+Apple|Pangolin|Poiret+One&subset=latin,cyrillic');


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

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

/* 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: 922px;
    float: top center;
    padding: 0px 0px 0px 0px;
}

/* A5.2 */
.punbb {
    margin-left: -10px;
    float: none;
    width: 882px;
    height: auto;
}

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 12px 20% 12px 20%;
  width: auto;
  float: none;
  background-image: url(https://forumstatic.ru/files/0019/f1/61/97472.jpg);
    background-color: #dfd9d5;
  }

/* 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: 0.7em 1em;
    border-style: none none none none;
    border-width: 0 0px 0px 0;
    font-family: 'yeseva one';
    text-transform: uppercase;
}


/*************************************************************
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 #4e775f;
  width: 60%;
  margin-left: 120px;
  padding-bottom: 5px;
      }

/* 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-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 1em 1em 1em;
    padding: 10px 15px 5px 15px;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 4px;
    font-size: 11px;
    letter-spacing: 0.4px;
    font-style: normal;
    font-family: tahoma;
    margin: 0;
    color: #32785e;
    text-transform: uppercase;
    margin-bottom: 2px;
}

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

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

/* 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: 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: 'yeseva one';
    text-transform: uppercase;
}

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

/* C2.3 */
.punbb .main .tcr {
    background-color: transparent;
    overflow: hidden;
    text-align: left;
    width: 20%;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 14px;
}

/* 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 {
    font-size: 13px;
    font-weight: bold;
    font-family: 'yeseva one';
    font-style: normal;
    text-align: center;
    padding: 4px 4px 3px 4px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    margin-bottom: 5px;
    background-color: #ffffff2b;
}

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

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

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

/* C2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em;
  }

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

    * html .tclcon {height: 1px}

/* C2.14 */
#pun-index td div.tclcon {
    width: 480px;
    font-size: 10px;
    line-height: 12px;
    /* text-align: center; */
    margin-left: 50px;
    background-image: url(https://forumstatic.ru/files/0019/f1/61/97472.jpg);
    background-color: #dfd9d5;
    padding: 8px 8px 8px 8px;
}


/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
    height: 32px;
    width: 32px;
    padding-right: 6px;
}


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

 /* C3 Topics

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

/* 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 {
  border-left-color: transparent;
  margin-bottom: 10px;
  }

li.pa-online {
    line-height: 0.8em;
    border-left-style: solid;
    border-left-width: 0.7em;
    padding-left: 0.4em;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: -15px;
    text-transform: uppercase;
    font-size: 10px;
    font-family: 'yeseva one';
    letter-spacing: 0.4px;
    text-shadow: 0 0 5px #cbcbd2;
}


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

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

  }

/* C3.3 */
.punbb .post h3 span {
    padding: 4px 12px 0px 12px;
    display: block;
    color: #f1ebe7 !important;
    text-transform: uppercase;
    font-size: 7px;
}

/* 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: 222px;
    overflow: hidden;
}

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

/* C3.7 */
.pa-author {
    font-style: normal;
    margin-top: 14px;
}

/* C3.8 */
.pa-author a {
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'yeseva one';
    font-size: 13px;
    letter-spacing: 0.6px;
}

/* C3.9 */
li.pa-title {
    padding-bottom: 0.4em;
    font-weight: normal;
    font-size: 7px;
    margin-top: 4px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 2px;
}



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

/* C3.12 */
.punbb .post-box {
    padding: 1em 0em 1em 2em;
}

/*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;
    font-family: 'tahoma';
    text-align: right;
    font-weight: bold;
}

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


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

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

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

/* 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 {
    text-align: center;
    margin-top: -22px;
    font-weight: bold;
    font-style: normal;
    font-family: 'yeseva one';
    font-size: 10px;
    text-transform: uppercase;
    word-spacing: -5px;
    letter-spacing: 0.9px;
}

/* 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-left: -56px;
    margin-top: -5px;
}

/* D4.2 */
#pun-ulinks .container {
  text-align: center;
  text-transform: lowercase;
    margin-top: 0px;
  }

/* 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 {
    margin: 20px 0px 0px 0px;
}

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

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

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

/* 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%;
margin-top: 0px;
  }

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



#pun-title .title-logo {display : none;}
цвета
Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

/* фон */
body {background-image : url("https://forumstatic.ru/files/0019/f1/61/25412.jpg");
background-repeat: repeat; background-attachment: scroll;
background-position : top center; background-color: #4e775f;
}

/* Шапка */
#pun-title table {
    background-image: url(https://forumstatic.ru/files/0019/f1/61/49018.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    width: 922px;
    height: 439px;
    margin-left: -20px;
}

/* Тело форума */
#pun {
width: 922px; 
background-color: transparent; 
background-image: url(https://forumstatic.ru/files/0019/f1/61/60159.jpg); 
background-attachment: scroll; 
background-repeat: repeat; 
background-position: top center;}

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

/* Футер */
#pun-about p.container {
    background-image: url(https://forumstatic.ru/files/0019/f1/61/90672.jpg);
    margin: 0px 0px -100px -20px;
    background-position: center top;
    background-repeat: no-repeat;
    width: 922px;
    height: 119px;
    overflow-x: hidden;
    padding-bottom: 0px;
}





/* 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: #34483c;
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: #34483c;
text-align:center; 
font-size: 12px; 
font-style: normal; font-weight: bold; font-family: "arial";
}


/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
    background-image: url(https://forumstatic.ru/files/0019/f1/61/97472.jpg);
    background-color: #dfd9d5;
    color: #34483c;
    border: 2px solid #c7bfba7d;
    outline: 3px solid #ca7f73;
    box-shadow: 0 0 1px #00000073 inset;
}

/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
    background-image: url(https://forumstatic.ru/files/0019/f1/61/97472.jpg);
    background-color: #dfd9d5;
    color: #34483c;
}

/* Тень и закругление */
.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: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
    background-image: url(https://forumstatic.ru/files/0019/f1/61/97472.jpg);
    background-color: #dfd9d5;
}





/* 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: #4e775f;
  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: #4e775f; 
  text-decoration: none;
  }

.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover {
  color: #8e4343;
  text-decoration: none;
  }

#pun-ulinks a {
    font-size: 9px;
    color: #8e4343;
    text-transform: lowercase;
}

#pun-ulinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  text-decoration: none;
  color: #4e775f;
}


#pun-navlinks a:focus, #pun-navlinks a:active {
  text-decoration: none;
  color: #4e775f;
}

#pun-navlinks a {
    color: #4e775f;
}


#pun-navlinks a:hover {
    color: #8e4343;
}


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

/* CS3.1 Иконки*/

div.icon {
        background: url(https://forumstatic.ru/files/0019/f1/61/10019.jpg) no-repeat;
}

tr.inew div.icon {
        background: url(https://forumstatic.ru/files/0019/f1/61/81666.jpg) no-repeat;
}

tr.iclosed div.icon {
        background: url(https://forumstatic.ru/files/0019/f1/61/55470.jpg) no-repeat;
}

tr.isticky div.icon {
        background: url(https://forumstatic.ru/files/0019/f1/61/83004.jpg) 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}



/*---Прокрутка---*/
::-webkit-scrollbar-thumb:vertical {
background-color: #cec9c3; height: 4px; border: 1px solid #537b64;
}

::-webkit-scrollbar-thumb:horizontal {
background-color: #cec9c3; height: 4px; border: 1px solid #537b64;
}

::-webkit-scrollbar {
    background-color: #537b64;
    height: 4px;
    width: 5px;
}

::selection {
    background: #537b64 !important;
    color: #dcd6d1;
}


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



.category .container thead {display: none;}

.punbb .pa-avatar img {
    border: 2px solid #d9cecb;
    outline: 1px solid #348166;
    max-width: 180px !important;
    margin-bottom: 4px;
}

td.tcr a {
    color: #8e4343 !important;
    background-repeat: no-repeat;
    background-position: left center;
    font-weight: bold;
    font-family: tahoma;
    text-transform: uppercase;
    font-size: 9px;
}



#pun-viewtopic .post h3 {
    width: 904px;
    margin-left: -11px;
    height: 16px;
    background-image: url(https://forumstatic.ru/files/0019/f1/61/81124.jpg);
}


/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
    background: url(https://forumstatic.ru/files/0019/f1/61/38404.jpg) 0 0 repeat-y;
    overflow: visible!important;
    margin: 20px 0px 0px 0px!important;
}
.punbb .post .post-author > ul {
    background: url(https://forumstatic.ru/files/0019/f1/61/32038.jpg) 0 top no-repeat, url(https://forumstatic.ru/files/0019/f1/61/66799.jpg) 0 bottom no-repeat;
    margin: -12px 0 -12px 0!important;
    padding: 9px 9px 9px 9px!important;
}



.pa-posts, .pa-respect, .pa-fld3 {
    padding: 6px!important;
    margin-top: 1px !important;
    display: inline-block!important;
    float: none!important;
    max-width: 40px!important;
    height: 27px!important;
    text-align: center;
    text-transform: lowercase;
    font-size: 9.5px;
    font-family: arial;
}



#pun-index div.category h2, #pun-index #pun-stats h2 {
    background-image: url(https://forumstatic.ru/files/0019/f1/61/31219.jpg);
    box-sizing: border-box;
    position: relative;
    z-index: 5;
    margin: 0px -11px 16px;
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    height: 10px;
    width: 904px;
}


.subforlinks {
    text-align: center;
    margin-top: 3px !important;
}


.subforlink {
    margin: 0 2px 0 2px !IMPORTANT;
    padding: 1px 4px 1px 5px;
    text-transform: uppercase;
    font-size: 8px;
    font-family: tahoma;
    letter-spacing: 0.6px;
}



.subforlink:hover {
    margin: 0 2px 0 2px !IMPORTANT;
    padding: 1px 4px 1px 5px;
    text-transform: uppercase;
    font-size: 8px;
    font-family: tahoma;
    letter-spacing: 0.6px;
    background-color: #bf7668;
    color: #eae5e2 !important;
    transition-duration: 1s;
}



.infottt {
    color: #4b6e5a;
    font-size: 9px;
}



.infottt first {
    color: #8e4343;
    letter-spacing: -1px;
}


.infottt secc {
    color: #8e4343;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
}










.adml {
    color: #ebe4e1 !important;
    font-size: 11px;
    font-family: 'yeseva one';
    font-style: normal;
    text-transform: uppercase;
    margin: 0px 2px 0px 2px !important;
}



.adml:hover {
        color: #91b8a5 !important;
    font-size: 11px;
    font-family: 'yeseva one';
    font-style: normal;
    text-transform: uppercase;
    margin: 0px 2px 0px 2px !important;
    transition-duration: 1s;
}



.admls {
    color: #297459 !important;
    font-family: yeseva one;
    font-size: 10px;
    letter-spacing: 0.2px;
    margin: 0px 5px 0 0px !important;
    text-transform: uppercase;
}



.admls:hover {
    color: #8e4343 !important;
    font-family: yeseva one;
    font-size: 10px;
    letter-spacing: 0.2px;
    margin: 0px 5px 0 0px !important;
    text-transform: uppercase;
}


.admlss {
    color: #a14142 !important;
    font-family: yeseva one;
    letter-spacing: 0.2px;
    margin: 0px 5px 0 0px !important;
}


.punbb .post h3 span a {
    color: #f1ebe7 !important;
}










/* ---- ГОСТЕВАЯ ---- */

.souls {
    width: 600px;
    padding: 70px 0 !important;
    background: url(https://forumstatic.ru/files/0019/f1/61/46711.jpg) top no-repeat, url(https://forumstatic.ru/files/0019/f1/61/78195.jpg) bottom no-repeat, url(https://forumstatic.ru/files/0019/f1/61/20398.jpg) repeat-y;
    margin-bottom: 15px !important;
    min-height: 150px;
}

.souls img {
    max-width: 480px;
}


.soulstitle {
    font-family: yeseva one;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: -50px 10px 30px 10px!important;
    color: #a34243;
    font-weight: bold;
    text-shadow: 1px 1px #ded7d378;
}

.soulstitle2 {
    font-family: yeseva one;
    text-align: center;
    font-size: 12px;
    background-color: #aa4643;
    color: #fdfdfd;
    width: 210px!important;
    letter-spacing: 2px;
    height: 10px;
    text-transform: uppercase;
    padding: 6px 0px 10px 0;
    display: inline-block;
    margin: 0px 5px 0px 5px !important;
}




.soulstext2 {
    text-align: justify;
    font-size: 11px;
    text-transform: none;
    font-family: arial;
    line-height: 15px;
    overflow-y: auto;
    background: #7692881c;
    padding: 5px 5px 5px 5px;
    height: 100px;
    width: 200px;
    margin: 10px 5px 0px 5px!important;
    display: inline-block;
}






.soulstitle3 {
    font-family: yeseva one;
    text-align: center;
    font-size: 11px;
    /* font-weight: bold; */
    background-color: #aa4643;
    color: #f1f0f0;
    width: 435px!important;
    letter-spacing: 2px;
    height: 10px;
    text-transform: uppercase;
    padding: 6px 0px 10px 0;
    display: block;
    margin: 5px 5px 0px 5px !important;
}

.soulstext3 {
    text-align: justify;
    font-size: 11px;
    text-transform: none;
    font-family: arial;
    line-height: 15px;
    overflow-y: auto;
    background: #7692881c;
    padding: 5px 5px 5px 5px;
    height: 100px;
    width: 425px;
    margin: 10px 5px 0px 5px!important;
    display: block;
}











/* ---- Первое сообщение ---- */

.soulsf {
    width: 600px;
    padding: 40px 0px 40px 0px !important;
    background: url(https://forumstatic.ru/files/0019/f1/61/36544.jpg) top no-repeat, url(https://forumstatic.ru/files/0019/f1/61/40274.jpg) bottom no-repeat, url(https://forumstatic.ru/files/0019/f1/61/74255.jpg) repeat-y;
    margin-bottom: 15px !important;
    min-height: 50px;
}



.soulstitlef {
    font-family: yeseva one;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: -22px 10px 20px 10px!important;
    color: #357b61;
    font-weight: bold;
    text-shadow: 0 0 1px #e5deda;
}


.lz{
height:250px;
width:200px;
border:6px groove #EEDD82;
border-bottom-left-radius: 50px;
background-color:#EEE8AA;
font-family:calibri;
font-size: 12px;
letter-spacing:0px
}


/* -----------Добавки от Аки, без разрешения не трогать
-------------------------------------------------------------*/

#outersiliconapp { border-color: #ccc!important;}
.characternamesilicon { background: #a28a87; border-top-color: #4e545e!important; color: #4e545e; } 
.characternamesilicon::before {color:#fff; } 
#outersiliconapp [type="radio"]:checked+label::after {color:#3A3740; } 
#outersiliconapp label { background: #a28a87;border-top-color: #4e545e!important; color: #fff;} 
.siliconplayer { background:#3A3740; color:#fff; border-top-color:#a28a87!important; } 
.siliconplayer::before { border-top-color: #a28a87!important;} 
.siliconplayer::after {border-top-color:#a28a87!important;  } 
.siliconsidebar {background:#efefef; } 
.siliconrightav { border-color: #fff!important; background:#3A3740; } 
.siliconrightav img { border-color: #a28a87!important; } 
.siliconsidebar ul { border-top-color:#ccc!important;} 
.siliconsidebar li:nth-child(odd) {color:#aaa;}
.siliconsidebar li:nth-child(odd):first-letter { color:#3a3740; } 
.siliconsidebar li:nth-child(even) { color:#a28a87; border-bottom-color: #ccc!important; }
.insidesiliconapp {background:#fff; border-color: #ccc!important;  color:#aaa;}
.backgroundsiliconblue {background:#4e545e;}
.maps-credit a { color:#ccc!important; } 



#silicongenout {border-color: #efefef!important;}
.silicongentitle { background: #a28a87; color: #fff; border-bottom-color: #fff!important; border-top-color: #4e545e!important;}
.silicongentext {color: #888; border-bottom-color: #a28a87!important; background-color: white;}
.silicon-title {color:#4e545e; border-bottom-color: #efefef!important;}
.silicon-title::after { color:#ccc; }
.maps-credit a {color:#ccc!important;}

ul.tabs li a {background-color: #a28a87!important; border-color: #4e545e!important; color: #fafafa!important;} 
ul.tabs li a:hover { background-color: #a28a87!important; border-color: #4e545e!important; color: #fafafa!important;} 
ul.tabs li a.active { background-color: #a28a87!important; border-color: #4e545e!important; color: #fafafa!important;} 
.content {background-color: #fafafa!important; border-bottom-color: #a28a87!important; overflow-y: auto;} 
#chrontxt { color: #fff!important;} 
#chrnsmll {color: white!important;} 
.chronspace {background-color: #a28a87!important; border-bottom-color: white!important; border-top-color: #4e545e!important; } 

.persstat{ width: 183px; padding-left: 19px; padding-bottom: 5px; text-align: justify; margin-top: -12px!important;}
#perstatinfo {
    line-height: 90%;
    margin-right: 5px;
    margin-left: -5px;
    font-size: 10px;
    font-family: monospace;
    color: #2b634e!important;
}
.persstat a {
    color: #a34241!important;
}
#firstname {
    text-align: center;
    padding: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    margin-left: -10px;
    border-bottom: 0px #8d7868 solid;
    font-weight: bold;
    color: #358267!important;
    text-transform: lowercase;
}
#money {
    text-align: center;
    padding-top: 10px;
    margin-left: -20px;
    color: #a84241!important;
}
#moneypic { width: 25px; margin-right: 5px; margin-top: -6px; }
.capscamp{ position: absolute; margin-top: -50px!important; margin-left: -15px!important;}
.capscamp1 { position: absolute; margin-top: -18px!important; margin-left: -3px!important;}



li.pl-share { display: none!important;}
#pun-live-rusff {font-weight: initial;}
div#pun-announcement {margin-top: 0px;}
div#pun-admain {margin-top: 10px;}
td.tcl.pmtcl1 {
    font-size: 15px;
}



li.pa-awards {
    margin-bottom: 5px;
}



/* -----блог-------*/
.tooltip2 { 
  position: relative;
}
.tooltip2 > span { /* стиль появляющейся подсказки */
  position: absolute;
  width: 150px;
    top: 25%;
    left: 50%; 
    margin-left: -20px;
visibility: hidden;
  margin: 0 auto; 
  padding: .3em;
  font-size: 90%;
  background: #a88e7d;
  color: #79898a;
  line-height: normal;
  cursor: auto;
  z-index: 500;
}
.tooltip2 span: before{
  content: '';
  position: absolute;
 left: 0;
  right: 0;
  visibility: hidden;}
.tooltip2:hover > span,
.tooltip2:hover:before,
.tooltip2:hover:after,
.tooltip2:focus > span,
.tooltip2:focus:before,
.tooltip2:focus:after {
  visibility: visible;
}
.tooltip2:focus { 
  outline: none;
}



/* ----соц.сеть, первое соо---- */
 .crawl {
   width: 450px; border-radius: 0px; background: #fff; 
   margin: auto; overflow: hidden; border: solid 1px #fff;
   box-shadow: 1px 1px 15px rgba(0,0,0,.1); padding: 1px; text-align: center;
   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0;
 }
 
 .crawl .topper {
   width: 450px; height: 130px;
 }
 
 .crawl .head {
   background: linear-gradient(rgba(255,255,255,0)0%,rgba(255,255,255,1)35%);
   margin-top: -115px; height: 240px;
   overflow: hidden; text-align: center;
 }
 
 .crawl .avatar {
   border-radius: 50%; border: solid 5px #fff;
   width: 120px; height: 120px; margin: 50px auto 0 auto;
   box-shadow: none;
 }
 
 .crawl h3 {
   margin: -5px 20px 5px 20px; font: bold 20px roboto; 
 }
 
  .plac {
    color: #808080;
    margin: 25px;
    font: italic 10px roboto;
    font-weight: bold;
}
 
 .crawl .bio {
   margin: 0 auto 20px auto; width: 240px;
   font: 10px/13px roboto; text-align: center;
 }

 .crawl img {
   width: 130px; height: 130px;
   display: inline-block; margin: 5px;
   border-radius: 5px;
   box-shadow: 1px 1px 5px rgba(0,0,0,.1);
 }
 
 .crawl .spacer {
   height: 10px;
 }

/* ----соц.сеть, картинка ---- */

.howfar .bg, .howfar .pic {
 }
 
 .howfar {
   width: 350px; border-radius: 0px; background: #fff;
   margin: auto; overflow: hidden; border: solid 1px #fff;
   box-shadow: 1px 1px 15px rgba(0,0,0,.1); padding: 1px;
   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0;

 }
 
 .howfar .bg {
   width: 350px; height: 350px;
   filter: blur(10px); background-size: cover!important;
 }
 
 .howfar .pic {
   width: 300px; height: 300px;
   background-size: cover!important; border-radius: 5px;
   margin: -320px auto; position: relative;
   z-index: 200px; box-shadow: 1px 1px 15px rgba(0,0,0,.1);
 }
 
 .howfar .caption {
   margin-top: 350px; padding: 15px 20px 20px 20px;
   position: relative; z-index:200;
   font: 10px roboto; text-align: left;
 }
 
 .howfar .name {
   border-bottom: solid 1px #ddd;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 85px;
    font: bold 12px roboto;
 }
 
 .howfar .date {
   padding: 0 0 5px 85px; color: #777;
   margin: -20px 0 10px 0; font: italic 9px roboto; 
 }
 
 .howfar img {
   border-radius: 50%; border: solid 5px #fff;
   width: 50px; height: 50px; margin: -45px 0 0 20px;
 }


/* ----соц.сеть, картинка ---- */

.howfar .bg, .howfar .pic {
 }
 
 .howfar {
   width: 350px; border-radius: 0px; background: #fff;
   margin: auto; overflow: hidden; border: solid 1px #fff;
   box-shadow: 1px 1px 15px rgba(0,0,0,.1); padding: 1px;
   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0;

 }
 
 .howfar .bg {
   width: 350px; height: 350px;
   filter: blur(10px); background-size: cover!important;
 }
 
 .howfar .pic {
   width: 300px; height: 300px;
   background-size: cover!important; border-radius: 5px;
   margin: -320px auto; position: relative;
   z-index: 200px; box-shadow: 1px 1px 15px rgba(0,0,0,.1);
 }
 
 .howfar .caption {
   margin-top: 350px; padding: 15px 20px 20px 20px;
   position: relative; z-index:200;
   font: 10px roboto; text-align: left;
 }
 
 .howfar .name {
   border-bottom: solid 1px #ddd;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 85px;
    font: bold 12px roboto;
 }
 
 .howfar .date {
   padding: 0 0 5px 85px; color: #777;
   margin: -20px 0 10px 0; font: italic 9px roboto; 
 }
 
 .howfar img {
   border-radius: 50%; border: solid 5px #fff;
   width: 50px; height: 50px; margin: -45px 0 0 20px;
 }






/* ---- Первое сообщение ---- */

.tema {
    width: 600px;
    padding: 40px 0px 40px 0px !important;
    background: url(https://forumstatic.ru/files/0019/f1/61/36544.jpg) top no-repeat, url(https://forumstatic.ru/files/0019/f1/61/40274.jpg) bottom no-repeat, url(https://forumstatic.ru/files/0019/f1/61/74255.jpg) repeat-y;
    margin-bottom: 15px !important;
    min-height: 50px;
}



.teksrefresh {
        font-family: yeseva one;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: -22px 10px 20px 10px!important;
    color: #357b61;
    font-weight: bold;
    text-shadow: 0 0 1px #e5deda;
}

.contentvnutri {
    width: 480px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: justify;
    font-family: arial;
    font-size: 11px;
    color: #377c62!important;
}
.contentvnutri a li {
    color: #a68e4e!important;
}


.pa-fld1 {
    margin-top: 38px !IMPORTANT;
}

Вы здесь » California High » die young » разобрать. посмотреть. и забить.


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