86
Полумрак во внешнем помещении, как и в квартире семейства Ким, был, конечно же, неслучайным. Всюду, где находилась Сэрон, присутствовал мрак - такова была плата за её способности вампира - она слабела под воздействием солнечных лучей быстрее, чем остальные вампиры.

[ читать ]
ему дают отдохнуть до следующего утра — он почти не ест всё это время, едва ли встаёт с кровати, потому что изнутри сжирает смесь тоски и бессильной злобы, и просто ждёт

[ читать ]

Mur-Mur

Объявление


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

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


Вы здесь » Mur-Mur » тестовый форум » Дизы


Дизы

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

1

0

2

Код:
/*************************************************************
A - SETUP
**************************************************************/

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

/* A1.1 */

@import url(style_cs.css);
@import url(http://fonts.fontstorage.com/import/bebasneue.css);
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Unicase');
@import url('https://fonts.googleapis.com/css?family=Jura');
@import url('https://fonts.googleapis.com/css?family=Comfortaa');
@import url(//db.onlinewebfonts.com/c/1d65b5646a9a805c62b037be6dd3a0a7?family=Cubano);
}


* A2.5 *

/* 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.7em;
vertical-align: middle
}


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

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

/* A3.2 */
.punbb {
font: normal 68.70% 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: bold;
    margin-left: 0px;
  }
.punbb th   {
  font-size: 0.9em;
  font-weight: bold;
  }
.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
font-size: 1.1em;
}

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

/* A3.7 */
.punbb address, .punbb em {
font-style: normal
}

/* A3.8 */
.punbb .post-content em {
font-style: italic
}

/* A3.9 */
.punbb .post-content em.bbuline {
font-style: normal;
text-decoration: underline;
}

//* A3.10 */
.punbb a {
  text-decoration: none;
  }

/* A3.11 */
.punbb optgroup {
font-weight: bold;
}


/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
overflow:hidden;
line-height: 0.0;
font-size: 0;
}

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
font-size: 0;
height: 0;
width: 0;
line-height: 0.0;
position:absolute;
left: -9999px;
overflow: hidden
}


/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 ширина тела */
#pun {
  margin: auto;
  width: 948px;
  position: relative;
  padding-left: 13px;
  }

/* A5.2 */
.punbb {
width: 910px; /*ширина содержимого*/
height: auto;
position: top center;
float: none;
padding-left: 11px; /* отступ от края левого текста всего форума */
}

/* A5.3 */
/* ПЕРЕАДРЕСАЦИЯ
-------------------------------------------------------------*/
#pun-redirect{
border: 0 none!important;
    margin: 0px 1px 0px 0px;
    padding: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0 !important;
    background: url(https://i.imgur.com/5kN9yoR.png) top center no-repeat !important;
  }
#pun-redirect *{
  border:0 none;
}
#pun-redirect .main-title {
  display:none;
}

/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 1em;
}

/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.4em;
}

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
margin-top: 1em;
}

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

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

/* A5.10  картинку в статистику сделать */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
padding: 10px 1em 10px 1em;
border-style: none none none none;
border-width: 0 0 0 0;
}

#pun-main h1 { 
padding: 0px 0px 22px 0px; 
border-style: none solid solid none; 
    text-align: center;
    font-family: tahoma;
    font-size: 16px;
    line-height: 5px;
    color: #470a07;
    letter-spacing: 1px;
    font-weight: 600;
    font-variant: small-caps;
}

#pun-stats.section h2 {
    background-attachment: scroll;
    background-clip: border-box;
    width: 508px;
    height: 42px;
    margin-left: 208px;
    background-color: transparent;
    background-origin: padding-box;
    background-size: auto;
    font-size: 0px;
    background: url(https://i.imgur.com/MtGaVih.png) top center no-repeat;
}

#pun-main h2 {
  padding: 9px 1em 0px 8px;
  border: 0px solid transparent;
  border-bottom: 0px solid transparent;
}


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

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 #c2c2c2; /* граница, линии начертание и цвет */
  margin: 15px 0;
  }

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

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

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
    overflow: hidden;
    padding: 10px;
    border-top: 0px #a5a5a5 dashed;
    background-color: #fde8cd;
    box-shadow: inset 0px 1px 11px #7d1208;
    border-radius: 20px;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 6px 6px 6px 6px;
    padding: 10px 9px 11px 9px;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    position: relative;
    top: -6px;
    padding: 5px 0px 7px 0px;
    font: 600 small-caps 17px tahoma;
    margin: 5px 0px;
    color: #fbe2c3;
    background-color: #e4911b96;
    border: 3px solid #7d1208;
    border-radius: 5px;
    box-shadow: inset 0px 0px 10px #fbd24ecc;
    text-transform: lowercase;
    text-align: center;
  }

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


/* 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: -31px; 
left: 1em; 
width: 24em; 
font-family: arial; 
font-size: 11px; 
font-variant: small-caps; 
font-weight: 600; 
word-spacing: 2px;
  }

/* 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;
    font-family: arial;
    font-size: 11px;
    font-variant: small-caps;
    font-weight: 600;
    word-spacing: 2px;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold;
    font-family: arial;
    font-size: 11px;
    font-variant: small-caps;
    font-weight: 600;
    word-spacing: 2px;
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
    font-family: arial;
    font-size: 11px;
    font-variant: small-caps;
    font-weight: 600;
    word-spacing: 2px;
  }


/*************************************************************
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; text-align: center; color: #231d13; font-size: 13px; font-variant: small-caps;}

/* 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 1em 0;
line-height: 1.6;
  }

/* 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;
 width:50%;
padding-right: 1px;
}


/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 18%;
  font-size: 10px;
  }


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

/* 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 a {
text-align: center; 
font-weight: 500; 
color: #470a07 !important; 
font-family: tahoma;
text-transform: uppercase;
font-size: 16px !important;
margin-top: 27px;
margin-bottom: 21px;
line-height: 1;}

#pun-index .tcl h3 {
    text-align: center;
    font-weight: 500;
    color: #470a07 !important;
    font-family: tahoma;
    text-transform: uppercase;
    font-size: 16px !important;
    margin-top: 27px;
    margin-bottom: 21px;
    line-height: 1;
}

#pun-index .tcl h3 a:hover {color: #fde8cd !important;}



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

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

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 1
  }
* html .tclcon {height: 1px}

/* Оформление подфорумов на главной (лучи любви Ченни за основу)
-------------------------------------------------------------*/
/* C2.14 */

#pun-index td div.tclcon {
    width: 465px;
    /* height: 230px; */
    margin-bottom: 10px;
    margin-top: 5px;
    background: url(https://i.imgur.com/YAeUOJF.png) top no-repeat, url(https://i.imgur.com/RzOMCRE.png) bottom no-repeat, url(https://i.imgur.com/YfrncIx.png) center repeat-y;
    margin-left: 40px;
    position: relative;
    padding: 5px 5px 5px 5px;
}


/* C2.15  иконка сообщений */
.punbb div.icon {

  float: right;
  display: block;
 margin: 0px 50px 0px 0px;
}

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

/* C3.1 границы в теме */
.punbb .post .container {
  border-style: none none none none;
  border-width: 0px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 верхняя граница в теме */
.punbb .post h3 {
  border-style: none none none none;
  border-width: 0px;
  }

/* C3.3 дата */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 21em;
  border-left-style: solid;
  border-left-width: 1px;
  font-size: 10px !important;
text-transform: lowercase; 
  }

/* C3.4 нумерация постов*/
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
 padding-right: 30 px;
  }

/* C3.5 расположение текста в сообщении */
.punbb .post .post-author {float: left;width: 205px;margin: 0em;margin-top: 0px;overflow: hidden;margin-left: -8px;background: url(https://i.imgur.com/UGo9mPt.png) no-repeat top, url(https://i.imgur.com/Z74PWb9.png) bottom no-repeat, url(https://i.imgur.com/2FE4HwI.png) repeat-y;}
.post-author ul {
    margin: 0.8em;
    margin-bottom: 10px;
    }

/* C3.6 */

/* C3.6 оформление профиля*/
.punbb .post .post-author ul, .punbb .post .post-author p {
color: #ddb734;
padding: 0px 0px 0px 0px;
line-height: 100%;
font-size: 9px;
text-align: center;
}


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

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

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


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


/* C3.11 граница справа */
.punbb .post-body {
 margin-left: 19em;
  border-left-style: none;
  border-left-width: 0px;
  padding: 0 0 1px 0;
 padding-right: 20px;
  text-align: justify;
  }

/* C3.12 поле под сообщением, отступ от даты */
.punbb .post-box {
  padding: 10px 0px 0px 10px;
      margin-left: 4px;
  }

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

/* 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: none;
  border-top-width: 0px;
  background: transparent;
  text-align: right;
  }

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

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

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


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 сдвиг нижней части в профиле */
#profile .container {
 padding-left: 18.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;
  line-height: 1.8;
  }

/* 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 5.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;
  height : 40px;
  padding: 2em 1em 0 1em;
  }

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

/* D1.4 øàïêà? */
#pun-title h1 span  {
  display: none;
  font-size: 1.5em;
  }


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

/* D2.1 */
#pun-pagelinks {
 position: absolute;
  top: -15px;
  left: 0px;
  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: 0px;
  }

/* D3.2 */
#pun-navlinks .container {  padding: 18px 0px;}

/* 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  {
  margin-top: 0px;
  text-align: center;
  font-size: 12px;
  }


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


/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  width: 890px;
  margin-top:-15px!important;
  }



/* D5.3 */
/* ОФОРМЛЕНИЯ БЛОКА ПРИВЕТСТВИЯ ГОСТЯ И ВРЕМЕНИ ПОСЛЕДНЕГО ВИЗИТА
-------------------------------------------------------------*/
#pun-status span {
white-space: nowrap;
margin-right: 0.5em;
margin-left: 6px;
font-family: tahoma;
font-size: 11px;
line-height: 90%; /* расстояние между строчками */
color: #000;
  }

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

/* D5.5 */
#pun-crumbs1 p.container {
 border-top: none;
    padding: 0em 1em 0.8em 1em;
    font-size: 13px;
    text-align: left;
    font-family: tahoma;
 }

/* 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;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  margin-top: -10px!important;
  }

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

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

/* D7.1 */
#pun-stats .container {
  padding: 1em 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: right;
  line-height: 150%;
  padding: 0em 1em;
  }



/* D8.5 */
#pun-about p span {
  display: none;
  padding-left: 50%;
  text-align: center;
  }



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

/* 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: 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;
  }
#profile #post,#profile .post {
 max-width:600px;
}

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



/* ПРОЗРАЧНОСТЬ ГРАНИЦ, при необходимости можно выставить свой цвет
-------------------------------------------------------------*/
.punbb .container, .punbb .post-body, .post h3, #pun-title {border-color: transparent;}
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {border-color: transparent;}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {border-color: transparent;}
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{border-color: transparent;}
.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;}
.punbb th {border-color: transparent;}
#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-color: transparent;}
li.pa-online {border-left-color: transparent;}

/* ТАБЛИЦЫ В ПОСТАХ БЕЗ ГРАНИЦ
-------------------------------------------------------------*/
.post-content td { border:none transparent !important;}



/* СКРЫТЬ МОДЕРОВ С ГЛАВНОЙ
-------------------------------------------------------------*/
#pun td .modlist{display:none;}


/* УБРАТЬ МОИ ЗАГРУЗКИ ИЗ МЕНЮ
-------------------------------------------------------------*/
#pun-ulinks .container li.item5 {display: none;}


/* УБРАТЬ "РЕДАКТИРОВАННО" И "НАГРАДЫ"
-------------------------------------------------------------*/
li#navawards, .lastedit {display: none;}


#pun-announcement {
    width: 194px;
    height: 220px;
    overflow: auto;
    position: absolute;
    top: 115px;
    left: 7px;
}

#font-area {
    max-height: 300px;
    overflow-y: auto;
}

0

3

Код:
html{min-width: 1350px!important; overflow-x: hidden; }/*для мобил, чтобы стоял по центру, а не лип к левому краю*/

/* CS0 Меню - навигация
-------------------------------------------------------------*/

/* НАВИГАЦИЯ
---------------------------------------------------------------------------------------------*/
/* ПОЛОЖЕНИЕ НАВИГАЦИИ, общие ссылки и пользовательские */
div#pun-navlinks { position: absolute; width: 80%; text-align: left; top: -16px; left: 845px;}
div#pun-ulinks { position: absolute; width: 100%; text-align: center;   top: 14px; left: 50px; }


/* ССЫЛКИ ОБЩЕЙ НАВИГАЦИИ ДО НАВЕДЕНИЯ */
#pun-navlinks a {
    text-align: center;
    font-family: cubano;
    font-size: 15px!important;
    letter-spacing: 1px;
    color: #f3be46;
    text-shadow: 0px 0px 0px #bda97d;
    text-transform: uppercase;
}


/* ССЫЛКИ ОБЩЕЙ НАВИГАЦИИ ПОСЛЕ НАВЕДЕНИЯ */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #fde8cd;
text-shadow: 0px 0px 0px #bda97d;
}


#navindex a {
    top: 18px;
    left: -648px;
    position: absolute;
}

#navuserlist a {
    top: 18px;
    left: -526px;
    position: absolute;
}

#navsearch a {
    top: 18px;
    left: -420px;
    position: absolute;
}

#navprofile a {
    top: 18px;
    left: -306px;
    position: absolute;
}

#navpm a {
    top: 18px;
    left: -172px;
    position: absolute;
}

#navadmin a {
    top: 18px;
    left: -54px;
    position: absolute;
}

#navregister a {
    top: 18px;
    left: -194px;
    position: absolute;
}


#navlogin a {
    top: 18px;
    left: -64px;
    position: absolute;
}


#navpr_1 a {
    top: 18px;
    left: 64px;
    position: absolute;
}



/* ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ДО НАВЕДЕНИЯ */
#pun-ulinks a  {
    text-align: center;
    position: relative;
    z-index: 2000 !important;
    letter-spacing: 0px;
    font-family: calibri;
    font-size: 10px !important;
    text-transform: lowercase;
    font-weight: 100;
    color: #ffc582;
    text-shadow: 0px 0px 0px #bda97d;
    vertical-align: middle;
}


/* ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ПОСЛЕ НАВЕДЕНИЯ, чиво должно поменяться */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { color: #fde8cd; }


/*------------------AMS--------------*/
.ams {display: inline-block;}
.ams a {
    font-family: 'cubano' !important;
    font-size: 12px !important;
    text-transform: uppercase;
    line-height: 15px;
    color: #fed782!important;
    letter-spacing: 1px;
    }

.ams a:hover {color: #e79611!important;}
.ams a span {display: none;}
.ams a:hover span{
    position: absolute;
    display: inline-block;
    margin-top: -124px;
    left: 0px;
    z-index: 100000;
    }


/* ПОЛОЖЕНИЕ РЕКЛАМЫ */
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 500px; top: -170px; }
#pun-title .title-logo { visibility: hidden; }

/* CS1 цвет фона, фона форума и остальное.
-------------------------------------------------------------*/


/* CS1.2 фон */
html {
background-repeat: no-repeat;
background-attachment: fixed; 
background-position: top center;
background-color : #470a07;
}

/* CS1.3 шапка*/
#pun-title table {
background-image : url("https://i.imgur.com/daaJJjw.jpg"); /* картинка шапки */
background-repeat : repeat-x;
background-position: center top;
border: none;
height: 597px;
margin-top: -10px;
width: 1800px; /* ширина, мать его, шапки, если брать больше - привет горизонтальный скролл */
margin-left: -445px; /* совпадает обычно с отступом текста, если шапка не шире контента */
}

/* CS1.4 тело */
#pun { 
background-image: url(https://i.imgur.com/v9z1M8B.jpg);
position: center top;
width: 961px;
}

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

/* 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 {
border-color:transparent;
  color: #С;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
border-color: none;
color: #231d13;
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
background-position: top center;
  background-repeat: no-repeat;
  text-align: center;
color: #231d13;
  font-weight: normal;
  }

#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}


/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
border-color: none;
  color: #231d13;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
border-color: none;
  color: #231d13;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
border-color: none;
  color: #231d13;
  }

/* CS1.7 */
/* ЦИТАТЫ И КОДЫ В СООБЩЕНИЯХ */
.punbb .quote-box, .punbb .code-box {
    background: url(https://i.imgur.com/Rnkwe7P.png) repeat, linear-gradient(180deg, #e48b15, #770002);
    color: #000;
}


/* CS1.8 */

.offline li.pa-online strong {
  font-weight: normal
  }
.punbb textarea, .punbb select, .punbb input {
  background-image: url("http://sd.uplds.ru/xReuO.png");
  color: #061502;
}


/* CS2 границы
-------------------------------------------------------------*/

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


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


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


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


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


/* CS2.6 */


#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color:transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color:transparent;
  }

.punbb .divider {
border-color:transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
border-color:transparent;
  }

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

.punbb .post-sig dt {
border-color:transparent;
  }

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

/* CS3.1 все ссылки без наведения */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { text-decoration: none;
  color: #b81310;
 -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  }

.punbb .code-box a {
    color: #fbe2b8;
}

.punbb .code-box a:hover {
    color: #851814;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #0a360c;
  }

/* 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: #5f180a;
 -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  }


/* ссылки в подфорумах */
.elea { display: inline-block; font: small-caps 10px arial; background: #f5e2c6; color: #84683f!important; text-transform: lowercase; text-align: center; padding: 2px 8px 3px 8px; margin: 1px !important; transition: .3s; border-radius: 3px; }
.elea:hover { background: #e6cea9; transition: .3s; }


/* CS4 подвал
 -------------------------------------------------------------*/

#pun-about p.container {
    background: url(https://i.imgur.com/tO3zax5.jpg) no-repeat;
    width: 1525px;
    height: 135px;
    margin: 0px 0 -15px -308px;
    text-align: center;
    line-height: 1;
    font-size: 9px;
}

 div#html-footer {
        margin: -100px 0px 0px 0px;}

 div#pun-about {
       margin-bottom: 0px;

}
 div#html-footer {
        margin: 0px 0px 0px 0px;}

 #pun-announcement.section h2 span {display:  none; }
    a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; }

#pun-index .modlist {display: none; }


/* CS5 прокрутка
-------------------------------------------------------------*/

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-track {
background: #fce7cc;
}
::-webkit-scrollbar-thumb {
    background: #dd8313;
    border-radius: 13px;
}



/* CS6 кнопки в форме ответа
-------------------------------------------------------------*/
#pun-main .button {
background-color: #eca63f; 
border: 2px solid #910701;
padding: 7px;
cursor:pointer;

  color: #910701;
  font-family: Calibri!important;
  font-size:12px!important;
  font-weight: bold!important;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#pun-main .button:hover {
background-color: #910701; 
color: #eca63f;
}

#pun-main .hashelp div input {
color: #677b73;
padding: 5px;
border: 1px solid #ffffff;
background-image: url('http://sd.uplds.ru/xReuO.png');
text-transform: lowercase;
font-size: 10px;
border-radius: 3px;
  }

/* блок формы ответа */
.punbb textarea {
  color: #000000; /*цвет текста*/
  background:#fffefd; /*картинка на фон*/
}


/* CS7 профиль 
-------------------------------------------------------------*/ 
.punbb .post .post-author > ul {padding: 0px 9px 15px 9px!important;} 

/* соо + репа */
#pun-main
.pa-posts,.pa-respect {
    font-size: 10px;
    text-align: center;
    text-transform: lowercase;
    font-weight: bold;
    color: #fbe2c3;
    font-family: 'arial';
    display: inline-block;
    width: 65px;
    padding: 5px 8px 7px 14px!important;
    margin-top: 6px!important;
    margin-left: 0px !important;
    line-height: 12px;
}

.pa-respect a { 
color: #fbe2c3!important; 
} 

/* активность */ 
.pa-online { text-align: center;
    font: 500 11px "Calibri" !important;
    letter-spacing: 2px;
    color: #ddb734!important;
    text-transform: uppercase;
    margin-left: 0px !important;
    padding-bottom: 9px !important;
    margin-top: 3px !important;
} 

/* ник */ 
.pa-author a, .pa-author { 
z-index: 1000; 
width: 200px;
text-align: center; /* выравнивание */ 
text-shadow: 0px 0px #000000 !important; /* тень ника */ 
font-family: 'cubano'!important;
font-size: 18px!important;
font-style: normal;
color: #480505;
font-weight: 100 !important;
letter-spacing: -1.2px; /* расстояние между буквами */ 
padding-top: 5px!important; /* отступ */ 
text-transform: uppercase; /* регистр */ 
margin-left: -4px !important; 
} 

.pa-author a {
    color: #480505 !important;
}

/* статус */ 
.pa-title { 
    text-align: center;
    z-index: 1000;
    font: 11px "Open Sans" !important;
    color: #fff;
    text-transform: lowercase;
    letter-spacing: 0px;
    padding-top: 14px !important;
    margin-left: 10px !important;
} 

/* АВАТАРКА */ 
li.pa-avatar {    z-index: 5;
    margin-left: 1px !important;
    margin-top: 2px!important;
} 
li.pa-avatar img { max-width: 180px !important;
    max-height: 180px !important;
    border: 2px solid #e2921a;
} 

.pa-awards a {
color: #ddb734 !important;
}


/* ДОПОЛНИТЕЛЬНОЕ ПОЛЕ, при необходимости меняет цифру fld2, fld3 и так далее */ 
/* ПЛАШКА + ЛС*/ 
.pa-fld1 { 
    margin-bottom: -10px!important;
    margin-top: -20px!important;
    margin-left: -5px!important;
} 


/* ЛЗ (СПОЙЛЕР)
-----------------------------------*/ 
.pa-fld2 {
    background-color: #fbe2c3;
    border: 2px solid #480505;
    border-radius: 15px;
    box-shadow: inset -1px 2px 5px #480505;
    width: 170px !important;
    font-size: 9px;
    margin-bottom: -20px !important;
    margin-left: 5px !important;
    margin-top: -5px !important;
    padding-bottom: 10px !important;
}

/* Стиль*/
.stl {
  text-align: center;
  padding-top: 5px;
}


/* Инста */
.inst {
  text-align: center;
  padding-bottom: 5px!important;
  font-size: 13px;
  font-family: Bebas Neue;
  font-weight: bold;
}
.inst a {
  color: #58305d;
}

/* ЛЗ */
.lz {
    color: #3d4923 !important;
   text-align: center;
font-family: verdana;
    font-size: 9px;
    padding: 3px 10px 15px 10px !important;
    font-weight: 400;
    text-transform: none;
    line-height: 1.1;
}
.lz a {
}

/* Расположение ячеек для постов, денег, мышей */
.tab {
  padding: 7px 6px 0px 5px;
}


/* Посты, деньги, мыши */
.lz1 {
    text-align: center;
    background-color: #e2901b;
    color: #fde8cd;
    border: solid #480505 1px;
    border-radius: 5px;
    padding: 3px;
    width: 40px;
    line-height: 1.5;
}


/*--------------------------------------------- 
КОНЕЦ ЛЗ (СПОЙЛЕР) */


/* CS8
 -------------------------------------------------------------*/

    /* ПОЛЕ ССЫЛКИ НА ТЕМУ И АВТОРА ПОСЛЕДНЕГО СООБЩЕНИЯ */
#pun-index .category tr .bottom {
    width: 340px;
    height: 36px;
    position: absolute;
    margin-left: 80px !important;
    line-height: 10px;
    font-size: 10px;
    font-family: arial;
    background-color: transperent;
    text-align: right;
    padding: 8px;
    color: #110c02;
    bottom: 25px !important;
}

    /* ССЫЛКИ ПРИ НАВЕДЕНИИ */
.punbb .category tr .bottom a{
    opacity: 1;
    font-size: 11px;
    font-weight: bolder;
    font-family: arial;
    font-variant: small-caps;
}
.punbb .category tr .bottom a:hover{
  opacity:0.7;
}


/* CS9 иконки сообщений
 -------------------------------------------------------------*/

/* ИКОНКИ СООБЩЕНИЙ
----------------------------------------------------------------------------------------------------------------------*/

/* ИКОНКА СТАРЫХ СООБЩЕНИЙ */
.punbb table Div.icon {float: right; 
display: block; 
width: 50px;
height: 50px;
background-image : url("https://i.imgur.com/uNwvH13.png");
background-repeat: no-repeat;}

/* ИКОНКА НОВЫХ СООБЩЕНИЙ */
TR.inew Div.icon {
width: 50px;
height: 50px;
background-image : url("https://i.imgur.com/R8sPAcx.png");
background-repeat: no-repeat;}

/* ИКОНКА ВАЖНЫХ СООБЩЕНИЙ */
TR.isticky Div.icon {
width: 50px;
height: 50px;
background-image : url("https://i.imgur.com/SixVeJS.png");
background-repeat: no-repeat;}

/* ИКОНКА ЗАКРЫТЫХ СООБЩЕНИЙ */
TR.iclosed Div.icon {
width: 50px;
height: 50px;
background-image : url("https://i.imgur.com/F7EYQDq.png");
background-repeat: no-repeat;}

#pun-main div.catleft, #pun-main div.catright {display: none}

#pun-index .icon {
    position: absolute;
    margin-top: -17px !important;
    margin-left: 475px !important;
    z-index: 1000;
}


/* CS10 для таблицы
-------------------------------------------------------------*/

.smallface { font-size: 10px; font-style: italic; }
.boldface { font-style: italic; font-weight: bold; }

/* Выделение текста */
    ::selection { 
    background: none repeat scroll 0 0 #8baabb;
    color: #231d13;
    opacity: 0.5;
    }  
::-moz-selection {
    background: none repeat scroll 0 0 #8baabb;
    color: #231d13;
    opacity: 0.5;
}

/* CS11 по центру
-------------------------------------------------------------*/
#pun-main .post-author ul {
text-align: center; 
margin-left: 0px;
}


#post-form h2 span {display: none;}

/* картинка в быстрый ответ */

#post-form h2 {
    background: url(https://i.imgur.com/bZzBjm3.png) top center no-repeat;
    width: 913px;
    height: 48px;
    margin-left: 5px;
}

li.pa-fld5 {
  margin-top: 10px;
  }


/* СКРЫТЬ КОЛ-ВО ТЕМ И СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ */
.category .container thead {display: none;}
#pun-index .main .tc2, #pun-index .main .tc3 {display: none;}


/* ПОДКЛАДКА ПОД ШРИФТЫ, РАЗМЕРЫ, ГРАФИТИ, ВИДЯХИ И ПРОЧЕЕ В ОКОШКЕ ВВОДА СОО */
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area {
background-image: url("") !important;
background-color: #fbcd8a!important;
padding: 10px 10px 10px 10px;
color: #19120a;
text-shadow: 0px 0px 0px #beb294;
border: 1px dashed #7f0c05;
}

/* ПОДЛОЖКА ПОД ВСПЛЫВАЮЩИЕ ОКНА */
.pun-modal .modal-inner {
background: #fbcd8a;
}

#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner {
background: #fbcd8a;
}

#pun-reputation .inner h1,
#pun-report .inner h1,
#pun-admin-award-form .inner h1 {
padding: 15px 0px 0px 0px;
}


/* ОФОРМЛЕНИЕ ТЕМ */
.zag {width: 650px;
    height: 65px;
    background: url(https://i.imgur.com/S1f8RAr.png);
}
.zagtext {font-family: Bebas Neue;
    font-size: 28px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #691308;
    line-height: 100%;
    padding-top: 20px;
    padding-left: 0px;
    text-align: center; }
.tema {width: 650px;
    background: url(https://i.imgur.com/FwX3wwX.png);
}
.tematext {   width: 550px;
    overflow: auto;
    position: relative;
    text-align: justify;
    padding: 0px 22px 0px 12px;
 font-family: Playfair Display}
.niz {    width: 650px;
    height: 19px;
    background: url(https://i.imgur.com/TGeXOFr.png);
    margin-top: auto!important;
}
.niztext  {
    width: 630px;
    text-align: justify;
    margin-left: 38px !important;
    padding-top: 20px;
}

/* Полоски */
.polos {background-color: #691308; text-align: center; color: #f8ae0d; font: bold 16px bebas neue; letter-spacing: 1px; border: 2px solid #705d52; padding: 3px; margin-top: 17px;}



/* РАСПОЛОЖЕНИЕ ТЕКСТА ВНУТРИ ПОДФОРУМОВ */
.fortext {
    width: 406px;
    overflow: hidden;
    margin-left: 21px !important;
    margin-bottom: 6px !important;
    text-align: justify;
    background-color: #fde8cd;
    border-radius: 18px;
    box-shadow: inset 0px 5px 10px #480d05d6;
    padding: 8px;
}


/* ССЫЛКИ В ОПИСАНИИ ПОДФОРУМОВ */
.signa {
    width: 408px;
    margin-left: 28px !important;
    margin-top: 0px !important;
    overflow: hidden;
    text-align: center;
}

.sign {
    display: inline-block;
    font: small-caps bold 12px arial;
    color: #470a07!important;
    text-align: center;
    margin: 1px !important;
    padding: 2px 5px 4px 5px;
    background-color: #e59d22;
    box-shadow: inset 0px 0px 5px #ffc40a;
}
.sign:hover {color: #fde8cd!important; }


.Add {
    display: none;
}


/* ССЫЛКИ В НАВИГАЦИИ */
.nav {display: inline-block;}
.nav a {color: #420e0b!important; font-family: tahoma; font-size: 9px !important; text-transform: lowercase;}

.nav a:hover {color: #fde8cd!important;}


/* ОБЪЯВЛЕНИЯ АМС */
.hat {width:600px; height:225px; background: url(https://i.imgur.com/0eGUboI.png);}
.hatzag {font-family: Bebas Neue;  font-size:28px;  letter-spacing: 1px;  text-transform:uppercase; color: #fcf4e5;  line-height:100%;  top: -17px; text-align:center; text-shadow: 2px 0px #bc7465; position:relative; right: 20px;}
.hattext { font-size:11px; top: 25px; text-align: justify; position:relative; width:400px; margin-right: 18px!important; }
.hat img {
   width: 131px; height: 131px;
   border-radius: 50%; margin: 0px;
   position: relative; z-index: 200; }
.telo {width:600px; background: url(https://i.imgur.com/Nnryeeb.png);  margin-top: -15px; }
.telotext { font-size:11px; width:400px; overflow: auto; position:relative; margin-top: -0px; text-align: justify; margin-right: 18px!important;}
.fut {width:600px; height:80px; background: url(https://i.imgur.com/3N335ce.png);  margin-top: -30px!important; }


/* Анкета */
.verh {
  background: url(https://i.imgur.com/WqI4Q98.png); width: 600px; height: 80px; position: relative;
}
.dubl {
  background: url(https://i.imgur.com/v3Cu8np.png); width: 600px; position: relative; 
}
.city {
  background: url(https://i.imgur.com/1gGtCl6.png); width: 600px; height: 81px; position: relative; top: 0px;
}

.namesur {
  color: #59585e; font-family: Comfortaa;  font-weight:500;  font-size: 20px;  letter-spacing:4px;  text-transform:uppercase;  text-align:center;  line-height:100%; top: 28px; position: relative; text-shadow: 0px 0px 5px #b7caca;
}

.pg1 {
  width: 550px;height: 250px;  background-size: 100%; position: relative; margin-bottom: 5px; top: -5px;
}
.pg2 {opacity: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;width: 550px;height: 250px;background: url(https://i.imgur.com/i01eyl2.png); position: relative; text-align: justify;}
.pg1:hover 
.pg2 {opacity: 1;position: relative; top: px;}

.accordion { width: 544px; position:relative; font-size: 14px; padding: 3px; background: #59585e; }
.accordion ul {list-style: none; margin: 0; padding: 0;   }
.accordion li {margin:0; padding:0; }

.accordion [type=radio], .accordion [type=checkbox] { display:none; }

.accordion label { display:block;  background: url(https://i.imgur.com/Wm0TvY6.png); height: 13px; color: #59585e; font-family: Comfortaa;  font-weight: 500;  font-size: 14px;  letter-spacing:4px;  text-transform:uppercase;  text-align:center;  line-height:100%;   -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; outline: 2px solid #59585e; }

.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label { background: url(https://i.imgur.com/pBPGfCO.png); color: #a5b7b7; }

.accordion .content { padding: 0 10px;  overflow:hidden;  -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out;background: url(https://i.imgur.com/wG34tpA.png) bottom no-repeat;  border: 1px solid #fff;}
.accordion p {  color:#333; margin:0 0 10px; }
.accordion h3 { color:#542437; margin:10px 0;}
.vertical ul li {overflow:hidden; margin:0 0 1px; }
.vertical ul li label { padding: 12px; }
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label { border-bottom:0; }
.vertical ul li .content { height:0px; border-top:0;}

.vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content { height: auto; border: 0px solid #fff; background-color: #abbebe; padding: 10px; }

.wohaowhe {padding-right: 5px; height: auto; text-align: justify; font-size: 13px; font-family: arial; line-height: 100%; color: #000; }



/*доброе утро*/
.utro-back { width:550px; padding:20px; background-color:#949292; border:1px solid #ccc; box-shadow: 0px 0px 2px 2px #eee;}
.utro-title { width:520px; padding:10px; border-bottom:1px solid #ccc; text-align:center; }
.utro-infob { width:520px; padding:10px; background-color:#f7f0f0; margin-top:10px; }
.utro-infor { width:120px; height:120px; padding:10px; border:1px dashed #ccc; }
.utro-infor img { width:120px; height:120px; background-size:cover; }
.utro-infol {   width:330px; padding:10px;   font-family:cuprum!important; text-align: justify; font-size:14px; }
.utro-sub { width:500px;  padding:5px; font-family:cuprum!important; text-align: justify; font-size:14px; margin-top:10px; margin-bottom:5px; }
.utro-sub2 { width:500px;  padding:5px; font-family:cuprum!important; text-align: justify; font-size:14px; margin-top:10px; margin-bottom:5px; color: #184357; font-weight: 400;}
.utro1 { font-family: Bebas Neue; color: #4f281e; font-size: 40px; letter-spacing: -1px; margin-top: 10px;font-weight: 600;  }
.utro2 { font-family: cuprum; color: #4d2528; font-size: 9px; margin-top: 5px; text-transform: uppercase; letter-spacing: 1px;  padding: 0px 30px;}

0

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='index.php' /><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; //Cвитч включения: 1 - включено!; 0 - выключено
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>
<!--ПРОФИЛАКТИКА КОНЕЦ-->


<!-- Мгновенные уведомления © Alex_63, 2019 -->
<link rel="stylesheet" type="text/css" href="http://forumfiles.ru/f/ru/bestbb/notifications.css" />
<script type="text/javascript" src="http://forumfiles.ru/f/ru/bestbb/notifications.js"></script>
<script type="text/javascript">
notifications.token = '3e6f50b923d2582abb913897d8fadae149fc2262'; // Токен форума
notifications.key = 'otx13htcv077'; // Ключ подписки
</script>
<!-- Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019 -->
<script type="text/javascript">
notifications.load('common', {});
notifications.load('important', {topics: [181,16,15,405]}); // ID важных тем (через запятую)
</script>


<style type="text/css">
.post .gift{
  display:none;
}
</style>

<!-- HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<style>img.post-img-Sp {
margin-top: -1px;
margin-left: -10px;
margin-bottom: 10px;
width: 203px;
height: 34px;
}
ul.post-ul-Sp {
margin-bottom: 30px;
}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script>

<!-- Выделение кода в блоке "Код" // © 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>


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


<!--ШРИФТЫ
Не трогайте, позязя. хд-->
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Monda|Megrim' rel='stylesheet' type='text/css'><link href="https://fonts.googleapis.com/css?family=Anonymous+Pro|Arsenal|EB+Garamond|Open+Sans+Condensed:300|Poiret+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Amatic+SC|Bad+Script|Cabin+Sketch|Gabriela|Jura|Marck+Script|Monoton|Neucha|Nothing+You+Could+Do|Permanent+Marker|Philosopher|Roboto+Mono|Sedgwick+Ave+Display|Shadows+Into+Light" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Amatic+SC|Cinzel|Creepster|Dancing+Script|Indie+Flower|Pacifico|Tangerine|UnifrakturMaguntia" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Jura" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cormorant+Unicase" rel="stylesheet">
<!--Шрифты конец-->

<!---------------------------- добавляем шрифты на форум ---------------------------->
<style type="text/css">
@font-face {
font-family: 'bebas neue';
src: url(https://forumstatic.ru/files/0012/ea/b6/62140.eot?),
url(https://forumstatic.ru/files/0012/ea/b6/15829.woff) format('woff'),
url(https://forumstatic.ru/files/0012/ea/b6/82004.ttf) format('truetype'),
url(https://forumstatic.ru/files/0012/ea/b6/59653.svg#svgFontName) format('svg');
font-weight: normal;
font-style: normal;
}
</style>
<!---------------------------- доп.шрифты ---------------------------->
<link href='http://fonts.googleapis.com/css?family=Ruslan+Display|Lobster|Marck+Script|Yeseva+One|Open+Sans+Condensed:300|Roboto+Slab|PT+Serif|Playfair+Display|Sansita+One|Poiret+One|EB+Garamond|Rochester|Advent+Pro|Playball|Orbitron|Six+Caps|Cinzel+Decorative|Handlee|Bungee+Hairline|Dr+Sugiyama|Cinzel|Passion+One|Kaushan+Script|Didact+Gothic|Montez|Emilys+Candy|Dancing+Script|Pacifico|Shadows+Into+Light|WildOnesPersonalUse|Highlander|Playfair+Display+SC|Hermes|Comfortaa|Roboto+Condensed|Angilla+Tattoo+Personal+Use|La+Belle+Aurore|Mrs+Sheppards|Yesteryear|Kaushan+Script|UnifrakturMaguntia|Montserrat+Alternates|Poiret+One|Graduate|Cuprum|Great+Vibes|Seaweed+Script|Geo|EB+Garamond|Playfair+Display+SC|Lora|Bad+Script|Cinematografica|Pattaya|CaveatRegular|Oswald|Annabelle|Adlerytrial|Philosopher|Noto+Serif|Libre+Baskerville|Abril+Fatface|Old+Standard+TT|Cinzel|Vidaloka|Marmelad|Forum&subset=latin,cyrillic' rel='stylesheet' type='text/css'>

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

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

<!-- Чтобы не пропадали посты -->
<script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/63959.js"></script>
<!— конец —>

<!--ТАБЛИЦА НАЧАЛО -->
<!--ФЛУДЕРЫ -->
<div style="height: 98px; width: 352px; position: absolute; margin-left: -7px; margin-top: 380px;">
<img src="https://i.imgur.com/EmfAgG1.png" title="Isabelle Allen" />
<img src="https://i.imgur.com/BgPtmVO.png" title="Maksym Morozov" style="margin-left: 4px;" />
<img src="https://i.imgur.com/whWnhQN.png" title="David Allen" style="margin-left: 3px;" />
<img src="https://i.imgur.com/et8DKMJ.png" title="Katherine James" style="margin-left: 5px;" />
<img src="https://i.imgur.com/gJdyyX8.png" title="Shay Decker" style="margin-left: 3px;" />
</div>

<!--ПОСТОПИСЦЫ -->
<div style="height: 98px; width: 352px; position: absolute; margin-left: 598px; margin-top: 380px;">
<img src="https://i.imgur.com/SEtz7i1.png"  title="Matthew Casey" />
<img src="https://i.imgur.com/WPxI2jm.png"  title="Amelia Hunt" style="margin-left: 5px;" />
<img src="https://i.imgur.com/v09W9DB.png"  title="Freyja Green" style="margin-left: 3px;" />
<img src="https://i.imgur.com/wTCOH4W.png"  title="Oliver Hunt" style="margin-left: 6px;" />
<img src="https://i.imgur.com/x6s9uAX.png"  title="Darren James" style="margin-left: 3px;" />
</div>

<!--ЭПИЗОД -->
<div style="height: 76px; width: 285px; position: absolute; margin-left: -6px; margin-top: 497.5px;">
<a href="http://austin.rolbb.ru/viewtopic.php?id=442"><img src="https://i.imgur.com/yKtq8Fy.png"  title="рекурсия" /></a> 
</div>

<!--ТАНДЕМ -->
<div style="height: 76px; width: 285px; position: absolute; margin-left: 630px; margin-top: 495px;">
<img src="https://i.imgur.com/1wM3bP4.png"  title="Im Roona & Rainer Wang" /> 
</div>

<!--ЛУЧШИЙ ПОСТ -->
<div style="height: 70px; width: 255px; position: absolute; margin-left: 326px; margin-top: 406px;">
<img src="https://i.imgur.com/xBelaSt.png"  title="Meghan Riley" /> 
</div>
<div style="font-family: Calibri; font-size: 10px; font-style: italic; font-weight: bold; height: 59px; width: 245px; position: absolute; color: #000; margin-left: 326px; margin-top: 477px; border: 0px solid#000; padding: 5px; text-align: center;">
С Даниэль они были знакомы очень давно, хоть и общались в детстве довольно мало. Обычно это ограничивалось разговорами во время семейных встреч, куда ее семью...<a href="http://austin.rolbb.ru/viewtopic.php?id=135#p19892">читать далее</a>
</div>

<!--СТИЛЬ-ПОБЕДИТЕЛЬ -->
<div style="height: 86px; width: 84px; position: absolute; margin-left: 791px; margin-top: 270px;">
<img src="https://imgur.com/VqeQk2R.png" />
</div>

<!--НУЖНЫЕ-->
<div style="height: 58px; width: 58px; position: absolute; margin-left: 726px; margin-top: 85px;">
<a href="http://austin.rolbb.ru/"><img src="https://i.imgur.com/5As0INf.png"  title="need u" /></a>
</div>
<div style="height: 58px; width: 58px; position: absolute; margin-left: 798px; margin-top: 122px;">
<a href="http://austin.rolbb.ru/"><img src="https://i.imgur.com/5As0INf.png"  title="need u" /></a>
</div>
<div style="height: 58px; width: 58px; position: absolute; margin-left: 805px; margin-top: 198px;">
<a href="http://austin.rolbb.ru/viewtopic.php?id=9#p18392"><img src="https://imgur.com/OUhS0vw.png"  title="Максим ждет тебя" /></a>
</div>
<!--ТАБЛИЦА КОНЕЦ -->

<!--НАВИГАЦИЯ-->
<div class="nav" style="position: absolute; margin-left: 163px; margin-top: 359px; white-space: pre; color: #420e0b!important;"><a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=2">гостевая</a>                     <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=3">правила</a>  •  <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=4">faq</a>  •  <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=5">внешности</a>  •  <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=37">путеводитель</a>  •  <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=6">хочу к вам</a>  •  <a class="nav" href="http://austin.rolbb.ru/viewforum.php?id=9">банк</a>  •  <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=17">вопросы к амс</a></div>


<!--ТЕКСТ ПРИВЕТСТВИЯ-->
<div style="position: absolute; left: 526px; top: 258px; color: #781812; width: 215px; font-family: Arial; font-style: italic; font-size: 11px!important; text-align: center; font-weight: 600;">
Добро пожаловать в Остин!<br>
Не спеши проходить мимо, задержись немного, посмотри вокруг, и ты точно захочешь остаться!<br>
real time: октябрь 2019 года
</div>
<div style="position: absolute; left: 526px; top: 340px; width: 215px; font-family: Arial; font-style: italic; font-size: 11px!important; text-align: center; font-weight: 600; color: #e5aa21;">
погода: +32 at day &amp; +7 at night</div>

<!--АМС
Пробелы не трогать!-->
<div class="ams" style="position: absolute; margin-left: 480px; margin-top: 196px; height: 37px; width: 254px; text-align: center;  white-space: pre;">
<a class="ams" href="http://austin.rolbb.ru/profile.php?id=3">David<span><img src="https://funkyimg.com/i/2WykT.gif"></span></a>    <a class="ams" href="http://austin.rolbb.ru/profile.php?id=9">Isabelle<span><img src="https://funkyimg.com/i/2WykV.gif"></span></a>    <a class="ams" href="http://austin.rolbb.ru/profile.php?id=5">Jasper<span><img src="https://funkyimg.com/i/2WykS.gif"></span></a>
     <a class="ams" href="http://austin.rolbb.ru/profile.php?id=4">Ree<span><img src="https://funkyimg.com/i/2WykZ.gif"></span></a>    <a class="ams" href="http://austin.rolbb.ru/profile.php?id=32">Danielle<span><img src="https://funkyimg.com/i/2WykR.gif"></span></a>
</div>

<!-- ЛИЧНАЯ СТРАНИЦА -->
<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Slabo+27px" rel="stylesheet">
<style type="text/css">
.stranicafon { width: 632px; height: 450px; background-image: url(http://funkyimg.com/i/2qGtD.png);  z-index: 2; }
.nameplayer { position: absolute; margin-top: 5px; margin-left: 130px; width: 337px; height: 155px; border: 0px solid#284; text-align: center;  font-family: Bebas Neue; font-size: 32px; text-transform: uppercase; font-weight: bold; color: #000; text-shadow: 0 0px 10px #fac;}
.name  { position: absolute; margin-top: 7px; margin-left: 90px; width: 400px; height: 30px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.45; }
.rel  { position: absolute; margin-top: 63px; margin-left: 300px; width: 250px; height: 20px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.75; }
.ori  { position: absolute; margin-top: 100px; margin-left: 300px; width: 250px; height: 20px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.75; }
.job { position: absolute; margin-top: 140px; margin-left: 300px; width: 250px; height: 20px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.75; }
.music { position: absolute; margin-top: 290px; margin-left: 90px; width: 400px; height: 30px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.75;}
.rel1 { position: absolute; margin-top: 65px;  margin-left: 320px; width: 250px; height: 15px; border: 0px solid#284;   font-family: Bebas Neue; font-size: 13px;  }
.ori1 { position: absolute; margin-top: 103px;  margin-left: 320px; width: 250px; height: 15px; border: 0px solid#284;   font-family: Bebas Neue; font-size: 13px;  }
.job1 { position: absolute; margin-top: 143px;  margin-left: 320px; width: 250px; height: 15px; border: 0px solid#284;   font-family: Bebas Neue; font-size: 13px;  }
.music1 { position: absolute; margin-top: 295px;  margin-left: 100px; width: 400px; height: 15px; border: 0px solid#284; text-align: center;  font-family: Bebas Neue; font-size: 13px;  }
.photoplayer { position: absolute; margin-top: 80px; margin-left: 35px;  width: 170px; height: 170px; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; padding-left: 10px; padding-top: 10px; opacity: 0.5;}
.photoplayer1 { position: absolute; margin-top: 80px; margin-left: 35px;  width: 170px; height: 170px; padding-left: 10px; padding-top: 10px; }
.style { position: absolute; margin-top: 180px; margin-left: 370px;  width: 86px; height: 84px; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 90px 90px 90px 90px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; padding-left: 10px; padding-top: 10px; opacity: 0.5;}
.style1 { position: absolute; margin-top: 176px; margin-left: 366px;  width: 86px; height: 84px; padding-left: 10px; padding-top: 10px; }

.plashki {position: absolute;  margin-left: 10px; margin-top: 10px; width: 280px; height: 305px;  border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;}
.zabil {position: absolute;  margin-left: 305px; margin-top: 170px; width: 265px; height: 145px;  border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;}
.achivments {position: absolute;  margin-left: 305px; margin-top: 10px; width: 265px; height: 145px;  border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;}
.level {position: absolute;  margin-left: 10px; margin-top: 10px; width: 190px; height: 305px;  border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;}
.kino {position: absolute;  margin-left: 220px; margin-top: 10px; width: 350px; height: 305px;  border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;}

.lsfilm {margin: 0 auto; width:110px; height:150px;} 
.lsfilm1 {background-color:#77777a; width:105px; height:145px; margin: 0 auto; z-index:4; position:absolute;}
.lsfilm2 {background-repeat: no-repeat; background-position: center; margin-left:-20px; margin-top:0px; b height:100px; width:140px; position:absolute; position:absolute; padding:2px; }
.lsfilm3 {background-color:#9f9992; width:100px; height:140px; margin-left:20px; margin-top:0px; opacity:0; -webkit-transition: 1s all ease; -moz-transition: 1s all ease; -o-transition: 1s  all ease; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s;}
.lsfilm4 {color:#000000; width:100px; height:120px; font-family: 'PT Mono', sans-serif; font-size: 10px; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -o-transition: 1s  all ease-in-out; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; opacity:0; padding-top:5; padding-left:0px; text-align:center;}
.lsfilm2, .iox, .loxc, .loxs, .roxc, .roxs {-webkit-transition: 1s all ease-in; -moz-transition: 1s all ease-in; -o-transition: 1s  all ease-in;}
.lsfilm:hover .lsfilm2, .lsfilm:hover .iox {border-color:#9f9992; -webkit-transform: rotate(de7a03); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(de7a03); transform: rotate(de7a03);}
.lsfilm:hover .loxc, .lsfilm:hover .loxs{border-color:transparent #5B88A5 transparent transparent;}
.lsfilm:hover .roxc, .lsfilm:hover .roxs{border-color: transparent transparent transparent #a57a5b;}
.lsfilm:hover .lsfilm3 {opacity:0.8;}
.lsfilm:hover .lsfilm4 {opacity:1;}

.tabs { position: relative; height: 329px; width: 583px; clear: both;  }
.tab label { display: block; width: 5px; height: 5px; background: #fff; color: #030303; padding: 5px;   text-transform: uppercase; letter-spacing: 0.5px; text-align: center; font: 10px calibri; position: absolute; left: 275px; top: 363px; border-radius: 15px; }
.tab [type=radio] { display: none; }
[type=radio]:checked ~ label { background: #22362f;  height: 5px; color: #FFF; border-bottom: 0px solid#000; z-index: 2; }
[type=radio]:checked ~ label ~ .thcontent { z-index: 1; opacity: 1; filter: alpha(opacity=100); }
.thcontent { width: 582px; height: 330px; position: absolute; top: 26px;  float: right; right: -1px; bottom: 10px; text-align: justify; opacity: 0; filter: alpha(opacity=0);  }
[type=radio]:checked ~ label { background: #22362f; color: #030303; border-bottom: 0px; z-index: 2; padding: 5px; }
[type=radio]:checked ~ label ~ .thcontent { z-index: 1; }

</style>

<script img-data="http://sa.uplds.ru/SoT3N.png" src="https://forumstatic.ru/files/0013/44/56/57946.js" forum="28"></script>
<!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// -->
<!-- КОНЕЦ ЛИЧНОЙ СТРАНИЦЫ -->

0

5

Код:
<!--ЦИТАТА НЕДЕЛИ -->
<div style="font-family: calibri; font-size: 10px; font-style: italic; font-weight: bold; height: 59px; width: 308px; position: absolute; color: #f5cb82; margin-left: 560px; margin-top: -78px; border: 0px solid#000; padding: 5px; text-align: center;">
распределить правильно, свое время.<br>
лично мне, нужен тренинг - КАК НЕ ЛЕНИТЬСЯ !
<div style="text-align: right;margin-right: 14px;">(c) Isabelle Allen</div>
</div>


<!--Своя картинка в каждую категорию -->
<script type="text/javascript">
$(document).ready(function(){
myarray=new Array(
"Админка", "https://funkyimg.com/i/2WBM2.png",
"Организационный раздел", "https://funkyimg.com/i/2WBLW.png",
"Банк и социальная сеть", "https://funkyimg.com/i/2WBLV.png",
"Игровой раздел", "https://funkyimg.com/i/2WBLX.png",
"Общение и игры", "https://funkyimg.com/i/2WBLY.png",
"Реклама и партнёрство", "https://funkyimg.com/i/2WBM1.png",
"Архив", "https://funkyimg.com/i/2WBLZ.png"  //Последний элемент без запятой!  
)
        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
  "height":"105px",
  "width":"1000px",
 "margin-left":"-58px",
  "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>

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

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

//"pa-author",     //Ник-Нейм
//"pa-avatar",     //Аватар
//"pa-title",      //статус

"pa-reg",        //Зарегистрирован
"pa-invites", //Приглашений
//"pa-posts",      //Кол-во сообщений:
//"pa-respect",    //Уважение:
"pa-positive",   //Позитив
"pa-sex",        //Пол
"pa-age",        //Возраст
"pa-icq",        //Аська
//"pa-ip",         //IP Юзера
"pa-time-visit", //Провел на форуме:
//"pa-last-visit", //Последний визит:
"pa-from",       //Откуда
//"pa-fld1",       //Доп.Поле.1

// 1 кнопка - ссылка на Картинку
//В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию)
"https://i.imgur.com/vJNuz98.png",
"pa-fld2",       //Доп.Поле.2
"pa-fld3",       //Доп.Поле.3 
"pa-fld4",       //Доп.Поле.4
"pa-fld5",       //Доп.Поле.5

//"pa-online",     //Пользователь online - Не засовываем в спойлеры
//"award",      //Награды(только для rusff и ork)
"gift",         //Подарки(только для rusff и ork)

//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>

<!-- Скрыть названия доп. полей-->
<script type="text/javascript">
    var A=[1,2,3,4,5]
    $(".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>
<!-- конец -->

<!--- хтмл в постах с допуском по группам © Alex_63 --->

<!-- HTML в постах -->
<script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/94151.js"></script>
<script type="text/javascript">
HTMLinPost.groups = [1,2,3,4,5,6,7]; // Группы, допущенные к вставке HTML в посты
HTMLinPost.noAccess = []; // Пользователи с запретом вставки HTML в посты
HTMLinPost.parseHTMLinPosts()
</script>
<!--- конец --->


<!---------- меняем текст навигации ---------->
<script type="text/javascript">
var itemMass = new Array("FORUM", "USERS", "SEARCH", "PROFILE", "MAIL", "AMS", "WELCOME", "LOGIN", "EXIT");
var itemIdMass = new Array("navindex", "navuserlist", "navsearch", "navprofile", "navpm", "navadmin", "navregister", "navlogin", "navlogout");
for(i=0; i<itemIdMass.length; i++){
if(document.getElementById(itemIdMass[i])){
    var str = document.getElementById(itemIdMass[i]).firstChild.firstChild
    str.innerHTML=itemMass[i];
}
}
</script>
<!--- конец --->


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


<!--Кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="https://i.imgur.com/eLAHK7C.png" border="0" width=100% /></div>
<div class="go-down" id='OnBottom'><img src="https://i.imgur.com/Sea3reG.png" border="0" width=100% /></div>
<style>

.go-up, .go-down {
    display: none;
    position: fixed;
    margin-left: 950px;
    z-index: 9999;
    cursor: pointer;
    opacity: 1;
    margin-bottom: 261px;}

.go-up {bottom: 130px; /* позиция кнопки Вверх по вертикали */}
.go-down {bottom: 90px; /* позиция кнопки Вниз по вертикали */}
.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>
<!-- конец -->

<!-- Перенос Быстрого ответа под нужное сообщение © Alex_63 -->
<style>
/* Кнопка "Ответить" */
li.pl-reply a {
  font-size: 14px;
  color: #428bca !important;
  padding-top: 6px !important;
  padding-left: 21px !important;
  padding-right: 6px !important;
  padding-bottom: 6px !important;
  background: url(https://forumstatic.ru/files/0014/ef/99/64816.png) 1px 6px no-repeat;
  border-radius: 4px;
}
/* при наведении */
li.pl-reply a:hover {
  background-color: #ececec;
}
.button.cancel{display:none;}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26021.js"></script>
<!-- //End//-Перенос Быстрого ответа под нужное сообщение -->

<!-- Быстрое редактирование постов © Alex_63 // V.3 --><script>
if(ForumEdit.indexOf(+FORUM.topic.forum_id)!=-1)$.getScript("https://forumstatic.ru/files/0015/c4/3f/97896.js");;
</script>
<!-- Конец -->

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

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

<!--простой способ вставки картинок-->
<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>
<!-- Кликабельность ника в постах Гостя --><script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>
<!-- Конец -->

<!--Количество символов в форме ответа-->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>
<!-- Конец -->

<!--запрет рекламе менять аватар подпись и статус -->
<script type="text/javascript">
var a =document.URL
var b=document.getElementById('pun-status').innerHTML
if (b.indexOf("bad pr")!=-1)
{
if ((a.indexOf("signature")!=-1)||(a.indexOf("section=avatar")!=-1))
{document.getElementsByName('update')[0].onclick=noChange}
else if (a.indexOf("upload-avatar")!=-1)
{document.getElementsByName('urload')[0].onclick=noChange}}
function noChange()
{alert ("ты что творишь?")
return false}
</script>
<style>
#pun-main #profile1[action$="id=8"]{
display:none;
}
</style>
<!--КОНЕЦ-->

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

<!-- Аватар для гостя и по умолчанию / Deff, Alex_63 
mod by ForumD.ru  -->
    <script type="text/javascript">
    var DefAvtr = 'https://i.imgur.com/dDgOQqz.gif'; //Ссылка на аватар по умолчанию
    var GuestAvtr = 'https://i.imgur.com/dDgOQqz.gif'; //Ссылка на аватар для Гостя

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

<!--Переключение раскладки выделенного текста -->
<style>#button-transL{background-image:url(http://uploads.ru/i/X/j/Z/XjZW7.png)}</style>
<script type="text/javascript">S='<img src="http://forum.mybb.ru/i/blank.gif" title="Lat- Русс" onclick="bbcode(\'[Lat-Rus]\',\'[/Rus-Lat]\');LatRus();"/>';
$("#button-font").after('<td id=button-transL>'+S+'</td>');var TxtTrans1='lat';
function LatRus(){if(TxtTrans1=='lat'){TxtTrans1='rus'}else{TxtTrans1='lat'};
lat0='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split('');
lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split('');
lat.push('\\[');lat.push('\\]');lat.push('\\.');
rus=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split('');
function transF(p){ar1=lat;ar2=rus;if(TxtTrans1=='lat'){ar2=lat0;ar1=rus}for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}L=$('#main-reply').val();L=L.replace(/\[Lat-Rus\]([\s\S]*)\[\/Rus-Lat\]/mg,function(a,b,c){return transF(b);});$('#main-reply').val(L);}
</script>
<!-- Конец -->

<!--БАННЕРЫ-->
<!-- Прокрутка элементов в блоке -->
<div class="Hoverbuttons2" style="position: absolute; align: center; height: 93px; width: 370px; overflow: auto; margin-top: -93px; margin-left: 17px; line-height: 80%; opacity: 0.8;">
<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://soullove.ru/" target=_blank> <img src="https://forumstatic.ru/files/000e/5d/50/37711.gif" border="0" alt="The Vampire Diaries | Soul Love"></a>

<a href="http://eltropicanolife.rusff.me/#?advNum=site_banner" target="_blank">
<img src="https://i.imgur.com/eUbopU4.gif" ></a>

<a href="http://rayons.rusff.me"><img src="https://forumstatic.ru/files/0017/a9/1e/87684.gif" title="[районы-кварталы]" width=88 height=31 border=0></a>

<a href="http://howlongisnow.rusff.me/"><img src="https://funkyimg.com/i/2TVKQ.gif" title="TACHELES"></a>

<a href="http://toeden.rusff.me" title="Мистика, США, 2022 год"  target="_blank"><img src="https://i.imgur.com/jhPilxP.gif" alt="Return to eden"></a>

  <a target="_blank" href="http://thebreakdown.ru/"><img src="https://i.ibb.co/0sFXbxG/FlBCR.png" ></a>  

<a href="http://earlgrey.rusff.me" target="_blank"><img src="https://i.imgur.com/MXrFuUK.png" title="earl grey. real-life."></a>

<a href="http://floremorbo.rusff.me/"target=_blank><img src="https://i.imgur.com/uS5I5DX.gif" title="floremorbo"></a>

<a href="http://newlegacy.ru"><img src="https://forumstatic.ru/files/000b/f7/ff/90795.gif" border="0" title="New Story"></a>

<a href="http://chicagorol.ru" title="Chicagoland" target="_blank"><img src="https://funkyimg.com/i/2VSuR.gif" width="88px" height="31px"></a>

<a href="http://ukhate.rusff.me/" target="_blank"><img src="https://i.imgur.com/jtpHWlV.png" title="hate united " border="0" alt="hate united "></a>

<a href="http://crossreturns.rusff.me" target="_blank"><img src="https://i.imgur.com/VIuyOaR.jpg" title="wonderlandcross" border="0" width="88" height="31"></a>

<a href="http://miorline.rolevaya.ru"><img src="https://s8.hostingkartinok.com/uploads/images/2019/06/192ab038f26997a798efe7d6eba5b324.png" title="MiorLine"></a>

</marquee>
</div>
<!-- конец -->


<!-- Маска профиля -->
<script src="http://f.etrin.ru/hvss/hvss.min.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['Общий архив', 'Завершенные эпизоды', 'Заброшенные эпизоды', 'Связь с мэрией'],
    forumAccessExtended: {
        'Реальное время': ['Принятые'],
        'Прошлое и будущее': ['Принятые'],
        'Другие миры': ['Принятые'],
        'Социум здесь': ['Пользователи', 'Принятые'],
        'Это чей тамада?': ['Принятые'],
        'Личное пространство': ['Принятые'],
        'Сделай паузу - поиграй': ['Принятые']
    },
    userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-posts', 'pa-respect', 'pa-fld2', 'pa-awards']
});
</script>
<!-- конец -->


<script type="text/javascript">
    $('#pun-index .category td.tcl').each(function() {
      var TR = $(this).parents('tr:first');
      var str='<div class="Add"><div class="Tems_And_messages">Teм: <span class="right">'+TR.find('td.tc2').text()+'</span></div><div  style="margin-left:0px; " class="Tems_And_messages">Cообщений: <span class="right">'+$(this).parents('tr:first').find('td.tc3').text()+'</span></div><div  style="margin-left:0px;" class="bottom"><span class="right">'+TR.find('td.tcr').html()+'</span></div></div>';
      var lsr=TR.find('td:first');
      $(str).appendTo(lsr);
    });
</script>

<!-- Всплывающая таблица с вкладками, в топике, с инфой о персонаже -->
<style type="text/css">
  /*Стиль иконки в мини-профиле*/
img.a-info{
  padding:2px;
  display:block!important;
  cursor:pointer;
  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,.7);
}
/*Подвижка иконки закрытия таблички*/
.my-tabs > img.close {
float:right;
margin:0 -35px 0 0!important; /*чем больше - тем правее*/
width:27px;
display: none;
}
/* Корневой таб(UL) */
.my-tabs{
display:block;
z-index:30000;
position:absolute;
max-height:420px;  /*максимальная высота таблички*/
}
/* Стиль "Ушка" вкладок */
.my-tabs>span{
width:0px;
height:0px;
}
/* Cдвиг самого первого "Уха" */
.my-tabs>span:first-child{
margin-left: 8px;
}
/* Активное "Ушко" */
.my-tabs>span.selected{
 opacity:1;
 border-bottom-color:transparent!important;
display:none !important;
}
/* Стиль вкладки(LI)*/
.my-tabs>.tab-a{
 width: 720px;
 height: 420px;
 position:relative;
 z-index:1;
 display:none;
box-shadow: 0px 0px 30px 3px rgba(0, 0, 0, .4);
}
/*Отступ контента вкладки сверху*/
.tab-a .post-content{
 text-align:left;
 display:inline-block;
}
/* сдвиг таблицы */
.punbb .my-tabs{
  padding-top: 70px!important;  /*сдвиг таблицы вверх от положения иконки*/
  margin-left: 93px!important; /*сдвиг таблицы вправо от положения иконки*/
}
/*Подвижка иконки*/
.post-author img.a-info {display: none!important}
</style>
<!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// -->

<!-- Переадресация клика со своей Иконки для Вспл. таблицы в топике -->
<script type="text/javascript">
function iconRedir(that) {
    $(that).parents('.post-author').find('.post-img-Sp.a-info')[0].click();
};
</script>
<!-- Включаем 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> 
if($('#pun-viewtopic').length && !$('#navawards').length) 
FORUM.PartnerVote = function() { return true; }; 
</script>
<!-- конец -->

<!---------------------------- шрифты---------------------------->

<script type="text/javascript"> 
if ($('#pun-viewtopic,#pun-post,#pun-edit,#pun-poll,#pun-messages').length) {
var ft; var i; var ft_f; var j = ""; 
ft = document.getElementById("font-area"); 
var ft_f = new Array(); 
ft_f.push('Abril Fatface'); 
ft_f.push('Angilla Tattoo Personal Use'); 
ft_f.push('Bad Script');
ft_f.push('bebas neue');
ft_f.push('Bungee Hairline');  
ft_f.push('Comfortaa');
ft_f.push('Cuprum'); 
ft_f.push('Dancing Script'); 
ft_f.push('Didact Gothic'); 
ft_f.push('Dr Sugiyama');
ft_f.push('Emilys Candy'); 
ft_f.push('Geo');
ft_f.push('Graduate');
ft_f.push('Great Vibes');
ft_f.push('Kaushan Script'); 
ft_f.push('La Belle Aurore'); 
ft_f.push('lobster'); 
ft_f.push('Marck Script');
ft_f.push('Montserrat Alternates'); 
ft_f.push('Mrs Sheppards');  
ft_f.push('Orbitron');
ft_f.push('Oswald');
ft_f.push('Passion One');
ft_f.push('Pattaya');
ft_f.push('Roboto Condensed'); 
ft_f.push('rochester'); 
ft_f.push('Sansita One'); 
ft_f.push('Seaweed Script');
ft_f.push('Segoe print');  
ft_f.push('UnifrakturMaguntia'); 
ft_f.push('Yesteryear');



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>

0

6

Код:
<!--обтекание изображения 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>
<div>
<a onclick="obj=document.getElementById('cont_2').style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><button id='pun-main' class='button'>котики</button></a>  <a onclick="obj=document.getElementById('cont_3').style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><button id='pun-main' class='button'>зверята</button></a>  <a onclick="obj=document.getElementById('cont_4').style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><button id='pun-main' class='button'>людишки</button></a>  <a onclick="obj=document.getElementById('cont_5').style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><button id='pun-main' class='button'>людишки 2</button></a>  <a onclick="obj=document.getElementById('cont_6').style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><button id='pun-main' class='button'>V4Jasp</button></a>  
	

<div id="cont_6" style="display: none;"> 
<br><br>
  
<img onclick="bbcode(' [img]http://i.imgur.com/CLkdnEw.png[/img] ', '')" src="http://i.imgur.com/CLkdnEw.png" alt="Смайл" />  
<img onclick="bbcode(' [img]http://i.imgur.com/Bd1QwE1.png[/img] ', '')" src="http://i.imgur.com/Bd1QwE1.png" alt="Смайл" />  
<img onclick="bbcode(' [img]http://i.imgur.com/egikmIM.png[/img] ', '')" src="http://i.imgur.com/egikmIM.png" alt="Смайл" />
<img onclick="bbcode(' [img]http://i.imgur.com/VMOIYYd.png[/img] ', '')" src="http://i.imgur.com/VMOIYYd.png" alt="Смайл" />
<img onclick="bbcode(' [img]http://i.imgur.com/PB2SVQm.png[/img] ', '')" src="http://i.imgur.com/PB2SVQm.png" alt="Смайл" />
<img onclick="bbcode(' [img]https://i.imgur.com/ifCcByl.png[/img] ', '')" src="https://i.imgur.com/ifCcByl.png" alt="Смайл" />
<img onclick="bbcode(' [img]https://i.imgur.com/cG7SumO.png[/img] ', '')" src="https://i.imgur.com/cG7SumO.png" alt="Смайл" />
<img onclick="bbcode(' [img]https://i.imgur.com/UeiM4Ap.png[/img] ', '')" src="https://i.imgur.com/UeiM4Ap.png" alt="Смайл" />
<img onclick="bbcode(' [img]https://i.imgur.com/8HUuxcK.png[/img] ', '')" src="https://i.imgur.com/8HUuxcK.png" alt="Смайл" />
<img onclick="bbcode(' [img]https://i.imgur.com/eEf8Ogz.png[/img] ', '')" src="https://i.imgur.com/eEf8Ogz.png" alt="Смайл" />
<img onclick="bbcode(' [img]https://i.imgur.com/SXBXPOB.png[/img] ', '')" src="https://i.imgur.com/SXBXPOB.png" alt="Смайл" />
<img onclick="bbcode(' [img]https://i.imgur.com/RChokEs.png[/img] ', '')" src="https://i.imgur.com/RChokEs.png" alt="Смайл" />
<img onclick="bbcode(' [img]https://i.imgur.com/eMu4hsT.png[/img] ', '')" src="https://i.imgur.com/eMu4hsT.png" alt="Смайл" /><br>

<img onclick="bbcode(' [img]https://i.imgur.com/KJukc1t.png[/img] ', '')" src="https://i.imgur.com/KJukc1t.png" alt="Смайл" />
<img onclick="bbcode(' [img]https://i.imgur.com/LcVaWwg.png[/img] ', '')" src="https://i.imgur.com/LcVaWwg.png" alt="Смайл" />
<img onclick="bbcode(' [img]https://i.imgur.com/n5Cw0O0.png[/img] ', '')" src="https://i.imgur.com/n5Cw0O0.png" alt="Смайл" />
<img onclick="bbcode(' [img]https://i.imgur.com/Gtd4eqL.png[/img] ', '')" src="https://i.imgur.com/Gtd4eqL.png" alt="Смайл" />
<img onclick="bbcode(' [img]https://i.imgur.com/uXwKJFt.png[/img] ', '')" src="https://i.imgur.com/uXwKJFt.png" alt="Смайл" />
<img onclick="bbcode(' [img]https://i.imgur.com/V0GQxJz.png[/img] ', '')" src="https://i.imgur.com/V0GQxJz.png" alt="Смайл" />
<img onclick="bbcode(' [img]https://i.imgur.com/vUPYloK.png[/img] ', '')" src="https://i.imgur.com/vUPYloK.png" alt="Смайл" />
<img onclick="bbcode(' [img]https://i.imgur.com/8p0NFdL.png[/img] ', '')" src="https://i.imgur.com/8p0NFdL.png" alt="Смайл" />
<img onclick="bbcode(' [img]https://i.imgur.com/pw7XtOb.png[/img] ', '')" src="https://i.imgur.com/pw7XtOb.png" alt="Смайл" />
<img onclick="bbcode(' [img]https://i.imgur.com/yx1RW8w.png[/img] ', '')" src="https://i.imgur.com/yx1RW8w.png" alt="Смайл" /><br>

<img src="http://i.imgur.com/mbWtiY9.png" style="cursor: pointer" onclick="smile('[img]http://i.imgur.com/mbWtiY9.png[/img]')" />
<img src="http://i.imgur.com/jdRWjtJ.png" style="cursor: pointer" onclick="smile('[img]http://i.imgur.com/jdRWjtJ.png[/img]')" />
<img src="http://i.imgur.com/HDkBdPX.png" style="cursor: pointer" onclick="smile('[img]http://i.imgur.com/HDkBdPX.png[/img]')" />
<img src="http://i.imgur.com/4i0S7zG.png" style="cursor: pointer" onclick="smile('[img]http://i.imgur.com/4i0S7zG.png[/img]')" />
<img src="http://i.imgur.com/AioaaHq.png" style="cursor: pointer" onclick="smile('[img]http://i.imgur.com/AioaaHq.png[/img]')" />
<img src="https://i.imgur.com/aFwSp2b.png" style="cursor: pointer" onclick="smile('[img]https://i.imgur.com/aFwSp2b.png[/img]')" />
<img src="http://i.imgur.com/yF7x5Za.png" style="cursor: pointer" onclick="smile('[img]http://i.imgur.com/yF7x5Za.png[/img]')" />
<img src="https://i.imgur.com/TXnm5qt.png" style="cursor: pointer" onclick="smile('[img]https://i.imgur.com/TXnm5qt.png[/img]')" />
<img src="http://funkyimg.com/i/2JrH9.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/2JrH9.gif[/img]')" />
<img src="http://i.imgur.com/eeWWDEZ.png" style="cursor: pointer" onclick="smile('[img]http://i.imgur.com/eeWWDEZ.png[/img]')" />
<img src="http://i.imgur.com/gtnjtQK.png" style="cursor: pointer" onclick="smile('[img]http://i.imgur.com/gtnjtQK.png[/img]')" />

<br><br>thx, <a href="http://korean-academy.ru">KA</a> <3

</div>


<div id="cont_5" style="display: none;"> 
<br><br>

<img onclick="bbcode(' [img]https://i.imgur.com/9oqkAWw.png[/img] ', '')" src="https://i.imgur.com/9oqkAWw.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/qRkswGb.png[/img] ', '')" src="https://i.imgur.com/qRkswGb.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/ua9AG3A.png[/img] ', '')" src="https://i.imgur.com/ua9AG3A.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/2THkZ6c.png[/img] ', '')" src="https://i.imgur.com/2THkZ6c.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/3Pi1Py1.png[/img] ', '')" src="https://i.imgur.com/3Pi1Py1.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/x1Bwayf.png[/img] ', '')" src="https://i.imgur.com/x1Bwayf.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/03xXVCJ.png[/img] ', '')" src="https://i.imgur.com/03xXVCJ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/O6lQ4dE.png[/img] ', '')" src="https://i.imgur.com/O6lQ4dE.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/8cmPDR4.png[/img] ', '')" src="https://i.imgur.com/8cmPDR4.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/WyrC8Zf.png[/img] ', '')" src="https://i.imgur.com/WyrC8Zf.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/x5l7UVC.png[/img] ', '')" src="https://i.imgur.com/x5l7UVC.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/mZ69vSN.png[/img] ', '')" src="https://i.imgur.com/mZ69vSN.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/cunighc.png[/img] ', '')" src="https://i.imgur.com/cunighc.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/EuiSkzM.png[/img] ', '')" src="https://i.imgur.com/EuiSkzM.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/osNoGRC.png[/img] ', '')" src="https://i.imgur.com/osNoGRC.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/VdNTMkA.png[/img] ', '')" src="https://i.imgur.com/VdNTMkA.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/ZpIYVun.png[/img] ', '')" src="https://i.imgur.com/ZpIYVun.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/ou3Ndca.png[/img] ', '')" src="https://i.imgur.com/ou3Ndca.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/tIgKnwC.png[/img] ', '')" src="https://i.imgur.com/tIgKnwC.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/aDwuBGg.png[/img] ', '')" src="https://i.imgur.com/aDwuBGg.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/hM9YYpf.png[/img] ', '')" src="https://i.imgur.com/hM9YYpf.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/8BQpjCJ.png[/img] ', '')" src="https://i.imgur.com/8BQpjCJ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/S4RgJG1.png[/img] ', '')" src="https://i.imgur.com/S4RgJG1.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/fbYO4uP.png[/img] ', '')" src="https://i.imgur.com/fbYO4uP.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/2Awktfi.png[/img] ', '')" src="https://i.imgur.com/2Awktfi.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/INQYyQB.png[/img] ', '')" src="https://i.imgur.com/INQYyQB.png" alt="Смайл" />  

<img onclick="bbcode(' [img]https://i.imgur.com/pu51FbU.png[/img] ', '')" src="https://i.imgur.com/pu51FbU.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/vEvmmZE.png[/img] ', '')" src="https://i.imgur.com/vEvmmZE.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/p7jBKSK.png[/img] ', '')" src="https://i.imgur.com/p7jBKSK.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/DDAN0Za.png[/img] ', '')" src="https://i.imgur.com/DDAN0Za.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/ZS1ZHvu.png[/img] ', '')" src="https://i.imgur.com/ZS1ZHvu.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/3Elc19M.png[/img] ', '')" src="https://i.imgur.com/3Elc19M.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/pUjPAx8.png[/img] ', '')" src="https://i.imgur.com/pUjPAx8.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/NGjCKNN.png[/img] ', '')" src="https://i.imgur.com/NGjCKNN.png" alt="Смайл" />  

<img onclick="bbcode(' [img]https://i.imgur.com/AKgiLJ6.png[/img] ', '')" src="https://i.imgur.com/AKgiLJ6.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/dVSEkeW.png[/img] ', '')" src="https://i.imgur.com/dVSEkeW.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/nHQtgih.png[/img] ', '')" src="https://i.imgur.com/nHQtgih.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/oo23Tsd.png[/img] ', '')" src="https://i.imgur.com/oo23Tsd.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/VrYzccY.png[/img] ', '')" src="https://i.imgur.com/VrYzccY.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/Lc76JvD.png[/img] ', '')" src="https://i.imgur.com/Lc76JvD.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/wf8HDn4.png[/img] ', '')" src="https://i.imgur.com/wf8HDn4.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/qoS8EwE.png[/img] ', '')" src="https://i.imgur.com/qoS8EwE.png" alt="Смайл" />  

<img onclick="bbcode(' [img]https://i.imgur.com/9shFLLa.png[/img] ', '')" src="https://i.imgur.com/9shFLLa.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/tS4bN58.png[/img] ', '')" src="https://i.imgur.com/tS4bN58.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/RzCE6EZ.png[/img] ', '')" src="https://i.imgur.com/RzCE6EZ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/s9E1KcZ.png[/img] ', '')" src="https://i.imgur.com/s9E1KcZ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/RrO3j88.png[/img] ', '')" src="https://i.imgur.com/RrO3j88.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/jI5Drfk.png[/img] ', '')" src="https://i.imgur.com/jI5Drfk.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/sjiyQPH.png[/img] ', '')" src="https://i.imgur.com/sjiyQPH.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/ReXXfRl.png[/img] ', '')" src="https://i.imgur.com/ReXXfRl.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/Pv5XDYU.png[/img] ', '')" src="https://i.imgur.com/Pv5XDYU.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/sn1xLwk.png[/img] ', '')" src="https://i.imgur.com/sn1xLwk.png" alt="Смайл" />  

<img onclick="bbcode(' [img]https://i.imgur.com/69hYXUg.png[/img] ', '')" src="https://i.imgur.com/69hYXUg.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/ilcqEXJ.png[/img] ', '')" src="https://i.imgur.com/ilcqEXJ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/CImpwVJ.png[/img] ', '')" src="https://i.imgur.com/CImpwVJ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/iqqeZRZ.png[/img] ', '')" src="https://i.imgur.com/iqqeZRZ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/Csm7Q75.png[/img] ', '')" src="https://i.imgur.com/Csm7Q75.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/VL8pt2L.png[/img] ', '')" src="https://i.imgur.com/VL8pt2L.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/b1gDyoZ.png[/img] ', '')" src="https://i.imgur.com/b1gDyoZ.png" alt="Смайл" />  

<img onclick="bbcode(' [img]https://i.imgur.com/O7LdwAF.png[/img] ', '')" src="https://i.imgur.com/O7LdwAF.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/sRNwhJu.png[/img] ', '')" src="https://i.imgur.com/sRNwhJu.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/LwUMNrz.png[/img] ', '')" src="https://i.imgur.com/LwUMNrz.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/fMbAnH7.png[/img] ', '')" src="https://i.imgur.com/fMbAnH7.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/Eg8swvl.png[/img] ', '')" src="https://i.imgur.com/Eg8swvl.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/cfBJzHg.png[/img] ', '')" src="https://i.imgur.com/cfBJzHg.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/ngaoeeE.png[/img] ', '')" src="https://i.imgur.com/ngaoeeE.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/Nl4pKKJ.png[/img] ', '')" src="https://i.imgur.com/Nl4pKKJ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/Z6zYQzf.png[/img] ', '')" src="https://i.imgur.com/Z6zYQzf.png" alt="Смайл" />  

<img onclick="bbcode(' [img]https://i.imgur.com/qAqV58H.png[/img] ', '')" src="https://i.imgur.com/qAqV58H.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/JdGcgan.png[/img] ', '')" src="https://i.imgur.com/JdGcgan.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/C6CSaRr.png[/img] ', '')" src="https://i.imgur.com/C6CSaRr.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/0elLudl.png[/img] ', '')" src="https://i.imgur.com/0elLudl.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/MHkFfyy.png[/img] ', '')" src="https://i.imgur.com/MHkFfyy.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/1tHNlZ9.png[/img] ', '')" src="https://i.imgur.com/1tHNlZ9.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/QPPne0A.png[/img] ', '')" src="https://i.imgur.com/QPPne0A.png" alt="Смайл" />  

<img onclick="bbcode(' [img]https://i.imgur.com/7D2Cwjk.png[/img] ', '')" src="https://i.imgur.com/7D2Cwjk.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/GM5ROhT.png[/img] ', '')" src="https://i.imgur.com/GM5ROhT.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/J7oAnLk.png[/img] ', '')" src="https://i.imgur.com/J7oAnLk.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/zqmja8y.png[/img] ', '')" src="https://i.imgur.com/zqmja8y.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/3zCOSJp.png[/img] ', '')" src="https://i.imgur.com/3zCOSJp.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/VxboB1X.png[/img] ', '')" src="https://i.imgur.com/VxboB1X.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/Hcsw6t3.png[/img] ', '')" src="https://i.imgur.com/Hcsw6t3.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/cNPen96.png[/img] ', '')" src="https://i.imgur.com/cNPen96.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/TFUvisI.png[/img] ', '')" src="https://i.imgur.com/TFUvisI.png" alt="Смайл" />  

</div>


<div id="cont_4" style="display: none;"> 
<br><br>

<img onclick="bbcode(' [img]https://i.imgur.com/3vPbf4g.png[/img] ', '')" src="https://i.imgur.com/3vPbf4g.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/tMzL7EW.png[/img] ', '')" src="https://i.imgur.com/tMzL7EW.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/zaeX9H9.png[/img] ', '')" src="https://i.imgur.com/zaeX9H9.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/wGFGbzW.png[/img] ', '')" src="https://i.imgur.com/wGFGbzW.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/49aj6Gn.png[/img] ', '')" src="https://i.imgur.com/49aj6Gn.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/aL25Hiz.png[/img] ', '')" src="https://i.imgur.com/aL25Hiz.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/fmUPFrK.png[/img] ', '')" src="https://i.imgur.com/fmUPFrK.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/Yfyk67h.png[/img] ', '')" src="https://i.imgur.com/Yfyk67h.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/eO4DkOE.png[/img] ', '')" src="https://i.imgur.com/eO4DkOE.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/hYB6rP8.png[/img] ', '')" src="https://i.imgur.com/hYB6rP8.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/yFhVex9.png[/img] ', '')" src="https://i.imgur.com/yFhVex9.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/HRmv5kJ.png[/img] ', '')" src="https://i.imgur.com/HRmv5kJ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/u0KNzcg.png[/img] ', '')" src="https://i.imgur.com/u0KNzcg.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/pHR6c45.png[/img] ', '')" src="https://i.imgur.com/pHR6c45.png" alt="Смайл" />  

<img onclick="bbcode(' [img]https://i.imgur.com/KZAgGeo.png[/img] ', '')" src="https://i.imgur.com/KZAgGeo.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/zGcjLfA.png[/img] ', '')" src="https://i.imgur.com/zGcjLfA.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/Ot3eCHo.png[/img] ', '')" src="https://i.imgur.com/Ot3eCHo.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/CndljCA.png[/img] ', '')" src="https://i.imgur.com/CndljCA.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/L7DkZqL.png[/img] ', '')" src="https://i.imgur.com/L7DkZqL.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/ihkNafg.png[/img] ', '')" src="https://i.imgur.com/ihkNafg.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/UQjB3kl.png[/img] ', '')" src="https://i.imgur.com/UQjB3kl.png" alt="Смайл" />  

<img onclick="bbcode(' [img]https://i.imgur.com/6ljdkTT.png[/img] ', '')" src="https://i.imgur.com/6ljdkTT.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/sRBkTtH.png[/img] ', '')" src="https://i.imgur.com/sRBkTtH.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/KgVemTy.png[/img] ', '')" src="https://i.imgur.com/KgVemTy.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/q9XPFGz.png[/img] ', '')" src="https://i.imgur.com/q9XPFGz.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/OCuS6PP.png[/img] ', '')" src="https://i.imgur.com/OCuS6PP.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/JptrQr6.png[/img] ', '')" src="https://i.imgur.com/JptrQr6.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/25ieeQU.png[/img] ', '')" src="https://i.imgur.com/25ieeQU.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/uzEqdC3.png[/img] ', '')" src="https://i.imgur.com/uzEqdC3.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/4yW8yt2.png[/img] ', '')" src="https://i.imgur.com/4yW8yt2.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/j0YUx8o.png[/img] ', '')" src="https://i.imgur.com/j0YUx8o.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/SD3FxJC.png[/img] ', '')" src="https://i.imgur.com/SD3FxJC.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/YJqNWeS.png[/img] ', '')" src="https://i.imgur.com/YJqNWeS.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/KsB052h.png[/img] ', '')" src="https://i.imgur.com/KsB052h.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/JNM3X37.png[/img] ', '')" src="https://i.imgur.com/JNM3X37.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/IMwkgR4.png[/img] ', '')" src="https://i.imgur.com/IMwkgR4.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/yhv8Sxa.png[/img] ', '')" src="https://i.imgur.com/yhv8Sxa.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/F3GvZCh.png[/img] ', '')" src="https://i.imgur.com/F3GvZCh.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/He4fpSV.png[/img] ', '')" src="https://i.imgur.com/He4fpSV.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/0hcsgKq.png[/img] ', '')" src="https://i.imgur.com/0hcsgKq.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/ScILbig.png[/img] ', '')" src="https://i.imgur.com/ScILbig.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/bvZWDv6.png[/img] ', '')" src="https://i.imgur.com/bvZWDv6.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/4Jur2T6.png[/img] ', '')" src="https://i.imgur.com/4Jur2T6.png" alt="Смайл" />  

<img onclick="bbcode(' [img]https://i.imgur.com/u8QMM63.png[/img] ', '')" src="https://i.imgur.com/u8QMM63.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/vUKlbqD.png[/img] ', '')" src="https://i.imgur.com/vUKlbqD.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/FiluG35.png[/img] ', '')" src="https://i.imgur.com/FiluG35.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/RjOGhG5.png[/img] ', '')" src="https://i.imgur.com/RjOGhG5.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/kkYjhhs.png[/img] ', '')" src="https://i.imgur.com/kkYjhhs.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/ozu0NZi.png[/img] ', '')" src="https://i.imgur.com/ozu0NZi.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/t6DV9e2.png[/img] ', '')" src="https://i.imgur.com/t6DV9e2.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/THzoAUb.png[/img] ', '')" src="https://i.imgur.com/THzoAUb.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/l0ogEBf.png[/img] ', '')" src="https://i.imgur.com/l0ogEBf.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/hLsaIMV.png[/img] ', '')" src="https://i.imgur.com/hLsaIMV.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/ihOA6BE.png[/img] ', '')" src="https://i.imgur.com/ihOA6BE.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/GagveTU.png[/img] ', '')" src="https://i.imgur.com/GagveTU.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/vbqLMzj.png[/img] ', '')" src="https://i.imgur.com/vbqLMzj.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/btTgyON.png[/img] ', '')" src="https://i.imgur.com/btTgyON.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/VCO1riH.png[/img] ', '')" src="https://i.imgur.com/VCO1riH.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/zk9NHTY.png[/img] ', '')" src="https://i.imgur.com/zk9NHTY.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/iEVv1pi.png[/img] ', '')" src="https://i.imgur.com/iEVv1pi.png" alt="Смайл" />  

<img onclick="bbcode(' [img]https://i.imgur.com/siwX6Hl.png[/img] ', '')" src="https://i.imgur.com/siwX6Hl.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/FFJ0WT0.png[/img] ', '')" src="https://i.imgur.com/FFJ0WT0.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/Ksg84WO.png[/img] ', '')" src="https://i.imgur.com/Ksg84WO.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/Il1W4V7.png[/img] ', '')" src="https://i.imgur.com/Il1W4V7.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/xCQAiPe.png[/img] ', '')" src="https://i.imgur.com/xCQAiPe.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/yt0TUA3.png[/img] ', '')" src="https://i.imgur.com/yt0TUA3.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/EzyP1p6.png[/img] ', '')" src="https://i.imgur.com/EzyP1p6.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/uXnAUoy.png[/img] ', '')" src="https://i.imgur.com/uXnAUoy.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/sPZdAcW.png[/img] ', '')" src="https://i.imgur.com/sPZdAcW.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/xlQTvgE.png[/img] ', '')" src="https://i.imgur.com/xlQTvgE.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/fTPecVk.png[/img] ', '')" src="https://i.imgur.com/fTPecVk.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/WycCriX.png[/img] ', '')" src="https://i.imgur.com/WycCriX.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/ntlBIkH.png[/img] ', '')" src="https://i.imgur.com/ntlBIkH.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/jLTfQof.png[/img] ', '')" src="https://i.imgur.com/jLTfQof.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/eulPzxk.png[/img] ', '')" src="https://i.imgur.com/eulPzxk.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/X3gZxl1.png[/img] ', '')" src="https://i.imgur.com/X3gZxl1.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/YjBhFvm.png[/img] ', '')" src="https://i.imgur.com/YjBhFvm.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/tNUbpX4.png[/img] ', '')" src="https://i.imgur.com/tNUbpX4.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/R6vTZ15.png[/img] ', '')" src="https://i.imgur.com/R6vTZ15.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/cwjWQwG.png[/img] ', '')" src="https://i.imgur.com/cwjWQwG.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/pxS49B5.png[/img] ', '')" src="https://i.imgur.com/pxS49B5.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/R3TrYRt.png[/img] ', '')" src="https://i.imgur.com/R3TrYRt.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/IJuESwp.png[/img] ', '')" src="https://i.imgur.com/IJuESwp.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/hUVu1Kt.png[/img] ', '')" src="https://i.imgur.com/hUVu1Kt.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/cO45bYX.png[/img] ', '')" src="https://i.imgur.com/cO45bYX.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/h9wmzzQ.png[/img] ', '')" src="https://i.imgur.com/h9wmzzQ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/StyJOAj.png[/img] ', '')" src="https://i.imgur.com/StyJOAj.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/hNTjN7j.png[/img] ', '')" src="https://i.imgur.com/hNTjN7j.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/YpEZ9b5.png[/img] ', '')" src="https://i.imgur.com/YpEZ9b5.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/aPZE7fD.png[/img] ', '')" src="https://i.imgur.com/aPZE7fD.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/cPvc6rt.png[/img] ', '')" src="https://i.imgur.com/cPvc6rt.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/26oeAB6.png[/img] ', '')" src="https://i.imgur.com/26oeAB6.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/OEj9CSo.png[/img] ', '')" src="https://i.imgur.com/OEj9CSo.png" alt="Смайл" />  

</div>


<div id="cont_3" style="display: none;"> 
<br><br>

<img onclick="bbcode(' [img]https://i.imgur.com/9O9n1BB.png[/img] ', '')" src="https://i.imgur.com/9O9n1BB.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/72H68Iq.png[/img] ', '')" src="https://i.imgur.com/72H68Iq.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/mZEORNg.png[/img] ', '')" src="https://i.imgur.com/mZEORNg.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/WRveDOQ.png[/img] ', '')" src="https://i.imgur.com/WRveDOQ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/KI70qTd.png[/img] ', '')" src="https://i.imgur.com/KI70qTd.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/SqIdj6W.png[/img] ', '')" src="https://i.imgur.com/SqIdj6W.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/ydfc7XJ.png[/img] ', '')" src="https://i.imgur.com/ydfc7XJ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/Wo6GNQq.png[/img] ', '')" src="https://i.imgur.com/Wo6GNQq.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/2aOB1Xp.png[/img] ', '')" src="https://i.imgur.com/2aOB1Xp.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/Xss5G7w.png[/img] ', '')" src="https://i.imgur.com/Xss5G7w.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/nqd7IOe.png[/img] ', '')" src="https://i.imgur.com/nqd7IOe.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/qP3xXcs.png[/img] ', '')" src="https://i.imgur.com/qP3xXcs.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/0h3LJ08.png[/img] ', '')" src="https://i.imgur.com/0h3LJ08.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/RLZFjzh.png[/img] ', '')" src="https://i.imgur.com/RLZFjzh.png" alt="Смайл" />  

<img onclick="bbcode(' [img]https://i.imgur.com/5HouXb0.png[/img] ', '')" src="https://i.imgur.com/5HouXb0.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/O9ijIaZ.png[/img] ', '')" src="https://i.imgur.com/O9ijIaZ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/6NLtaGM.png[/img] ', '')" src="https://i.imgur.com/6NLtaGM.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/IV7Thac.png[/img] ', '')" src="https://i.imgur.com/IV7Thac.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/CQV5l5V.png[/img] ', '')" src="https://i.imgur.com/CQV5l5V.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/uQQFpmd.png[/img] ', '')" src="https://i.imgur.com/uQQFpmd.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/HMKbfzN.png[/img] ', '')" src="https://i.imgur.com/HMKbfzN.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/9GHXOlj.png[/img] ', '')" src="https://i.imgur.com/9GHXOlj.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/TwGeb9J.png[/img] ', '')" src="https://i.imgur.com/TwGeb9J.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/g6tTnNB.png[/img] ', '')" src="https://i.imgur.com/g6tTnNB.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/zu90s7O.png[/img] ', '')" src="https://i.imgur.com/zu90s7O.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/TFu406c.png[/img] ', '')" src="https://i.imgur.com/TFu406c.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/V932FYt.png[/img] ', '')" src="https://i.imgur.com/V932FYt.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/64zHw8C.png[/img] ', '')" src="https://i.imgur.com/64zHw8C.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/PA2ZiIU.png[/img] ', '')" src="https://i.imgur.com/PA2ZiIU.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/vxo4soF.png[/img] ', '')" src="https://i.imgur.com/vxo4soF.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/Z2lLMT1.png[/img] ', '')" src="https://i.imgur.com/Z2lLMT1.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/u0b0SAq.png[/img] ', '')" src="https://i.imgur.com/u0b0SAq.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/Qnvvgys.png[/img] ', '')" src="https://i.imgur.com/Qnvvgys.png" alt="Смайл" /> 

<img onclick="bbcode(' [img]https://i.imgur.com/bYniAvK.png[/img] ', '')" src="https://i.imgur.com/bYniAvK.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/XQNgPwk.png[/img] ', '')" src="https://i.imgur.com/XQNgPwk.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/HIWPN7a.png[/img] ', '')" src="https://i.imgur.com/HIWPN7a.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/S4AyQ41.png[/img] ', '')" src="https://i.imgur.com/S4AyQ41.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/GBwq2kW.png[/img] ', '')" src="https://i.imgur.com/GBwq2kW.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/LDDn5oe.png[/img] ', '')" src="https://i.imgur.com/LDDn5oe.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/3J3LNat.png[/img] ', '')" src="https://i.imgur.com/3J3LNat.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/qSDY5Xa.png[/img] ', '')" src="https://i.imgur.com/qSDY5Xa.png" alt="Смайл" />  

<img onclick="bbcode(' [img]https://i.imgur.com/fgQTQ51.png[/img] ', '')" src="https://i.imgur.com/fgQTQ51.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/xaVoBZy.png[/img] ', '')" src="https://i.imgur.com/xaVoBZy.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/5kTqO87.png[/img] ', '')" src="https://i.imgur.com/5kTqO87.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/0PEAAfb.png[/img] ', '')" src="https://i.imgur.com/0PEAAfb.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/nNMh8ZY.png[/img] ', '')" src="https://i.imgur.com/nNMh8ZY.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/9Ln7nBq.png[/img] ', '')" src="https://i.imgur.com/9Ln7nBq.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/rKmQoRb.png[/img] ', '')" src="https://i.imgur.com/rKmQoRb.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/35UaaaC.png[/img] ', '')" src="https://i.imgur.com/35UaaaC.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/50Quu29.png[/img] ', '')" src="https://i.imgur.com/50Quu29.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/ZEW0F6C.png[/img] ', '')" src="https://i.imgur.com/ZEW0F6C.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/i84Gvvp.png[/img] ', '')" src="https://i.imgur.com/i84Gvvp.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/WMh4Bm3.png[/img] ', '')" src="https://i.imgur.com/WMh4Bm3.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/inrVuO6.png[/img] ', '')" src="https://i.imgur.com/inrVuO6.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/ApjzoVP.png[/img] ', '')" src="https://i.imgur.com/ApjzoVP.png" alt="Смайл" />  

<img onclick="bbcode(' [img]https://i.imgur.com/9yuSJBN.png[/img] ', '')" src="https://i.imgur.com/9yuSJBN.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/rsYMY2G.png[/img] ', '')" src="https://i.imgur.com/rsYMY2G.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/OwkJt90.png[/img] ', '')" src="https://i.imgur.com/OwkJt90.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/pNHE2uQ.png[/img] ', '')" src="https://i.imgur.com/pNHE2uQ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/cFV5gCH.png[/img] ', '')" src="https://i.imgur.com/cFV5gCH.png" alt="Смайл" />  

<img onclick="bbcode(' [img]https://i.imgur.com/VbNBf5I.png[/img] ', '')" src="https://i.imgur.com/VbNBf5I.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/6SCNX1s.png[/img] ', '')" src="https://i.imgur.com/6SCNX1s.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/jDS95hE.png[/img] ', '')" src="https://i.imgur.com/jDS95hE.png" alt="Смайл" />  

<img onclick="bbcode(' [img]https://i.imgur.com/uVpxqJt.png[/img] ', '')" src="https://i.imgur.com/uVpxqJt.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/GH5G9pM.png[/img] ', '')" src="https://i.imgur.com/GH5G9pM.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/hGuYEvt.png[/img] ', '')" src="https://i.imgur.com/hGuYEvt.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/wkxB2Ji.png[/img] ', '')" src="https://i.imgur.com/wkxB2Ji.png" alt="Смайл" />  

<img onclick="bbcode(' [img]https://i.imgur.com/MpYQMcD.png[/img] ', '')" src="https://i.imgur.com/MpYQMcD.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/FJdJ81W.png[/img] ', '')" src="https://i.imgur.com/FJdJ81W.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/v19o3BQ.png[/img] ', '')" src="https://i.imgur.com/v19o3BQ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/iOkLGRQ.png[/img] ', '')" src="https://i.imgur.com/iOkLGRQ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/qrkmjP8.png[/img] ', '')" src="https://i.imgur.com/qrkmjP8.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/sdZRGj1.png[/img] ', '')" src="https://i.imgur.com/sdZRGj1.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/0xjBSG1.png[/img] ', '')" src="https://i.imgur.com/0xjBSG1.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/ZeyKLS7.png[/img] ', '')" src="https://i.imgur.com/ZeyKLS7.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/nviJ5g4.png[/img] ', '')" src="https://i.imgur.com/nviJ5g4.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/0kFaaAO.png[/img] ', '')" src="https://i.imgur.com/0kFaaAO.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/Q8CLPyY.png[/img] ', '')" src="https://i.imgur.com/Q8CLPyY.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/sz38rBJ.png[/img] ', '')" src="https://i.imgur.com/sz38rBJ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/luQ1AG2.png[/img] ', '')" src="https://i.imgur.com/luQ1AG2.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/1dxno6k.png[/img] ', '')" src="https://i.imgur.com/1dxno6k.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/Nx1AdiE.png[/img] ', '')" src="https://i.imgur.com/Nx1AdiE.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/dcz7lWE.png[/img] ', '')" src="https://i.imgur.com/dcz7lWE.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/6Tdj6qq.png[/img] ', '')" src="https://i.imgur.com/6Tdj6qq.png" alt="Смайл" />  

<img onclick="bbcode(' [img]https://i.imgur.com/g0LB8Pr.png[/img] ', '')" src="https://i.imgur.com/g0LB8Pr.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/mv6TQu1.png[/img] ', '')" src="https://i.imgur.com/mv6TQu1.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/YqBHGyg.png[/img] ', '')" src="https://i.imgur.com/YqBHGyg.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/iK5m4yP.png[/img] ', '')" src="https://i.imgur.com/iK5m4yP.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/jaE0TTF.png[/img] ', '')" src="https://i.imgur.com/jaE0TTF.png" alt="Смайл" />  

</div>


<div id="cont_2" style="display: none;"> 
<br><br>

<img onclick="bbcode(' [img]https://i.imgur.com/CzGkC0i.png[/img] ', '')" src="https://i.imgur.com/CzGkC0i.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/TvgU2aX.png[/img] ', '')" src="https://i.imgur.com/TvgU2aX.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/XauAbAw.png[/img] ', '')" src="https://i.imgur.com/XauAbAw.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/xAt5A5z.png[/img] ', '')" src="https://i.imgur.com/xAt5A5z.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/yr7vc9p.png[/img] ', '')" src="https://i.imgur.com/yr7vc9p.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/ht7mJwV.png[/img] ', '')" src="https://i.imgur.com/ht7mJwV.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/Dllxs43.png[/img] ', '')" src="https://i.imgur.com/Dllxs43.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/UHL13ez.png[/img] ', '')" src="https://i.imgur.com/UHL13ez.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/AJdFvMK.png[/img] ', '')" src="https://i.imgur.com/AJdFvMK.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/SsE5k6U.png[/img] ', '')" src="https://i.imgur.com/SsE5k6U.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/8gz8lyy.png[/img] ', '')" src="https://i.imgur.com/8gz8lyy.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/3wq4LEK.png[/img] ', '')" src="https://i.imgur.com/3wq4LEK.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/gNCoWLk.png[/img] ', '')" src="https://i.imgur.com/gNCoWLk.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/GGfmLGk.png[/img] ', '')" src="https://i.imgur.com/GGfmLGk.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/KpdcU6e.png[/img] ', '')" src="https://i.imgur.com/KpdcU6e.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/4UnV491.png[/img] ', '')" src="https://i.imgur.com/4UnV491.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/sMh2AdS.png[/img] ', '')" src="https://i.imgur.com/sMh2AdS.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/Xt8X36p.png[/img] ', '')" src="https://i.imgur.com/Xt8X36p.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/z2PTHiP.png[/img] ', '')" src="https://i.imgur.com/z2PTHiP.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/srrotBd.png[/img] ', '')" src="https://i.imgur.com/srrotBd.png" alt="Смайл" />  

<img onclick="bbcode(' [img]https://i.imgur.com/vRIwX8Q.png[/img] ', '')" src="https://i.imgur.com/vRIwX8Q.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/SfFpQdU.png[/img] ', '')" src="https://i.imgur.com/SfFpQdU.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/kKz2mMh.png[/img] ', '')" src="https://i.imgur.com/kKz2mMh.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/z82I2u3.png[/img] ', '')" src="https://i.imgur.com/z82I2u3.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/Lk9y3Nv.png[/img] ', '')" src="https://i.imgur.com/Lk9y3Nv.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/hZghVdm.png[/img] ', '')" src="https://i.imgur.com/hZghVdm.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/IXZ7lQx.png[/img] ', '')" src="https://i.imgur.com/IXZ7lQx.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/512W5NC.png[/img] ', '')" src="https://i.imgur.com/512W5NC.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/FQPikKZ.png[/img] ', '')" src="https://i.imgur.com/FQPikKZ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/hx1b1dp.png[/img] ', '')" src="https://i.imgur.com/hx1b1dp.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/UiM4uW1.png[/img] ', '')" src="https://i.imgur.com/UiM4uW1.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/NkyN2tX.png[/img] ', '')" src="https://i.imgur.com/NkyN2tX.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/8d6iqgh.png[/img] ', '')" src="https://i.imgur.com/8d6iqgh.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/wXgPkjS.png[/img] ', '')" src="https://i.imgur.com/wXgPkjS.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/IsptgwN.png[/img] ', '')" src="https://i.imgur.com/IsptgwN.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/wTfv6wP.png[/img] ', '')" src="https://i.imgur.com/wTfv6wP.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/BFIZEqy.png[/img] ', '')" src="https://i.imgur.com/BFIZEqy.png" alt="Смайл" /> 
 
<img onclick="bbcode(' [img]https://i.imgur.com/UbznjuN.png[/img] ', '')" src="https://i.imgur.com/UbznjuN.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/8youkeH.png[/img] ', '')" src="https://i.imgur.com/8youkeH.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/3an4efj.png[/img] ', '')" src="https://i.imgur.com/3an4efj.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/1FIPHuh.png[/img] ', '')" src="https://i.imgur.com/1FIPHuh.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/fDj4lkq.png[/img] ', '')" src="https://i.imgur.com/fDj4lkq.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/4yvvaaY.png[/img] ', '')" src="https://i.imgur.com/4yvvaaY.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/i9jewsQ.png[/img] ', '')" src="https://i.imgur.com/i9jewsQ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/7PYrsEu.png[/img] ', '')" src="https://i.imgur.com/7PYrsEu.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/UrnF3KZ.png[/img] ', '')" src="https://i.imgur.com/UrnF3KZ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/qJmQdqJ.png[/img] ', '')" src="https://i.imgur.com/qJmQdqJ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/35Ud5o1.png[/img] ', '')" src="https://i.imgur.com/35Ud5o1.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/WjLZW0Z.png[/img] ', '')" src="https://i.imgur.com/WjLZW0Z.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/fvOkPIs.png[/img] ', '')" src="https://i.imgur.com/fvOkPIs.png" alt="Смайл" />  

<img onclick="bbcode(' [img]https://i.imgur.com/L94G3gZ.png[/img] ', '')" src="https://i.imgur.com/L94G3gZ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/8rmzfvY.png[/img] ', '')" src="https://i.imgur.com/8rmzfvY.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/3RlJGuB.png[/img] ', '')" src="https://i.imgur.com/3RlJGuB.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/60HxrI4.png[/img] ', '')" src="https://i.imgur.com/60HxrI4.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/Urfduqf.png[/img] ', '')" src="https://i.imgur.com/Urfduqf.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/k7B3foX.png[/img] ', '')" src="https://i.imgur.com/k7B3foX.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/UJoHtjn.png[/img] ', '')" src="https://i.imgur.com/UJoHtjn.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/yZ24bcZ.png[/img] ', '')" src="https://i.imgur.com/yZ24bcZ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/ZWWxVph.png[/img] ', '')" src="https://i.imgur.com/ZWWxVph.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/fGIuSZS.png[/img] ', '')" src="https://i.imgur.com/fGIuSZS.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/th81IMO.png[/img] ', '')" src="https://i.imgur.com/th81IMO.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/Iwi5Py3.png[/img] ', '')" src="https://i.imgur.com/Iwi5Py3.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/oOC4aaS.png[/img] ', '')" src="https://i.imgur.com/oOC4aaS.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/iRlhxXW.png[/img] ', '')" src="https://i.imgur.com/iRlhxXW.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/KqfviCi.png[/img] ', '')" src="https://i.imgur.com/KqfviCi.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/RfwCdop.png[/img] ', '')" src="https://i.imgur.com/RfwCdop.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/wqaWa6i.png[/img] ', '')" src="https://i.imgur.com/wqaWa6i.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/SGlDE4x.png[/img] ', '')" src="https://i.imgur.com/SGlDE4x.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/kLgPB3z.png[/img] ', '')" src="https://i.imgur.com/kLgPB3z.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/WW7hfiZ.png[/img] ', '')" src="https://i.imgur.com/WW7hfiZ.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/NZNtk3e.png[/img] ', '')" src="https://i.imgur.com/NZNtk3e.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/iv3485u.png[/img] ', '')" src="https://i.imgur.com/iv3485u.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/9JZNAZ0.png[/img] ', '')" src="https://i.imgur.com/9JZNAZ0.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/spnePuO.png[/img] ', '')" src="https://i.imgur.com/spnePuO.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/M9hX4Zg.png[/img] ', '')" src="https://i.imgur.com/M9hX4Zg.png" alt="Смайл" />  

<img onclick="bbcode(' [img]https://i.imgur.com/2Ssna8o.png[/img] ', '')" src="https://i.imgur.com/2Ssna8o.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/wAQ3kwA.png[/img] ', '')" src="https://i.imgur.com/wAQ3kwA.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/FrceOLR.png[/img] ', '')" src="https://i.imgur.com/FrceOLR.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/oOE1q8a.png[/img] ', '')" src="https://i.imgur.com/oOE1q8a.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/BAvyBOv.png[/img] ', '')" src="https://i.imgur.com/BAvyBOv.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/92M7Kd2.png[/img] ', '')" src="https://i.imgur.com/92M7Kd2.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/MMOziMC.png[/img] ', '')" src="https://i.imgur.com/MMOziMC.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/OWrVq32.png[/img] ', '')" src="https://i.imgur.com/OWrVq32.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/4B2RGiW.png[/img] ', '')" src="https://i.imgur.com/4B2RGiW.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/yK5vdQa.png[/img] ', '')" src="https://i.imgur.com/yK5vdQa.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/bfBXnfn.png[/img] ', '')" src="https://i.imgur.com/bfBXnfn.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/aKOIoqd.png[/img] ', '')" src="https://i.imgur.com/aKOIoqd.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/ZqIncIY.png[/img] ', '')" src="https://i.imgur.com/ZqIncIY.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/coTg4rr.png[/img] ', '')" src="https://i.imgur.com/coTg4rr.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/JNtS63I.png[/img] ', '')" src="https://i.imgur.com/JNtS63I.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/LS6nyXg.png[/img] ', '')" src="https://i.imgur.com/LS6nyXg.png" alt="Смайл" />  
<img onclick="bbcode(' [img]https://i.imgur.com/INNlPLb.png[/img] ', '')" src="https://i.imgur.com/INNlPLb.png" alt="Смайл" />  

</div>
</div>

0

7

***************************************************************

0

8

Код:
/*************************************************************
A - SETUP
**************************************************************/

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

/* A1.1 */

@import url(style_cs.css);
@import url(http://fonts.fontstorage.com/import/bebasneue.css);
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Unicase');
@import url('https://fonts.googleapis.com/css?family=Jura');
@import url('https://fonts.googleapis.com/css?family=Comfortaa');
@import url(//db.onlinewebfonts.com/c/1d65b5646a9a805c62b037be6dd3a0a7?family=Cubano);
}


* A2.5 *

/* 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.7em;
vertical-align: middle
}


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

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

/* A3.2 */
.punbb {
font: normal 68.70% 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: bold;
    margin-left: 0px;
  }
.punbb th   {
  font-size: 0.9em;
  font-weight: bold;
  }
.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
font-size: 1.1em;
}

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

/* A3.7 */
.punbb address, .punbb em {
font-style: normal
}

/* A3.8 */
.punbb .post-content em {
font-style: italic
}

/* A3.9 */
.punbb .post-content em.bbuline {
font-style: normal;
text-decoration: underline;
}

//* A3.10 */
.punbb a {
  text-decoration: none;
  }

/* 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: 953px;
  position: relative;
  padding-left: 13px;
  }

/* A5.2 */
.punbb {
width: 920px; /*ширина содержимого*/
height: auto;
position: top center;
float: none;
padding-left: 11px; /* отступ от края левого текста всего форума */
}

/* A5.3 */
/* ПЕРЕАДРЕСАЦИЯ
-------------------------------------------------------------*/
#pun-redirect{
border: 0 none!important;
margin: 0px 1px 0px 0px;
padding: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
width: 100%;
height: 100%;
text-align: center;
font-size: 0 !important;
background: url(https://i.imgur.com/wvxWddq.png) top center no-repeat;
background-color: #f3f0f0;
color: transparent;
}
#pun-redirect *{
  border:0 none;
  display: none;
}
#pun-redirect .main-title {
  display:none;
}

/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 1em;
}

/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.4em;
}

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
margin-top: 1em;
}

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

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

/* A5.10  картинку в статистику сделать */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
padding: 10px 1em 10px 1em;
border-style: none none none none;
border-width: 0 0 0 0;
}

#pun-main h1 { 
padding: 0px 0px 22px 0px; 
border-style: none solid solid none; 
    text-align: center;
    font-family: calibri;
    font-size: 16px;
    line-height: 5px;
    color: #771625;
    letter-spacing: 1px;
    font-weight: 600;
    font-variant: small-caps;
}

#pun-stats.section h2 {
    background-attachment: scroll;
    background-clip: border-box;
    width: 400px;
    height: 79px;
    margin-left: 270px;
    background-color: transparent;
    background-origin: padding-box;
    background-size: auto;
    font-size: 0px;
    background: url(https://i.imgur.com/SM5MwAD.png) top center no-repeat;
}

#pun-main h2 {
  padding: 9px 1em 0px 8px;
  border: 0px solid transparent;
  border-bottom: 0px solid transparent;
}


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

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: 2px dotted #c2c2c2; /* граница, линии начертание и цвет */
  margin: 15px 0;
  }

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

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

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
    overflow: hidden;
    padding: 10px;
    border-top: 0px #a5a5a5 dashed;
    background-color: #f4f0ef;
    box-shadow: inset 0px 0px 5px #9e8b75cf;
    border-radius: 10px;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 6px 6px 6px 6px;
    padding: 7px 9px 7px 9px;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    position: relative;
    top: -6px;
    padding: 7px 0px 7px 0px;
    font: 500  18px bebas neue;
    margin: -8px -14px 0px -14px;
    color: #a62539;
    background-color: #d2cdc9;
    /* border: 3px solid #7d1208; */
    border-radius: 5px;
    box-shadow: inset 0px 0px 8px #fff;
    text-transform: lowercase;
    text-align: center;
  }

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


/* 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: -31px; 
left: 1em; 
width: 24em; 
font-family: arial; 
font-size: 11px; 
font-variant: small-caps; 
font-weight: 600; 
word-spacing: 2px;
  }

/* 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;
    font-family: arial;
    font-size: 11px;
    font-variant: small-caps;
    font-weight: 600;
    word-spacing: 2px;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold;
    font-family: arial;
    font-size: 11px;
    font-variant: small-caps;
    font-weight: 600;
    word-spacing: 2px;
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
    font-family: arial;
    font-size: 11px;
    font-variant: small-caps;
    font-weight: 600;
    word-spacing: 2px;
  }


/*************************************************************
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; text-align: center; color: #231d13; font-size: 13px; font-variant: small-caps;}

/* 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 1em 0;
line-height: 1.6;
  }

/* 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;
 width:50%;
padding-right: 1px;
}


/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 18%;
  font-size: 10px;
  }


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

/* 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 a {color: #a42438!important; font-family: bebas neue; text-transform: uppercase; font-size: 18px!important;}

#pun-index .tcl h3 {
    text-align: center;
    margin-top: 9px;
    margin-bottom: 5px;
}

#pun-index .tcl h3 a:hover {color: #fde8cd !important;}



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

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

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 1
  }
* html .tclcon {height: 1px}

/* Оформление подфорумов на главной (лучи любви Ченни за основу)
-------------------------------------------------------------*/
/* C2.14 */

#pun-index td div.tclcon {
    width: 342px;
    /* height: 230px; */
    margin-bottom: 10px;
    margin-top: 5px;
    background: url(https://i.imgur.com/EAhCIEO.png) top no-repeat, url(https://i.imgur.com/nMdWClo.png) bottom no-repeat, url(https://i.imgur.com/ZX4s6JX.png) center repeat-y;
    margin-left: 110px;
    position: relative;
    padding: 5px 5px 5px 5px;
}


/* C2.15  иконка сообщений */
.punbb div.icon {

  float: right;
  display: block;
 margin: 0px 50px 0px 0px;
}

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

/* C3.1 границы в теме */
.punbb .post .container {
  border-style: none none none none;
  border-width: 0px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 верхняя граница в теме */
.punbb .post h3 {
  border-style: none none none none;
  border-width: 0px;
  }

/* C3.3 дата */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 23em;
  border-left-style: solid;
  border-left-width: 1px;
  font-size: 10px !important;
text-transform: lowercase; 
  }

/* C3.4 нумерация постов*/
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
 padding-right: 30 px;
  }

/* C3.5 расположение текста в сообщении */
.punbb .post .post-author {float: left;width: 247px;margin: 0em;margin-top: 0px;overflow: hidden;margin-left: -8px;background: url(https://i.imgur.com/iPmAela.png) no-repeat top, url(https://i.imgur.com/h6oX2C8.png) bottom no-repeat, url(https://i.imgur.com/0FhpAG4.png) repeat-y}
.post-author ul {
    margin: 0.8em;
    margin-bottom: 10px;
    }

/* C3.6 */

/* C3.6 оформление профиля*/
.punbb .post .post-author ul, .punbb .post .post-author p {
    color: #a62539;
    padding: 0px 0px 0px 0px;
    line-height: 100%;
    font-size: 9px;
    text-align: center;
}


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

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

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


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


/* C3.11 граница справа */
.punbb .post-body {
 margin-left: 21em;
  border-left-style: none;
  border-left-width: 0px;
  padding: 0 0 1px 0;
 padding-right: 20px;
  text-align: justify;
  }

/* C3.12 поле под сообщением, отступ от даты */
.punbb .post-box {
  padding: 10px 0px 0px 10px;
      margin-left: 4px;
  }

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

/* 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: none;
  border-top-width: 0px;
  background: transparent;
  text-align: right;
  }

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

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

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


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 сдвиг нижней части в профиле */
#profile .container {
 padding-left: 18.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;
  line-height: 1.8;
  }

/* 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 5.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;
  height : 40px;
  padding: 2em 1em 0 1em;
  }

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

/* D1.4 øàïêà? */
#pun-title h1 span  {
  display: none;
  font-size: 1.5em;
  }


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

/* D2.1 */
#pun-pagelinks {
 position: absolute;
  top: -15px;
  left: 0px;
  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: 0px;
  }

/* D3.2 */
#pun-navlinks .container {  padding: 18px 0px;}

/* 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  {
  margin-top: 0px;
  text-align: center;
  font-size: 12px;
  }


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


/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  width: 890px;
  margin-top:-15px!important;
  }



/* D5.3 */
/* ОФОРМЛЕНИЯ БЛОКА ПРИВЕТСТВИЯ ГОСТЯ И ВРЕМЕНИ ПОСЛЕДНЕГО ВИЗИТА
-------------------------------------------------------------*/
#pun-status span {
white-space: nowrap;
margin-right: 0.5em;
margin-left: 6px;
font-family: tahoma;
font-size: 11px;
line-height: 90%; /* расстояние между строчками */
color: #000;
  }

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

/* D5.5 */
#pun-crumbs1 p.container {
 border-top: none;
    padding: 0em 1em 0.8em 1em;
    font-size: 13px;
    text-align: left;
    font-family: tahoma;
 }

/* 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;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  margin-top: -10px!important;
  }

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

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

/* D7.1 */
#pun-stats .container {
  padding: 1em 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: right;
  line-height: 150%;
  padding: 0em 1em;
  }



/* D8.5 */
#pun-about p span {
  display: none;
  padding-left: 50%;
  text-align: center;
  }



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

/* 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: 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;
  }
#profile #post,#profile .post {
 max-width:600px;
}

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



/* ПРОЗРАЧНОСТЬ ГРАНИЦ, при необходимости можно выставить свой цвет
-------------------------------------------------------------*/
.punbb .container, .punbb .post-body, .post h3, #pun-title {border-color: transparent;}
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {border-color: transparent;}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {border-color: transparent;}
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{border-color: transparent;}
.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;}
.punbb th {border-color: transparent;}
#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-color: transparent;}
li.pa-online {border-left-color: transparent;}

/* ТАБЛИЦЫ В ПОСТАХ БЕЗ ГРАНИЦ
-------------------------------------------------------------*/
.post-content td { border:none transparent !important;}


/* УБРАТЬ ССЫЛКИ РУСФФ
-------------------------------------------------------------*/
#pun-live-rusff {display: none;} 


/* СКРЫТЬ МОДЕРОВ С ГЛАВНОЙ
-------------------------------------------------------------*/
#pun td .modlist{display:none;}


/* УБРАТЬ МОИ ЗАГРУЗКИ ИЗ МЕНЮ
-------------------------------------------------------------*/
#pun-ulinks .container li.item5 {display: none;}


/* УБРАТЬ "РЕДАКТИРОВАННО" И "НАГРАДЫ"
-------------------------------------------------------------*/
li#navawards, .lastedit {display: none;}


#pun-announcement {margin-top: -85px;}

#font-area {
    max-height: 300px;
    overflow-y: auto;
}

0

9

Код:
html{min-width: 1200px!important; /*overflow-x: hidden;*/ }/*для мобил, чтобы стоял по центру, а не лип к левому краю*/

/* CS0 Меню - навигация
-------------------------------------------------------------*/

/* НАВИГАЦИЯ
---------------------------------------------------------------------------------------------*/
/* ПОЛОЖЕНИЕ НАВИГАЦИИ, общие ссылки и пользовательские */
div#pun-navlinks {position: absolute;width: 100%;text-align: center;top: -13px;/* left: 100px; */}
div#pun-ulinks {position: absolute;width: 100%;text-align: center;top: 17px;/* left: 50px; */}


/* ССЫЛКИ ОБЩЕЙ НАВИГАЦИИ ДО НАВЕДЕНИЯ */
#pun-navlinks a {
    text-align: center;
    font-family: bebas neue;
    font-size: 20px!important;
    letter-spacing: 1px;
    color: #fff;
    text-shadow: 0px 0px 0px #bda97d;
    text-transform: uppercase;
}


/* ССЫЛКИ ОБЩЕЙ НАВИГАЦИИ ПОСЛЕ НАВЕДЕНИЯ */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #a62539;
text-shadow: 0px 0px 0px #795227;
}



/* ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ДО НАВЕДЕНИЯ */
#pun-ulinks a  {
    text-align: center;
    position: relative;
    z-index: 2000 !important;
    letter-spacing: 0px;
    font-family: cubano;
    font-size: 10px !important;
    text-transform: lowercase;
    font-weight: 100;
    color: #4b3b2f;
    text-shadow: 0px 0px 0px #bda97d;
    vertical-align: middle;
}


/* ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ПОСЛЕ НАВЕДЕНИЯ, чиво должно поменяться */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { color: #fff; }



/*------------------AMS--------------*/
.ams {display: inline-block;}
.ams a {
    font-family: 'bebas neue' !important;
    font-size: 12px !important;
    text-transform: uppercase;
    line-height: 15px;
    color: #f8e5cf!important;
    letter-spacing: 1px;
    font-weight: 300;
    }

.ams a:hover {color: #dcdad4!important;}
.ams a span {display: none;}
.ams a:hover span{
    position: absolute;
    display: inline-block;
    margin-top: -120px;
    left: -23px;
    z-index: 100000;
    }


/* ПОЛОЖЕНИЕ РЕКЛАМЫ */
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 500px; top: -170px; }
#pun-title .title-logo { visibility: hidden; }

/* CS1 цвет фона, фона форума и остальное.
-------------------------------------------------------------*/


/* CS1.2 фон */
html {
background-image : url("https://i.imgur.com/z3VHnIz.jpg");
background-repeat: no-repeat;
background-attachment: ; 
background-position: top center;
background-color : #d2cdc9;
}

/* CS1.3 шапка*/
#pun-title table {
background-image : url("https://i.imgur.com/Y98Bgg9.png"); /* картинка шапки */
background-repeat : no-repeat;
background-position: center top;
border: none;
height: 386px;
margin-top: -8px;
width: 1276px; /* ширина, мать его, шапки, если брать больше - привет горизонтальный скролл */
margin-left: -173px; /* совпадает обычно с отступом текста, если шапка не шире контента */
}

/* CS1.4 тело */
#pun { 
background-image: url(https://i.imgur.com/dz9BfPF.jpg);
position: center top;
width: 966px;
}

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

/* 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 {
border-color:transparent;
  color: #С;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
border-color: none;
color: #231d13;
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
background-position: top center;
  background-repeat: no-repeat;
  text-align: center;
color: #231d13;
  font-weight: normal;
  }

#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}


/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
border-color: none;
  color: #231d13;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
border-color: none;
  color: #231d13;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
border-color: none;
  color: #231d13;
  }

/* CS1.7 */
/* ЦИТАТЫ И КОДЫ В СООБЩЕНИЯХ */
.punbb .quote-box, .punbb .code-box {
/* background: url(https://i.imgur.com/Rnkwe7P.png) repeat, linear-gradient(180deg, #e48b15, #770002); */
    border: 3px dotted #d2cdc9;
    color: #000;
}

.post-content .spoiler-box > blockquote {
    padding-top: 1.4em;
    /* display: none; */
    margin-top: 10px;
}

/* CS1.8 */

.offline li.pa-online strong {
  font-weight: normal
  }
.punbb textarea, .punbb select, .punbb input {
  background-image: url("http://sd.uplds.ru/xReuO.png");
  color: #061502;
}


/* CS2 границы
-------------------------------------------------------------*/

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


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


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


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


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


/* CS2.6 */


#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color:transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color:transparent;
  }

.punbb .divider {
border-color:transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
border-color:transparent;
  }

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

.punbb .post-sig dt {
border-color:transparent;
  }

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

/* CS3.1 все ссылки без наведения */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { text-decoration: none;
  color: #71400d;
 -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  }

.punbb .code-box a {
    color: #a62539;
}

.punbb .code-box a:hover {
    color: ##a28770;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #0a360c;
  }

/* 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: #a62539;
 -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  }


/* ссылки в подфорумах */
.elea { display: inline-block; font: small-caps 10px arial; background: #f5e2c6; color: #84683f!important; text-transform: lowercase; text-align: center; padding: 2px 8px 3px 8px; margin: 1px !important; transition: .3s; border-radius: 3px; }
.elea:hover { background: #e6cea9; transition: .3s; }


/* CS4 подвал
 -------------------------------------------------------------*/

#pun-about p.container {
    background: url(https://i.imgur.com/hV5yunf.png) no-repeat;
    width: 2000px;
    height: 144px;
    margin: -50px 0px -37px -546px;
    text-align: center;
    line-height: 1;
    font-size: 9px;
}

 div#html-footer {
        margin: -100px 0px 0px 0px;}

 div#pun-about {
       margin-bottom: 0px;

}
 div#html-footer {
        margin: 0px 0px 0px 0px;}

 #pun-announcement.section h2 span {display:  none; }
    a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; }

#pun-index .modlist {display: none; }


/* CS5 прокрутка
-------------------------------------------------------------*/

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
::-webkit-scrollbar-track {
    background: #d2cdc9;
}
::-webkit-scrollbar-thumb {
    background: #a28269;
    border-radius: 13px;
}



/* CS6 кнопки в форме ответа
-------------------------------------------------------------*/
#pun-main .button {
    background-color: #d2cdc9;
    border: 2px solid #a28269;
    padding: 7px;
    cursor: pointer;
    color: #755338;
    font-family: Calibri!important;
    font-size: 12px!important;
    font-weight: bold!important;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#pun-main .button:hover {
background-color: #a22437; 
color: #f4f0ef;
}

#pun-main .hashelp div input {
color: #677b73;
padding: 5px;
border: 1px solid #ffffff;
background-image: url('http://sd.uplds.ru/xReuO.png');
text-transform: lowercase;
font-size: 10px;
border-radius: 3px;
  }

/* блок формы ответа */
.punbb textarea {
  color: #000000; /*цвет текста*/
  background:#fffefd; /*картинка на фон*/
}


/* CS7 профиль 
-------------------------------------------------------------*/ 
.punbb .post .post-author > ul {padding: 0px 9px 35px 9px!important;} 

/* соо + репа */
#pun-main
.pa-posts,.pa-respect {
    font-size: 10px;
    text-align: center;
    text-transform: lowercase;
    font-weight: bold;
    color: #a62539;
    font-family: 'arial';
    display: inline-block;
    width: 65px;
    padding: 5px 8px 7px 14px!important;
    margin-top: 6px!important;
    margin-left: 0px !important;
    line-height: 12px;
}

.pa-respect a { 
color: #a62539!important; 
} 

/* активность */ 
.pa-online {
    text-align: center;
    font: 500 13px "bebas neue" !important;
    letter-spacing: 1px;
    color: #a62539!important;
    text-transform: uppercase;
    margin-left: -13px !important;
    padding-bottom: 6px !important;
    margin-top: 3px !important;
} 

/* ник */ 
.pa-author a, .pa-author { 
    z-index: 1000;
    width: 200px;
    text-align: center;
    text-shadow: 0px 0px #000000 !important;
    font-family: 'bebas neue'!important;
    font-size: 22px!important;
    font-style: normal;
    color: #a62539;
    /* font-weight: 100 !important; */
    letter-spacing: 0.8px;
    padding-top: 31px!important;
    text-transform: uppercase;
    margin-left: 6px !important;
} 

.pa-author a {
    color: #a62539 !important;
}

/* статус */ 
.pa-title { 
    text-align: center;
    z-index: 1000;
    font: 11px "Open Sans" !important;
    color: #a28269;
    text-transform: lowercase;
    letter-spacing: 0px;
    padding-top: 10px !important;
    margin-left: 0px !important;
} 

/* АВАТАРКА */ 
li.pa-avatar {    z-index: 5;
    margin-left: 1px !important;
    margin-top: 0px!important;
} 
li.pa-avatar img { max-width: 180px !important;
    max-height: 180px !important;
    border: 2px solid #a28269;
} 

.pa-awards a {
color: #a62539 !important;
}


/* ДОПОЛНИТЕЛЬНОЕ ПОЛЕ, при необходимости меняет цифру fld2, fld3 и так далее */ 
/* ПЛАШКА + ЛС*/ 
.pa-fld1 { 
    margin-bottom: -10px!important;
    margin-top: -8px!important;
    margin-left: 1px!important;
} 


/* ЛЗ (СПОЙЛЕР)
-----------------------------------*/ 
.pa-fld2 {
    background-color: #e7e7e7;
    border: 1px solid #fff;
    border-radius: 15px;
    box-shadow: inset 0px 0px 8px #fff;
    width: 170px !important;
    font-size: 9px;
    margin-bottom: -20px !important;
    margin-left: 10px !important;
    margin-top: -5px !important;
    padding-bottom: 10px !important;
}

/* Стиль*/
.stl {
  text-align: center;
  padding-top: 5px;
}


/* Инста */
.inst {
  text-align: center;
  padding-bottom: 5px!important;
  font-size: 13px;
  font-family: Bebas Neue;
  font-weight: bold;
}
.inst a {

}

/* ЛЗ */
.lz {
    color: #3d4923 !important;
    text-align: center;
    font-family: verdana;
    font-size: 9px;
    padding: 3px 10px 15px 10px !important;
    font-weight: 400;
    text-transform: none;
    line-height: 1.1;
}
.lz a {
}

/* Расположение ячеек для постов, денег, мышей */
.tab {
  padding: 7px 6px 0px 5px;
}


/* Посты, деньги, мыши */
.lz1 {
    text-align: center;
    background-color: #a28269;
    color: #f4f0ef;
    border: solid #f4f0ef00 1px;
    border-radius: 5px;
    padding: 3px;
    width: 40px;
    line-height: 1.5;
}


/*--------------------------------------------- 
КОНЕЦ ЛЗ (СПОЙЛЕР) */


/* CS8
 -------------------------------------------------------------*/

    /* ПОЛЕ ССЫЛКИ НА ТЕМУ И АВТОРА ПОСЛЕДНЕГО СООБЩЕНИЯ */
#pun-index .category tr .bottom {
    width: 340px;
    height: 36px;
    position: absolute;
    margin-left: 80px !important;
    line-height: 10px;
    font-size: 10px;
    font-family: arial;
    background-color: transperent;
    text-align: right;
    padding: 8px;
    color: #110c02;
    bottom: 25px !important;
}

    /* ССЫЛКИ ПРИ НАВЕДЕНИИ */
.punbb .category tr .bottom a{
    opacity: 1;
    font-size: 11px;
    font-weight: bolder;
    font-family: arial;
    font-variant: small-caps;
}
.punbb .category tr .bottom a:hover{
  opacity:0.7;
}


/* CS9 иконки сообщений
 -------------------------------------------------------------*/

/* ИКОНКИ СООБЩЕНИЙ
----------------------------------------------------------------------------------------------------------------------*/

/* ИКОНКА СТАРЫХ СООБЩЕНИЙ */
.punbb table Div.icon {float: right; 
display: block; 
width: 20px;
height: 20px;
background-image : url("https://i.imgur.com/NgcPJL1.png");
background-repeat: no-repeat;}

/* ИКОНКА НОВЫХ СООБЩЕНИЙ */
TR.inew Div.icon {
width: 20px;
height: 20px;
background-image : url("https://i.imgur.com/NMDjATm.png");
background-repeat: no-repeat;}

/* ИКОНКА ВАЖНЫХ СООБЩЕНИЙ */
TR.isticky Div.icon {
width: 20px;
height: 20px;
background-image : url("https://i.imgur.com/I6v7Eey.png");
background-repeat: no-repeat;}

/* ИКОНКА ЗАКРЫТЫХ СООБЩЕНИЙ */
TR.iclosed Div.icon {
width: 50px;
height: 50px;
background-image : url("https://i.imgur.com/20FPRoO.png");
background-repeat: no-repeat;}

#pun-main div.catleft, #pun-main div.catright {display: none}

#pun-index .icon {
    position: absolute;
    margin-top: 1px !important;
    margin-left: 436px !important;
    z-index: 1000;
}


/* CS10 для таблицы
-------------------------------------------------------------*/

.smallface { font-size: 10px; font-style: italic; }
.boldface { font-style: italic; font-weight: bold; }

/* Выделение текста */
    ::selection { 
    background: none repeat scroll 0 0 #8baabb;
    color: #231d13;
    opacity: 0.5;
    }  
::-moz-selection {
    background: none repeat scroll 0 0 #8baabb;
    color: #231d13;
    opacity: 0.5;
}

/* CS11 по центру
-------------------------------------------------------------*/
#pun-main .post-author ul {
text-align: center; 
margin-left: 10px;
}


#post-form h2 span {display: none;}

/* картинка в быстрый ответ */

#post-form h2 {
    background: url(https://i.imgur.com/xxFqcSd.png) top center no-repeat;
    width: 400px;
    height: 79px;
    margin-left: 250px;
}

li.pa-fld5 {
  margin-top: 10px;
  }


/* СКРЫТЬ КОЛ-ВО ТЕМ И СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ */
.category .container thead {display: none;}
#pun-index .main .tc2, #pun-index .main .tc3 {display: none;}


/* ПОДКЛАДКА ПОД ШРИФТЫ, РАЗМЕРЫ, ГРАФИТИ, ВИДЯХИ И ПРОЧЕЕ В ОКОШКЕ ВВОДА СОО */
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area {
    background-image: url(style_cs.1571844085.css) !important;
    background-color: #dcdad8!important;
    padding: 10px 10px 10px 10px;
    color: #19120a;
    text-shadow: 0px 0px 0px #beb294;
    border: 2px dotted #c3beba;
}

/* ПОДЛОЖКА ПОД ВСПЛЫВАЮЩИЕ ОКНА */
.pun-modal .modal-inner {
background: #f4f0ef;
}

#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner {
background: #f4f0ef;
}

#pun-reputation .inner h1,
#pun-report .inner h1,
#pun-admin-award-form .inner h1 {
padding: 15px 0px 0px 0px;
}


/* ОФОРМЛЕНИЕ ТЕМ */
.zag {
    width: 650px;
    height: 51px;
    background: url(https://i.imgur.com/Mm8nYij.png);
}
.zagtext {
    font-family: Bebas Neue;
    font-size: 26px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #a62539;
    line-height: 100%;
    padding-top: 14px;
    padding-left: 0px;
    text-align: center;
    }
.tema {
    width: 650px;
    background: url(https://i.imgur.com/0lrC1N0.png);
}
.tematext {
    width: 590px;
    overflow: auto;
    position: relative;
    text-align: justify;
    padding: 0px 12px 5px 12px;
    font-family: Playfair Display;
    }
.niz {
    width: 650px;
    height: 16px;
    background: url(https://i.imgur.com/W2Oyv00.png);
    margin-top: auto!important;
}
.niztext  {
    width: 630px;
    text-align: justify;
    margin-left: 38px !important;
    padding-top: 20px;
}

/* Полоски */
.polos {background-color: #9e8b75;text-align: center;color: #a62539;font: bold 16px bebas neue;letter-spacing: 1px;border: 2px solid #705d52;padding: 3px;margin-top: 17px;}



/* РАСПОЛОЖЕНИЕ ТЕКСТА ВНУТРИ ПОДФОРУМОВ */
.fortext {
    width: 294px;
    overflow: hidden;
    margin-left: 16px !important;
    margin-bottom: 13px !important;
    text-align: justify;
    background-color: #e7e7e7;
    border-radius: 18px;
    box-shadow: inset 0px 0px 2px #e69a13a6;
    padding: 8px;
}


/* ССЫЛКИ В ОПИСАНИИ ПОДФОРУМОВ */
.signa {
    width: 310px;
    margin-left: 16px !important;
    margin-top: -8px !important;
    margin-bottom: 12px !important;
    overflow: hidden;
    text-align: center;
}

.sign {
    display: inline-block;
    font: small-caps bold 12px arial;
    color: #f4f0ef!important;
    text-align: center;
    margin: 1px !important;
    padding: 2px 5px 4px 5px;
    background-color: #a3917c;
    box-shadow: inset 0px 0px 5px #e3e3e3;
}
.sign:hover {color: #a62539!important; }


.Add {
    display: none;
}


/* ССЫЛКИ В НАВИГАЦИИ */
.nav {display: inline-block;}
.nav a {
    color: #bdbab7!important;
    font-family: tahoma;
    font-size: 9px !important;
    text-transform: lowercase;}

.nav a:hover {color: #fff!important;}


/* ОБЪЯВЛЕНИЯ АМС */
.hat {width:600px; height:225px; background: url(https://i.imgur.com/0eGUboI.png);}
.hatzag {font-family: Bebas Neue;  font-size:28px;  letter-spacing: 1px;  text-transform:uppercase; color: #fcf4e5;  line-height:100%;  top: -17px; text-align:center; text-shadow: 2px 0px #bc7465; position:relative; right: 20px;}
.hattext { font-size:11px; top: 25px; text-align: justify; position:relative; width:400px; margin-right: 18px!important; }
.hat img {
   width: 131px; height: 131px;
   border-radius: 50%; margin: 0px;
   position: relative; z-index: 200; }
.telo {width:600px; background: url(https://i.imgur.com/Nnryeeb.png);  margin-top: -15px; }
.telotext { font-size:11px; width:400px; overflow: auto; position:relative; margin-top: -0px; text-align: justify; margin-right: 18px!important;}
.fut {width:600px; height:80px; background: url(https://i.imgur.com/3N335ce.png);  margin-top: -30px!important; }


/* Анкета */
.verh {
  background: url(https://i.imgur.com/WqI4Q98.png); width: 600px; height: 80px; position: relative;
}
.dubl {
  background: url(https://i.imgur.com/v3Cu8np.png); width: 600px; position: relative; 
}
.city {
  background: url(https://i.imgur.com/1gGtCl6.png); width: 600px; height: 81px; position: relative; top: 0px;
}

.namesur {
  color: #59585e; font-family: Comfortaa;  font-weight:500;  font-size: 20px;  letter-spacing:4px;  text-transform:uppercase;  text-align:center;  line-height:100%; top: 28px; position: relative; text-shadow: 0px 0px 5px #b7caca;
}

.pg1 {
  width: 550px;height: 250px;  background-size: 100%; position: relative; margin-bottom: 5px; top: -5px;
}
.pg2 {opacity: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;width: 550px;height: 250px;background: url(https://i.imgur.com/i01eyl2.png); position: relative; text-align: justify;}
.pg1:hover 
.pg2 {opacity: 1;position: relative; top: px;}

.accordion { width: 544px; position:relative; font-size: 14px; padding: 3px; background: #59585e; }
.accordion ul {list-style: none; margin: 0; padding: 0;   }
.accordion li {margin:0; padding:0; }

.accordion [type=radio], .accordion [type=checkbox] { display:none; }

.accordion label { display:block;  background: url(https://i.imgur.com/Wm0TvY6.png); height: 13px; color: #59585e; font-family: Comfortaa;  font-weight: 500;  font-size: 14px;  letter-spacing:4px;  text-transform:uppercase;  text-align:center;  line-height:100%;   -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; outline: 2px solid #59585e; }

.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label { background: url(https://i.imgur.com/pBPGfCO.png); color: #a5b7b7; }

.accordion .content { padding: 0 10px;  overflow:hidden;  -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out;background: url(https://i.imgur.com/wG34tpA.png) bottom no-repeat;  border: 1px solid #fff;}
.accordion p {  color:#333; margin:0 0 10px; }
.accordion h3 { color:#542437; margin:10px 0;}
.vertical ul li {overflow:hidden; margin:0 0 1px; }
.vertical ul li label { padding: 12px; }
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label { border-bottom:0; }
.vertical ul li .content { height:0px; border-top:0;}

.vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content { height: auto; border: 0px solid #fff; background-color: #abbebe; padding: 10px; }

.wohaowhe {padding-right: 5px; height: auto; text-align: justify; font-size: 13px; font-family: arial; line-height: 100%; color: #000; }

0

10

Код:
<!--ПРОФИЛАКТИКА-->
<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='index.php' /><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 = 0; //Cвитч включения: 1 - включено!; 0 - выключено
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>
<!--ПРОФИЛАКТИКА КОНЕЦ-->


<!-- Мгновенные уведомления © Alex_63, 2019 -->
<link rel="stylesheet" type="text/css" href="http://forumfiles.ru/f/ru/bestbb/notifications.css" />
<script type="text/javascript" src="http://forumfiles.ru/f/ru/bestbb/notifications.js"></script>
<script type="text/javascript">
notifications.token = '3e6f50b923d2582abb913897d8fadae149fc2262'; // Токен форума
notifications.key = 'otx13htcv077'; // Ключ подписки
</script>
<!-- Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019 -->
<script type="text/javascript">
notifications.load('common', {});
notifications.load('important', {topics: [181,16,15,405]}); // ID важных тем (через запятую)
</script>


<style type="text/css">
.post .gift{
  display:none;
}
</style>

<!-- HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<style>img.post-img-Sp {
    margin-top: -1px;
    margin-left: 19px;
    margin-bottom: 10px;
    width: 176px;
    height: 36px;
}
ul.post-ul-Sp {
margin-bottom: 30px;
}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script>

<!-- Выделение кода в блоке "Код" // © 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>


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


<!--ШРИФТЫ
Не трогайте, позязя. хд-->
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Monda|Megrim' rel='stylesheet' type='text/css'><link href="https://fonts.googleapis.com/css?family=Anonymous+Pro|Arsenal|EB+Garamond|Open+Sans+Condensed:300|Poiret+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Amatic+SC|Bad+Script|Cabin+Sketch|Gabriela|Jura|Marck+Script|Monoton|Neucha|Nothing+You+Could+Do|Permanent+Marker|Philosopher|Roboto+Mono|Sedgwick+Ave+Display|Shadows+Into+Light" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Amatic+SC|Cinzel|Creepster|Dancing+Script|Indie+Flower|Pacifico|Tangerine|UnifrakturMaguntia" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Jura" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cormorant+Unicase" rel="stylesheet">
<!--Шрифты конец-->

<!---------------------------- добавляем шрифты на форум ---------------------------->
<style type="text/css">
@font-face {
font-family: 'bebas neue';
src: url(https://forumstatic.ru/files/0012/ea/b6/62140.eot?),
url(https://forumstatic.ru/files/0012/ea/b6/15829.woff) format('woff'),
url(https://forumstatic.ru/files/0012/ea/b6/82004.ttf) format('truetype'),
url(https://forumstatic.ru/files/0012/ea/b6/59653.svg#svgFontName) format('svg');
font-weight: normal;
font-style: normal;
}
</style>
<!---------------------------- доп.шрифты ---------------------------->
<link href='http://fonts.googleapis.com/css?family=Ruslan+Display|Lobster|Marck+Script|Yeseva+One|Open+Sans+Condensed:300|Roboto+Slab|PT+Serif|Playfair+Display|Sansita+One|Poiret+One|EB+Garamond|Rochester|Advent+Pro|Playball|Orbitron|Six+Caps|Cinzel+Decorative|Handlee|Bungee+Hairline|Dr+Sugiyama|Cinzel|Passion+One|Kaushan+Script|Didact+Gothic|Montez|Emilys+Candy|Dancing+Script|Pacifico|Shadows+Into+Light|WildOnesPersonalUse|Highlander|Playfair+Display+SC|Hermes|Comfortaa|Roboto+Condensed|Angilla+Tattoo+Personal+Use|La+Belle+Aurore|Mrs+Sheppards|Yesteryear|Kaushan+Script|UnifrakturMaguntia|Montserrat+Alternates|Poiret+One|Graduate|Cuprum|Great+Vibes|Seaweed+Script|Geo|EB+Garamond|Playfair+Display+SC|Lora|Bad+Script|Cinematografica|Pattaya|CaveatRegular|Oswald|Annabelle|Adlerytrial|Philosopher|Noto+Serif|Libre+Baskerville|Abril+Fatface|Old+Standard+TT|Cinzel|Vidaloka|Marmelad|Forum&subset=latin,cyrillic' rel='stylesheet' type='text/css'>

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

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

<!-- Чтобы не пропадали посты -->
<script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/63959.js"></script>
<!— конец —>

<!--ТАБЛИЦА НАЧАЛО -->
<!--ФЛУДЕРЫ -->
<div style="position: absolute; margin-left: 170px; margin-top: 124px;">
<img src="https://i.imgur.com/WYUOag8.png" title="name">
<img src="https://i.imgur.com/WYUOag8.png" title="name" style="margin-left: -26px;">
<img src="https://i.imgur.com/WYUOag8.png" title="name" style="margin-left: -27px;">
<img src="https://i.imgur.com/WYUOag8.png" title="name" style="margin-left: -26px;">
<img src="https://i.imgur.com/WYUOag8.png" title="name" style="margin-left: -25px;">
</div>

<!--ПОСТОПИСЦЫ -->
<div style="position: absolute; margin-left: 111px; margin-top: 248px;">
<img src="https://i.imgur.com/WYUOag8.png" title="name">
<img src="https://i.imgur.com/WYUOag8.png" title="name" style="margin-left: -26px;">
<img src="https://i.imgur.com/WYUOag8.png" title="name" style="margin-left: -26px;">
<img src="https://i.imgur.com/WYUOag8.png" title="name" style="margin-left: -27px;">
<img src="https://i.imgur.com/WYUOag8.png" title="name" style="margin-left: -25px;">
</div>

<!--ЭПИЗОД -->
<div style="position: absolute; margin-left: 78px; margin-top: 176px;">
<a href="link"><img src="https://i.imgur.com/dbrno7F.png" title="episode"></a> 
</div>

<!--ТАНДЕМ -->
<div style="position: absolute; margin-left: 248px; margin-top: 177px;">
<img src="https://i.imgur.com/dbrno7F.png" title="name & name"> 
</div>

<!--ЛУЧШИЙ ПОСТ -->
<div style="position: absolute; margin-left: 297px; margin-top: 42px;">
<img src="https://i.imgur.com/b23vDgc.png" title="name"> 
</div>
<div style="font-family: Calibri; font-size: 10px; font-weight: bold; height: 50px; width: 138px; position: absolute; color: #dcd3ca; margin-left: 162px; margin-top: 62px; padding: 5px; text-align: center; overflow: hidden;">
Похороны - это всегда грустно, но когда ты видишь их каждый день, то невольно начинаешь привыкать к... <a href="http://austin.rolbb.ru/viewtopic.php?id=419#p17231">читать далее</a>
</div>

<!--СТИЛЬ-ПОБЕДИТЕЛЬ -->
<div style="position: absolute; margin-left: 671px; margin-top: 111px;">
<img src="https://imgur.com/VqeQk2R.png">
</div>

<!--НУЖНЫЕ-->
<div style="position: absolute; margin-left: 707px; margin-top: 63px;">
<a href="http://austin.rolbb.ru/viewtopic.php?id=8#p8527"><img src="https://i.imgur.com/CJpnTJc.png" title="need u"></a>
</div>
<div style="position: absolute; margin-left: 758px; margin-top: 99px;">
<a href="http://austin.rolbb.ru/viewtopic.php?id=8#p4225"><img src="https://i.imgur.com/CJpnTJc.png" title="need u"></a>
</div>
<div style="position: absolute; margin-left: 754px; margin-top: 149px;">
<a href="http://austin.rolbb.ru/viewtopic.php?id=8#p4225"><img src="https://i.imgur.com/CJpnTJc.png" title="need u"></a>
</div>
<!--ТАБЛИЦА КОНЕЦ -->

<!--НАВИГАЦИЯ-->
<div class="nav" style="position: absolute; margin-left: 17px; margin-top: 75px; width: 116px; text-align: center; /* white-space: pre; */ color: #bdbab7!important;"><a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=2">гостевая</a>  •  <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=3">правила</a>  •  <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=4">faq</a>    <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=5">внешности</a>  •  <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=37">путеводитель</a>    <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=6">хочу к вам</a>  •  <a class="nav" href="http://austin.rolbb.ru/viewforum.php?id=9">банк</a>    <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=17">вопросы к амс</a></div>


<!--ТЕКСТ ПРИВЕТСТВИЯ-->
<div style="position: absolute; left: 691px; top: 225px; color: #fff; width: 206px; font-family: Arial; font-size: 10px!important; text-align: center; line-height: 14px;">
Добро пожаловать, мой друг!<br>
Наши двери всегда открыты, мы ждем тебя!<br>
Дата в игре: февраль, 2019<br>
Днем max +20° ночью min -3°, дождливо
</div>

<!--АМС
Пробелы не трогать!-->
<div class="ams" style="position: absolute; margin-left: 678px; margin-top: 190px; white-space: pre;">
<a class="ams" href="http://austin.rolbb.ru/profile.php?id=3">David<span><img src="https://imgur.com/MIRaISO.png"></span></a>  <a class="ams" href="http://austin.rolbb.ru/profile.php?id=9">Isabelle<span><img src="https://imgur.com/r77kF4V.png"></span></a>  <a class="ams" href="http://austin.rolbb.ru/profile.php?id=5">Jasper<span><img src="https://imgur.com/HDJuipy.png"></span></a>  <a class="ams" href="http://austin.rolbb.ru/profile.php?id=32">Danielle<span><img src="https://imgur.com/4vqycJ2.png"></span></a>  <a class="ams" href="http://austin.rolbb.ru/profile.php?id=4">Ree<span><img src="https://imgur.com/YBXUkSh.png"></span></a>
</div>


<!-- ЛИЧНАЯ СТРАНИЦА -->
<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Slabo+27px" rel="stylesheet">
<style type="text/css">
.stranicafon { width: 632px; height: 450px; background-image: url(http://funkyimg.com/i/2qGtD.png);  z-index: 2; }
.nameplayer { position: absolute; margin-top: 5px; margin-left: 130px; width: 337px; height: 155px; border: 0px solid#284; text-align: center;  font-family: Bebas Neue; font-size: 32px; text-transform: uppercase; font-weight: bold; color: #000; text-shadow: 0 0px 10px #fac;}
.name  { position: absolute; margin-top: 7px; margin-left: 90px; width: 400px; height: 30px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.45; }
.rel  { position: absolute; margin-top: 63px; margin-left: 300px; width: 250px; height: 20px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.75; }
.ori  { position: absolute; margin-top: 100px; margin-left: 300px; width: 250px; height: 20px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.75; }
.job { position: absolute; margin-top: 140px; margin-left: 300px; width: 250px; height: 20px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.75; }
.music { position: absolute; margin-top: 290px; margin-left: 90px; width: 400px; height: 30px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.75;}
.rel1 { position: absolute; margin-top: 65px;  margin-left: 320px; width: 250px; height: 15px; border: 0px solid#284;   font-family: Bebas Neue; font-size: 13px;  }
.ori1 { position: absolute; margin-top: 103px;  margin-left: 320px; width: 250px; height: 15px; border: 0px solid#284;   font-family: Bebas Neue; font-size: 13px;  }
.job1 { position: absolute; margin-top: 143px;  margin-left: 320px; width: 250px; height: 15px; border: 0px solid#284;   font-family: Bebas Neue; font-size: 13px;  }
.music1 { position: absolute; margin-top: 295px;  margin-left: 100px; width: 400px; height: 15px; border: 0px solid#284; text-align: center;  font-family: Bebas Neue; font-size: 13px;  }
.photoplayer { position: absolute; margin-top: 80px; margin-left: 35px;  width: 170px; height: 170px; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; padding-left: 10px; padding-top: 10px; opacity: 0.5;}
.photoplayer1 { position: absolute; margin-top: 80px; margin-left: 35px;  width: 170px; height: 170px; padding-left: 10px; padding-top: 10px; }
.style { position: absolute; margin-top: 180px; margin-left: 370px;  width: 86px; height: 84px; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 90px 90px 90px 90px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; padding-left: 10px; padding-top: 10px; opacity: 0.5;}
.style1 { position: absolute; margin-top: 176px; margin-left: 366px;  width: 86px; height: 84px; padding-left: 10px; padding-top: 10px; }

.plashki {position: absolute;  margin-left: 10px; margin-top: 10px; width: 280px; height: 305px;  border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;}
.zabil {position: absolute;  margin-left: 305px; margin-top: 170px; width: 265px; height: 145px;  border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;}
.achivments {position: absolute;  margin-left: 305px; margin-top: 10px; width: 265px; height: 145px;  border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;}
.level {position: absolute;  margin-left: 10px; margin-top: 10px; width: 190px; height: 305px;  border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;}
.kino {position: absolute;  margin-left: 220px; margin-top: 10px; width: 350px; height: 305px;  border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;}

.lsfilm {margin: 0 auto; width:110px; height:150px;} 
.lsfilm1 {background-color:#77777a; width:105px; height:145px; margin: 0 auto; z-index:4; position:absolute;}
.lsfilm2 {background-repeat: no-repeat; background-position: center; margin-left:-20px; margin-top:0px; b height:100px; width:140px; position:absolute; position:absolute; padding:2px; }
.lsfilm3 {background-color:#9f9992; width:100px; height:140px; margin-left:20px; margin-top:0px; opacity:0; -webkit-transition: 1s all ease; -moz-transition: 1s all ease; -o-transition: 1s  all ease; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s;}
.lsfilm4 {color:#000000; width:100px; height:120px; font-family: 'PT Mono', sans-serif; font-size: 10px; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -o-transition: 1s  all ease-in-out; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; opacity:0; padding-top:5; padding-left:0px; text-align:center;}
.lsfilm2, .iox, .loxc, .loxs, .roxc, .roxs {-webkit-transition: 1s all ease-in; -moz-transition: 1s all ease-in; -o-transition: 1s  all ease-in;}
.lsfilm:hover .lsfilm2, .lsfilm:hover .iox {border-color:#9f9992; -webkit-transform: rotate(de7a03); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(de7a03); transform: rotate(de7a03);}
.lsfilm:hover .loxc, .lsfilm:hover .loxs{border-color:transparent #5B88A5 transparent transparent;}
.lsfilm:hover .roxc, .lsfilm:hover .roxs{border-color: transparent transparent transparent #a57a5b;}
.lsfilm:hover .lsfilm3 {opacity:0.8;}
.lsfilm:hover .lsfilm4 {opacity:1;}

.tabs { position: relative; height: 329px; width: 583px; clear: both;  }
.tab label { display: block; width: 5px; height: 5px; background: #fff; color: #030303; padding: 5px;   text-transform: uppercase; letter-spacing: 0.5px; text-align: center; font: 10px calibri; position: absolute; left: 275px; top: 363px; border-radius: 15px; }
.tab [type=radio] { display: none; }
[type=radio]:checked ~ label { background: #22362f;  height: 5px; color: #FFF; border-bottom: 0px solid#000; z-index: 2; }
[type=radio]:checked ~ label ~ .thcontent { z-index: 1; opacity: 1; filter: alpha(opacity=100); }
.thcontent { width: 582px; height: 330px; position: absolute; top: 26px;  float: right; right: -1px; bottom: 10px; text-align: justify; opacity: 0; filter: alpha(opacity=0);  }
[type=radio]:checked ~ label { background: #22362f; color: #030303; border-bottom: 0px; z-index: 2; padding: 5px; }
[type=radio]:checked ~ label ~ .thcontent { z-index: 1; }

</style>
<!-- КОНЕЦ ЛИЧНОЙ СТРАНИЦЫ -->

0


Вы здесь » Mur-Mur » тестовый форум » Дизы


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