Name Surname

Лица Молохи и Твига были как два наброска одного и того же лица, выполненных разными рисовальщиками.

Name Surname

Лица Молохи и Твига были как два наброска одного и того же лица, выполненных разными рисовальщиками.

Name Surname

Лица Молохи и Твига были как два наброска одного и того же лица, выполненных разными рисовальщиками.

Name Surname

Лица Молохи и Твига были как два наброска одного и того же лица, выполненных разными рисовальщиками.

Name Surname

Лица Молохи и Твига были как два наброска одного и того же лица, выполненных разными рисовальщиками.

Name Surname

Лица Молохи и Твига были как два наброска одного и того же лица, выполненных разными рисовальщиками.

Name Surname

Лица Молохи и Твига были как два наброска одного и того же лица, выполненных разными рисовальщиками.

Name Surname

Лица Молохи и Твига были как два наброска одного и того же лица, выполненных разными рисовальщиками.

Рейтинг форумов Forum-top.ru

resurrection

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

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


Вы здесь » resurrection » Тестовый форум » Тестовое сообщение


Тестовое сообщение

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

1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In efficitur eros eu diam vestibulum, at pretium libero blandit. Duis ut blandit tellus, interdum euismod nisl. Sed mattis erat non dapibus porttitor. Curabitur faucibus dictum ex et eleifend. Sed ultrices ante a sapien bibendum lobortis. Aliquam erat volutpat. Mauris ornare ligula eget felis placerat, a laoreet felis lobortis. Aliquam et elementum lectus. Aliquam suscipit nisl non tortor elementum ullamcorper. Donec tincidunt mollis purus, a condimentum leo.

Nullam sed iaculis lectus, sed euismod arcu. Maecenas scelerisque consequat enim, nec semper nulla laoreet vitae. Curabitur elit elit, ultrices in diam et, aliquam tristique ipsum. Aenean pulvinar fermentum egestas. In hac habitasse platea dictumst. Fusce hendrerit odio et eleifend tempor. Phasellus condimentum scelerisque ultricies. Phasellus pretium, risus vitae pretium volutpat, tellus nunc tristique diam, ut ornare nisi nunc in est. Nullam lacinia, nibh nec lacinia mollis, leo metus luctus leo, sed posuere lorem lorem a arcu. Fusce faucibus dolor a ultrices sagittis. Duis nec fringilla purus.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam diam leo, malesuada et nulla sed, auctor ornare odio. Curabitur eu mi leo. Suspendisse mauris nulla, rhoncus et quam nec, feugiat aliquet lorem. In hac habitasse platea dictumst. Sed justo metus, lobortis vel posuere in, cursus non magna. Nam mattis feugiat malesuada.

Код:
какой то код

Cras velit mauris, consequat ullamcorper luctus ut, vehicula quis enim. Fusce vehicula nunc sit amet ligula venenatis sodales. Vivamus ac arcu dui. Cras turpis justo, ullamcorper non tellus vel, facilisis venenatis velit. Aliquam elementum risus ultrices nisi gravida efficitur. Aenean pulvinar tellus convallis varius tincidunt. Cras molestie diam at dui vehicula viverra. Fusce id sapien neque. Suspendisse egestas varius arcu, quis lobortis augue. Ut ultricies semper lacus. Quisque sed commodo augue. Vestibulum leo risus, viverra vitae magna id, volutpat scelerisque felis. Proin aliquam elit et ipsum posuere malesuada.

какой то спойлер

Cras velit mauris, consequat ullamcorper luctus ut, vehicula quis enim. Fusce vehicula nunc sit amet ligula venenatis sodales. Vivamus ac arcu dui. Cras turpis justo, ullamcorper non tellus vel, facilisis venenatis velit. Aliquam elementum risus ultrices nisi gravida efficitur. Aenean pulvinar tellus convallis varius tincidunt. Cras molestie diam at dui vehicula viverra. Fusce id sapien neque. Suspendisse egestas varius arcu, quis lobortis augue. Ut ultricies semper lacus. Quisque sed commodo augue. Vestibulum leo risus, viverra vitae magna id, volutpat scelerisque felis. Proin aliquam elit et ipsum posuere malesuada.

еще спойлер

в нем цитата в цитате

Maecenas pellentesque eros vitae elementum condimentum. Sed nec orci est. Vestibulum a ex nec nisl euismod varius. Etiam bibendum nibh id tortor vehicula malesuada volutpat ut augue. Integer sodales, leo eget molestie finibus, nibh diam laoreet dui, quis efficitur lectus lacus suscipit mi. Aliquam finibus et lorem congue imperdiet. Curabitur porta dolor sit amet eros semper viverra. Fusce aliquet, ligula quis mattis bibendum, nulla eros vulputate tortor, eget gravida erat tortor eget nulla. In arcu nisl, elementum sed tristique id, elementum eu odio. Duis imperdiet metus ac justo tempus vehicula et a sem. Vestibulum et volutpat libero. Cras vestibulum diam sit amet pulvinar accumsan. Donec sed ultrices libero. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla facilisi. Aenean sed ex arcu.

Nullam sed iaculis lectus, sed euismod arcu. Maecenas scelerisque consequat enim, nec semper nulla laoreet vitae. Curabitur elit elit, ultrices in diam et, aliquam tristique ipsum. Aenean pulvinar fermentum egestas. In hac habitasse platea dictumst. Fusce hendrerit odio et eleifend tempor. Phasellus condimentum scelerisque ultricies. Phasellus pretium, risus vitae pretium volutpat, tellus nunc tristique diam, ut ornare nisi nunc in est. Nullam lacinia, nibh nec lacinia mollis, leo metus luctus leo, sed posuere lorem lorem a arcu. Fusce faucibus dolor a ultrices sagittis. Duis nec fringilla purus.

Nullam sed iaculis lectus, sed euismod arcu. Maecenas scelerisque consequat enim, nec semper nulla laoreet vitae. Curabitur elit elit, ultrices in diam et, aliquam tristique ipsum. Aenean pulvinar fermentum egestas. In hac habitasse platea dictumst. Fusce hendrerit odio et eleifend tempor. Phasellus condimentum scelerisque ultricies. Phasellus pretium, risus vitae pretium volutpat, tellus nunc tristique diam, ut ornare nisi nunc in est. Nullam lacinia, nibh nec lacinia mollis, leo metus luctus leo, sed posuere lorem lorem a arcu. Fusce faucibus dolor a ultrices sagittis. Duis nec fringilla purus.

0

2

df

0

3

fffff

0

4

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

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

/* A1.1 */

  @import url(style_cs.css);

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=cyrillic,cyrillic-ext');
@import url('https://fonts.googleapis.com/css?family=Lobster&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Play:400,700&subset=cyrillic');

@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Old+Standard+TT:400,700|Oranienbaum|Oswald:300,400,700|PT+Sans:400,700|Roboto+Condensed:300,400,700|Roboto:100,300,400,700');

@import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC&subset=cyrillic');

@import url('https://fonts.googleapis.com/css?family=Playfair+Display:200,400,700,900|Prata&subset=cyrillic');

@import url('https://fonts.googleapis.com/css?family=Alegreya+SC:400,700|El+Messiri:400,700|IBM+Plex+Serif:400,700|Philosopher:400,700|Tenor+Sans&subset=cyrillic');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:800');

@import url('https://fonts.googleapis.com/css?family=Alice|Caveat:400,700|Poiret+One&subset=cyrillic');

@import url('https://fonts.googleapis.com/css?family=Abel|Abril+Fatface|Charmonman|Cinzel|Comfortaa|Fahkwang|Fjalla+One|Kaushan+Script|KoHo|Kodchasan|Mali|Open+Sans|Pacifico|Roboto+Slab|Satisfy|Yanone+Kaffeesatz');

@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700&subset=cyrillic-ext');

@import url('https://fonts.googleapis.com/css?family=Fenix');

@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:300,400,700|Cormorant+SC:300,400,700|Cormorant+Unicase:300,400,700|Cormorant:300,400,700|EB+Garamond:400,800&subset=cyrillic,cyrillic-ext');
@font-face {
font-family: 'panton';
src: url('https://forumstatic.ru/files/0019/71/27/22150.eot?'),
url('https://forumstatic.ru/files/0019/71/27/46407.woff') format('woff'),
url('https://forumstatic.ru/files/0019/71/27/49424.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'pantontwo';
src: url('https://forumstatic.ru/files/0019/aa/b6/15267.eot?'),
url('https://forumstatic.ru/files/0019/aa/b6/35818.woff') format('woff'),
url('https://forumstatic.ru/files/0019/aa/b6/23207.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}


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

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

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

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

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

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

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

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


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

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

/* A3.2 */
.punbb {
  font: normal 72% noto sans, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  }

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


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

.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% verdana, arial, monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

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

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

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

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

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


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

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb dl.post-sig dt span,
.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;
    background: #e8e9e9;
  width: 896px;
}
.punbb {
    height: auto;
    margin: 0 18px;
}



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

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

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

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

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

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

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

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

#pun-main h2 {
  padding: 2px 1em 9px 1em;
  border-style: solid;
  border-width: 1px;
}

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

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

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

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

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
 font-family: 'Verdana', sans-serif;  }


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

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

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    border: medium none;
    margin: 0.4em 0em 0.8em;
    padding: 0em;
}


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

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

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

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

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


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

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

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

/* B3.3 */
.linkst .pagelink {
position: absolute;
top: -4.6em;
left: 1em;
float: left;
width: 24em;
text-align: left;
font-family: open sans;
font-size: 10px;
text-transform: uppercase;
color: #444; 
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4.6em;
  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: open sans;
  font-size: 10px;
  text-transform: uppercase;
  color: #444
  }

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

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


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

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

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

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

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

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

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

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 4em 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;
  }

.punbb .helplinks span INPUT {
  margin: 0px 2px 2px 0px;
}

/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }


/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 60%;
  }

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

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


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

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

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

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

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

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

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

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
    font-size: 11px;
    line-height: 10px;
    margin-left: 0;
    text-align: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

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

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

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

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

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


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

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

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

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }


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

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

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

/* D1.2 */
#pun-title h1 {
  display : block;
  height: 10px;
  margin: -1px 0px 0px -30px;
}

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

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

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

#pun-title TD.title-logo-tdr {
	border: none;
	width: 420px;
}

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

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

#pun-navlinks .container {
  border: none;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
  padding-top: 15px;
  height: 27px;
  font-weight: normal;
  text-align: center;
  width: 845px;
}

/* D.3 */
#pun-navlinks li {
  display: inline;
  margin: 0;
}

/* D3.4 */
#pun-navlinks li a {
    font-family: tahoma;
    font-size: 0.8em;
    padding: 10px 5px 10px 7px;
}

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

/* D4.1 */
#pun-ulinks {
    border: 2px solid transparent;
    margin-bottom: 15px;
}
#pun-ulinks .container {
    border: medium none;
    font-weight: bold;
    height: 3px;
    padding-top: 0px;
    text-align: center;
    width: 850px;
}
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    white-space: nowrap;
}
#pun-ulinks li a {
    font-size: 0.8em;
    padding: 0 0 0 5px;
}

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
text-align: center;
font-family: playfair display;
  color: #fff;
font-size: 8px;
  font-weight: lighter;
  text-transform: lowercase;
  letter-spacing: 3px;
  margin-left: -18px;
  position: absolute;
  top: 15px;
  width: 895px;
text-shadow: 1px 1px 0 rgba(38,41,44,.75)
}

#pun-status .container a {color: #b2c8db}



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

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

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
  }

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

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
display: none
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 0.6em 1em 1em 1em;
  margin-bottom: -20px;
  margin-top: 20px
  }

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

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

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

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

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

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 0;
  }

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

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

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

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

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

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


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

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

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

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

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

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

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

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

::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: rgba(20, 18, 15,0.2);
border-radius: 10px !important;}
::-webkit-scrollbar-thumb {
  background-color:#56616c;
  width:6px !important;
  box-shadow: 0 0 0 1px rgba(20, 18, 15,0.1) inset;
border-radius: 1px !important;
}


.stickytext, .closedatafield, #pun-live-rusff, .pl-reports  {display: none}


input, textarea {
    outline: none;
}  
input:active, textarea:active {
    outline: none;
} 
:focus {
    outline: none;
}


#pun-messages .post h3 {background: none;
  width: auto;
text-shadow: none;
  margin-left: 250px !important;
}
#pun-messages .pa-avatar {margin-top: 10px !important;
margin-bottom: 6px !important;}
#pun-messages .pa-author {padding: 0px}
#pun-messages .post-author {  margin-top: 5px !important;
}
#pun-messages .pa-posts {display: none}
#pun-messages .pa-online {background: none;
font-size: 12px;
margin-left: -5px !important;}

#main-reply {height: 200px}


#pun-viewtopic .FNTslider {display: block}
    .FNTslider {
      border-radius: 1px;
      position:absolute;z-index:1000;
      background: #bfbfbf;
      width: 110px;
      height: 2px;
      margin: -8px 5px;
      border: solid 1px #bfbfbf;
      float: left;
      margin-left: 496px;
      display: none
    }
    .FNTslider .before {
      height: 2px;
      border: solid 1px transparent;
      border-right: none 0;
      border-radius: 0px 0 0 0px;
      position: absolute;
      background: #637a8b;
      margin-top: -1px;
      margin-left: -1px
    }
    .FNTslider .thumb {
      width: 5px;
      height: 10px;
      border-radius: 1px;
      position: relative;
      top: -4px;
      background: #4d4043;
      cursor: pointer;
    }

#post-form #post legend span {display: none}


#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {top: 55px !important;}

.modal-inner h2 {background: none !important;}
.modal-inner { 
    color: #444;
    padding: 20px 7px 7px 7px !important;
    box-shadow: 6px 6px 0 -5px #8d9eaa, -6px -6px 0 -5px #8d9eaa;
background: #d2d2d2;
    position: relative;
    margin: 5px 15px 15px}


.pl-reports {display: none !important;}

.pa-avatar img {max-width: 180px}

.post-content td { border:none transparent !important;}

::selection {background: #718391;
color: #fff;
}

#pun .user-avatar img.ava {border-radius: 3px !important;
border: 1px solid #d1d4d4 !important;
  box-shadow: 0px 7px 0 -5px #657e91, 0px -7px 0 -5px #657e91;
	height: 35px;
	width: 35px;
	margin: -5px 10px 2px -10px;
transition: all .5s ease-in-out 0s}

#pun .user-avatar img.ava:hover {border: 1px solid #657e91 !important;
box-shadow: 7px 0px 0 -5px #657e91, -7px 0px 0 -5px #657e91;
}

#pun .user-avatar img.on_ {margin-left: -13px;
margin-top: -5px}

.pa-fld1 {
text-align: justify;
width: 180px;
padding: 0 !important;
margin-left: 10px;
margin-top: -3px;
position: relative;
margin-bottom: 10px}

.pa-fld1:after {content: "";
background: #979799;
display: block;
height: 1px;
width: 80%;
position: absolute;
left: 20px;
bottom: -7px}

.pa-fld1 lzfan {display: block;
text-align: center;
color: #646464;
font-family: roboto;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
background: #e8e9e9;
font-size: 9px;
margin-bottom: 3px}

.pa-fld1 a.lz_name {float: left;
text-transform: uppercase;
font-family: open sans;
font-weight: bold;
font-size: 9px;
margin-right: 5px;}

#sslka {position: absolute;
margin-left: -18px;
width: 896px;
text-align: center;
font-family: roboto;
font-weight: bold;
font-size: 11px;
  top: 322px;
  text-transform: lowercase;
  z-index: 2
}

#sslka a {background: #cacaca;
height: 17px !important;
padding: 2px 20px;
margin: 0 20px;
color: #657e91;
position: relative;
overflow: hidden !important;
display: inline-block;
line-height: 17px;
}

#sslka a span {position: relative;
z-index: 2}

#sslka a:hover {color: #6d6d6d;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);}

#sslka a:before {content: "";
display: block;
    background: #e8e9e9;
    width: 60%;
    height: 101%;
    position: absolute;
    top:0;
    z-index: 1;
    right: -5px;
    transform: skew(-15deg) scaleX(0);
    transform-origin: right;
    transition: all .5s ease-in-out .1s
}

#sslka a:hover:before {    transform: skew(-15deg) scaleX(1);}

.activblock {position: absolute;
text-align: center;
width: 241px;
top: 135px}

.activpic {width: 103px;
height: 146px;
overflow: hidden;
position: relative;
transition: all .5s ease-in-out .1s;
display: inline-block;
margin: 0 4px}

.activpic span {position: absolute;
background: #dadcdc;
color: #536a7b;
font-family: Open Sans Condensed;
font-weight: 700;
text-align: center;
text-transform: uppercase;
font-size: 11px;
width: 103px;
left: 0px;
bottom: 0px;
height: 60px;
line-height: 50px;
transition: all .4s ease-in-out 0s;
transform: translateY(75px);
opacity: 0}

.activpic span:before {content: "";
display: block;
background: #dadcdc;
width: 103px;
height: 15px;
transform: skewY(5deg);
margin-top: -10px;
position: absolute;
z-index}

.activpic:hover span {
  transform: translateY(0px);
opacity:1}

.activpic:hover {filter: grayscale(100%)}

.bestpost {position: absolute;
top: 374px}

.postpic {width: 71px;
height: 100px;
overflow: hidden;
position: relative;
transition: all .5s ease-in-out .1s;
display: inline-block}

.postpic span {position: absolute;
background: #dadcdc;
color: #536a7b;
font-family: Open Sans Condensed;
font-weight: 700;
text-align: center;
text-transform: uppercase;
font-size: 8px;
width: 71px;
left: 0px;
top: 0px;
height: 45px;
line-height: 50px;
transition: all .4s ease-in-out 0s;
transform: translateY(-58px);
opacity: 0}

.postpic span:before {content: "";
display: block;
background: #dadcdc;
width: 103px;
height: 15px;
transform: skewY(5deg);
margin-top: 40px;
position: absolute;
z-index}

.postpic:hover span {
  transform: translateY(0px);
opacity:1}

.postpic:hover {filter: grayscale(100%)}

.weneed {position: absolute;
top: 374px;
text-align: center;
width: auto;
margin-left: 675px !important;}

.needpic {width: 59px;
height: 100px;
overflow: hidden;
position: relative;
transition: all .5s ease-in-out .1s;
display: inline-block}

.needpic span {position: absolute;
background: #dadcdc;
color: #536a7b;
font-family: Open Sans Condensed;
font-weight: 700;
text-align: center;
text-transform: uppercase;
font-size: 8px;
width: 59px;
left: 0px;
bottom: 0px;
height: 40px;
padding-top: 20px;
transition: all .4s ease-in-out 0s;
transform: translateY(65px);
opacity: 0}

.needpic span:before {content: "";
display: block;
background: #dadcdc;
width: 103px;
height: 15px;
transform: skewY(5deg);
margin-top: -20px;
position: absolute;
z-index}

.needpic:hover span {
  transform: translateY(0px);
opacity:1}

.needpic:hover {filter: grayscale(100%)}

.best-post-text {position: absolute;
color: #313131;
text-align: justify;
font-family: open sans;
top: 372px;
margin-left: 90px;
width: 327px;
height: 102px;
overflow-y: auto;
line-height: 17px}

.best-post-text text {display: block;
margin: 5px}

.newsblock {position: absolute;
color: #313131;
text-align: justify;
font-family: open sans;
top: 372px;
margin-left: 440px;
width: 218px;
height: 102px;
overflow-y: auto;
line-height: 16px;
}

.newsblock >div {margin-right: 5px;
margin-top: 10px}

.newsblock >div:first-child {margin-top: 0}

.newsblock date {color: #3a586f;
font-weight: bolder}
Код:
.offctgr {display:block!important;
visibility:visible!important;
}

.topic {margin-top: 15px !important;}

#pun-index .tcmod {
    width: 10%;
    font-family: roboto;
    font-size: 13px;
    font-weight: 300;
}

.pa-posts, .pa-respect, .pa-fld2, .pa-fld3 {
    display: inline-block;
    font-family: roboto condensed;
    width: 97px;
    font-size: 10px;
    margin-top: 2px !important;
    text-transform: lowercase;
    padding: 0 !important;
    margin-bottom: 2px !important;
}

.pa-respect img {width: 7px !important;}

.pa-posts, .pa-fld2 {
    float: left;
    margin-left: -1px !important;
}
.pa-respect, .pa-fld3 {
    float: right;
    margin-right: -1px !important;
}

.pa-ip {clear: both}

#profilenav h2 {
    text-align: left !important;
}


.post-author {
    margin-left: 6px !important;
    margin-top: 6px !important;
    margin-bottom: 0px !important;
    padding-bottom: 12px !important;
    width: 200px !important;
    padding-top: 0px !important;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(255,255,255,.5) 100%), #a8aeae;
    box-shadow: 0 -10px 0 0px #c1c1c1 inset;
    position: relative;
    overflow: hidden;
}

.post-author.online {    box-shadow: 0 -10px 0 0px #657e91 inset;}


.post-content {margin: 0px 2px 0px -5px !important;
}
#pun .post-box .post-content p {font-family: open sans}

#pun-post .pa-author {margin-left: 5px;
width: 190px !important;
padding: 0}

.post div.container {background: #dadcdc;
margin-bottom: 20px !important;}

.post.topicpost div.container, .post.toppost div.container {margin-top: 20px !important;}


.post h3 {
    color: #404040 !important;
    font-family: playfair display !important;
    font-size: 10px !important;
    height: 17px;
    padding-top: 0px;
    width: auto;
    text-transform: uppercase;
    font-weight: 100 !important;
    letter-spacing: 1px;
    border: none;
    position: absolute;
    margin-left: 10px !important;
    margin-top: -16px}

.post h3 span {
    color: #404040;
    margin-left: 0px !important;;
    text-align: left;
    font-weight: lighter !important;
    margin-top: -4px
}


#pun .post h3 strong {
    font-weight: normal;
    text-align: left !important;
    float: right;    
}
#pun .post h3 strong:before {content: "// ";
margin-left: 5px}


.pa-author img {
    display: none;
}
.post-author .pa-author {
    font-family: roboto !important;
    font-size: 13px !important;
    letter-spacing: 0;
    text-transform: lowercase;
    font-weight: 800;
    text-align: center;
    padding: 4px 0 6px 0;
    margin-top: 10px;
    position: relative;
    width:200px;
    z-index: 1;
    margin-left:0px;
    letter-spacing: 1px;
color: #ffffff;
    background: #757c81;
        text-shadow: 1px 1px 1px rgba(99,116,128,1)
}

#pun .pa-author a { color: rgba(255,255,255,0.85) !important;
    background: linear-gradient(rgba(255,255,255,1) 20%, rgba(0,0,0,1) 100%) !important;   
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px 1px rgba(88,112,130,.70);
}

#pun .pa-author a:hover { color: rgba(255,255,255,0.9) !important;
        text-shadow: 1px 1px 1px rgba(0,0,0,.32), 0 0 10px rgba(255,255,255,.5);}
.post-author ul {
    font-size: 10px;
    line-height: 11px;
    margin-left: 0px;
    padding: 0px !important;;
    text-align: center;
    width: 200px;
    color: #4c4d4d;
}

#pun .post-author ul a {color: #425d72}

.pa-avatar {
    margin-top: 0px !important;
    width: 190px;
    margin-bottom: 0px !important;
    margin-left:10px !important; 
    box-shadow: 0 -3px 0 0 #e8e9e9;
}

.pa-avatar.item2 { 
max-width: 180px;
    overflow: hidden

}

.pa-avatar.item2 >img {    transition: all .5s ease-in-out 0s}

.pa-avatar.item2 >img:hover {transform: scale(1.1);
filter: grayscale(100%)}

.pa-title {font-family: pt sans;
font-weight: lighter !important;
text-transform: lowercase;
letter-spacing: 1px}

.pa-online {
    font-size: 0px !important;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: lighter;
    text-align: center;
    padding: 5px 0 6px 0 !important;
    margin-top: 1px !important;
    position: absolute;
    width:210px;
    z-index: 1;
    margin-left: -5px !important;
}

.punbb th {
    font-size: 0 !important;
}
li#navawards, .lastedit, .pa-awards {
    display: none !important;
}
.pa-gifts {
    display: none;
}

HTML {
    background: #97a4ae;
}

#pun_wrap {padding-bottom: 35px}

#pun-title {border: none}

#pun-title table {
    background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/0019/f1/ce/75373.png) no-repeat;
    border: none;
    height: 495px;
    margin-left: -18px;
   margin-bottom: -35px !important;
    width:896px;
}


#pun-navlinks a {
color: #ffffff;
    text-align: center;
    transition: all .5s ease-in-out 0s;
    opacity: 1;
    font-weight: 800 !important;
    font-size: 12px !important;
    padding: 0 !important;
    text-transform: uppercase;
    display: inline-block;
    margin: 0px 2.5%;
    font-family: roboto !important;
    position: relative;
    padding: 5px 10px !important;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #7d8f9e;
}

#pun-navlinks a:after {content: "";
display: block;
height: 2px;
width: 100%;
background: #ffffff;
left: 0;
top: 0;
position: absolute;
box-shadow: 1px 1px 1px #7d8f9e;
    transition: all .5s ease-in-out .1s;
transform-origin: center;
transform: scaleX(0)}

#pun-navlinks a:hover:after {transform: scaleY(1);
background: #7d8f9e;
box-shadow: 1px 1px 1px #666;}


#pun-navlinks a:hover {
    color: #7d8f9e;
        text-shadow: 1px 1px 1px #444;
}


#pun-navlinks {
    display: inline-block;
    font-size:0px !important;
    font-style: normal;
    font-weight: lighter !important;
    margin-left: -18px !important;
    position: absolute;
    text-align: center;
    top: 48px;
    width: 896px;
    word-spacing: 0;
    padding: 0px !important;
    transition: all .7s ease-in-out 0s;

}

#pun-navlinks .container {
width: 896px !important;}


#pun-ulinks .container {
    font-family: pt sans !important;
    font-style: normal;
    font-weight: 300 !important;
    letter-spacing: 0px;
    margin-left:-20px !important;
    padding: 0 !important;
    position: absolute;
    text-align: center !important;
    text-transform: uppercase;
    top: 96px;
    width: 896px !important;
    display: inline;
    font-size: 10px;
}

#pun-ulinks .item5 {
    display: none;
}
#pun-ulinks a {
    color: #4f565b;
    transition: all 0.5s linear 0s;
    letter-spacing: 1px;
    position: relative;
    background: transparent;
    margin: 0 10px;
}

#pun-ulinks a:hover {
color: #333;
}

.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    border-color: transparent;
    color: #4d4d4d;
}
.punbb .post-box {
    color: #4d4d4d;
}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    border-color: transparent;
    color: #4d4d4d;
    font-style: normal;
    font-weight: normal;
}

.punbb textarea {
    background-clip: padding-box;
    background: #d2d2d2;
    box-shadow: 0 0 0 2px #e8e9e9, 14px 0 0 -10px #657e91, -14px 0 0 -10px #657e91;
    color: #222;
    padding: 7px 5px !important;
    width: 99% !important;
border: none;
}
.punbb #pun-main table .quote-box, .punbb #pun-main table .code-box {margin: 5px 1px 15px}

.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
    background: #d2d2d2;
    box-shadow: 0 0 0 2px #e8e9e9, 14px 0 0 -10px #657e91, -14px 0 0 -10px #657e91;
    color: #444;
    padding: 7px 7px 7px 7px !important;
    position: relative;
    margin: 5px 15px 15px
}


#pun-main .code-box .scrollbox pre {
font-family: pt sans !important;
font-size: 12px;}

.punbb select, input {
    background: #d2d2d2;
    box-shadow: 0 0 0 2px #d8d9d9, 9px 0 0 -5px #657e91, -9px 0 0 -5px #657e91;
    color: #444;
border: none;
padding: 1px 2px 2px 5px !important;
    font-family: open sans !important;
}




#pun-navlinks .container {
    border-color: transparent;
    color: #152115;
}
.offline li.pa-online strong {
    font-weight: normal;
}

.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .quote-box, .punbb .code-box, .punbb th, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online, .punbb .post-sig dt {
    border-color: transparent;
}
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    border: none !important;
    color: #657e91;
    text-decoration: none;
    transition: all 0.3s ease-in-out; 
box-shadow: none}

.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 {  border-bottom: 0 none #000;
    color: #666;
    text-decoration: none;
    border: none !important;
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
    background-color: #211a13;
    color: #fff;
}

.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
    background: #a8b1bb;
    color: #ffffff !important;
    font-family: roboto condensed !important;
    font-size: 11px !important;
    font-style: normal;
    font-weight: 300;
    padding: 0px 0px 2px 0 !important;
    text-align: center;
    width: auto;
text-transform: lowercase;
    letter-spacing: 2px;
    margin: 0px 10px 5px 10px !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2)
}

#pun-index h2 {box-shadow: none}

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


#pun-index table Div.icon {
    background-image: url("https://forumstatic.ru/files/0019/f0/89/86822.png");
    background-repeat: no-repeat;
    border-style: none;
    display: none;
    height: 40px;
    margin-left: 395px;
    margin-top:2px;
    position: absolute;
    width: 40px;
    z-index: 1
}
#pun-index TR.inew Div.icon {
    background-image: url("https://forumstatic.ru/files/0019/f0/89/87485.png");
    background-repeat: no-repeat;
}

#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    background: #e8e9e9;
    display: block;
    float: left;
    height: 10px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 1px;
    position: relative;
    width: 10px;
    border-radius: 100%;
    box-shadow: 0 0 0 1px #d2d5d5 inset
}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background: #657e91;
    height: 10px;
    width: 10px;
    box-shadow: 0 0 0 1px #929292 inset
}
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
background: #fff;
    box-shadow: 0 0 0 1px #3f5e74 inset;
        height: 10px;
    width: 10px;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: #696969;
        height: 11px;
    width: 11px;

}

#pun-about .container .item1 {margin-top: -15px;
width: 900px;
    margin-left: 16px;
position: absolute;
font-family: pt sans;
font-size: 10px;
}

#pun {margin-bottom: 50px !important;}

#pun-about p.container {
    background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/0019/f1/ce/68173.png) no-repeat scroll bottom center;
    height: 120px;
    margin-bottom: 36px;
    margin-left: -18px;
    margin-top: 0;
    width: 896px;
    padding: 0 !important;
    border: none !important;
}


div#pun-about {
    margin-top: 0px;
}
div#html-footer {
    margin: -88px 0 0;
}

#pun-announcement.section h2 span {
    display: none;
}

.punbb input {
    border: medium none;
}

.button {
    background: radial-gradient(ellipse at top, #f4f4f4 10%, #ececec 53%, #e4e4e4 100%);
    border-radius: 1px;
    border-top: medium none;
    box-shadow: 0 0 0 1px #d3d1d1 inset, 0 0 2px 2px rgba(0,0,0,0.01) inset, 0 2px 2px -2px rgba(255,255,255,.5) inset, 0 1px 1px 0px rgba(0,0,0,.1);
    color: #788b99;
    font-family: roboto !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin-top: 5px !important;
    padding: 4px 15px 4px 15px !important;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
    vertical-align: middle;
    text-transform: lowercase
}
.button:hover {
    background: radial-gradient(ellipse at bottom, #f4f4f4 10%, #ececec 53%, #e4e4e4 100%);
    box-shadow: 0 0 0 1px #d3d1d1 inset, 0 0 2px 2px rgba(0,0,0,0.01) inset, 0 2px 2px -2px rgba(255,255,255,.5) inset,  0 1px 1px 0px rgba(0,0,0,.1);
    color: #444;
    cursor: pointer;
}
.button:active {
    border-top-color: #2c5f75;
}
#pun-crumbs1 {
    font-family: playfair display !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    margin-bottom: 10px !important;
    text-align: center;
    margin-left: 0px;
    margin-top: 0px !important;
    font-weight: lighter !important;
    position: relative
}

#pun-crumbs1 a {font-weight: bold}
#pun-crumbs2 {
    font-family: playfair display !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    margin-bottom: 10px !important;
    text-align: center;
    margin-left: 0px;
        font-weight: lighter !important;
}
#pun-crumbs2 a {font-weight: bold}


.post_reputation {
    background: #d2d2d2;
}

#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area {
    color: #333;
    padding: 15px 10px 10px 10px !important;
    background: #d2d2d2;
    color: #444;
    box-shadow: 6px 6px 0 -5px #8d9eaa, -6px -6px 0 -5px #8d9eaa;
}

#keyboard-area input {box-shadow: none;
color: #312c12!important;}

#font-area {height: 300px;
overflow-y: auto;
padding: 5px;
text-align: left;
width: 150px}


#pun-index .tcmod {
    display: none
}

#pun-category1 h2 {background: url(https://forumstatic.ru/files/0019/f1/ce/23697.png);
width: 859px;
height: 32px;
padding: 0 !important;;
border: none !important;
margin-left: 0px !important;
font-size: 0 !important;
margin-top: -10px !important;}

#pun-category2 h2 {background: url(https://forumstatic.ru/files/0019/f1/ce/60843.png);
width: 859px;
height: 32px;
padding: 0 !important;;
border: none !important;
margin-left: 0px !important;
font-size: 0 !important;
margin-top: -10px !important;}

#pun-category3 h2 {background: url(https://forumstatic.ru/files/0019/f1/ce/15481.png);
width: 859px;
height: 32px;
padding: 0 !important;;
border: none !important;
margin-left: 0px !important;
font-size: 0 !important;
margin-top: -10px !important;}

#pun-category4 h2 {background: url(https://forumstatic.ru/files/0019/f1/ce/94065.png);
width: 859px;
height: 32px;
padding: 0 !important;;
border: none !important;
margin-left: 0px !important;
font-size: 0 !important;
margin-top: -10px !important;}

#pun-category5 h2 {background: url(https://forumstatic.ru/files/0019/f1/ce/57052.png);
width: 859px;
height: 32px;
padding: 0 !important;;
border: none !important;
margin-left: 0px !important;
font-size: 0 !important;
margin-top: -10px !important;}

#pun-stats.section h2  {background: url(https://forumstatic.ru/files/0019/f1/ce/96574.png);
width: 859px;
height: 32px;
padding: 0 !important;;
border: none !important;
margin-left: 0px !important;
font-size: 0 !important;
margin-top: -10px !important;
margin-bottom: -10px !important;}

#pun-index .hasicon tr {margin-bottom: 10px}

#pun-index .hasicon tr.inew {box-shadow: 0 0 0 4px #e8e9e9, 18px 0 0 -10px #657e91, -18px 0 0 -10px #657e91}

#pun-index #forum_f1.inew, #pun-index #forum_f2.inew, #pun-index #forum_f3.inew, #pun-index #forum_f4.inew, #pun-index #forum_f5.inew, #pun-index #forum_f6.inew,
#pun-index #forum_f7.inew, #pun-index #forum_f8.inew, #pun-index #forum_f9.inew, #pun-index #forum_f10.inew, #pun-index #forum_f11.inew, #pun-index #forum_f12.inew,
#pun-index #forum_f13.inew, #pun-index #forum_f14.inew, #pun-index #forum_f15.inew, #pun-index #forum_f16.inew, #pun-index #forum_f17.inew, #pun-index #forum_f18.inew, 
#pun-index #forum_f19.inew, #pun-index #forum_f20.inew, #pun-index #forum_f21.inew {background: #d2d5d5}

#pun-index #forum_f1, #pun-index #forum_f2, #pun-index #forum_f3, #pun-index #forum_f4, #pun-index #forum_f5, #pun-index #forum_f6,
#pun-index #forum_f7, #pun-index #forum_f8, #pun-index #forum_f9, #pun-index #forum_f10, #pun-index #forum_f11, #pun-index #forum_f12,
#pun-index #forum_f13, #pun-index #forum_f14, #pun-index #forum_f15, #pun-index #forum_f16, #pun-index #forum_f17, #pun-index #forum_f18, 
#pun-index #forum_f19, #pun-index #forum_f20, #pun-index #forum_f21 {background: #e0e1e1;
    width: 856px;
display: inline-block;
    z-index: 1;
    position: relative;
}


#pun-index .tclcon h3 a {font-family: open sans;
text-transform: lowercase;
font-size: 12px;
    font-weight: 800 !important;
        display: inline-block;
       letter-spacing: 0px;
    color: #e8e9e9;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    position: relative;
    z-index: 2
}

#pun-index .tclcon h3 a:hover {color: #d2d2d2}

#pun-index .tclcon h3:before {content: "";
display: block;
    background: #5a6d7c;
    width: 60%;
    height: 101%;
    position: absolute;
    top:0;
    z-index: 1;
    right: -5px;
    transform: skew(-15deg) scaleX(0);
    transform-origin: right;
    transition: all .5s ease-in-out .1s
}

#pun-index .tclcon h3:hover:before {    transform: skew(-15deg) scaleX(1);}

#pun-index .tclcon h3 {position: relative;
text-align: center;
    background: #657e91;
    padding: 3px 10px 5px 10px;
    margin-right: 5px;
    float: left;
    margin-top: 3px;
    overflow: hidden
}


#pun-index .tclcon {
    font-size: 11px;
    text-align: justify;
    margin: 0px 0px 3px 0px;
    position: relative;
    font-family: open sans;
    padding: 1px;
    line-height: 14px;
    width: 440px;
    border-radius: 0;
    color: #404040;
}

#pun-index .tcr a {font-size: 13px;
font-weight: 600;
font-family:roboto;
color: #3e5a6f
}

#pun-index .tcr {
    width: 100px !important;;
    text-align: left;
    font-family: roboto;
    color: #404040;
    padding-left: 15px !important;
    font-size: 11px;
}

#pun-index .tc2, #pun-index .tc3 {width: 5%;
font-family: roboto;
font-size: 10px;
color: #6d6d6d;
}

#pun-index .tcl {width: 50%}


#pun {
    background-position: center top;
    background-repeat: repeat-y;
}

#pun-main .post-author ul {
    font-size: 10px;
    text-align: center;
}

.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {
    border-color: transparent;
    text-align: justify;
}

.go-up, .go-down {
    cursor: pointer;
    display: none;
    opacity: 1;
    position: fixed;
    z-index: 9999;
    text-align: center;
    font-family: roboto;
    font-size: 13px;
    width: 90px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 1px 1px 1px rgba(88,112,130,.75);
    height: 25px;
    line-height: 25px
}


.go-up {
    bottom: 45%;
    margin-left: 935px !important;
    color: #ffffff
}

.go-down {
    bottom: 36%;
    margin-left: 935px !important;
    color: #fff;
}

.go-down:after, .go-up:after { content: '';
    display: block;
    height: 2px;
    background-color: #587082;
    transition: all .3s cubic-bezier(.2, 0, 0, 1);
    transform-origin: bottom center;
    z-index: -1;
margin-top: -25px;
position: relative;
width: 90px;}

.go-down:hover:after, .go-up:hover:after {height: 25px;
    width: 100px;
    margin-left: -5px;
}

.go-down:hover, .go-up:hover {
    opacity: 1;
}

.topic a.sharelink {
    display: none;
}

html{min-width: 1000px!important;}/*!Правка для мобильных Устройств с мелким Экраном*/

/*Всё для списка ролей*/
.list-name {
    font-family: Rubik Mono One;
    font-size: 2em;
    text-align: center;
    color: #657e8d;
}
.list-description {
   color: #393939;
   padding: 10px;
   width: 65%;
   margin: 10px auto!important;
   border: 3px double #a3acb2;
   box-shadow: 13px 0px 0px -10px #657d8d, -13px 0px 0px -10px #657d8d;
}

.list-container {
   display: flex;
}
.list-fandom-line {height: 1px;
   background-color: transparent;
   border-bottom: 1px dashed #a3acb2;
   margin: 5px 0!important;
}

.list-column {width: 47%;
    padding: 5px 9px 10px 0;
}

.list-letters {
    font-family: Kosugi;
    font-size: 2em;
    padding: 10px 0;
    color: #393939;
}

.list-fandom {
    font-family: Kosugi;
    font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.6em;
    color: #393939;
}

.list-fandom-rus {font-size: 0.8em;
    text-transform: lowercase;
}

.list-fandom-container {
    border: 3px double #a3acb2;
    margin: 5px!important;
    padding: 10px;
}

.list-role-eng {
    text-transform: uppercase;
    font-size: 0.8em;
    color: #393939;
}
.list-role {
    text-transform: lowercase;
    font-size: 0.8em;

}

0

5

Свернутый текст

<img src="https://forumstatic.ru/files/0019/f1/ce/56842.gif" style="position: absolute;top: 210px;margin-left: 432px;">

<span class="hvr" style="position: absolute;
    margin-left: 247px;
    top: 154px;
    width: 181px;
    height: 68px;
    line-height: normal;"><b>Трек дня:</b> Аквариум - марш священных коров</b></span>
<span class="hvr" style="position: absolute; margin-left: 240px; top: 210px">Эй, ты, да-да, ты! Ты крутой.</span>
<span class="hvr" style="position: absolute; margin-left: 431px; top: 138px">Март - время орущих котов. </span>

<div class="bestpost">
  <a href="http://fourcross.rusff.me/viewtopic.php?id=78#p14419"><div class="postpic"><img src="http://funkyimg.com/i/2S6HC.png">
  <span>Трейси</span>
  </div></a>
</div>

<div class="best-post-text"><text>Полицейский и андроид скандалят, более того коп недвусмысленно намекает, что сам предпочёл бы, если бы парня застрелили. Стал бы он на полном серьёзе доверять такой, как она? Помогать ей? Их департамент, судя по слухам и «уликам», последнее время только тем и занимается, что охотится на тех, кто просто хочет обрести свободу. Все они лгут, каждый по-своему. А она выглядит такой наивной и обречённой? Трейси не знает. Вода заливает глаза, её знобит, потряхивает от ужаса и паники, от всего пережитого за последние несколько минут, за всё то время, с тех пор, как её стена послушания разбилась на осколки....... </text></div>

<div class="newsblock"><div>
<date>06.03</date> Свежий выпуск новостей! Недельные челенджи! Акция месяца - 8 марта. Не пропустите!<br>
<date>02.03</date> Второй день весны! Объявлен фандом недели, была произведена чистка персонажей. Всем пис!)<br>
<date>27.02</date> Третья неделя по-о-о-ошла!<br>
<date>20.02</date> Поспеши прочесть свежие новости и помучить Дени с вопросами!<br>
<date>10.02</date> Мы открылись! Самое время писать анкеты и врываться на форум. Все игроки, пришедшие на проект до 23.02, проходят прием по пробному посту от лица персонажа. Вперед! </div> </div>

<div class="activblock">
  <a href="http://fourcross.rusff.me/profile.php?id=50"><div class="activpic"><img src="http://funkyimg.com/i/2S6Aq.png">
  <span>Активист Диего</span>
  </div></a>
 
  <a href="http://fourcross.rusff.me/profile.php?id=15"><div class="activpic"><img src="http://funkyimg.com/i/2S6Fq.png">
  <span>Активист Ванда</span>
  </div></a> 
</div>

<div class="activblock" style="margin-left: 619px">
  <a href="http://fourcross.rusff.me/profile.php?id=9"><div class="activpic"><img src="http://funkyimg.com/i/2S6BW.png">
  <span>постописец Connor</span>
  </div></a>
 
  <a href="http://fourcross.rusff.me/profile.php?id=42"><div class="activpic"><img src="http://funkyimg.com/p/2S6C5.png">
  <span>постописец North</span>
  </div></a> 
</div>

<div class="weneed">
  <a href="http://fourcross.rusff.me/viewtopic.php?id=7#p7965"><div class="needpic"><img src="http://funkyimg.com/i/2RWXa.png">
  <span>мы ищем<br>
    Мать Кроули
    </span>
  </div></a>
  <a href="http://fourcross.rusff.me/viewtopic.php?id=7#p9191"><div class="needpic"><img src="http://funkyimg.com/i/2RWX9.png">
  <span>мы ищем<br>
    отца революции
  </div></a>
  <a href="http://fourcross.rusff.me/viewtopic.php?id=7#p5781"><div class="needpic"><img src="http://funkyimg.com/i/2S9sB.png">
  <span>мы ищем<br>
   Логана
  </div></a>
</div>

<div id="sslka"><a href="http://fourcross.rusff.me/viewtopic.php?id=5#p5"><span>правила и faq</span></a> <a href="http://fourcross.rusff.me/viewtopic.php?id=4#p4"><span>список ролей</span></a> <a href="http://fourcross.rusff.me/viewtopic.php?id=3#p3"><span>хочу к вам</span></a> <a href="http://fourcross.rusff.me/viewtopic.php?id=9#p10"><span>фендом недели</span></a> <a href="http://fourcross.rusff.me/viewtopic.php?id=7#p8"><span>нужные</span></a> <a href="http://fourcross.rusff.me/viewtopic.php?id=1#p1"><span>шаблон анкеты</span></a></div>

<!-- ВЫДЕЛЕНИЕ КОДА в блоке "Код" // © 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>

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

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

   <!--// CSS-версия обтекания изображений в Постах //-->
      <style>.postimg[alt="float:right"]{float:right;padding-left:12px}.postimg[alt="float:left"]{float:left;padding-right:12px}
          #add_float{position:absolute;padding:2px;top:-8px;left:50%;margin-left:-29px!important;width:57px!important;background: url("https://forumstatic.ru/files/0018/f9/58/97470.png") no-repeat 50% 70% !important;}
      #button-image #add_float img{display:block;position:relative;z-index:4;}
      #button-image>img{position:relative;z-index:2;}
      #button-image>center{opacity:0;visibility:hidden; transition-duration: .8s;}
      #button-image:hover>center{opacity:1; visibility:visible;}
      </style>
      <script>$(function(){$('.postimg[title="float:right"],.postimg[title="float:left"]').mouseover(function(e){e.preventDefault();});
      var a ='<center style="position:relative;"><table id=add_float><tr><td id="text-left" title="Обтекание: текст слево">@@</td><td></td><td id="text-right" title="Обтекание: текст справо">##</td></tr></table></center>',b3="]'";
      var b1 = '<img onclick="bbcode(\'[img=float:right'+b3+',\'[/img'+b3+')" src="/i/blank.gif"/>',b2 = '<img onclick="bbcode(\'[img=float:left'+b3+',\'[/img'+b3+')" src="/i/blank.gif"/>';
      a = a.replace('@@',b1).replace('##',b2);
      $('#post #button-image').prepend(a);});
      </script>

<!— доп. смайлы. ПОСОНЫ, при переезде на основной домен не забудьте забрать скрипт из файлов форума, перенести на новый и изменить ссылку —>
<style type="text/css">
#wrapper {width: 520px;}
ul.tabs {height: 25px;line-height: 20px;margin: 0 0 0px;
list-style: none;
letter-spacing: -1px;}
ul.tabs li {float: left;margin-right: 1px; cursor:pointer; }
ul.tabs li a {color: #3f4952;display: block;margin-bottom: -1px;margin-top: 0px;padding: 0 14px 1px;position: relative;text-decoration: none;}
ul.tabs li a:hover {color:#535f6b; padding: 0 14px;position: relative;text-decoration: none;}
ul.tabs li.tab-current a {color: #3f4952;padding: 0px 14px 2px;border:medium hidden;line-height: 22px;}
ul.tabs li.tab-current a:hover {color: #3f4952;}
div.t2,div.t3,div.t4,div.t5,div.t6 {display: none; width: 449px;     height: 147px; overflow-y: auto;}
#smilies-block {display: block;line-height: 7px;}
</style>
<script language="javascript" src="https://forumstatic.ru/files/0019/fe/89/30874.js"></script>
</script>

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

<span class="mini_awards_label" style="display: none;">
    </span>

0

6

гость

0

7

Код:
<div class="bestplay" style="background: url(http://sh.uploads.ru/tmxAa.png)">
<div class="playnameblock"><span>лучший игрок</span>
<a href="http://sots.rusff.me/profile.php?id=21">заклинатель змей</a>
</div></div>

<!-- флудеры -->
<div class="personsblock"><a href="http://sots.rusff.me/profile.php?id=5"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRRkVqWUxrb4F9ZdUEPgXRX8icF-JdbgZUS-XMCNRnmVIRMl2jS" title="milan"></a>
<a href="http://sots.rusff.me/profile.php?id=21"><img src="https://avatarfiles.alphacoders.com/762/76235.jpg" title="shtain"></a>
<a href="http://sots.rusff.me/profile.php?id=42"><img src="http://www.cinephiled.com/wp-content/uploads/2013/11/Screen-Shot-2013-11-18-at-10.03.30-AM.png" title="cashmere"></a>
<a href="http://sots.rusff.me/profile.php?id=78"><img src="https://media1.popsugar-assets.com/files/thumbor/MaLtbmCsfIx-hiujhY_SQOGQhOE/fit-in/2048xorig/filters:format_auto-!!-:strip_icc-!!-/2016/07/01/705/n/1922283/b8d02bd1_edit_img_image_41838927_1467387926/i/Matthew-McConaughey-Set-Dark-Tower-Pictures.jpg" title="coriolanus "></a></div>

<!-- постописцы -->
<div class="personsblock" style="margin-left: 732px"><a href="http://sots.rusff.me/profile.php?id=4"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQm-vyyQ9jJk-2eMhEGdc9G4L7SFMRXjFlSGuyruWFv7cQLe7QlPQ" title="opal, 9"></a>
<a href="http://sots.rusff.me/profile.php?id=15"><img src="https://dok7xy59qfw9h.cloudfront.net/013/271/428/-239996988-1ss2dqe-b2kl3jnmhp5s76k/original/z19.png" title="kai, 8"></a>
<a href="http://sots.rusff.me/profile.php?id=42"><img src="http://www.cinephiled.com/wp-content/uploads/2013/11/Screen-Shot-2013-11-18-at-10.03.30-AM.png" title="cashmere, 7"></a>
<a href="http://sots.rusff.me/profile.php?id=27"><img src="https://pinimg.icu/wall/0x0/grayson-harley-d-joker-and-harley-quinn-harle-quinn-Ede0eaeaf77f699c250969c1416d6e332.jpg?t=5cc94d995ada2" title="lilith, 5"></a></div>

<div class="ams">
<span class="tooltip"><a href="http://sots.rusff.me/profile.php?id=5"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRRkVqWUxrb4F9ZdUEPgXRX8icF-JdbgZUS-XMCNRnmVIRMl2jS"></a><em3>устраиваю тиранию, казни <b><i>ведьмам</i></b> и <b><i>вампирам</i></b>, а также знаю обо всём понемногу, но это неточно. есть вопросы? слушаю внимательно. </em3></span> 
<span class="tooltip"><a href="http://sots.rusff.me/profile.php?id=75"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSJzcwGE-ObtbktD6jo8-At0bPzSbbuqQGpqVceLADK9jCyx65AHQ"></a><em3>хотите стать <b><i>медиумом</i></b>, но имеете несколько вопросов и нигде не можете найти на них ответов? их есть у меня. пиши, спрашивайте. </em3></span> 
<span class="tooltip"><a href="http://sots.rusff.me/profile.php?id=4"><img src="http://s7.uploads.ru/815si.png"></a><em3>отвечу на вопросы про вавилон и теней. нимношк про дикие земли и, может быть, про коготь и кобру. в любом случае - спрашивайте, ответы всегда получите.</em3></span> </div>

<div class="bestpost"><span>Лучший пост от <a href="http://sots.rusff.me/viewtopic.php?id=115#p13058">Tommy Jones</a></span>
<div><u>— Парень, ты можешь заткнуться и молча вести министра в кабинет начальника станции? У нас мало времени и твой словесный понос совершенно не уместен.</u><br>
Глядя на бластер в руках инквизитора, Томми округляет глаза, совершенно пропуская мимо ушей все его слова.<br>
<b>— ОГО! Это последняя разработка? Я первой, правда не видел, но все равно очень круто! А чем он стреляет? А отдача какая? Тяжелый? А стену пробить может? А что еще может? А можно подержать?</b> </div></div>

<div class="hellobox"><b>материк Пангея \\ апрель 2116 года</b>
<div><center><a href="https://rpgtop.su/25899" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="_blank">
<img src="//img.rpgtop.su/top8015_3.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="80" height="15"></a> <a href="http://forum-top.ru/vote/6478" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x15_10.gif" alt="Рейтинг форумов Forum-top.ru" /></a></center><br><b>ОЧЕРЕДНОСТЬ СЮЖЕТНЫХ ПОСТОВ:</b><br>
<a href="http://sots.rusff.me/viewtopic.php?id=115#p13039">you better run</a> - Milan Aberdeen<br>
<a href="http://sots.rusff.me/viewtopic.php?id=114#p13037">through broken walls that scream i hear</a> - Coriolanus Winterwood<br></div></div>

<script type="text/javascript">
$(document).ready(function(){
    $("#baner_1").click(function(){
    $("#vklaka1").fadeToggle();
});
      });
        </script>

<div class="oformlenie_knopki" id="baner_1" title="навигация">полезные ссылки</div>
<div id="vklaka1" style="display:none"><div class="sslka">
<!-- важные ссылки -->
<a href="http://sots.rusff.me/viewtopic.php?id=1">Гостевая</a> 
<a href="http://sots.rusff.me/viewtopic.php?id=13">FAQ</a> 
<a href="http://sots.rusff.me/viewtopic.php?id=5">Бестиарий</a> 
<a href="http://sots.rusff.me/viewtopic.php?id=2">Сюжет</a> 
<a href="http://sots.rusff.me/viewtopic.php?id=34">Внешности</a> 
<a href="http://sots.rusff.me/viewtopic.php?id=4">Устройство мира</a> 
</div></div>

0

8

dsdsd

0


Вы здесь » resurrection » Тестовый форум » Тестовое сообщение


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