полезные ссылки
18.05-20.05
Прорыв недели Прорыв недели Прорыв недели Прорыв недели
Прорыв недели Прорыв недели Прорыв недели Прорыв недели
Прорыв недели Прорыв недели Прорыв недели Прорыв недели
Прорыв недели Прорыв недели Прорыв недели Прорыв недели
[TVD | Soul Love]

FRPG по мотивам сериала Дневники Вампира. Время действий - весна 2029 г.
[BRIGHTON]

Сюжетная FRPG о реальной жизни в Брайтоновском университете и Новом Орлеане.
[MEMORY LANE]

FRPG о реальной жизни в городе Чикаго, штат Иллинойс, США.

Photoshop: Renaissance

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

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


Вы здесь » Photoshop: Renaissance » Мастерская дизайнов » Бесплатные готовые дизайны


Бесплатные готовые дизайны

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

1

•   •   •   •   •   •   •   •   •   •             •   •   •   •   •   •   •   •   •   •
РАЗМЕЩАЮТСЯ ТОЛЬКО ГОТОВЫЕ БЕСПЛАТНЫЕ ДИЗАЙНЫ.

[indent] Переделывать без разрешения дизайнера - строго запрещено. Копирайты так же должны оставаться на видных местах. Если вы взяли тот или иной дизайн - поставьте оценку на пост с дизайном. Здесь публикуются только дизайны. Все отзывы будут удаляться. Хотите высказать своё мнение по дизайну, напишите его здесь.

•   •   •   •   •   •   •   •   •   •             •   •   •   •   •   •   •   •   •   •

0

2

https://i.imgur.com/ZBR0wo7l.jpg
Элементы дизайна не растаскивайте, дополняйте чем хотите.
Не забудьте вставить нужные логин и пароль для кнопки пиара.

Структура style.css
Код:
/***************************************
A - SETUP
***************************************/


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

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

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

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

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

/* A3.2 */
.punbb {
    font: normal 70.75%  verdana, geneva, lucida, 'lucida grande', 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;
  }

.punbb th   {
    font-size: 0.9em;
    font-weight: bold;
  }

.punbb h4, .punbb table {
    font-size: 1.0em;
    font-weight: normal;
  }


#pun-main .code-box, #pun-main textarea, #pun-main .quote-box {
    color: #000000;
    font-size: 11px;
  }

#html-footer .container {
    font-size: 11px;
  }

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

body {
   font-size: 95%;
 }

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


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

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

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

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

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


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

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

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


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

/* A5.1 */
#pun {
    width: 905px;
    margin-left: 0px;
    margin: auto;
    position: relative;
  }

/* A5.2 */
.punbb {
    width:748px;
    margin-left: 80px;
    float: none;
    height: auto;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
    float: none;
    background-position: center;
    text-align: left;
    height: 105px;
    width: 950px;
    margin-top: 200px;
    margin-left:-40px;
    padding-bottom:17px;
    text-align: center;
    background-color: #ecdec5;
  }

#pun-redirect .main-title {
    margin-top:30px;
    font-size: 1.0em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: bold;
    color: #000; 
    padding-top:25px;
  } 

#pun-redirect.punbb .info .container {
    letter-spacing: 0px;
    font-size: 1.0em;
    color: #000; 
  } 

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

/* A5.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.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 {
    display: block;
    border-top: none;
  }

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

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

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

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

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 0.4em 1.0em 1.4em 1.0em;
    padding: 0.5em;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 2px;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    margin: 7px 0 0 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
  }

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

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

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

/* 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: 50%;
    margin-right: 30px;

  }


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

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

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

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    margin-bottom: 5px;
    margin-top: 0px;
    padding: 0 0 0 25px;
  }


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

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

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

/* C2.12 */
.punbb .main th {
    padding: 4px 1em 5px 1em;
    border-bottom: 2px solid transparent;
    border-left: 1px solid transparent;
  }

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

* html .tclcon {
    height: 0px;
  }

/* C2.14 */
.punbb td div.tclcon {
}

/* C2.15 */
#pun-viewforum div.tclcon {
    padding-top: 0px;
  }

#pun-index table Div.icon {
    background-image: url(http://forumfiles.ru/files/0013/e2/3d/33679.png);
    float: right;
    position: relative;
    display: inline-block;
    width:47px;
    height: 41px;
    margin-left: 10px;
    background-repeat: no-repeat;
    opacity:1.0;
  }

#pun-index TR.inew Div.icon {
    background-image: url(http://forumfiles.ru/files/0013/e2/3d/85722.png);
    background-repeat: no-repeat;
    width:47px;
    height: 41px;
    opacity:1.0;
  }


#pun-viewforum .tclcon, #pun-messages .tclcon {
    margin-left: -50px;
  }

#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    background-image: url(http://forumfiles.ru/files/0013/e2/3d/33679.png);
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    position: relative;
    float: left;
    width:47px;
    height: 41px;
    padding-right: 10px;
    margin-top: -5px!important;
    opacity:1.0;
  }

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
 background-image: url(http://forumfiles.ru/files/0013/e2/3d/85722.png);
    background-repeat: no-repeat;
    width:47px;
    height: 41px;
    opacity:1.0;
  }

#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
 background-image: url(http://forumfiles.ru/files/0013/e2/3d/85722.png);
    background-repeat: no-repeat;
    width:47px;
    height: 41px;
    opacity:1.0;
  }

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
 background-image: url(http://forumfiles.ru/files/0013/e2/3d/33679.png);
    background-repeat: no-repeat;
    width:47px;
    height: 41px;
    opacity:1.0;
  }



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

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

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

/* C3.3 */
.punbb .post h3 span {
    padding: 1.6em 1em 1.6em 221px;
    width: 514px;
    display: block;
    margin-left: 0em;
  }

/* 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: 221px!important;
    margin-top: 0px;
    margin-bottom: 21px;
    padding-right: 0em;
    overflow: hidden;
    text-transform: lowercase;
  }


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

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


/* C3.8 */
.pa-author a {
    text-decoration: none;
    display: inline-block;
    max-width: 180px;
  }

/* C3.9 */
li.pa-title {
    font-size: 0.9em;
    text-transform: lowercase;
    margin-top: 3px;
    margin-bottom: 3px;
  }


.pa-posts, .pa-respect {
    text-align: center;
    border: none;
    display: inline-block;
    width: 70px;
    margin-bottom: 3px;
  }


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


li.pa-awards {
    margin-top: -20px;
 }

span.mini_awards_label {
    display: none !important;
  }

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

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

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

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

/* C3.15 */
.punbb .post-links ul {
    padding: 0 0em 0 2.7em;
    line-height: 1.7em;
    margin-left: -18em;
    margin-right: 1em;
    border-top-style: none;
    border-top-width: 1px;
    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: 18em;
    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: 233px;
    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 table {
    border: none;
    margin-left: -80px;
    width: 905px;
    height: 459px;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(http://forumfiles.ru/files/0013/e2/3d/75085.png);
    background-repeat: no-repeat;
  }

#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: 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 {
    border: none;
    margin: -392px 0 300px 0;
    height: 20px;
  }

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

/* D3.2 */
#pun-navlinks .container {
    font-size: 1.0em;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.35em;
    line-height: 100%;
  }


/* D.3 */
#pun-navlinks li {
    display: inline;
    line-height: 100%;
  }


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

/* D4.1 */
#pun-ulinks  {
    margin-bottom: 20px;
    border: none;
  }

/* D4.2 */
#pun-ulinks .container {
    font-size: 1.0em;
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 0.03em;
  }

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


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

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

/* D5.2 */
#pun-status .container {
    padding: 0.8em 1em 1em 1em;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 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 mono", "courier new", courier, monospace;
  }

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

#pun th {
  font-size: 0px;
  }
Цвета style_cs.css
Код:
html, body {min-width:1150px!important;} /*Правка для мобильных Устройств с мелким Экраном*/

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

html, body {
    background: url(http://forumfiles.ru/files/0013/e2/3d/61178.png) top left repeat;
    background-color : #120a05;
  }

#pun {
    background-image: url(http://forumfiles.ru/files/0013/e2/3d/21488.png);
    background-color: #ecdec5;
  }

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

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    border-color:transparent;
    color: #000000;
    font-weight: normal;
    font-style: normal;

  }

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

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

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


/* CS1.8 */
#pun-navlinks .container {
    border-color: transparent;
  }

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



.punbb textarea {
    background: rgba(247, 247, 247, 0.29);
    border: 1px solid rgba(97, 53, 17, 0.09);
    border-radius: 15px;
    padding: 10px;
  }

 .punbb input {
    background: rgba(247, 247, 247, 0.29);
    border: 1px solid rgba(97, 53, 17, 0.09);
    border-radius: 15px;
    padding: 10px;
    text-transform: uppercase;
    font-size: 9px!important;
    letter-spacing: 1px;
  }


.punbb select  { 
    background: rgba(247, 247, 247, 0.29);
    border: 1px solid rgba(97, 53, 17, 0.09);
    border-radius: 15px;
    padding: 2px;
  }
#pun-main .code-box {
    font-size:12px!important;
  }

#pun-main .code-box,
#pun-main .quote-box {
    background: rgba(220, 173, 84, 0.1607843137254902);
    border: none;
    border-radius: 15px;
    border-left: 6px solid rgba(80, 30, 0, 0.12);
    border-right: 6px solid rgba(80, 30, 0, 0.12);
    box-shadow: rgba(149, 121, 78, 0.42) 0px 2px 5px;
    -webkit-box-shadow: rgba(149, 121, 78, 0.42) 0px 2px 5px;
  }


/* 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 */
.punbb .quote-box, .punbb .code-box {
    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-color:transparent;
  }

.punbb .post-sig dt {
    background: rgba(219, 183, 126, 0.27);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.23);
    height: 1px;
    width: 250px;
    margin: 10px 0px 10px 110px;
    opacity: 1.0;
  }



/* 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 {
    border-bottom: 0px none #000;
    text-decoration: none;
  }

/* 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 {
    border-bottom: 0px none #3f3f3f;
    text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
    border-bottom: 0px none #000;
    text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    font-weight: normal;
    font-style: normal;
    border-bottom: 0px none #000;
    text-decoration: none;
  }



/* CS4 Фон всем категориям и разделение между сообщениями. + Сдвиг рекламы.
 -------------------------------------------------------------*/

#pun  .section {
    border-style: none;
    width: 748px;  
 }

#pun  .tc2, #pun-main .post-author ul  {
    text-align: center;
 }

.punbb .post div.container {
    background: url() no-repeat scroll center bottom transparent;
  }


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



/* CS6 Логотип снизу
 -------------------------------------------------------------*/

#pun-about p.container {
    background-image: url(http://forumfiles.ru/files/0013/e2/3d/41897.png);
    margin-left: -92px;
    background-position: center top;
    background-repeat: no-repeat;
    height : 182px;
    width: 905px;
    overflow-x: hidden;
  }

div#html-footer {
  }

div#pun-about {
    margin-bottom: -22px;
  }

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



/* CS7 Остальные коды для оформления форума
 -------------------------------------------------------------*/



/* CS4 Картинки категорий */
#pun-main h2, #pun-stats.section h2 {
    width: 748px;
    text-align: center;
    font-size: 12px;
  }


/* Фон подфорума */
#pun-index td div.tclcon { 
    color: #000;
    text-align: justify;
  }



/*1. Картинки навигации */
#pun-navlinks a {
    display: inline-block;
    height : 23px; 
    font-size:0px;
  }
#navindex a {
    background: url(http://forumfiles.ru/files/0013/e2/3d/76648.png) no-repeat top center;
    width: 128px;
  }
#navuserlist a {
    background: url(http://forumfiles.ru/files/0013/e2/3d/44150.png) no-repeat top center;
    width: 112px;
  }
#navsearch a {
    background: url(http://forumfiles.ru/files/0013/e2/3d/83384.png) no-repeat top center;
    width: 76px;
  }
#navprofile a {
    background: url(http://forumfiles.ru/files/0013/e2/3d/73342.png) no-repeat top center;
    width: 99px;
  }
#navpm a {
    background: url(http://forumfiles.ru/files/0013/e2/3d/47075.png) no-repeat top center;
    width: 78px;
  }
#navadmin a {
    background: url(http://forumfiles.ru/files/0013/e2/3d/26103.png) no-repeat top center;
    width: 80px;
  }
#navlogout a {
    background: url(http://forumfiles.ru/files/0013/e2/3d/95267.png) no-repeat top center;
    width: 50px;
  }
#navlogin a {
    background: url(http://forumfiles.ru/files/0013/e2/3d/52234.png) no-repeat top center;
    width: 87px;
  }
#navregister  a {
    background: url(http://forumfiles.ru/files/0013/e2/3d/34060.png) no-repeat top center;
    width: 147px;
  }



/* Цвета ссылок */
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    color: #4d3121;
    text-decoration: none;
      transition-duration: 0.5s;
  }
.punbb a:focus, .punbb a:active, .punbb a:hover, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
    color: #a76f36;
    text-decoration: none;
     transition-duration: 0.5s;
  }




body #post .fs-box.hashelp .container {
    background: rgba(223, 204, 164, 0.41)!important;
    background-repeat: repeat!important;
    z-index: 100!important;
    padding: .7em!important;
    border-radius: 10px;
    border: 1px solid rgba(117, 73, 35, 0.06);
  }
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area{
position: absolute;
    right: 6px;
    top: 43px;
  }
#imageupload-left input[type=button] {
    width: auto!important;
  }


#poll-special .poll2 td h1 {
    background: #111419!important;
    padding: 1px;
    border: none 0 transparent!important;
    border-bottom: none 0 transparent!important;
  }

/*убираем свечение в хроме*/
input, textarea {
    outline: none;
  }  
input:active, textarea:active {
    outline: none;
  } 
:focus {
    outline: none;
  }

.intd .tclcon .modlist {
    display: none;
  }

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner{
    background-color: rgba(236, 222, 197, 0.73);
    border-radius: 15px;
    padding: 1em;
  }

.adformal h2, #pun-adnav h2 {
    padding: 0.5em 1em!important;
    border-style: none!important;
    border-width: 0px!important;
    background-color: #eeeeee!important;
    color: #000!important;
  }

img.post-img-Sp {
    padding-top: 2px!important;
    margin-left: 0px!important;
    padding: 0 3px!important;
  }

.lastedit {
    display: none!important;
  }

li#navawards {
    display: none!important;
  }
HTML низ
Код:
<style>.Myimge {position:absolute;margin-top:-14px;}</style>
    <script type="text/javascript">
    PiarNik="логин";
    PiarPas="пароль";
    var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
    <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
    <fieldset>\
    <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
    <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
    <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
    <input type=\"submit\" class=\"button\" name=\"login\"/>\
    </fieldset>\
    </form>\
    </div>\
    <span id=spMyimg><img class=\"Myimge\"  title=\"Быстрый вход для 'Пиарщиков'\" onclick=\"PiarIn()\" src=\"http://forumfiles.ru/files/0013/e2/3d/55622.png\" onmouseover=\"this.src='http://forumfiles.ru/files/0013/e2/3d/55622.png' \" onmouseout=\"this.src='http://forumfiles.ru/files/0013/e2/3d/55622.png'\" /></span>";
    if($("#navlogin").html()!=null){
    $("#navlogin").append(L) //navlogin
    $("#PR_loginDiv #fld1").val(PiarNik)
    $("#PR_loginDiv #fld2").val(PiarPas)
    function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
    }
    </script>






<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="http://forumfiles.ru/files/0013/e2/3d/72928.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="http://forumfiles.ru/files/0013/e2/3d/55684.png" border="0" /></div>
<style>
.go-up,.go-down {
    display:none;
    position:fixed;
    z-index:9999;
    cursor:pointer;
    opacity:0.8;
  }
.go-down:hover,.go-up:hover {
    opacity:1;
  }
.go-up {
    bottom:300px;/*положение от низа окна браузера верхняя кнопка*/
    margin-left: 950px;
    width:64px;
    height:61px;
  }
.go-down {
    bottom:200px; /*положение от низа окна браузера нижняя кнопка кнопка*/
    margin-left: 950px;
    width:64px;
    height:61px;
  }
</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>

+4

3


https://i.imgur.com/YEPMxUel.png
Элементы дизайна не растаскивайте, дополняйте чем хотите.
Не забудьте вставить нужные логин и пароль для кнопки пиара.
Дизайн продавать запрещено!
http://iamyourpathos8.mybb.ru/

Структура style.css
Код:
/***************************************
A - SETUP
***************************************/


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

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

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

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

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

/* A3.2 */
.punbb {
    font: normal 70.75%  verdana, geneva, lucida, 'lucida grande', 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;
  }

.punbb th   {
    font-size: 0.9em;
    font-weight: bold;
  }

.punbb h4, .punbb table {
    font-size: 1.0em;
    font-weight: normal;
  }


#pun-main .code-box, #pun-main textarea, #pun-main .quote-box {
    color: #000000;
    font-size: 11px;
  }

#html-footer .container {
    font-size: 11px;
  }

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

body {
   font-size: 95%;
 }

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


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

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

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

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

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


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

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

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


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

/* A5.1 */
#pun {
    width: 904px;
    margin-left: 0px;
    margin: auto;
    position: relative;
  }

/* A5.2 */
.punbb {
    width:785px;
    margin-left: 60px;
    float: none;
    height: auto;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
    float: none;
    background-position: center;
    text-align: left;
    height: 105px;
    width: 950px;
    margin-top: 200px;
    margin-left:-30px;
    padding-bottom:17px;
    text-align: center;
    background-color: #c0c0c0;
  }

#pun-redirect .main-title {
    margin-top:30px;
    font-size: 1.0em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: bold;
    color: #000; 
    padding-top:25px;
  } 

#pun-redirect.punbb .info .container {
    letter-spacing: 0px;
    font-size: 1.0em;
    color: #000; 
  } 

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

/* A5.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.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 {
    display: block;
    border-top: none;
  }

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

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

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

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

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 0.4em 1.0em 1.4em 1.0em;
    padding: 0.5em;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 2px;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    margin: 7px 0 10px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
  }

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

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

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

/* 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: 50%;
    margin-right: 30px;

  }


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

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

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

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    margin-bottom: 5px;
    margin-top: 0px;
    padding: 0 0 0 25px;
  }


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

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

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

/* C2.12 */
.punbb .main th {
    padding: 4px 1em 5px 1em;
    border-bottom: 2px solid transparent;
    border-left: 1px solid transparent;
  }

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

* html .tclcon {
    height: 0px;
  }

/* C2.14 */
.punbb td div.tclcon {
}

/* C2.15 */
#pun-viewforum div.tclcon {
    padding-top: 0px;
  }

#pun-index table Div.icon {
    background-image: url(http://forumfiles.ru/files/0013/cc/cb/11777.png);
    float: right;
    position: relative;
    display: inline-block;
    width:59px;
    height: 64px;
    margin-left: 10px;
    background-repeat: no-repeat;
    opacity:1.0;
  }

#pun-index TR.inew Div.icon {
    background-image: url(http://forumfiles.ru/files/0013/cc/cb/22562.png);
    background-repeat: no-repeat;
    width:59px;
    height: 64px;
    opacity:1.0;
  }


#pun-viewforum .tclcon, #pun-messages .tclcon {
    margin-left: -50px;
  }

#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    background-image: url(http://forumfiles.ru/files/0013/cc/cb/11777.png);
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    position: relative;
    float: left;
    width:59px;
    height: 64px;
    padding-right: 10px;
    margin-top: -5px!important;
    opacity:1.0;
  }

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
 background-image: url(http://forumfiles.ru/files/0013/cc/cb/22562.png);
    background-repeat: no-repeat;
    width:59px;
    height: 64px;
    opacity:1.0;
  }

#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
 background-image: url(http://forumfiles.ru/files/0013/cc/cb/22562.png);
    background-repeat: no-repeat;
    width:59px;
    height: 64px;
    opacity:1.0;
  }

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
 background-image: url(http://forumfiles.ru/files/0013/cc/cb/11777.png);
    background-repeat: no-repeat;
    width:59px;
    height: 64px;
    opacity:1.0;
  }



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

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

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

/* C3.3 */
.punbb .post h3 span {
    padding: 1.6em 0 1.6em 230px;
    width: 537px;
    display: block;
    margin-left: 0em;
  }

/* 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: 221px!important;
    margin-top: 0px;
    margin-bottom: 21px;
    padding-right: 0em;
    overflow: hidden;
    text-transform: lowercase;
  }


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

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


/* C3.8 */
.pa-author a {
    text-decoration: none;
    display: inline-block;
    max-width: 180px;
  }

/* C3.9 */
li.pa-title {
    font-size: 0.9em;
    text-transform: lowercase;
    margin-top: 3px;
    margin-bottom: 3px;
  }


.pa-posts, .pa-respect {
    text-align: center;
    border: none;
    display: inline-block;
    width: 77px;
    margin-bottom: 3px;
  }


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


li.pa-awards {
    margin-top: -20px;
 }

span.mini_awards_label {
    display: none !important;
  }

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

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

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

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

/* C3.15 */
.punbb .post-links ul {
    padding: 0 0em 0 2.7em;
    line-height: 1.7em;
    margin-left: -18em;
    margin-right: 1em;
    border-top-style: none;
    border-top-width: 1px;
    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: 18em;
    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: 233px;
    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 table {
    border: none;
    margin-left: -105px;
    width: 953px;
    height: 613px;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(http://forumfiles.ru/files/0013/cc/cb/38353.png);
    background-repeat: no-repeat;
  }

#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: 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 {
    border: none;
    margin: -337px 0 200px 0;
    height: 20px;
  }

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

/* D3.2 */
#pun-navlinks .container {
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: 'Romul';
    text-shadow: 1px 1px 0 #000;
  }

#pun-navlinks .container a {
    color: #fff;
  }


/* D.3 */
#pun-navlinks li {
    display: inline;
    line-height: 440%;
  }


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

/* D4.1 */
#pun-ulinks  {
    margin-bottom: 20px;
    border: none;
  }

/* D4.2 */
#pun-ulinks .container {
    font-size: 1.0em;
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 0.03em;
  }

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


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

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

/* D5.2 */
#pun-status .container {
    padding: 0.8em 1em 1em 1em;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 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 mono", "courier new", courier, monospace;
  }

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

#pun th {
  font-size: 0px;
  }
Цвета style_cs.css
Код:
html, body {min-width:1150px!important;} /*Правка для мобильных Устройств с мелким Экраном*/

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

html, body {
    background-color : #0c0c0c;
  }

#pun {
    background-image: url(http://forumfiles.ru/files/0013/cc/cb/51334.png);
    background-color: #c0c0c0;
  }

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

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    border-color:transparent;
    color: #000000;
    font-weight: normal;
    font-style: normal;

  }

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

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

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


/* CS1.8 */
#pun-navlinks .container {
    border-color: transparent;
  }

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



.punbb textarea {
    background-image : url("http://funkyimg.com/i/FBDq.png");
    border: 1px solid rgba(12, 12, 12, 0.16);
    box-shadow: inset 0px 2px 2px #0000002b, inset 0 5px 50px #0000004a;
    border-radius: 15px;
    padding: 10px;
  }

 .punbb input {
    background-image : url("http://funkyimg.com/i/FBDq.png");
    border: 1px solid rgba(12, 12, 12, 0.16);
    box-shadow: inset 0px 2px 2px #0000002b, inset 0 2px 20px #0000004a;
    border-radius: 15px;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 9px!important;
    letter-spacing: 1px;
     transition-duration: 0.5s;
  }
 .punbb input:hover {
    box-shadow: inset 0px -2px 2px #0000002b, inset 0 -2px 20px #5b5b5b4a;
     transition-duration: 0.5s;
  }


.punbb select  { 
    background-image : url("http://funkyimg.com/i/FBDq.png");
    border: 1px solid rgba(12, 12, 12, 0.16);
    box-shadow: inset 0px 2px 2px #0000002b, inset 0 2px 20px #0000004a;
    border-radius: 15px;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 9px!important;
    letter-spacing: 1px;
  }
#pun-main .code-box {
    font-size:12px!important;
  }

#pun-main .code-box,
#pun-main .quote-box {
    background-image : url("http://funkyimg.com/i/FBDq.png");
    border: 1px solid rgba(12, 12, 12, 0.16);
    box-shadow: inset 0px 2px 2px #0000002b, inset 0 5px 50px #0000004a;
    border-radius: 15px;
    padding: 10px;
  }


/* 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 */
.punbb .quote-box, .punbb .code-box {
    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-color:transparent;
  }

.punbb .post-sig dt {
    width: 250px;
    height: 1px;
    background: rgba(0, 0, 0, 0.14);
    margin: 10px 0px 10px 140px;
    opacity: 1.0;
  }



/* 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 {
    border-bottom: 0px none #000;
    text-decoration: none;
  }

/* 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 {
    border-bottom: 0px none #3f3f3f;
    text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
    border-bottom: 0px none #000;
    text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    font-weight: normal;
    font-style: normal;
    border-bottom: 0px none #000;
    text-decoration: none;
  }



/* CS4 Фон всем категориям и разделение между сообщениями. + Сдвиг рекламы.
 -------------------------------------------------------------*/

#pun  .section {
    border-style: none;
    width: 785px;  
 }

#pun  .tc2, #pun-main .post-author ul  {
    text-align: center;
 }

.punbb .post div.container {
    background: url() no-repeat scroll center bottom transparent;
  }


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



/* CS6 Логотип снизу
 -------------------------------------------------------------*/

#pun-about p.container {
    background-image: url(http://forumfiles.ru/files/0013/cc/cb/45088.png);
    margin-left: -77px;
    background-position: center top;
    background-repeat: no-repeat;
    height : 172px;
    width: 918px;
    overflow-x: hidden;
  }

div#html-footer {
  }

div#pun-about {
    margin-bottom: -22px;
  }

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



/* CS7 Остальные коды для оформления форума
 -------------------------------------------------------------*/



/* CS4 Картинки категорий */
#pun-category1.category h2 {
    background: url(http://forumfiles.ru/files/0013/cc/cb/37059.png);
    height: 110px;
    width: 279px;
    font-size: 0 !important;
    margin-left: 255px;
    border-radius: 70px;
    opacity: .9;
  }

#pun-category2.category h2 {
    background: url(http://forumfiles.ru/files/0013/cc/cb/45365.png);
    height: 110px;
    width: 279px;
    font-size: 0 !important;
    margin-left: 255px;
    border-radius: 70px;
    opacity: .9;
  }

#pun-category3.category h2 {
    background: url(http://forumfiles.ru/files/0013/cc/cb/24985.png);
    height: 110px;
    width: 279px;
    font-size: 0 !important;
    margin-left: 255px;
    border-radius: 70px;
    opacity: .9;
  }

#pun-category4.category h2 {
    background: url(http://forumfiles.ru/files/0013/cc/cb/51092.png);
    height: 110px;
    width: 279px;
    font-size: 0 !important;
    margin-left: 255px;
    border-radius: 70px;
    opacity: .9;
  }

#pun-category5.category h2 {
    background: url(http://forumfiles.ru/files/0013/cc/cb/86151.png);
    height: 110px;
    width: 279px;
    font-size: 0 !important;
    margin-left: 255px;
    border-radius: 70px;
    opacity: .9;
  }

#pun-category6.category h2 {
    background: url(http://forumfiles.ru/files/0013/cc/cb/26548.png);
    height: 110px;
    width: 279px;
    font-size: 0 !important;
    margin-left: 255px;
    border-radius: 70px;
    opacity: .9;
  }

#pun-category7.category h2 {
    background: url(http://forumfiles.ru/files/0013/cc/cb/58822.png);
    height: 110px;
    width: 279px;
    font-size: 0 !important;
    margin-left: 255px;
    border-radius: 70px;
    opacity: .9;
  }

#pun-stats.section h2 {
    background: url(http://forumfiles.ru/files/0013/cc/cb/21889.png);
    height: 110px;
    width: 279px;
    font-size: 0 !important;
    margin-left: 255px;
    border-radius: 70px;
    opacity: .9;
  }

#pun-stats ul.container {
    background-image: url(http://forumfiles.ru/files/0013/cc/cb/48831.png);
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-origin: padding-box;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-size: auto;
    padding-left: 100px;
  }



/* Фон подфорума */
#pun-index td div.tclcon { 
    min-height: 50px;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 0 40px 0px rgba(74, 74, 74, 0.08), inset 20px 0px 20px rgba(0, 0, 0, 0.03);
    border-radius: 15px;
    padding: 10px;
    color: #000;
    text-align: justify;
  }



/*1. Картинки навигации */
#pun-navlinks a {
    display: inline-block;
    border-radius: 10px;
    padding: 0px 2px 0px 0px;
    height : 28px; 
    font-size:0px;
     transition-duration: 0.5s;
  }
#pun-navlinks a:hover {
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.47);
    opacity: 0.7;
     transition-duration: 0.5s;
  }
#navindex a {
    background: url(http://forumfiles.ru/files/0013/cc/cb/40830.png) no-repeat top center;
    width: 66px;
  }
#navuserlist a {
    background: url(http://forumfiles.ru/files/0013/cc/cb/53775.png) no-repeat top center;
    width: 56px;
  }
#navsearch a {
    background: url(http://forumfiles.ru/files/0013/cc/cb/95235.png) no-repeat top center;
    width: 71px;
  }
#navprofile a {
    background: url(http://forumfiles.ru/files/0013/cc/cb/80530.png) no-repeat top center;
    width: 73px;
  }
#navpm a {
    background: url(http://forumfiles.ru/files/0013/cc/cb/15065.png) no-repeat top center;
    width: 47px;
  }
#navadmin a {
    background: url(http://forumfiles.ru/files/0013/cc/cb/75010.png) no-repeat top center;
    width: 68px;
  }
#navlogout a {
    background: url(http://forumfiles.ru/files/0013/cc/cb/68120.png) no-repeat top center;
    width: 45px;
  }
#navlogin a {
    background: url(http://forumfiles.ru/files/0013/cc/cb/50414.png) no-repeat top center;
    width: 60px;
  }
#navregister  a {
    background: url(http://forumfiles.ru/files/0013/cc/cb/26045.png) no-repeat top center;
    width: 49px;
  }



/* Цвета ссылок */
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    color: #531e17;
    text-decoration: none;
      transition-duration: 0.5s;
  }
.punbb a:focus, .punbb a:active, .punbb a:hover, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
    color: #000;
    text-decoration: none;
     transition-duration: 0.5s;
  }



body #post .fs-box.hashelp .container {
    background: rgba(93, 93, 93, 0.54)!important;
    background-repeat: repeat!important;
    z-index: 100!important;
    padding: .7em!important;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.12);
  }
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area{
position: absolute;
    right: 6px;
    top: 43px;
  }
#imageupload-left input[type=button] {
    width: auto!important;
  }


#poll-special .poll2 td h1 {
    background: #111419!important;
    padding: 1px;
    border: none 0 transparent!important;
    border-bottom: none 0 transparent!important;
  }

/*убираем свечение в хроме*/
input, textarea {
    outline: none;
  }  
input:active, textarea:active {
    outline: none;
  } 
:focus {
    outline: none;
  }

.intd .tclcon .modlist {
    display: none;
  }

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner{
    background-color: rgba(243, 243, 243, 0.73);
    border-radius: 15px;
    padding: 1em;
  }

.adformal h2, #pun-adnav h2 {
    padding: 0.5em 1em!important;
    border-style: none!important;
    border-width: 0px!important;
    background-color: #eeeeee!important;
    color: #000!important;
  }

img.post-img-Sp {
    padding-top: 2px!important;
    margin-left: 0px!important;
    padding: 0 3px!important;
  }

.lastedit {
    display: none!important;
  }

li#navawards {
    display: none!important;
  }

HTML низ
Код:
<!-- Пиар-вход v.2 -->
<script src="http://forumfiles.ru/files/0015/c4/3f/26781.js"></script>
<script type="text/javascript">
PR.nick = 'логин'; //Ник PR-аккаунта
PR.pass = 'пароль'; //Пароль PR-аккаунта
PR.btn_text = 'http://forumfiles.ru/files/0013/cc/cb/35319.png'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>
<!--Конец скрипта-->


<!--Кнопки вверх вниз-->
<div style="position:fixed; z-index:9999; margin-left: 950px; bottom: 30%;">
<a href=#top onClick="$('html,body').scrollTop(0); return false;">
<img src="http://forumfiles.ru/files/0013/cc/cb/92989.png" alt="Вверх"/>
</a> <br><br>
<a href="#bottom" onclick="$('html,body').scrollTop(document.body.scrollHeight); return false;">
<img style="margin-top: -15px;" src="http://forumfiles.ru/files/0013/cc/cb/98871.png" alt="Вниз"/>
</a></div>
Объявление
Код:
<div id="tabliza" style="margin-left: -25px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a ante velit. Morbi facilisis eget enim eu malesuada. Pellentesque laoreet ullamcorper sollicitudin. Morbi nec eros quis est mattis rutrum. Nulla facilisi. Nullam est lacus, viverra scelerisque mauris ut, lacinia pulvinar nunc. Nullam maximus semper arcu sit amet ornare. 
</div>
<div id="tabliza" style="    margin-left: 241px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a ante velit. Morbi facilisis eget enim eu malesuada. Pellentesque laoreet ullamcorper sollicitudin. Morbi nec eros quis est mattis rutrum. Nulla facilisi. Nullam est lacus, viverra scelerisque mauris ut, lacinia pulvinar nunc. Nullam maximus semper arcu sit amet ornare. 
</div>
<div id="tabliza" style="margin-left: 508px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a ante velit. Morbi facilisis eget enim eu malesuada. Pellentesque laoreet ullamcorper sollicitudin. Morbi nec eros quis est mattis rutrum. Nulla facilisi. Nullam est lacus, viverra scelerisque mauris ut, lacinia pulvinar nunc. Nullam maximus semper arcu sit amet ornare. Pellentesque erat ipsum, hendrerit eget metus quis, congue pulvinar mi.
Morbi ultricies urna eu metus volutpat, sed pretium diam luctus. In eros lorem, auctor vel sapien quis, fermentum sagittis ipsum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris vulputate magna vitae mi fermentum ullamcorper. Sed id tortor vitae erat convallis elementum quis id felis. Donec accumsan urna purus, ac vestibulum neque volutpat vitae. Aliquam dictum porttitor tortor ut fermentum. Proin dignissim, enim id eleifend luctus, ipsum ante egestas justo, tempus suscipit lorem sapien et tellus. Suspendisse dapibus felis tortor, eu suscipit nunc viverra a. In porttitor id enim ut cursus. Morbi eget tincidunt nibh, a dictum ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam imperdiet finibus ipsum. Integer vehicula dui tellus, nec aliquam est convallis a. Integer ante ante, facilisis vel egestas sit amet, placerat vitae velit.
</div>
<style>
#tabliza {
    position: absolute;
    width: 250px; 
    height: 105px;
    margin-top: -210px;
    padding: 0 10px;
    color: #8e8e8e;
    font-size: 10px;
    text-shadow: #000000 1px 1px 0px;
    overflow-y: auto;
    text-align: justify;
  }
#tabliza::-webkit-scrollbar-thumb  {
    background: #000;
  }
#tabliza::-webkit-scrollbar-track  {
    background: #fff;
  }
</style>

+5

4

https://i.imgur.com/QmczCpHl.jpg
Элементы дизайна не растаскивайте, дополняйте чем хотите.
Не забудьте вставить нужные логин и пароль для кнопки пиара.
Дизайн продавать запрещено!
http://iamyourpathos36.mybb.ru/


Структура style.css
Код:
/***************************************
A - SETUP
***************************************/


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

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

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

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

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

/* A3.2 */
.punbb {
    font: normal 70.75%  verdana, geneva, lucida, 'lucida grande', 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;
  }

.punbb th   {
    font-size: 0.9em;
    font-weight: bold;
  }

.punbb h4, .punbb table {
    font-size: 1.0em;
    font-weight: normal;
  }


#pun-main .code-box, #pun-main textarea, #pun-main .quote-box {
    color: #000000;
    font-size: 11px;
  }

#html-footer .container {
    font-size: 11px;
  }

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

body {
   font-size: 95%;
 }

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


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

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

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

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

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


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

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

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


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

/* A5.1 */
#pun {
    width: 971px;
    margin-left: 0px;
    margin: auto;
    position: relative;
  }

/* A5.2 */
.punbb {
    width: 855px;
    margin-left: 55px;
    float: none;
    height: auto;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
    float: none;
    background-position: center;
    text-align: left;
    height: 105px;
    width: 400px;
    margin-top: 200px;
    margin-left: 300px;
    padding-bottom:17px;
    text-align: center;
    background-color: #c3b599;
  }

#pun-redirect .main-title {
    margin-top:30px;
    font-size: 1.0em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: bold;
    color: #000; 
    padding-top:25px;
  } 

#pun-redirect.punbb .info .container {
    letter-spacing: 0px;
    font-size: 1.0em;
    color: #000; 
  } 

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

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

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

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

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

/* B1.2 */
.punbb .post-sig dt {
    display: block;
    border-top: none;
  }

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

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

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

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

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 0.4em 1.0em 1.4em 1.0em;
    padding: 0.5em;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 2px;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    margin: 7px 0 10px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
  }

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

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

/* 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: 0px;
    margin: 1em 0 0 0;
    text-align: center;
  }

/* 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: 50%;
    margin-right: 30px;

  }


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

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

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

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    margin-bottom: 5px;
  }


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

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

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

/* C2.12 */
.punbb .main th {
    padding: 4px 1em 5px 1em;
    border-bottom: 2px solid transparent;
    border-left: 1px solid transparent;
  }

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

* html .tclcon {
    height: 0px;
  }

/* C2.14 */
.punbb td div.tclcon {
}

/* C2.15 */
#pun-viewforum div.tclcon {
    padding-top: 0px;
  }

#pun-index table Div.icon {
    background-image: url(http://forumfiles.ru/files/0017/2f/78/21686.png);
    float: left;
    position: relative;
    display: block;
    width:18px;
    height: 18px;
    margin-left: 12px;
    margin-right: 10px;
    margin-top: 9px;
    opacity: 0.5;
  }

#pun-index TR.inew Div.icon {
    background-image: url(http://forumfiles.ru/files/0017/2f/78/21686.png);
    background-repeat: no-repeat;
    width:18px;
    height: 18px;
    opacity:1.0;
  }


#pun-viewforum .tclcon, #pun-messages .tclcon {
    margin-left: -50px;
  }

#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    background-image: url(http://forumfiles.ru/files/0017/2f/78/21686.png);
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    position: relative;
    float: left;
    width:18px;
    height: 18px;
    padding-right: 10px;
    margin-top: -2px!important;
    opacity: 0.5;
  }

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
 background-image: url(http://forumfiles.ru/files/0017/2f/78/21686.png);
    background-repeat: no-repeat;
    width:18px;
    height: 18px;
    opacity:1.0;
  }

#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
 background-image: url(http://forumfiles.ru/files/0017/2f/78/21686.png);
    background-repeat: no-repeat;
    width:18px;
    height: 18px;
    opacity:1.0;
  }

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
 background-image: url(http://forumfiles.ru/files/0017/2f/78/21686.png);
    background-repeat: no-repeat;
    width:18px;
    height: 18px;
    opacity:0.7;
  }



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

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

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

/* C3.3 */
.punbb .post h3 span {
    padding: 1.6em 0 1.6em 250px;
    width: 618px;
    display: block;
  }

/* 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: 221px!important;
    margin-top: 0px;
    margin-bottom: 21px;
    padding-right: 0em;
    overflow: hidden;
    text-transform: lowercase;
  }


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

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


/* C3.8 */
.pa-author a {
    text-decoration: none;
    display: inline-block;
    max-width: 180px;
  }

/* C3.9 */
li.pa-title {
    font-size: 0.9em;
    text-transform: lowercase;
    margin-top: 3px;
    margin-bottom: 3px;
  }


.pa-posts, .pa-respect {
    text-align: center;
    border: none;
    display: inline-block;
    width: 77px;
    margin-bottom: 3px;
  }


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


li.pa-awards {
    margin-top: -20px;
 }

span.mini_awards_label {
    display: none !important;
  }

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

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

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

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

/* C3.15 */
.punbb .post-links ul {
    padding: 0 0em 0 2.7em;
    line-height: 1.7em;
    margin-left: -18em;
    margin-right: 1em;
    border-top-style: none;
    border-top-width: 1px;
    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: 18em;
    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: 233px;
    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 table {
    border: none;
    margin-left: -68px;
    width: 995px;
    height: 379px;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(http://forumfiles.ru/files/0017/2f/78/13845.png);
    background-repeat: no-repeat;
  }

#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: 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 {
    border: none;
    margin: -335px 0 290px 0;
    height: 20px;
  }

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

/* D3.2 */
#pun-navlinks .container {
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700;
  }

#pun-navlinks .container a {
    color: #fff;
  }


/* D.3 */
#pun-navlinks li {
    display: inline;
    line-height: 270%;
  }


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

/* D4.1 */
#pun-ulinks  {
    margin-bottom: 10px;
    border: none;
  }

/* D4.2 */
#pun-ulinks .container {
    font-size: 9px;
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 0.03em;
  }

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


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

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

/* D5.2 */
#pun-status .container {
    padding: 0.8em 1em 1em 1em;
  }

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

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

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

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

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

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

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

/* D6.3 */
#pun-announcement .container {
    padding: 0px;
  }

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

/* 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 mono", "courier new", courier, monospace;
  }

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

#pun th {
  font-size: 0px;
  }
Цвета style_cs.css
Код:
html, body {min-width:1150px!important;} /*Правка для мобильных Устройств с мелким Экраном*/

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

html, body {
    background-image: url(http://forumfiles.ru/files/0017/2f/78/22691.png);
    background-color : #0c0803;
  }

#pun {
    background-image: url(http://forumfiles.ru/files/0017/2f/78/74170.png);
    background-color: #c3b599;
    background-color: transparent;
  }

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

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    border-color:transparent;
    color: #000000;
    font-weight: normal;
    font-style: normal;

  }

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

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

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


/* CS1.8 */
#pun-navlinks .container {
    border-color: transparent;
  }

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



.punbb textarea {
    background-image: url(http://forumfiles.ru/files/0017/2f/78/57795.png);
    border: 1px solid rgba(172, 153, 122, 0.66);
    box-shadow: inset 0px 2px 2px rgba(90, 48, 13, 0.4), inset 0 5px 50px rgba(101, 77, 46, 0.5);
    border-radius: 15px;
    padding: 10px;
  }
#main-reply {
    width: 97%!important;
  }

 .punbb input {
    background-image: url(http://forumfiles.ru/files/0017/2f/78/57795.png);
    border: 1px solid rgba(172, 153, 122, 0.66);
    box-shadow: inset 0px 2px 2px rgba(90, 48, 13, 0.4), inset 0 5px 50px rgba(101, 77, 46, 0.5);
    border-radius: 15px;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 9px!important;
    letter-spacing: 1px;
     transition-duration: 0.5s;
  }
 .punbb input:hover {
    box-shadow: inset 0px 2px 2px rgba(90, 48, 13, 0.4), inset 0 5px 50px rgba(101, 77, 46, 0.08);
     transition-duration: 0.5s;
  }


.punbb select  { 
    background-image: url(http://forumfiles.ru/files/0017/2f/78/57795.png);
    border: 1px solid rgba(158, 132, 100, 0.69);
    box-shadow: inset 0px 2px 2px rgba(90, 48, 13, 0.4), inset 0 5px 50px rgba(101, 77, 46, 0.5);
    border-radius: 15px;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 9px!important;
    letter-spacing: 1px;
  }
#pun-main .code-box {
    font-size:12px!important;
  }

#pun-main .code-box,
#pun-main .quote-box {
    background-image: url(http://forumfiles.ru/files/0017/2f/78/57795.png);
    box-shadow: inset 0px 2px 2px rgba(90, 48, 13, 0.4), inset 0 5px 50px rgba(101, 77, 46, 0.5), 3px 0 0 rgba(72, 28, 0, 0.4), -3px 0 0 rgba(72, 28, 0, 0.4);
    border-radius: 15px;
    padding: 10px;
  }


/* 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 */
.punbb .quote-box, .punbb .code-box {
    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-color:transparent;
  }

.punbb .post-sig dt {
    width: 250px;
    height: 1px;
    background: rgba(96, 46, 0, 0.11);
    margin: 10px 0px 10px 180px;
  }



/* 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 {
    border-bottom: 0px none #000;
    text-decoration: none;
  }

/* 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 {
    border-bottom: 0px none #3f3f3f;
    text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
    border-bottom: 0px none #000;
    text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    font-weight: normal;
    font-style: normal;
    border-bottom: 0px none #000;
    text-decoration: none;
  }



/* CS4 Фон всем категориям и разделение между сообщениями. + Сдвиг рекламы.
 -------------------------------------------------------------*/

#pun  .section {
    border-style: none;
    width: 855px;
 }

#pun  .tc2, #pun-main .post-author ul  {
    text-align: center;
 }

.punbb .post div.container {
    background: url() no-repeat scroll center bottom transparent;
  }


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



/* CS6 Логотип снизу
 -------------------------------------------------------------*/

#pun-about p.container {
    background-image: url(http://forumfiles.ru/files/0017/2f/78/73740.png);
    margin-left: -82px;
    background-position: center top;
    background-repeat: no-repeat;
    height : 133px;
    width: 991px;
    overflow-x: hidden;
  }

div#html-footer {
  }

div#pun-about {
    margin-bottom: -22px;
  }

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



/* CS7 Остальные коды для оформления форума
 -------------------------------------------------------------*/



/* CS4 Картинки категорий */
.punbb .category h2, #pun-stats h2, #pun-main #post-form h2, #pun-debug h2 {
    background: url(http://funkyimg.com/i/26ph4.png) no-repeat top center;
    height: 146px;
    width: 903px;
    margin-left: -24px;
    font-size:0 !important;
  }

.punbb .post h3 {
    border-style: solid solid none solid;
    border-width: 1px;
    background: url(http://funkyimg.com/i/26ph4.png) no-repeat top center;
    height: 146px;
    width: 903px;
    margin-top: -18px;
    margin-left: -25px;
    margin-bottom: -100px;
    padding: 120px 0 0 0;
  }



/* Фон подфорума */
#pun-index td div.tclcon { 
    min-height: 50px;
    padding: 10px;
    color: #000;
    text-align: justify;
  }



/*1. Картинки навигации */
#pun-navlinks a {
    display: inline-block;
    height : 16px; 
    font-size:0px;
     transition-duration: 0.5s;
  }
#pun-navlinks a:hover {
    opacity: 0.6;
     transition-duration: 0.5s;
  }
#navindex a {
    background: url(http://forumfiles.ru/files/0017/2f/78/12823.png) no-repeat top center;
    width: 50px;
  }
#navuserlist a {
    background: url(http://forumfiles.ru/files/0017/2f/78/40626.png) no-repeat top center;
    width: 45px;
  }
#navsearch a {
    background: url(http://forumfiles.ru/files/0017/2f/78/37935.png) no-repeat top center;
    width: 57px;
  }
#navprofile a {
    background: url(http://forumfiles.ru/files/0017/2f/78/52430.png) no-repeat top center;
    width: 61px;
  }
#navpm a {
    background: url(http://forumfiles.ru/files/0017/2f/78/29400.png) no-repeat top center;
    width: 41px;
  }
#navadmin a {
    background: url(http://forumfiles.ru/files/0017/2f/78/19530.png) no-repeat top center;
    width: 50px;
  }
#navlogout a {
    background: url(http://forumfiles.ru/files/0017/2f/78/42080.png) no-repeat top center;
    width: 39px;
  }
#navlogin a {
    background: url(http://forumfiles.ru/files/0017/2f/78/56453.png) no-repeat top center;
    width: 48px;
  }
#navregister  a {
    background: url(http://forumfiles.ru/files/0017/2f/78/82029.png) no-repeat top center;
    width: 56px;
  }



/* Цвета ссылок */
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    color: #412d1d;
    text-decoration: none;
      transition-duration: 0.5s;
  }
.punbb a:focus, .punbb a:active, .punbb a:hover, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
    color: #7d512e;
    text-decoration: none;
     transition-duration: 0.5s;
  }



body #post .fs-box.hashelp .container {
    background: rgba(126, 84, 50, 0.55)!important;
    background-repeat: repeat!important;
    z-index: 100!important;
    padding: .7em!important;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.12);
  }
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area{
position: absolute;
    right: 6px;
    top: 43px;
  }
#imageupload-left input[type=button] {
    width: auto!important;
  }


#poll-special .poll2 td h1 {
    background: #111419!important;
    padding: 1px;
    border: none 0 transparent!important;
    border-bottom: none 0 transparent!important;
  }

/*убираем свечение в хроме*/
input, textarea {
    outline: none;
  }  
input:active, textarea:active {
    outline: none;
  } 
:focus {
    outline: none;
  }

.intd .tclcon .modlist {
    display: none;
  }

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner{
    background-color: rgba(205, 194, 175, 0.73);
    border-radius: 15px;
    padding: 1em;
  }

.adformal h2, #pun-adnav h2 {
    padding: 0.5em 1em!important;
    border-style: none!important;
    border-width: 0px!important;
    background-color: #eeeeee!important;
    color: #000!important;
  }

img.post-img-Sp {
    padding-top: 2px!important;
    margin-left: 0px!important;
    padding: 0 3px!important;
  }

.lastedit {
    display: none!important;
  }

li#navawards {
    display: none!important;
  }

/* K8.1 ползунок */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
::-webkit-scrollbar-track {
    background-color: #090909;
    background-color: transparent;
  }
::-webkit-scrollbar-thumb {
    background-color: #c5b89d;
    box-shadow: inset 0 0 0 2px #0c0904;
  }

#pun-messages .post h3 {
    display: none;
}
HTML низ
Код:
<!-- Пиар-вход v.2 -->
<script src="http://forumfiles.ru/files/0015/c4/3f/26781.js"></script>
<script type="text/javascript">
PR.nick = 'логин'; //Ник PR-аккаунта
PR.pass = 'пароль'; //Пароль PR-аккаунта
PR.btn_text = 'http://forumfiles.ru/files/0017/2f/78/90163.png'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>
<!--Конец скрипта-->


<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="http://forumfiles.ru/files/0017/2f/78/20005.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="http://forumfiles.ru/files/0017/2f/78/12026.png" border="0" /></div>
<style>
.go-up,.go-down {
    display:none;
    position:fixed;
    z-index:9999;
    cursor:pointer;
    bottom:30%;
    margin-left: 980px;
    opacity:0.8;
  }
.go-down:hover,.go-up:hover {
    opacity:1;
  }
.go-up {
    margin-bottom: 30px;
    width:32px;
    height:24px;
  }
.go-down {
    margin-bottom: 0px;
    width:32px;
    height:24px;
  }
</style>

<!--кнопки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>
Объявление
Код:
<div id="tabliza">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br> Nullam sollicitudin massa ex, vel dignissim nibh tincidunt non. <br> Nam vitae justo pretium, aliquam nibh feugiat, condimentum dui. Proin ac augue porttitor, vulputate est a, consectetur dolor. Fusce congue lacus dui. Vestibulum vulputate sem lectus, vel pulvinar risus consequat eu. Maecenas mattis dui in interdum congue. Nam semper tempor nulla vitae interdum. Pellentesque eget pretium nulla, et accumsan urna. Ut auctor sed velit vel tincidunt. In ac ante magna. Nulla elit eros, semper sit amet augue ac, pretium blandit sapien. Aliquam et neque suscipit, cursus lectus id, interdum sem. Maecenas mattis dui in interdum congue. Nam semper tempor nulla vitae interdum. Pellentesque eget pretium nulla, et accumsan urna. Ut auctor sed velit vel tincidunt. In ac ante magna. Nulla elit eros, semper sit amet augue ac, pretium blandit sapien. Aliquam et neque suscipit, cursus lectus id, interdum sem. Nam vitae justo pretium, aliquam nibh feugiat, condimentum dui. <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
<style>
#tabliza {
    position: absolute;
    width: 470px;
    height: 150px;
    overflow: hidden;
    margin-left: 200px;
    margin-top: -185px;
    color: #706049;
    font-size: 9px;
    letter-spacing: 0.05em;
    line-height: 130%;
    text-shadow: #000000 1px 1px 0px;
    text-align: center;
  }
</style>

Отредактировано your grace (19.02.2019 17:51:24)

+8

5

http://forumfiles.ru/files/0019/b2/76/94016.png
*смотреть на тестовике

отдаю бесплатно: делался в стол, просто чтобы попробовать себя в чем-то новом. часть элементов для дизайна взята на deviantart (указано в футере), на 100%ное графическое авторство не претендую. основа стиля взята у фондю. довольно простенький, как в установке, так и в использовании: все, что меняется, пригодится вам в ходе администрирования - а все оно находится в настройках, - подпсано. от вас - только заменить ссылки.
есть: тело, шапка, футер, быстрая навигация, место для админов в шапке, иконки нужных и активистов в таблице, если ее можно так назвать, различные кнопки-ссылки, разбросанные там же, кнопки вниз-вверх и новых-старых-тд, простенькое кодовое оформление подфорума, категорий и профиля, место под баннеры.

важно: я советую не лазать в стиль, особенно если вы плохо разбираетесь в кодах. верстка не моя, затирать и чистить ее я не стала, восстанавливать ваш форум, если у вас что-то полетит, я не буду. я оставляю ниже псд, элементарных навыков хватит, чтобы настроить форум под себя.
условия: не убирать копирайты из футера, не растаскивать дизайн на части (это касается и конкретно этой сборки стиля), не использовать мои псд в других дизайнах, не вносить существенные изменения (не делать на основе этого дизайна - свой). пользуйтесь на здоровье :з

Структура style.css
Код:
/*************************************************************
A - SETUP
**************************************************************/

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
    font-size: 9px;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #2a333a;
}

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

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

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

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

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

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


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

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

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }
/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
/* ширина форума проставляется здесь */
#pun {
  margin: auto;
  width: 1005px;
  position: relative;


  }

/* A5.2 */
.punbb {
    height: auto;
    width: 95%;
    margin-left: 31px;
}

/* A5.3 */
#pun-redirect{
padding: 14px;
margin-top: 190px;
margin-left: 200px
}

#pun-redirect *{
  border:0 none;
}

#pun-redirect .main-title {
display: none;  
}

#pun-redirect.punbb .info .container{
    text-transform: uppercase;
    color: #565656;
    border-radius: 2px;
  display:inline-block;
  left:0;right:0;
  top:0;bottom:0;
  width:500px;
height: 52px;
margin: 10% auto;
text-align: center;
padding: 40px;
    background-color: #dfe3e4;
    border: 1px solid #8b9fa9;
    box-shadow: inset 0 0 30px #a2b3bb;
}

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-style: none;
  border-width: 1px;
  }

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

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

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

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

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


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

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

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

/* B3.3 */
.linkst .pagelink {
    position: absolute;
    top: -4em;
    left: 1em;
    width: 24em;
    font-size: 9px;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #2a333a;
}

/* B3.4 */
.linkst .postlink {
    position: absolute;
    top: -4em;
    right: 1em;
    width: 16em;
    text-align: right;
    font-weight: bold;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #2a333a;
    font-size: 10px;
}

/* B3.5 */
.punbb .linksb {
text-align: right;
    padding: 0.4em 1em 0.5em 1em;
    font-size: 10px;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #2a333a;
}
/* B3.6 */
.linksb .pagelink {
    float: left;
    width: 24em;
    text-align: left;
    font-size: 9px;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #2a333a;
}
/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;

  }


/* C1.17 */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

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


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

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

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
    background-color: transparent;
    text-align: center;
    width: 10%;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #2a333a;
    font-size: 8px;
}
/* C2.3 */
.punbb .main .tcr {
    background-color: transparent;
    overflow: hidden;
    text-align: left;
    width: 30%;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #2a333a;
    font-size: 8px;
}

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

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
    font-weight: bold;
    text-align: center;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-family: arial;
    letter-spacing: 4px;
    font-size: 11px;
}

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

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

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

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

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

    * html .tclcon {height: 1px}

    /* C2.14 */
    .punbb td div.tclcon {
    margin-left: 50px;
    font-size: 10px;
}

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

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



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

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

  }

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

  }

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

  }

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

  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {

  }

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

  }

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

  }

.punbb .divider {
  border-color: transparent;

  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent ;

  }

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

  }

.pa-posts {
    display: inline-block;
    text-align: center;
    width: 69px;
    line-height: 14px;
    text-shadow: 1px 0 #ffffff4a;
    margin-top: 5px!important;
    height: 36px;
    padding-top: 9px!important;
    padding-left: 4px!important;
    padding-right: 6px!important;
    margin-left: -4px!important;
    font-size: 7px;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #2d5277;
}

.pa-respect {
    display: inline-block;
    margin-left: 1px !important;
    text-align: center;
    width: 55px;
    line-height: 14px;
    text-shadow: 1px 0 #ffffff4a;
    margin-top: 5px!important;
    height: 36px;
    padding-top: 9px!important;
    padding-left: 4px!important;
    padding-right: 2px!important;
    margin-bottom: 3px!important;
    font-size: 7px;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #2d5277;
}
.pa-positive {     display: inline-block;
    margin-left: 1px !important;
    text-align: center;
    width: 58px;
    line-height: 14px;
    text-shadow: 1px 0 #ffffff4a;
    margin-top: 5px!important;
    height: 36px;
    color: white;
    padding-top: 9px!important;
    padding-left: 4px!important;
    padding-right: 2px!important;
    font-size: 10px;
    margin-bottom: 35px!important;
}




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

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

/* C3.3 */
.punbb .post h3 span {
    padding: 0.5em 1em;
    display: block;
    border-left-style: solid;
    border-left-width: 1px;
    font-size: 9px;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #2a333a;
    margin-left: 203px;
}

/* 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;
    color: #383838;
    border-radius: 0px!important;
    background-color: #bdccd4;
    border: 1px solid #97adb9!important;
    box-shadow: inset 0 0 30px #8fa5b1;
    padding-top: 12px;
}
/* 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 {
    font-size: 9px;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #2a333a;
}

/* C3.9 */
li.pa-title {
    padding-bottom: 0.4em;
    font-weight: bold;
    font-size: 7px;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #2a333a;
}

.punbb .pa-avatar img {    border: 1px solid white!important;
    box-shadow: 0 0 2px #2a4d6c!important;}
li.pa-online {
    line-height: 0.8em;
    border-left-style: solid;
    border-left-width: 0.7em;
    padding-left: 0.4em;
    margin-top: 0.7em;
    font-size: 7px;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #2a333a;
}

.pa-ip {
    font-size: 8px;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #2a333a;
}

/* 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;
    text-align: justify;
    padding-right: 3em;
}

/*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 {
height: 2em;
    line-height: 2em;
    margin-left: -24em;
    border-top-style: dashed;
    border-top-width: 1px;
    background: transparent;
    text-align: right;
    border-bottom: none;
    padding: 0.8em 1em;
    font-size: 7px;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #2a333a;
    margin-top: 15px;
    padding-right: 20px!important;
}

/* C3.16 */


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

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

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


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

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

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

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

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


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

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

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


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

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

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

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

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

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

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

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

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

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


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

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

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

/* C7.3 */
#pun-userlist .usertable table {
  border-style: 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: 1px 1px 0 1px;
  }

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

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

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

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

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


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

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

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

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

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

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

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




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

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
    border-style: none;
    border-width: 0;
    margin-top: -67px;
    text-transform: uppercase;
    font-size: 9px;
    font-family: arial;
    font-weight: bold;
    letter-spacing: 3px;
    width: 1005px;
    margin-left: -285px;
}

/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
  }

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

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

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

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

/* 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-top: -223px;
    text-transform: lowercase;
    font-size: 11px;
    color: #495561;
    font-family: arial;
    text-align: left;
    width: 248px;
    margin-left: 11px;
    line-height: 190%;
    font-weight: normal;
}

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }

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

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

/* D5.5 */
#pun-crumbs1 p.container {
    border-top: none;
    padding: 12em 1em 0.8em 1em;
    font-size: 10px;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #2a333a;
    margin-top: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* D8.5 */
#pun-about p span {
    display: block;
    font-size: 9px;
    padding-right: 339px;
    margin-top: 8px;
}

/* 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: 10px;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #2a333a;
    margin-top: 15px;
}

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

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


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

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

/* D9.2 */

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

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

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

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

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

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

div#pun-live-rusff {
    display: none!important;
}

#main-reply {
    width: 97%!important;
}

.resizable-textarea textarea {
    display: block;
    margin-bottom: 0pt;
    padding: 15px!important;
}
Цвета style_cs.css
Код:
/* CS1 Фон и цвет текста*/

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

/* CS1.2 Боди или фон форума */
body {
    background: url(style_cs.1518601028.css) repeat-x top center, url(http://forumfiles.ru/files/0019/b2/76/85642.png) no-repeat fixed;    background-color: #131518;    overflow-x: hidden;}

/* CS1.3 Шапка */
#pun-title table {
    background-image: url(http://forumfiles.ru/files/0019/b2/76/42240.png);
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    height: 470px;
    width: 2000px;
    margin-left: -518px;
}
/* CS1.4 Пан или "тело" форума */
#pun {background-color: none; background-image: url(http://forumfiles.ru/files/0019/b2/76/50917.png);}

/* CS1.5 Футер\копирай\низ */
#pun-about p.container {
    background: transparent url(http://forumfiles.ru/files/0019/b2/76/17695.png) bottom center no-repeat;
    width: 1110px;
    margin-bottom: -42px;
    margin-left: -79px;
    height: 166px;
    background-position: 0 50%;
    margin-top: -8px;
}


/* CS1.6 Ссылки верхней навигации*/
#pun-navlinks .container { 
text-align: center; 
position: absolute;
background-color: transpanent; 
background-image: url();
z-index: 1000;
top: 400px;
left: 298px}

#pun-ulinks .container { 
    position: absolute;
    top: 359px;
    width: 1005px;
    text-transform: lowercase;
    margin-left: -32px;
}
.footer_link0 {     position: absolute;
    margin: -28px 670px!important;
    width: 249px;
    color: #567082;
    text-transform: uppercase;
    font-weight: bold;
    font-family: arial!important;
    font-size: 7px;
    letter-spacing: 5px;
    padding: 2px 2px 2px 20px;
    text-align: center;
}


.footer_link0 a {color: #94a2a9!important}
.footer_link0 a:hover {color: #6a7880!important}

.footer_link {    position: absolute;
    margin: -32px -5px!important;
    width: 249px;
    color: #567082;
    text-transform: uppercase;
    font-weight: bold;
    font-family: arial!important;
    font-size: 7px;
    letter-spacing: 5px;
    background-color: #0c0d0f;
    padding: 2px 2px 2px 20px;
    text-align: center;
}

.ff {
    font-size: 5px!important;
    margin-top: 4px!important;
}

.footer_link a {color: #94a2a9!important}
.footer_link a:hover {color: #6a7880!important}
.ams_link { position: absolute;
    margin: 104px 538px!important;
    width: 249px;
    color: #567082;
    text-transform: uppercase;
    font-weight: bold;
    font-family: arial!important;
    font-size: 7px;
    letter-spacing: 5px;
    background-color: #0c0d0f;
    padding: 2px 2px 2px 20px;
    z-index: 99999;
}

.ams_link a {color: #94a2a9!important}
.ams_link a:hover {color: #6a7880!important}
.partner {    position: absolute;
    margin-top: -87px!important;
    width: 965px;
    height: 32px;
    letter-spacing: 2px;
    filter: grayscale(70%);
    opacity: 0.5;
    overflow: auto;
    margin-left: -18px!important;
}

.partner:hover {
    opacity: 1!important;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}

.partner::-webkit-scrollbar {width: 2px; background: #808080; border: none!important}

.tab_link0 {    position: absolute;
    font-size: 10px;
    letter-spacing: 3px;
    font-family: arial;
    margin: 25px 824px!important;
    font-weight: bold;
}
.tab_link1 {    position: absolute;
    font-size: 9px;
    letter-spacing: 3px;
    font-family: arial;
    margin: 26px 881px!important;
    font-weight: bold;
    width: 90px;
    text-align: center;
}
.tab_link2 {    position: absolute;
    font-size: 9px;
    letter-spacing: 3px;
    font-family: arial;
    margin: 57px 881px!important;
    font-weight: bold;
    width: 90px;
    text-align: center;}
.tab_link3 {    position: absolute;
    font-size: 9px;
    letter-spacing: 2px;
    font-family: arial;
    margin: 147px 881px!important;
    font-weight: bold;
    width: 103px;
    text-align: center;
    text-transform: uppercase;
}
.tab_link4 {position: absolute;
    font-size: 10px;
    letter-spacing: 3px;
    font-family: arial;
    margin: 297px 437px!important;
    font-weight: bold;
}
.tab_link5 {    position: absolute;
    font-size: 9px;
    letter-spacing: 2px;
    font-family: arial;
    margin: 115px 879px!important;
    font-weight: bold;
    width: 90px;
    text-align: center;
    text-transform: uppercase;
}
.tab_link6 {    position: absolute;
    font-size: 9px;
    letter-spacing: 3px;
    font-family: arial;
    margin: 26px 708px!important;
    font-weight: bold;
    width: 62px;
    text-align: center;
    background-color: #0a0a0a;
    padding: 5px;
    border-radius: 5px;
}


.tab_link0 a{    text-shadow: 0 0 3px #003b58!important;}
.tab_link1 a{    color: #acbec7!important;    text-shadow: 0 0 3px #003b58!important;}
.tab_link2 a{    color: #acbec7!important;    text-shadow: 0 0 3px #003b58!important;}
.tab_link3 a{    color: #acbec7!important;    text-shadow: 0 0 3px #003b58!important;}
.tab_link4 a{    text-shadow: 0 0 3px #003b58!important;}
.tab_link5 a{    color: #acbec7!important;    text-shadow: 0 0 3px #003b58!important;}
.tab_link6 a{    color: #acbec7!important;    text-shadow: 0 0 3px #003b58!important;}


.tab_link1 a:hover{color: #667b86!important;}
.tab_link2 a:hover{color: #667b86!important;}
.tab_link3 a:hover{color: #667b86!important;}
.tab_link5 a:hover{color: #667b86!important;}
.tab_link6 a:hover{color: #667b86!important;}



/* CS2 Ссылки */

/* CS2.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    color: #2d5277;
    text-decoration: none;
}

/* CS2.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #4a6b8c; 
  text-decoration: none;}

/* CS2.3 */
#pun-navlinks a {
    color: #444444;
    text-shadow: 0 0 2px black;
}
/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #1f3141!important;
  text-decoration: none;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;}

#pun-ulinks a {
    text-transform: lowercase;
    color: #acbdc6;
    text-shadow: 1px 0 #284865;
    font-size: 9px!important;
    letter-spacing: 2px;
}

#pun-ulinks a:hover {
    color: #83959e!important;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;}

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

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-left: 5px;
margin-right: 5px;
width: 52px;
height: 52px;
background-image : url(http://forumfiles.ru/files/0019/b2/76/32477.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(http://forumfiles.ru/files/0019/b2/76/51075.png);
background-repeat: no-repeat;
width: 52px;
height: 52px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://forumfiles.ru/files/0019/b2/76/51075.png);
background-repeat: no-repeat;
width: 52px;
height: 52px;
filter: grayscale(100%);}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://forumfiles.ru/files/0019/b2/76/32477.png);
background-repeat: no-repeat;
width: 52px;
height: 52px;
filter: grayscale(100%);
opacity: 0.5;}

/* CS4 Картинки категорий */
#pun-category1.category h2 {
    height: 10px;
    width: 927px;
    background-color: transparent;
    font-size: 0px;
    text-align: center;
    border-bottom: 2px dotted #2846644d;
    padding-bottom: 5px;
    margin-bottom: 30px;
    color: #19242d;
    padding-left: 16px;
}
/* CS5 Прочие элементы */

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

/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
    height: 10px;
    width: 927px;
    background-color: transparent;
    font-size: 0px;
    text-align: center;
    border-bottom: 2px dotted #2846644d;
    padding-bottom: 5px;
    margin-bottom: 30px;
    color: #19242d;
    padding-left: 16px;
}

/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
    color: #383838;
    border-radius: 0px!important;
    background-color: #dfe3e4;
    border: 1px solid #8ba7b5!important;
    box-shadow: inset 0 0 30px #a2b3bb;
    border-bottom: 2px dotted white;
}

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

.punbb input {    border-radius: 0px!important;
    background-color: #dfe3e4;
    border: 1px solid #8b9fa9;
    box-shadow: inset 0 0 30px #a2b3bb;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea {
    border-radius: 0px!important;
    background-color: #dfe3e4;
    border: 1px solid #8b9fa9;
    box-shadow: inset 0 0 30px #a2b3bb;
}

input.button, #post fieldset .hashelp div input, .button, #pun-admain input{
    cursor: pointer!important;
    font-family: arial!important;
    color: #e4e8f0;
    background-color: #263848;
    border: 1px solid #98afb9;
    box-shadow: inset 0 0 6px #9da9bf;
    text-transform: uppercase;
    font-size: 9px!important;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 6px;
}

/* CS5.5 Двигаем верхний баннер */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: 50px; 
top: -192px}

/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {    text-align: center;    font-family: arial;    text-transform: uppercase;    letter-spacing: 2px;
    color: #2a333a;    font-size: 8px;}
#pun-crumbs1 .container { text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}


::selection {
    background: rgb(103, 103, 103);
    color: #ffffff;
    text-shadow: none!important;
}

::-webkit-scrollbar-track {
    background-color: #161616;
    border: 1px solid #252525;
    box-shadow: inset 0 0 2px #ffffff;
}
::-webkit-scrollbar-thumb {
    background-color: #1c5284;
    border: 1px solid #274663;
    box-shadow: inset 0 0 3px #000000;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.status_userava>img {
    width: 38px!important;
    height: 38px!important;
    filter: grayscale(60%)!important;
    margin: 8px 5px -8px -40px!important;
    margin-bottom: -24px!important;
    margin-left: -52px!important;
    border: 2px solid #0f1824!important;
}
HTML-верх
Код:
<!---------------------------- нужные ---------------------------->

<!----1 ---->
<div style="position: absolute;margin-top: 279px;margin-left: 38px;">
<a href=" ссылка " original-title="имя"><img src="http://forumfiles.ru/files/0019/b2/76/67413.png" original-title=""></a>  <br></div>

<!---- 2 ---->
<div style="position: absolute;margin-top: 279px;margin-left: 90px;">
<a href=" ссылка " original-title=" имя "><img src="http://forumfiles.ru/files/0019/b2/76/67413.png" original-title=""></a>  <br></div>

<!---- 3 ---->
<div style="position: absolute;margin-top: 279px;margin-left: 143px;">
<a href=" ссылка " original-title=" имя "><img src="http://forumfiles.ru/files/0019/b2/76/67413.png" original-title=""></a>  <br></div>

<!---- 4 ---->
<div style="position: absolute;margin-top: 279px;margin-left: 196px;">
<a href="ссылка" original-title=" имя "><img src="http://forumfiles.ru/files/0019/b2/76/67413.png" original-title=""></a>  <br></div>

<!---- 5 ---->
<div style="position: absolute;margin-top: 279px;margin-left: 249px;">
<a href="ссылка" original-title=" имя "><img src="http://forumfiles.ru/files/0019/b2/76/67413.png" original-title=""></a>  <br></div>

<!---------------------------- активисты ---------------------------->

<!----1 ---->
<div style="position: absolute;margin-top: 279px;margin-left: 646px;">
<a href=" ссылка " original-title="имя"><img src="http://forumfiles.ru/files/0019/b2/76/67413.png" original-title=""></a>  <br></div>

<!---- 2 ---->
<div style="position: absolute;margin-top: 279px;margin-left: 699px;">
<a href=" ссылка " original-title=" имя "><img src="http://forumfiles.ru/files/0019/b2/76/67413.png" original-title=""></a>  <br></div>

<!---- 3 ---->
<div style="position: absolute;margin-top: 279px;margin-left: 752px;">
<a href=" ссылка " original-title=" имя "><img src="http://forumfiles.ru/files/0019/b2/76/67413.png" original-title=""></a>  <br></div>

<!---- 4 ---->
<div style="position: absolute;margin-top: 279px;margin-left: 806px;">
<a href="ссылка" original-title=" имя "><img src="http://forumfiles.ru/files/0019/b2/76/67413.png" original-title=""></a>  <br></div>

<!---- 5 ---->
<div style="position: absolute;margin-top: 279px;margin-left: 860px;">
<a href="ссылка" original-title=" имя "><img src="http://forumfiles.ru/files/0019/b2/76/67413.png" original-title=""></a>  <br></div>

<!---------------------------- текст и админы в шапке ---------------------------->
<div class="ams_link"><a href="ссылка" original-title="">amanda</a>  ::  <a href="ссылка" original-title="">lackson</a>    ::    <a href="ссылка" original-title="">calev</a></div>

<div style="position: absolute;width: 279px;font-size: 8px;color: #94989a;text-shadow: 0px 1px 0 #101d33;top: 116px;left: 559px;overflow:  hidden;height: 42px;text-align:  center;padding-left: 5px;padding-right: 5px;letter-spacing: 5px;z-index:  999;">

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of
</div>

<!---------------------------- ссылки ---------------------------->

<!---- faq ---->
<div class="tab_link0"><a href="ссылка">F.A.Q.</a></div>
<!---- plot---->
<div class="tab_link1"><a href="ссылка">сюжет</a></div>
<!---- info ---->
<div class="tab_link2"><a href="ссылка">инфо</a></div>
<!---- news---->
<div class="tab_link4"><a href="ссылка">очередность</a></div>
<!---- plaha2---->
<div class="tab_link6"><a href="ссылка">нужные</a></div>

<!---- plaha1---->
<div class="tab_link5"><a href="ссылка">новость #1</a></div>
<!---- plaha2---->
<div class="tab_link3"><a href="ссылка">итоги недели</a></div>

<!---------------------------- навигация ---------------------------->

<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)" style="height: 23px;width: 228px;background-color: #0b0b0b !important;font-family: arial;color: #637984 !important;text-shadow: 1px 0px 1px #000806;font-size: 7px;letter-spacing: 3px;padding-bottom: 3px;border: none!important;margin-bottom: 3px!important;position:  absolute;margin-top: 20px!important;margin-left: 301px;padding-top: 4px;padding-left:  10px;text-transform:  uppercase;">
<option>:: навигация по форуму</option>

<option value=ссылка">ссылка</option>
<option value=ссылка">ссылка</option>
<option value=ссылка">ссылка</option>
<option value=ссылка">ссылка</option>
<option value=ссылка">ссылка</option>
<option value=ссылка">ссылка</option>
<option value=ссылка">ссылка</option>
<option value=ссылка">ссылка</option>
<option value=ссылка">ссылка</option>

</select>

<!---------------------------- шапка ---------------------------->
<div style="position: absolute;margin-top: 81px;margin-left: -2px;z-index: 1;">
<img src="http://forumfiles.ru/files/0019/b2/76/47005.png"></div>
<!---------------------------- название ---------------------------->
<div style="position: absolute;margin-top: 19px;margin-left: 130px;">
<img src="http://forumfiles.ru/files/0019/b2/76/30752.png" original-title=""></div>

<!---------------------------- оформление title ---------------------------->
<script type="text/javascript">$(document).ready(function() {$('a, img').tipsy({fade: true, gravity: 'n'}); });</script>


<!---------------------------- скрыть жалобы ---------------------------->
<script type="text/javascript">
RusffCore.sets.show_reportBtn = 0;
</script>

<!---------------------------- спрятать модеров ---------------------------->
<style>
#pun .modlist {display: none;}
</style>

<!---------------------------- спрятать мои загрузки ---------------------------->
<style type="text/css">
#pun-ulinks .container li.item5 {display: none;}
</style>

<!---------------------------- пиар-вход ---------------------------->
<script src="http://forumfiles.ru/files/0015/c4/3f/26781.js"></script>
<script type="text/javascript">
PR.nick = 'piar'; //Ник PR-аккаунта
PR.pass = '0000'; //Пароль PR-аккаунта
PR.btn_text = 'пиар-вход'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>
HTML-низ
Код:
<!---------------------------- копирайт НЕ УБИРАТЬ ---------------------------->

<div class="footer_link">оформление  <a href="http://imagiart.ru/profile.php?id=4688">piterskaya</a><br>
<div class="ff">при создании использовалась графика с deviantart.</div></div>
<div class="footer_link0">основа css - <a href="http://artishock.rusff.ru/viewtopic.php?id=329">» ARTISHOCK</a><br>
<div class="ff">спасибо, фондю.</div></div>
<!---------------------------- аватарка юзера ---------------------------->
<style>.status_userava>img{width: 38px;    height: 38px;    filter: grayscale(60%);    margin: 8px 5px -8px -40px;
    margin-bottom: -24px;    margin-left: -52px;}</style>
<script>$('#pun-status>p').prepend('<span class="status_userava"><img src="'+(window.UserAvatar?UserAvatar:'/i/default_avatar.jpg')+'"/></span>')</script>


<!---------------------------- баннеры ---------------------------->
<div class="partner">

<center>

<a href="ссылка"><img src="http://via.placeholder.com/88x31" title="пример" width="88" height="31"></a>

</center></div>


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


<!---------------------------- прячем редактирование---------------------------->
<style>
.lastedit {display:none;}
</style>


<!---------------------------- no объявление---------------------------->
<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>



<!---------------------------- кнопка новых соо---------------------------->

<script type="text/javascript">
function show_new() { if(GroupID == 3) return;
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');} show_new();
</script>
<!---------------------------- выделение кода Alex_63---------------------------->

<script type="text/javascript" src="http://forumfiles.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script>

<!---------------------------- кнопки ---------------------------->
<div class="go-up" id="ToTop" style="display: none;"><img src="http://forumfiles.ru/files/0019/b2/76/92281.png"></div>
<div class="go-down" id="OnBottom" style="display: block;"><img src="http://forumfiles.ru/files/0019/b2/76/92281.png"></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:1; /*прозрачность*/
width:58px; /*ширина кнопки*/
height:61px; /*высота кнопки*/
}
.go-up {
bottom:290px; /*положение от низа окна браузера верхняя кнопка*/
right: 4%;
-webkit-transition: .3s all;   
    -moz-transition: .3s all;   
    -ms-transition: .3s all;   
    -o-transition: .3s all;   
    transition: .3s all;   
}
.go-down {
bottom:174px; /*положение от низа окна браузера нижняя кнопка*/
right: 4%;
-webkit-transition: .3s all;   
    -moz-transition: .3s all;   
    -ms-transition: .3s all;   
    -o-transition: .3s all;   
    transition: .3s all;   
}
.go-down:hover,.go-up:hover {
opacity:0.8;
}
</style>
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>


<!---------------------------- счетчик символов ---------------------------->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="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">
$('div.post-author ul').find('li[class^="pa-fld"]').map(function(){ 
var Dop=$(this).html();
if(Dop=='undefined'||Dop==null){return false;};
var Virez=Dop.slice(Dop.indexOf(":")+1);
$(this).html(Virez);
});
</script>

+9

6

https://i.imgur.com/VBbzbbQl.png
Элементы дизайна не растаскивайте, дополняйте чем хотите.
Пишите, если найдутся проблемы, - подправлю.
Не забудьте вставить нужные логин и пароль для кнопки пиара.
Дизайн продавать запрещено!
http://iamyourpathos2.mybb.ru/


Структура style.css
Код:
/***************************************
A - SETUP
***************************************/


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

/* A1.1 */
  @import url(style_cs.css);
      @font-face {
    font-family: 'TrajanPro-R';
    src: url('http://forumfiles.ru/files/0013/36/83/79524.eot?'),
    url('http://forumfiles.ru/files/0013/36/83/27262.woff') format('woff'),
    url('http://forumfiles.ru/files/0013/36/83/46353.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
     }
      @font-face {
    font-family: 'TrajanPro-SB';
    src: url('http://forumfiles.ru/files/0013/36/83/54049.eot?'),
    url('http://forumfiles.ru/files/0013/36/83/66171.woff') format('woff'),
    url('http://forumfiles.ru/files/0013/36/83/25375.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
     }
      @font-face {
    font-family: 'TrajanPro-B';
    src: url('http://forumfiles.ru/files/0013/36/83/32343.eot?'),
    url('http://forumfiles.ru/files/0013/36/83/90030.woff') format('woff'),
    url('http://forumfiles.ru/files/0013/36/83/79861.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
     }



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

/* A2.1 */
html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    /* min-width: 1250px!important; */
  }

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

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

div#adnav-standard li {
    display: block;
  }

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

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

/* A3.2 */
.punbb {
    font: normal 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  }

/* A3.3 */
.punbb textarea, .punbb input, punbb optgroup {
    font: 1em verdana, geneva, lucida, 'lucida grande', 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: 1.0em;
    font-weight: normal;
  }


#pun-main .code-box pre {
    padding: 20px 0 0 0;
}

#pun-main .code-box, #pun-main textarea, #pun-main .quote-box {
    font-size: 11px;
  }
#html-footer .container {
    font-size: 11px;
  }
#pun #pun-index #pun-announcement h2 span {
    display: none;
  }


/* A3.5 */
#pun-main h1, .punbb .section h2, #pun-debug h2 {
    font-weight: normal;
    position: relative;
  }

#pun-main h2 {
    margin: 40px 0 0px 0;
    text-align: center;
    border: none;
  }

/* A3.6 */
.punbb .category h2 span {
    width: 800px;
    font-family: 'Absolute';
    font-size: 60px;
    text-align: center;
    color: rgba(140, 49, 27, 0.8);
    background: linear-gradient(#ffffff 30%, #000000 70%);
    background-clip: text !important;
    -webkit-background-clip: text;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.7);
  }

#pun-stats h2 span {
    font-size: 0px;
  }
#pun-main h1 span {
    font-size: 0px;
}
#post-form h2 span {
    font-size: 0px;
  }

/* 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 {
    position: relative;
    width: 869px;
    margin: auto;
    margin-bottom: 80px;
  }

/* A5.2 */
.punbb {
    float: none;
    width: 800px;
    height: auto;
    margin-left: 40px;
  }

#pun-main {
    margin: 40px 20px 0 0;
}
#pun_wrap #pun .punbb #pun-main .forum .container {
    margin: 10px 0 30px 0;
}

/* A5.3 */
#pun-redirect, #pun-maint {
    margin: 200px 0 0 180px;
    width: 500px;
    background: #080707;
  }
#pun-redirect.punbb h1 span {
    margin: 0!important;
    font-size: 0px;
  }
#pun-redirect.punbb .info .container {
    color: #a99984;
    text-align: center;
  } 

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

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

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

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

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



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

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

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

/* B1.2 */
.punbb .post-sig dt {
    display: block;
    border: none;
    height: 1px;
    width: auto;
    margin: 20px 15px 10px 15px;
  }

/* B1.3 */
.punbb .post-content p {
    margin: 15px;
    line-height: 150%;
    text-align: justify;
  }

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

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

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

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

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

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    margin: 10px 15px -10px 15px;
    color: #584031;
    font-family: 'TrajanPro-B';
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 1px 0px 0 rgba(0, 0, 0, 0.07), -1px 0px 0 rgba(0, 0, 0, 0.12);
    letter-spacing: 0.06em;
  }

.punbb .post-content .scrollbox {
    padding: 5px;
  }

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

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

/* B3.3 */
.linkst .pagelink {
    float: left;
    margin: -25px 0 0 30px;
    text-align: left;
    font-family: 'TrajanPro-SB';
    font-size: 10px;
    font-weight: normal;
    text-transform: lowercase;
    letter-spacing: 0.06em;
    text-shadow: 1px 0px 0 rgba(0, 0, 0, 0.07), -1px 0px 0 rgba(0, 0, 0, 0.12);
  }
.linkst .pagelink strong {
    font-family: 'TrajanPro-B';
  }

/* B3.4 */
.linkst .postlink {
    position: relative;
    float: right;
    margin: -25px 20px 0 0;
    text-align: right;
    font-weight: bold;
  }

/* B3.5 */
.punbb .linksb {
    text-align: right;
    margin: 0 15px 20px 27px;
  }

/* B3.6 */
.linksb .pagelink {
    float: left;
    margin: 0;
    text-align: left;
    font-family: 'TrajanPro-SB';
    font-size: 10px;
    font-weight: normal;
    text-transform: lowercase;
    letter-spacing: 0.06em;
    text-shadow: 1px 0px 0 rgba(0, 0, 0, 0.07), -1px 0px 0 rgba(0, 0, 0, 0.12);
  }
.linksb .pagelink strong {
    font-family: 'TrajanPro-B';
  }

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

/* B3.8 */
.subscribelink {
    clear: both;
    margin: 0;
    padding: 5px 0 0 0;
    text-align: right;
    color: #222020;
    font-size: 9px;
    font-family: 'TrajanPro-SB';
    font-style: normal;
    font-weight: normal;
    text-transform: lowercase;
    letter-spacing: 0.03em;
    text-shadow: 1px 0px 0 rgba(0, 0, 0, 0.07), -1px 0px 0 rgba(0, 0, 0, 0.12);
  }


#pun_wrap #pun #pun-viewtopic #pun-main .topic {
    margin: 10px 0;
}


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

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

/* C1.1 */
.punbb .formal .container {
    padding: 0 15px 0 20px;
  }

/* C1.2 */
.punbb .formsubmit {
    padding: 0 0 0 1.7em;
    margin: 0 0 20px 0;
    text-align: center;
  }

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

/* C1.4 */
.punbb fieldset {
    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 */
#pun-viewtopic fieldset legend span {
    font-size: 0px;
  }

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


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

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

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

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
    margin: 0 0 10px 30px;
    font-size: 13px;
    font-family: 'TrajanPro-SB';
    font-style: normal;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    text-shadow: 1px 0px 0 rgba(0, 0, 0, 0.07), -1px 0px 0 rgba(0, 0, 0, 0.12);
    letter-spacing: 0.06em;
  }


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

/* C2.10 */
.punbb td .modlist {
    display: block;
    margin: 0px!important;
    padding: 0px!important;
  }

/* C2.11 */
.punbb .main td {
    border: none;
    border-color: transparent;
  }

/* C2.12 */
.punbb .main th {
    padding: 4px 1em 5px 1em;
    border: none;
  }

/* C2.13 */
.punbb .main .tcl {
    border: none;
  }

* html .tclcon {
    height: 0px
  }

/* C2.14 */
#pun-index td div.tclcon {
    width: 420px;
    margin: 10px 0 15px 30px;
    font-size: 8px;
    font-family: 'TrajanPro-SB';
    text-transform: uppercase;
    text-align: justify;
    text-shadow: 1px 0px 0 rgba(0, 0, 0, 0.07), -1px 0px 0 rgba(0, 0, 0, 0.12);
    letter-spacing: 0.05em;
    line-height: 14px;
  }



/* C2.15 */
#pun-searchtopics div.tclcon, #pun-viewforum div.tclcon, #pun-messages div.tclcon {
    margin: 0px!important;
    padding: 10px 30px;
  }
#pun-index table Div.icon {
    position: relative;
    float: right;
    width: 59px;
    height: 45px;
    margin: 30px 5px 0 0;
    background: url(http://forumfiles.ru/files/0013/36/83/43633.jpg) no-repeat;
    opacity: 0.5;
  }
#pun-index TR.inew Div.icon {
    background: url(http://forumfiles.ru/files/0013/36/83/43633.jpg) no-repeat;
    opacity: 1;
  }

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

#pun-viewforum .main .tcl, #pun-userlist .main .tcl, #pun-modviewforum .main .tcl {
    width: 47%;
    padding: 5px 10px 5px 20px;
  }
#pun-searchtopics .main .tcl {
    width: 47%;
    padding: 20px 10px 10px 30px;
}
#pun-viewforum .main .tc2, #pun-userlist .main .tc2, #pun-searchtopics .main .tc2, #pun-modviewforum .main .tc2 {
    text-align: center;
    width: 20%;
  }
#pun-viewforum .main .tc3, #pun-userlist .main .tc3, #pun-searchtopics .main .tc3, #pun-modviewforum .main .tc3 {
    text-align: center;
    width: 12%;
  }
#pun-viewforum .main .tcr, #pun-userlist .main .tcr, #pun-searchtopics .main .tcr, #pun-modviewforum .main .tcr {
    text-align: right;
    width: 25%;
    padding: 0 20px 0 20px;
  }

#pun-searchtopics table Div.icon, #pun-viewforum table Div.icon, #pun-messages table Div.icon {
    position: relative;
    display: block;
    float: left;
    margin: 15px 0 0 10px;
    width: 5px;
    height: 5px;
    background: #080707;
    border-radius: 100%;
    opacity: 0;
  }
#pun-searchtopics table Div.icon {
    margin: 5px 15px 0 0px;
  }
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background: #080707;
    opacity:1.0;
  }
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    background: #532116;
    opacity: 1.0;
  }
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: rgba(78, 19, 0, 0.5);
    opacity: 1.0;
  }


#pun-index td.tcr {
    padding: 0 0 0 40px;
    font-size: 9px;
    font-family: 'TrajanPro-SB';
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: left;
    text-shadow: 1px 0px 0 rgba(0, 0, 0, 0.07), -1px 0px 0 rgba(0, 0, 0, 0.12);
  }


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

/* C3.1 */
.punbb .post .container {
    border: none;
    margin: 20px 0;
  }

/* C3.2 */
.punbb .post h3 {
    border: none;
  }

/* C3.3 */
.punbb .post h3 span {
    display: block;
    width: 520px;
    margin: 0 0 15px 0;
    padding: 0 0 0 245px;
  }

/* 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: 200px;
    margin: -40px 0 0 20px;
    font-size: 10px;
    font-weight: normal;
    text-transform: lowercase;
    text-align: center;
    /* letter-spacing: 0.07em; */
    overflow: visible!important;
  }


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

/* C3.7 */
.pa-author {
    margin: 5px 0 0 0;
    font-size: 13px;
    font-family: 'TrajanPro-B';
    font-weight: normal;
    text-transform: uppercase;
  }


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


/* C3.9 */
li.pa-title {
    margin: 0 0 5px 0;
    font-family: 'TrajanPro-SB';
    font-size: 9px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0px;
    text-transform: lowercase;
    text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.15), 0px -1px 0 rgba(0, 0, 0, 0.15);
  }

li.pa-avatar.item2 {
    margin: 0;
  }

li.pa-fld1, li.pa-fld2 {
    width: 180px;
    margin: 5px 0 5px 13px;
}

.pa-posts, .pa-respect {
    display: inline-block;
    width: 75px;
    border: none;
    margin: 3px 0 1px 0;
  }
.pa-posts {
    word-spacing: 9999px;
  }
.pa-respect span {
    font-size: 9px;
  }


li.pa-online {
    border: none;
    margin-top: 3px;
  }


li.pa-awards {
    margin: 3px 0 0 0px;
  }

span.mini_awards_label {
    display: none !important;
  }

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

/* C3.12 */
.punbb .post-box {
  }

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

/* C3.14 */
.punbb .post-links {
    margin: 0 0 -20px -37px;
    width: 955px;
    border: none;
  }

/* C3.15 */
.punbb .post-links ul {
    border: none;
    width: 750px;
    height: 20px;
    margin: 20px 0 20px 15px;
    letter-spacing: 0.12em;
    font-size: 10px;
    font-family: 'TrajanPro-SB';
    font-weight: normal;
    text-transform: uppercase;
    text-align: right;
    text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.11), 0px -1px 0 rgba(0, 0, 0, 0.08);
  }

#pun-messages .post-links ul {
    margin: 20px 0 20px -15px;
}
#pun-messages .post-links {
    margin: 0 0 0 -230px;
}


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

/* C3.19 */
.post-box .post-rating .container {
    margin: 0 10px;
    font-size: 18px;
    font-family: 'TrajanPro-SB';
}



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

/* C4.1 */
.punbb .modmenu .container {
    padding: 10px 15px 10px 25px;
    text-align: right;
    font-family: 'TrajanPro-SB';
    font-size: 10px;
    font-weight: normal;
    text-transform: lowercase;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-shadow: 1px 0px 0 rgba(0, 0, 0, 0.07), -1px 0px 0 rgba(0, 0, 0, 0.12);
  }
select#mod-options {
    width: 205px;
  }

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

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

/* C7.3 */
#pun-userlist .usertable table {
    border: none;
  }


/*************************************************************
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;
    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 table {
    border: none;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(http://forumfiles.ru/files/0013/36/83/73208.jpg);
    width: 873px;
    height: 358px;
    margin: 0px 0 0 -42px;
  }

#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: 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 {
    border: none;
    margin: 0px 0 10px 0;
  }

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

/* D3.2 */
#pun-navlinks .container {
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'TrajanPro-SB';
    font-weight: normal;
    letter-spacing: 0.06em;
    text-shadow: 1px 0px 0 rgba(49, 36, 17, 0.07), -1px 0px 0 rgba(53, 38, 17, 0.12), 1px 1px 0 rgba(0, 0, 0, 0.1);
  }


/* D.3 */
#pun-navlinks li {
    display: inline-block;
    padding: 0 2px;
  }

#pun-navlinks a {
    position: relative;
  }

li#navawards {
    padding: 0px;
  }

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

/* D4.1 */
#pun-ulinks  {
    margin: 0;
    border: none;
  }

/* D4.2 */
#pun-ulinks .container {
    width: 500px;
    padding: 0 0 0 150px;
    font-size: 11px;
    text-align: center;
    text-transform: lowercase;
    font-family: 'TrajanPro-SB';
    font-weight: normal;
    letter-spacing: 0.06em;
    text-shadow: 1px 0px 0 rgba(49, 36, 17, 0.07), -1px 0px 0 rgba(53, 38, 17, 0.12), 1px 1px 0 rgba(0, 0, 0, 0.1);
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    white-space: nowrap;
    margin: 0 1px;
  }

#pun-ulinks a {
    position: relative;
  }

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

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

/* D5.2 */
#pun-status .container {
    position: absolute;
    top: 125px;
    margin: 0 0 0 460px;
    width: 270px;
    font-family: 'TrajanPro-B';
    font-size: 8px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: right;
    letter-spacing: 0.08em;
  }

#pun-status p span.item3 {
    display: none!important;
  }


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

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


/* D5.5 */
#pun-crumbs1 p.container {
    margin: 15px 0 0 0;
    padding: 0;
    color: rgba(15, 13, 14, 0.9);
    font-family: 'TrajanPro-B';
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 1px 0px 0 rgba(0, 0, 0, 0.07), -1px 0px 0 rgba(0, 0, 0, 0.12);
    letter-spacing: 0.05em;
  }

/* D5.6 */
#pun-break1 {
    margin: 0;
    height: 0;
  }

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

/* D6.1 */
#pun-announcement h2 {
    padding: 0;
    margin: 0;
    border: none;
  }

/* D6.2 */
#pun-announcement h2 span {
    display: block;
    padding: 0;
    border: none;
  }

/* D6.3 */
#pun-announcement .container {
    padding: 0;
  }

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

/* D7.1 */
#pun-stats .container {
    list-style: none;
    margin: 40px 10px 20px 0;
    padding: 0;
    text-align: center;
}

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    display: inline-block;
    font-size: 10px;
    font-family: 'TrajanPro-SB';
    font-weight: normal;
    text-transform: lowercase;
    text-align: center;
    letter-spacing: -0.02em;
    text-shadow: 1px 0px 0 rgba(0, 0, 0, 0.07), -1px 0px 0 rgba(0, 0, 0, 0.12);
    padding: 0 7px 0 3px;
    margin: 0 0 10px 0;
  }
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3 {
    border-right: 1px solid rgba(93, 45, 22, 0.3);
  }

/* D7.3 */
#onlinelist {
    margin: 0 0 0 30px;
    text-align: left;
    font-size: 10px;
    font-family: 'TrajanPro-SB';
    font-weight: normal;
    text-transform: lowercase;
    text-shadow: 1px 0px 0 rgba(0, 0, 0, 0.07), -1px 0px 0 rgba(0, 0, 0, 0.12);
    letter-spacing: 0.05em;
  }

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

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

/* D8.4 */
#pun-about .container {
    border-top-style: none;
    text-align: right;
    line-height: 43px;
    padding: 0;
  }

/* D8.5 */
#pun-about p span {
    display:block;
    text-align: left;
    margin: 5px 0 0 80px;
    font-size: 0px;
  }

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

/* D8.7 */
#pun-crumbs2 .container {
    margin: 15px 0 20px 0;
    padding: 0;
    color: rgba(15, 13, 14, 0.9);
    font-family: 'TrajanPro-B';
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 1px 0px 0 rgba(0, 0, 0, 0.07), -1px 0px 0 rgba(0, 0, 0, 0.12);
    letter-spacing: 0.05em;
  }

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

/* D8.9 */
div.punbb-admin #pun-about .container {
    border: none;
  }


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

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

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

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

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

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

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

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

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

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

#pun .tc2 {
    text-align: center;
  }

.pmtcl1 {
    width: 50%!important;
  }
.pmtc22 {
    width: 30%!important;
  }
.pmtc33 {
    width: 20%!important;
  }

#pun-admain fieldset {
    border: none!important;
    border-color: transparent;
  }

#pun-adnav {
    margin: 5px 0 0 -15em!important;
  }

.admin-advert-block {
    margin: -400px 0 0 0!important;
  }

#pun_wrap #pun #pun-online #pun-main .section .container {
    margin: 0 0 40px 0;
  }
#pun-online .tcl {
    padding: 10px 30px;
    text-align: center;
  }

#pun_wrap #pun #pun-viewtopic #pun-main .topic #poll-special {
    width: 700px;
    margin: 0 0 0 45px;
  }

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

span.stickytext, span.closedatafield {
    display: none;
  }
#navawards a span {
    display: none;
  }
.lastedit {
    display: none!important;
  }
div#pun-live-rusff {
    display: none;
  }
.topic .sharelink {
    display:none;
  }
.intd .tclcon .modlist{
    display: none;
  }
#qpsContainer {
    display: none!important;
  }


#pun_wrap #pun #pun-userlist #pun-main .formal #userlist fieldset legend span {
    font-size: 0px;
  }
Цвета style_cs.css
Код:
/* CS1 Цвет фона, фона форума и остальное.
-------------------------------------------------------------*/

html {
    background: #080707;
  }

#pun {
    background: url(http://forumfiles.ru/files/0013/36/83/59636.jpg) top center;
    background-color: #ccbba3;
    background-color: transparent;
  }


/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb .main h2, .punbb .linkst, .linksb .pagelink, div#pun-live-rusff {
    border-color: transparent;
    color: #1a1818;
  }

.punbb-admin #pun-admain .adcontainer {
    color: #201f24;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, #pun-title, #pun-title .container, .punbb .modmenu .container, #pun-navlinks .container {
    border-color:transparent;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    font-weight: normal;
    font-style: normal;
  }


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



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



.punbb textarea {
    padding: 2px 5px;
    background: rgba(234, 221, 201, 0.2);
    border: 1px solid rgba(164, 133, 104, 0.33);
    border-radius: 5px;
    box-shadow: inset 0 0px 0 1px rgba(33, 22, 8, 0.05), inset 0 3px 2px 0 rgba(33, 22, 8, 0.05);
  }

 .punbb input {
    padding: 3px 3px 4px 5px;
    background: rgba(234, 221, 201, 0.2);
    border: 1px solid rgba(164, 133, 104, 0.33);
    border-radius: 5px;
  }


.punbb select  { 
    padding: 2px 0 2px 3px;
    color: #4a3f3e;
    background: rgba(234, 221, 201, 0.2);
    border: 1px solid rgba(164, 133, 104, 0.33);
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 0.03em!important;
    font-size: 9px!important;
    font-family: 'TrajanPro-SB'!important;
    font-weight: normal!important;
    text-shadow: 1px 0px 0 rgba(0, 0, 0, 0.04), -1px 0px 0 rgba(0, 0, 0, 0.06);
    cursor: pointer;
  }

#pun-main .code-box, #pun-main .quote-box {
    background: rgba(218, 205, 187, 0.27);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(60, 36, 16, 0.1), -20px 0 20px -23px rgba(72, 43, 17, 0.2), 20px 0 20px -23px rgba(66, 39, 18, 0.2);
  }

#pun-main .code-box {
    font-size:12px!important;
  }

.post-content .spoiler-box > div {
    margin-left: 15px;
    padding: 10px 20px!important;
  }



.linkst .postlink a {
    font-size: 9px;
    font-family: 'TrajanPro-SB';
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #e2d5c3!important;
    background: rgba(62, 12, 1, 0.65)!important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), -20px 0 20px -23px rgba(0, 0, 0, 0.2), 20px 0 20px -23px rgba(0, 0, 0, 0.2)!important;
    border-radius: 5px;
    padding: 2px 4px 1px 5px;
}
.linksb .postlink a {
    font-size: 9px;
    font-family: 'TrajanPro-SB';
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #e2d5c3!important;
    background: rgba(62, 12, 1, 0.65)!important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), -20px 0 20px -23px rgba(0, 0, 0, 0.2), 20px 0 20px -23px rgba(0, 0, 0, 0.2)!important;
    border-radius: 5px;
    padding: 2px 4px 1px 5px;
}

/* CS2 Цвета границ
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online {
    border: none;
  }

.punbb .post-sig dt {
    background: rgba(234, 226, 212, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  }



/* 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 {
    color: #7c4232;
    text-decoration: none;
     transition-duration: 0.5s;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    color: #7c4232;
    text-decoration: underline;
     transition-duration: 0.5s;
  }

/* 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: #312f2c;
    text-decoration: none;
     transition-duration: 0.5s;
  }

#pun-navlinks a {
    color: #4c3c33;
     transition-duration: 0.5s;
  }
#pun-navlinks a:hover {
    color: #7c4232;
     transition-duration: 0.5s;
  }

#pun-ulinks a {
    color: #4c3c33;
     transition-duration: 0.5s;
  }
#pun-ulinks a:hover {
    color: #7c4232;
     transition-duration: 0.5s;
  }

#pun-status .container, #pun-status .container a {
    color: #ccbca0;
    text-shadow: 1px 1px 0 #000;
     transition-duration: 0.5s;
  }
#pun-status .container a:hover {
    color: #b7523e;
     transition-duration: 0.5s;
  }

#pun-index .tcl h3 a, #pun-index td.tcr a {
    color: #2b2826;
     transition-duration: 0.5s;
  }
#pun-index .tcl h3 a:hover, #pun-index td.tcr a:hover {
    color: #7c4232;
     transition-duration: 0.5s;
  }

.post-author a { 
    color: #312c29!important;
     transition-duration: 0.5s;
  }
.post-author a:hover { 
    color: #7c4232!important;
     transition-duration: 0.5s;
  }

.post-links ul a, h3 span .permalink, .post-rating a, .post-vote a {
    color: #38322f!important;
     transition-duration: 0.5s;
  }
.post-links ul a:hover, h3 span .permalink:hover, .post-rating a:hover, .post-vote a:hover {
    color: #7c4232!important;
     transition-duration: 0.5s;
  }




/* CS4 Фон всем категориям и разделение между сообщениями. + Сдвиг рекламы.
 -------------------------------------------------------------*/

#pun .section { 
    border-style: none;
    width: 800px;
  }

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



/*  CS5 Категории форума и кнопки 
------------------------------------------------------------*/




.button {
    color: #dcc7b7!important;
    text-shadow: 1px 0 0 rgb(120, 86, 61), -1px 0 0 rgb(121, 86, 60)!important;
    background: rgba(33, 25, 20, 0.75)!important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), -20px 0 20px -23px rgba(0, 0, 0, 0.2), 20px 0 20px -23px rgba(0, 0, 0, 0.2)!important;
    text-transform: uppercase!important;
    font-weight: bold!important;
    letter-spacing: 0.06em!important;
    padding: 4px 3px 3px 5px!important;
    font-size: 9px!important;
    font-family: 'TrajanPro-B'!important;
    font-weight: normal!important;
    border: 1px solid rgba(123, 95, 74, 0.4)!important;
    cursor: pointer!important;
     transition-duration: 0.5s;
  }
.button:hover {
    letter-spacing: 0.15em!important;
      transition-duration: 0.5s;
  }


/* CS6 Логотип снизу
 -------------------------------------------------------------*/

#pun-about p.container {
    position: relative;
    background: url(http://forumfiles.ru/files/0013/36/83/79786.jpg) no-repeat;
    margin-left: -42px;
    width: 873px;
    height: 93px;
    overflow-x: hidden;
  }

div#html-footer {
  }

div#pun-about {
    margin-bottom: -13px;
  }
 

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



/* CS7 Остальные коды для оформления форума
 -------------------------------------------------------------*/


/* Фон подфорума */


/* Темы и сообщения */
#pun-index .category .tc2, #pun-index .category .tc3, #f-subforums .tc2, #f-subforums .tc3 {
    display: none!important;
  }
.Tems_And_messages {
    display: inline-block;
    height: 11px;
  }
.main table .Add {
    position: absolute;
    display: block;
    margin: 0 0 0 300px;
    color: rgba(19, 12, 7, 0.85);
    font-size: 17px;
    font-family: 'TrajanPro-B';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-align: right;
  }
.Tems_And_messages .right {
    margin-left: 0;
  }



/* Аватар */
li.pa-avatar.item2 img {
    box-shadow: 0 0 0 1px #32251d, 0 1px 1px 1px rgba(39, 21, 4, 0.18);
  }



/* Ползунок */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
::-webkit-scrollbar-track {
    background-color: transparent;
  }
::-webkit-scrollbar-thumb {
    background-color: #511f14;
  }


/* Выделение текста */
::selection {
    background: #000000;
    color: #bf9d7e;
  }


body #post .fs-box.hashelp .container {
    background: rgba(183, 160, 131, 0.9)!important;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 1px;
    padding: .7em!important;
    z-index: 9999!important;
  }
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
  }
body #post .fs-box.hashelp .container {
    width: auto;
    height: auto;
    max-height: 145px;
    margin-left: 20px;
    overflow: auto;
  }
#imageupload-left input[type=button] {
    width: auto!important;
    cursor: pointer;
  }
#poll-special .poll2 td h1 {
    background: #080707;
    padding: 1px;
    border: none;
    border-radius: 3px;
  }



.adformal, .adformal h2, #pun-adnav h2 {
    padding: 0.5em 1em!important;
    border-style: none!important;
    border-width: 0px!important;
    color: #000!important;
  }
.punbb-admin #pun-admain h2 {
    background: rgba(255, 255, 255, 0.5)!important;
  }
#pun-admain legend span {
    background: rgba(255, 255, 255, 0.5)!important;
  }
#pun-admain fieldset p {
    border-color: rgba(255, 255, 255, 0.1)!important;
    background-color: rgba(255, 255, 255, 0.4)!important;
  }
#pun-adnav .isactive ul.adsubnav a {
    color: #2b2b2b!important;
  }
.admain {
    margin-top: 30px!important;
  }



#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner{
background: rgba(216, 201, 179, 0.8);
    border-radius: 5px;
  }
#pun-report .inner h1, #pun-reputation .inner h1, #pun-admin-award-form .inner h1 {
    background: none;
    margin: -20px 0 20px 0;
    height: 0px;
  }
#pun-report h1 span, #pun-reputation h1 span, #pun-admin-award-form h1 span {
    margin: 0 350px 0 0!important;
    font-size: 15px!important;
    line-height: 0px!important;
  }



li#navpr_1, li#navpr_2 {
    margin: 0 0 0 3px;
  }
HTML верх
Код:
<!-- Оформление всплывающей подсказки -->
<style>
#tooltip {
position:absolute;
opacity:0.8;
background-color:#000; /* фон подсказки */
z-index: 999;
max-width:200px; /* максимальная ширина подсказки */
border:0px dotted #74A1F2; /* толщина. стиль и цвет рамки */
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
text-transform: lowercase;
letter-spacing: 0.03em;
font-family: 'Arial'; /* шрифт подсказки */
font-size:10px; /* размер текста */
display:none;
color:#fff; /* цвет текста */
text-align:center;
padding:4px;
}
</style>
<!-- Конец -->




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




<!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. -->
<script type="text/javascript" src="http://forumfiles.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script>
<!-- Конец -->
HTML низ
Код:
<!-- Скрипт всплывающей подсказки -->
<script type="text/javascript" src="http://yourjavascript.com/12208652913/quicktip.js"></script>
<script>  
 $(document).ready(function(){ 
 $('a [title]').quicktip({ speed:700 }); 
 $('img [title]').quicktip({ speed:700 }); 
 $('div [title]').quicktip({ speed:700 }); 
 $('span [title]').quicktip({ speed:700 }); 
 }); 
 </script>
<!-- Конец -->




<!-- Перенос Колонок тем и сообщений под Описание Форума / Deff, Alex_63 -->
    <script type="text/javascript">
    (function(){
       $.catch = function(a,f){$(function(){var t,i=0;function s(){i++;if(i>120)return;t=setTimeout(function(){if(!$(a).length){s();return};f()},100);}s();});}
       function appendTopicS(){
         $('.category td.tcl .tclcon,#f-subforums td.tcl .tclcon').each(function() {
           var L=$(this).parents('tr:first');
           var str='<br><div class="Add"><div class="Tems_And_messages"> <span class="right">'+L.find('td.tc2').text()+'</span></div>\
           <div class="Tems_And_messages">/ <span class="right">'+L.find('td.tc3').text()+'</span></div>\
           </div>';$(str).appendTo(this);
         });
       }
       if($('#pun-index').length){appendTopicS ();}
       if($('#pun-viewforum').length){
         var summ=$('.main table[summary]').attr('summary').split(': ')[1].substr(0,1);
         if(summ=='#'||summ==String.fromCharCode(173))$.catch('#f-subforums',function(){appendTopicS()});
       }
    }());
    </script>
<!-- Конец -->




<!-- Футер -->
<div style="position: absolute;
    margin-top: 15px;
    margin-left: 325px;
    font-size: 11px;
    font-family: 'TrajanPro-SB';
    text-transform: uppercase;
    letter-spacing: 0.13em;
    color: rgb(95, 76, 67);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.23);">
by iamyourpathos
</div>




<!-- Кнопки вверх-вниз -->
<div class="go-up" id='ToTop'><img src="http://forumfiles.ru/files/0013/36/83/91812.jpg" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="http://forumfiles.ru/files/0013/36/83/51097.jpg" border="0" /></div>
<style>
.go-up, .go-down {
    display: none;
    position: fixed;
    margin-left: 910px;
    bottom: 20%;
    z-index: 9999;
    cursor: pointer;
    opacity: .8;
  }
.go-up:hover, .go-down:hover {
    opacity: 1;
  }
.go-up {
    margin-bottom: 70px;
    width:73px; 
    height:68px; 
  }
.go-down {
    width:73px; 
    height:68px; 
  }
</style>
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>
<!-- Конец -->
Объявление
Код:
<style>
#slideshow {
    position: relative;
  }
#slideshow #slidesContainer {
    position: relative;
    margin: 7px auto 0 auto;
    height: 65px;
    overflow-y: auto; /* allow scrollbar */
  }
#slideshow #slidesContainer .slide {
    margin: 0 auto;
    width: 375px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
    height: 60px;
  }
/* Slideshow controls style rules. */
.control {
    display:block;
    width: 25px;
    height: 35px;
    text-indent:-10000px;
    position:absolute;
    cursor: pointer;
    z-index: 9999;
  }
#leftControl {
    top: 35px;
    left: -5px;
    background:transparent url(http://forumfiles.ru/files/0013/36/83/17288.png) no-repeat 0 0;
  }
#rightControl {
    top: 35px;
    right: -3px;
    background:transparent url(http://forumfiles.ru/files/0013/36/83/20312.png) no-repeat 0 0;
  }


.slide h2, .slide p {
    margin: 0 20px 0 17px;
    height: 60px;
    overflow-y: auto;
  }
.slide h2 {
    letter-spacing:-1px;
  }
.slide img {
    filter: brightness(0.9) grayscale(20%) sepia(20%);
    margin:0 15px;
  }
.slide p::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
</style>
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 400;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');
  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
.css({
      'float' : 'right',
      'width' : slideWidth
    });
  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);
  // Insert controls in the DOM
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
  // Hide left arrow control on first load
  manageControls(currentPosition);
  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
    // Determine new position
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
   
// Hide / show controls
    manageControls(currentPosition);
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });
  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }
});
</script>

<div style="position: absolute; 
    margin-left: 385px;
    top: 153px;
    width: 395px;
    height: 77px;
    font-family: 'TrajanPro-SB';
    font-size: 8px;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 1px 0px 0 rgba(0, 0, 0, 0.05), -1px 0px 0 rgba(0, 0, 0, 0.03), 1px 1px rgba(0, 0, 0, 0.1);
    letter-spacing: 0.02em;">
<div id="pageContainer">
  <!-- Slideshow HTML -->
   <div id="slideshow">
    <div id="slidesContainer">
     
      
      <div class="slide">
<img onmouseover="this.src='http://funkyimg.com/u2/4887/924/866979_png.png'" src="http://funkyimg.com/u2/4887/924/866979_png.png" onmouseout="this.src='http://funkyimg.com/u2/4887/924/866979_png.png'" title ="0" /*Гриффиндор*/>  <img onmouseover="this.src='http://funkyimg.com/u2/4887/923/407164_png.png'" src="http://funkyimg.com/u2/4887/923/407164_png.png" onmouseout="this.src='http://funkyimg.com/u2/4887/923/407164_png.png'" title ="0" /*Хаффлпафф*/> <img onmouseover="this.src='http://funkyimg.com/u2/4887/922/512112_png.png'" src="http://funkyimg.com/u2/4887/922/512112_png.png" onmouseout="this.src='http://funkyimg.com/u2/4887/922/512112_png.png'" title ="0" /*Рейвенкло*/> <img onmouseover="this.src='http://funkyimg.com/u2/4887/921/278370_png.png'" src="http://funkyimg.com/u2/4887/921/278370_png.png" onmouseout="this.src='http://funkyimg.com/u2/4887/921/278370_png.png'" title ="0" /*Слизерин*/> 
      </div>
      <div class="slide">
<p>
Ut sodales dapibus finibus. Sed vel dui at arcu maximus viverra ut nec ipsum. Aliquam in augue elementum, vestibulum nulla vel, elementum arcu. Praesent imperdiet velit at velit faucibus molestie. Phasellus et mi at augue tempus rutrum eget eu mi. Pellentesque at neque elementum, faucibus sem non, posuere tortor.
</p>
      </div>
      <div class="slide">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nunc sapien, aliquam ut velit non, pellentesque accumsan nisi. Ut sodales dapibus finibus. Sed vel dui at arcu maximus viverra ut nec ipsum. Aliquam in augue elementum, vestibulum nulla vel, elementum arcu. Praesent imperdiet velit at velit faucibus molestie. Phasellus et mi at augue tempus rutrum eget eu mi. Pellentesque at neque elementum, faucibus sem non, posuere tortor.
</p>
      </div>
    </div>
  </div>
  <!-- Slideshow HTML -->
</div></div>

+8

7

http://images.vfl.ru/ii/1557147956/be14dbde/26437746.jpg

https://i.imgur.com/ImGdVSi.jpg
https://imgur.com/ImGdVSi

Просто дизайн.

Ничего особенного, никаких красивостей или вау-эффектов, просто базовая оболочка для тестовика или для форума на начальной стадии.

Мобильной версии нет, объявления нет, ничегошеньки из дополнений нет.  Так и живем.
Первое доп. окошко оформлено вот таким вот светлым, остальные - никак не затронуты.

Пожалуйста, не используйте его как основу для своих дизайнов.

CSS + простые стрелочки

style.css

Код:
/* A1 Import the colour scheme */
@import url(style_cs.css);

@media screen and (orientation: portrait), screen and (max-width: 720px) {
.post-box .post-content { font-size: 2.2em !important; }
.punbb textarea { font-size: 2.2em !important; }
}


/* A2 Deal with browser defaults and wonkiness */
/* A2.1  */
html, body {margin: 0; padding: 0}


/*** ФОН  ***/
html, body { 
background: url(http://images.vfl.ru/ii/1557148114/611db142/26437775.jpg) 50% 0% repeat;
background-color:#0b1911;}


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

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

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

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

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

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


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

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

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

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

.punbb th, #pun-about .container {font-weight: normal; background-color: transparent; text-transform: lowercase;}
.punbb th {font-size: 10px !important;  font-family: Tahoma, arial;}
#pun-about .container {font-size: 10px;}


/* 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 {
width: 932px;
margin: 0px auto 30px; 
padding: 0px 30px 20px 30px;
background: url(http://images.vfl.ru/ii/1557147956/be14dbde/26437746.jpg) 50% 0% no-repeat, url(http://images.vfl.ru/ii/1557148609/96f708c5/26437887.jpg) 50% 100% no-repeat, url(http://images.vfl.ru/ii/1557148022/22bb3e3a/26437763.jpg) 50% 0% repeat;
background-color:#d8ccb5; 
}


/* A5.2 */
.punbb {float: left; width: 100%; height: auto;}

/* A5.3 страница переадресации */
#pun #pun-redirect{
  border:0 none!important;
  background-image: url(http://images.vfl.ru/ii/1557148114/611db142/26437775.jpg) !important;
  margin: auto; padding:0;
  left:0; right:0; top:0; bottom:0; position:fixed;
  width:100%; height:100%; text-align:center;}
#pun-redirect *{border:0 none; margin:0; padding:0;}
#pun-redirect .main-title {display:none;}
 
#pun-redirect.punbb .info .container{
  height:200px; width:400px; text-align:center;
  margin:auto!important; padding:0;
  left:0; right:0; top:0; bottom:0;
  position:absolute; font-weight:bold; display:block;
  background: transparent!important;     color: #c7b499 !important; }

#pun-redirect.punbb .info a{color:#829271; font: italic normal 400 12px/normal Tahoma, Georgia;}
#pun-redirect.punbb a:hover{color:#7d9c5c !important;}


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

/* A5.5 */
.punbb .category {margin-top: 0.4em; padding-bottom:1.2em;}
.punbb .post {margin-top: 4px;}

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {margin-top: 0;}
/* .punbb #pun-category1, .punbb #pun-category2, .punbb #pun-category3, .punbb #pun-category4, .punbb #pun-category5, .punbb #pun-category6 { padding-bottom:1.2em; } */

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

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

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



/*****B - MAIN CONTENT - GENERAL*****/
/* B1 Parsed Content, Signatures and Scroll Boxes */
/* B1.1 */
.punbb .post-content {padding: 0; margin: 0; width: 100%; overflow: hidden;}

/* B1.2 подпись */
.punbb .post-sig dt {display: block; 
width: 70%; margin: 10px auto;
border: 0; height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), #b99970, rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), #b99970, rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), #b99970, rgba(0,0,0,0));
background-image: linear-gradient(left, rgba(0,0,0,0), #b99970, rgba(0,0,0,0)); }

.post-content .post-sig p {font-size: 0.85em !important;}

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

/* B1.4 */
.punbb .post-content img {vertical-align: text-bottom;}
.punbb .post-content img.postimg {margin: 0.2em 0px !important;}

/* B1.5 */
.punbb .post-content img.postimg {vertical-align: middle; height:auto; width:auto; max-width:100%;}

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


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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {margin: 0.5em 0.3em 0.9em; padding: 1em;}


/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
    padding: 0.5em;
    margin: -0.5em -1em 0.8em -1em;
    font-size: 1em;
    font-weight: 400 !important;
    font-style: normal;
    font-family: Georgia, Tahoma, serif;
    text-align: center;
    color: #96642d;
    text-shadow: 1px 0px 1px #bfac91;
    text-transform: uppercase;
    border-bottom: 1px dashed #bfa681;
}



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

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

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


/* B3 Pagination and posting links */
/* B3.1 */
.punbb .linkst {float: left; position: relative; width: 100%; font-size: 1.2em; height: 0; font-family: Tahoma, times, Arial; }

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

/* B3.3 */
.linkst .pagelink {position: absolute; top: -4.2em; left: 1em; width: 24em;
  color: #8a5c2e;}

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

/* B3.5 */
.punbb .linksb {text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.2em; font-family: Tahoma, times, Arial; }

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

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


/*** НОМЕР АКТИВНОЙ СТРАНИЦЫ ***/
.linkst .pagelink strong, .linksb .pagelink strong {
padding: 3px 5px; }


/* B3.8 */
.subscribelink {clear:both; padding-top: 0.3em; padding-bottom: 0.5em; }
.punbb .linksb .subscribelink {font-size:12px !important;}

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

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

/*** ЛЕГЕНДА ***/
.punbb legend span, #viewprofile h2 span, .punbb-admin #pun-admain legend span {font-weight: bold; color:#8a5c2e; font-family: Georgia, Arial;}

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

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

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

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

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

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

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

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

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

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {display: block; padding: 0 12em 0 0;
  height: 100%; /* For IE */  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {width: 64%; margin: 0;}

/* C1.17 */
.punbb .hashelp {position: relative;}

/* C1.18 */
.punbb .helplinks {display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%;}

/* c1.19 */
.punbb #profile .helplinks {top: 1.5em;}

/* C1.20 */
.punbb .helplinks span {display: block; padding-bottom: 0.2em;}

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


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

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

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

/* C2.4 */
#pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl {width: 40%;}
#pun-searchtopics .main .tcl, #pun-searchtopics .main .tcr {font-size:1.1em;}

/* 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.25em; font-weight: normal; text-align:left;}

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

/* C2.12 */
.punbb .main th {border: none; padding: 0.4em 1em 0.4em 1em;}

/* C2.13 иконки */
.punbb div.icon {float: left; display:block; height:44px; width:38px; background-position: 0% 0%; background-repeat: no-repeat;}

Div.icon { height:44px; width:38px; margin: -12px 10px auto 10px; background: url(http://images.vfl.ru/ii/1557147836/37aeaa90/26437730.png) no-repeat;}
TR.inew Div.icon {background-position: -96px 0px;}
TR.iclosed Div.icon {background-position: -48px 0px;}
TR.isticky Div.icon {background-position: -144px 0px;} 

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

/* C2.14 */
.punbb td div.tclcon {
margin-left: 0px; 
padding: 2px 12px 15px; 
font-size: 1em;   } 


/*** ОФОРМЛЕНИЕ ГЛАВНОЙ СТРАНИЦЫ ***/
#pun-index #pun-main td div.tclcon {
margin-top:10px;
border: 1px solid #b59d7c;
box-shadow: 0px 2px 5px 0px rgba(183, 160, 129, 0.5);
font-size:1.1em;
}

#pun-index .main .tc2, #pun-index .main .tc3 {font-family: times, Arial, tahoma; font-size: 1.3em; color: #906b45;}



/*** ИКОНКИ НА ГЛАВНОЙ ***/
#pun-main .category td div.tclcon {margin-left: 12px; padding-top: 2px; text-align:justify;}
#pun-main .category Div.icon {float: left; display:block; border-style:none; 
height:44px; width:38px; 
margin-top: 8px;
margin-left:20px;
background-repeat: no-repeat; 
background: url(http://images.vfl.ru/ii/1557147836/37aeaa90/26437730.png) transparent; 
background-position: 0px 0% !important; }
#pun-main .category TR.inew Div.icon{background-position: -144px 0px !important;}



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

/* C3.2 ДАТА ПОСТА */
.punbb .post h3 {border-style: none; border-width: 0px;
color: #6d421e;
text-shadow: 0 0 1px #bba181;
font-size: 10px;
margin:auto -10px;
}

/*** C3.3 ДАТА ПОСТА ***/
.punbb .post h3 span {
padding: 5px 10px;
display: block;
text-align: center;
background: rgba(158, 112, 55, 0.1);
}

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

/* C3.5 */
.punbb .post .post-author {float: left; margin-top: 1em; margin-left:0px; overflow: hidden; text-align:center; }


/*** БЛОК ПОЛЬЗОВАТЕЛЯ ***/
.post-author { width: 216px;
color: #b79e80;
box-shadow: 0px 0px 3px 0px #3a2710, 0 0 7px 1px #b1803b;
background: url(http://images.vfl.ru/ii/1557148114/611db142/26437775.jpg) 50% 0% repeat #0b1911;
border: 2px solid #2f1804;
border-radius: 6px;
}



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

/* C3.7 */
.punbb .post h3 {background: transparent;}

/*** C3.8 НИКНЕЙМ ***/
.pa-author { text-align: center; 
font-weight: 400;
font-family: Georgia, Tahoma, serif; 
font-size: 1.6em;
padding-top:22px !important; 
margin-bottom: 4px; 
font-variant: small-caps;
letter-spacing: 1px;
color:#b98f5c;  }

.pa-author strong {font-weight: 400;}


/* C3.9 */
li.pa-title {padding: 2px 0 8px 0;
font-weight:400; font-size: 11px; font-family: Tahoma, Arial; font-style: italic;}

li.pa-online {line-height: 0.8em; border-left-style: none; margin-top: 0.7em;}
li.pa-online strong {font-style: italic; font-weight: 400 !important; font-family: Georgia, Tahoma, serif;}

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

/* C3.12 */
.punbb .post-box {padding: 1.8em 1em 1em 2.4em;}
#profile .post-box {padding-right: 0em !important;}

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

/* C3.14 */
.punbb .post-links {margin-left: 19em; border-left-style: none; border-left-width: 0px; border-color: transparent; font-weight:600;
font-family: Georgia, Tahoma, Arial;
color: #584735;  }

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

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

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


/* C6 Profile */
/* C6.1 */
#profile .container {padding-left: 18.6em;}

/*** C6.2 БЛОК ВЫБОРА ВКЛАДОК ***/
#profilenav {
float: left; display: inline; width: 14em;
margin-left: -16.3em; padding-top: 1em;
text-align: center;
background: rgba(220, 209, 192, 0.35);
color: #5a340b;
border: 3px double #bfa681;
box-shadow: inset 0px 0px 5px 0px #c3ac89;
}

/* C6.3 */
#profilenav li {padding-bottom: 0.8em; font-weight: bold;}

/* C6.4 */
#viewprofile ul, #profilenav ul {border-style: none; border-width: 0px; border-color: transparent; padding: 1em 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;}

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

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

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

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

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

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


/*** РАМКА И ТЕНЬ ДЛЯ АВАТАРКИ ***/
 .pa-avatar img, .punbb img.avatardemo, #profile-left img{ 
border: 3px double #2f1804; }
.pa-avatar img {max-width: 190px; max-height:300px; margin: 0px auto 6px auto; box-shadow: 0px 0px 6px #000; }

/*** РАДИУС У АВАТАРОК ПРИ ССЫЛКАХ ***/
.punbb .user-avatar img.ava {border-radius:50% !important;}



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


/*****D - PUNBB SECTIONS OTHER THAN MAIN CONTENT*****/
/* D1 Logo and description */
/* D1.1 */
#pun-title {margin: 0; border-style: none; border-width: 0px;}

/* D1.2 название форума */
#pun-title h1 {display: none; height: 20px; padding: 2em 1em 0 1em;}

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

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

#pun-title table {border:none; width:auto; margin: auto; height:140px;}

#pun-title td.title-logo-tdl {border:none; width: 100%;}
#pun-title td.title-logo-tdr {border: none; vertical-align: top; top: 0px; left: 5%; margin-top: 0px; position: absolute;}



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

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

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

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

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {position:relative; margin: 0;}
#pun-pagelinks li a span {display:block; margin: 0 1em;}

/* D3 Forum navigation */
/* D3.1 */
#pun-navlinks, #pun-navlinks .container {border-left: none 0px; border-right: none 0px; text-align:center; 
font-family: Georgia, Tahoma, Arial, serif; 
margin-bottom:10px; 
font-weight:400; 
}

/* D3.2 */
#pun-navlinks .container {margin: 10px auto auto;}

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

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

/* D4 User links */
/* D4.1 */
#pun-ulinks  {margin-top:0;}

/* D4.2 */
#pun-ulinks .container {
margin: auto auto 28px auto; 
text-align: center;
text-transform: lowercase;
font-size: 12px; 
font-family: Arial, times, tahoma; }

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

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

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {border-left-style: none; border-left-width: 0; padding-left: 0;}

/* D5 Welcome box and Top Breadcrumbs */
/* D5.1 */
#pun-status, #pun-status .container {border-bottom: none; margin-bottom: 0; margin-top:1em; }

/* D5.2 */
#pun-status .container {
padding: 0em 1em 0.7em 1em; 
font-size: 1em;
}

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

/* D5.4 */
#pun-crumbs1 {
font-weight: 600;
font-size: 1.1em;
overflow: hidden;
margin-top: 0;
color: #8c6646;
font-family: Arial, Tahoma, serif;
}

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

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

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

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

/* D6.3 */
#pun-announcement .container {background: transparent; padding: 0px 20px 0px 20px;  margin-top: 0px; }

/* 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: none; border-top-width: 0px; float: left; width: 100%; line-height: 130%;}

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

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

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

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

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

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

/* D8.6 */
#pun-crumbs2 {
font-weight: 600;
font-size: 1.1em;
overflow: hidden;
margin-top: 0;
color: #8c6646;
font-family: Arial, Tahoma, serif;
}

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

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

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

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

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

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

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

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

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

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

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


/*** ЦВЕТ АДМИНКИ ***/
.punbb-admin #pun-admain .adcontainer, #pun-admain {background-color:#d8ccb5;}


/*** всякое ***/
.punbb #pun-main .info-box .legend, .punbb .info-box, #setmods dd, #viewprofile li div, #viewprofile li strong, .punbb .formal fieldset .post-box, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .post .container, .punbb .main .container {background: transparent}

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

.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 {width:100%; display:block; border-color: transparent; margin:auto; text-align:center;}
.punbb .main h1 {width:98%;}

.punbb td, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table {border: none;}

#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 .formal fieldset .post-box, .punbb .info-box {border: transparent;}
.punbb .divider {border-color: transparent;}
#pun-main div.catleft, #pun-main div.catright {display: none}
#post-preview, fieldset {min-width:0;}
.punbb .post-content .quote-box + p:first-line { line-height: 150%; }
#topic-users-in a:after {content: ',';}
#topic-users-in a:last-child:after {display: none;}


/*** ГРАНИЦЫ ТАБЛИЧЕК ***/
.punbb .post-content td {border: 0px none transparent !important;}


/*** ПЕРЕМЕЩЕНИЕ СООБЩЕНИЙ - РАЗДЕЛИТЕЛЬ ***/
div.Select_Topics .container tr { border-bottom: 1px solid #c5ad8a; }


/*** ФОН ДЛЯ ВЫСКАКИВАЮЩИХ ОКОН ***/
.inner, #pun_wrap #post .container[id$="-area"], #video-area-tinp, #image-area-tinp, .pun-modal .modal-inner {
outline:none;
border: 1px solid #ab9171 !important;
background: #d2c6ae;
box-shadow: inset 0 0 4px #d2ba8b;
}

#pun_wrap #post .container[id$="-area"] {max-height:260px; overflow:auto;}

#pun-report .bg, #pun-reputation .bg, #pun-admin-award-form .bg {
display: none; position: fixed; z-index: 10; width: 100%; height: 100%; left: 0;top: 0;
background: #11150f !important; opacity: .65; filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; cursor: pointer; }


/*** РЕЙТИНГ ПОСТА ***/
div.post-rating a, div.post-vote a, .post-rating p.container {font-weight:normal; font-size:0.8em;}


/*** ЗАПЛАТКИ ДЛЯ ЗАКЛАДКИ ***/
#MyBookmarks .container, .editBookmark, #MyBookmarks h2, #MyBookmarks h1 {background: url(http://images.vfl.ru/ii/1557148022/22bb3e3a/26437763.jpg) 50% 0% repeat #d8ccb5; 
border: 1px solid #855b29;
box-shadow: 0px 0px 5px #c19a6a inset;}
#MyBookmarks {max-height: 300px; margin-top: 5%;}
#BookmCntToggle.default-style {color: #535f18 !important;}


/*** тень для ЛС ***/
span.num_msg, span.num_msg:before {text-shadow: 2px 1px 1px #000 !important;}


/*** ЗАПЛАТКА ДЛЯ ПЛАВАЮЩЕГО БЛОКА ***/
.punbb .main .tcr span { overflow: hidden; display: block;}


/***  ЗАПЛАТКА ДЛЯ ПОЛЯ ОТВЕТА ***/
textarea#main-reply {
margin: 0 auto !important;
padding: 0.75em;
box-sizing: border-box;
overflow: auto;  
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}


/*** Фикс против расплывающейся репутации ***/
#pun-respect .tc3 {
  position: relative;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word; }



/***   ПОЛЕ С ЛЗ   ***/
.pa-fld1 {
background: #d0c2a8;  color: #3c2707;
box-shadow: 0px 1px 5px 0px #000, inset 0 0 3px #442504, inset 0 0 7px 2px #945a12;
border: 2px solid #2f1804;
border-radius: 6px;
padding: 0.8em 0.5em !important;
margin: 0.1em auto 0.8em auto !important;
text-align:center; }
.pa-fld1 a {color:#9c1212 !important;}

style_cs.css

Код:
/*** ЦВЕТ ТЕКСТА НА ФОРУМЕ***/
#pun {color:#3c2707;}


/*** ТЕЛО ПОСТА ТЕКСТ ***/
.post-box { font-size: 1.2em; text-align: justify; }



/*** ПОЛЕ ОТВЕТА ***/
.punbb textarea {
padding: 0.7em; outline: none;
font-size: 0.9rem !important;
color: #2d2720;
border: 1px solid #a88a66;
box-shadow: 0px 0px 6px #b99e7b inset;
border-radius: 6px;
background: rgba(239, 234, 220, 0.25);
}




/*** КАТЕГОРИИ ВНУТРЕННИЕ ***/
.punbb .main h1, .punbb .main h2, #pun-debug h2,
.punbb-admin #pun-admain h2 {
padding: 0.4em;
text-align: center !important;
font-weight: 400;
font-size: 16px !important;
font-style: italic;
font-family: Georgia, Tahoma, Arial, serif;
color: #861a16;
background: transparent url() 50% 50%;  }



/*** КАТЕГОРИИ НА ГЛАВНОЙ ***/
#pun-index .category h2, #post-form h2, #pun-stats h2 {
padding: 20px 0 38px 0;
margin-bottom: -28px;
text-shadow: 0px 1px 1px #adaf85;
color: #b32929;
font-family: Georgia, Tahoma, Arial;
font-size: 15px !important;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
letter-spacing: 1px;
background: url(http://images.vfl.ru/ii/1557147909/678a96c0/26437740.png) 50% 100% no-repeat transparent;
}


/*** НАЗВАНИЯ ФОРУМОВ НА ГЛАВНОЙ  ***/
.punbb .main .tcl h3 {
margin:0.5em auto; 
padding: 0;
font-family: Georgia, Times New Roman, Arial; 
font-weight: 400;  }

#pun-main .category .container table .hasicon .alt1 .tcl .intd .tclcon h3 a, #pun-main .category .container table .hasicon .alt2 .tcl .intd .tclcon h3 a {
font-size: 1.2em;
font-weight: 500;
color: #525923 !important;
text-shadow: 0px 1px 1px #adaf85;  }



/*** ПРИВЕТСТВИЕ   КОПИРАЙТ   ФОРУМ-ТЕМ-СООБЩЕНИЙ ***/
#pun-status .container, #pun-about .container {color:#966f46; font-family: Tahoma, arial, serif;}
.punbb th { color:#a78865; }



/*** ТЕМУ ПРОСМАТРИВАЮТ ***/
#pun-title, #pun-title .container, .punbb .modmenu .container {background-color: transparent; color: #8a5c2e; }



/*** ЦИТАТА И КОД ***/
.punbb .quote-box, .punbb .code-box { 
outline: none;
background: rgba(220, 209, 192, 0.35);
color: #5a340b;
border: 3px double #bfa681;
box-shadow: inset 0px 0px 5px 0px #c3ac89;  }

.punbb .quote-box {font-size: 1em;}
.punbb .code-box {    
font-size: 0.9em;
outline: none;
color: #a07b44;  }



/*** МОДЕРАТОРСКОЕ МЕНЮ    ПОЛЯ ВВОДА ***/
.punbb input, .punbb select, .punbb optgroup {
outline: none; padding: 5px;
background-color: #dacdb4;
color: #2b2114;
border: 1px solid #987b54; }



/*** ССЫЛКИ НА ФОРУМЕ  ***/
.punbb a, .punbb a:link, .punbb a:visited { color: #445f0f; }


/*** ССЫЛКА ДАТА ПОСТА ***/
.punbb .post h3 span a { color:#845b2e; }


/*** ССЫЛКИ АКТИВНЫ ***/
.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:#8c2313; }


/*** ССЫЛКИ В ТЕЛЕ ПОСТА ***/
.post-box a { color: #4c6912; text-shadow: 0 0 1px #b1a280;}


/*** НАВИГАЦИЯ  ***/
#pun-navlinks a {
text-decoration: none;
color: #525923 !important;
text-shadow: 0px 1px 1px #adaf85;}


/*** ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ ***/
#pun-ulinks a {
color: #a57843;
text-decoration: none;
text-shadow: 0px 0px 1px #bfae94; }


/*** НАВИГАЦИЯ ПРИ НАВЕДЕНИИ ***/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #906a25 !important; text-shadow: 0px 1px 1px #c5a874;   }


/*** ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ ПРИ НАВЕДЕНИИ ***/
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { 
color:#ab9069; text-decoration: none; }


/*** ВКЛАДКА АКТИВНА ***/
#pun-main li.isactive a, #pun-main li.isactive a:link, #pun-main li.isactive a:visited { color:#a72a0e; }


/***  КАРТИНКА ПЕРЕД СТАТИСТИКОЙ  ***/
#pun-stats ul.container { 
background: transparent url(http://images.vfl.ru/ii/1557147836/37aeaa90/26437730.png) no-repeat -144px 10%; margin-left: 30px; padding-left: 54px; } 


/***  ЦВЕТНОЕ ВЫДЕЛЕНИЕ ТЕКСТА  ***/
::selection { background: #536123; color: #d8d3c7; }  
*::-moz-selection { background: #536123; color: #d8d3c7; }


/*** ЦВЕТНОЙ СКРОЛЛ ***/
*::-webkit-scrollbar {width:8px; height:8px; background:rgba(167, 137, 99, 0.2);}
*::-webkit-scrollbar-thumb {background:#a1815b; border-radius:4px;}
*::-webkit-scrollbar-corner {background: transparent;}


/***  Убрать Закрыто и Важно  ***/
.stickytext,.closedatafield {display:none;}


/*** СКРЫВАЕМ НЕКОТОРЫЕ ЭЛЕМЕНТЫ ***/
li#navawards, .pl-share, .lastedit, .pa-gifts, #button-files_rusff, #pun-live-rusff, #pun-title .title-logo span, .sharelink, .pa-from, .pa-sex, .pa-age, .pa-invites { display:none !important; }



/*** КНОПОЧКИ ***/
button, .button {
border: 1px solid #ab9171 !important;
text-decoration: none;
outline: none;
padding: 7px 12px !important;
background: #d2c6ae;
box-shadow: 0 1px 5px #c1a37c, inset 0 0 4px #d2ba8b;
transition: .5s;
font-weight: 700 !important;
color: #483216 !important;
font-size: 12px !important;   }

.button:hover, .button:active { background: #e8ddc5;  cursor: pointer; }
#imageupload-left input[type=button] { width: auto !important; }


/*** немного маски профиля ***/
#mask_dialog .inner {
background: url(http://images.vfl.ru/ii/1557148022/22bb3e3a/26437763.jpg) 50% 0% repeat-y #d8ccb5 !important; background-color:#d8ccb5;  }
#My .container img {z-index: 3001 !important;}


/*** ПРОСМОТР ПРОФИЛЯ ***/
#profilenav h2 { font-family: Georgia, Tahoma, Arial, serif; }
#viewprofile h2 span, #profilenav h2 span {
font-weight: 600; font-size: 16px;
font-style: normal;
color: #525923;
text-shadow: 0px 1px 1px #adaf85; }
#profilenav a {color:#805417;}

li#profile-name, li#profile-title { font-size: 12px; color: #482f17; }
li#profile-name { font-weight: 600; font-size: 14px; font-family: times, arial; }
#profile-left { text-align:center; font-family: Tahoma, Arial; }


/*** ВЫДЕЛЕННЫЙ ТЕКСТ ***/
.post-content .highlight-text { background-color: #ec6565 !important; 
padding: 0 3px;}


/*** ПРОФИЛЬ - ССЫЛКИ ***/
.post-author a { color:#83985a !important; text-shadow: none; } 


/*** ПРОФИЛЬ - НИКНЕЙМ ***/
.pa-author a {
text-decoration: none;
color: #dcb57b !important;
text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.75) !important;  }

/*** ПРОФИЛЬ - НИКНЕЙМ ПРИ НАВЕДЕНИИ ***/
.pa-author a:hover { 
text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.75), 0px 0px 8px rgba(220, 239, 203, 0.8) !important;  }

/*** ссылки под сообщением ***/
.punbb .post-links a {color: #8a5d3a;}
.punbb .post-links a:hover {color: #ad8566;}

Стрелки:

Код:
<!--------- Cтрелочки Вверх Вниз страницы --------->
<div style="position:fixed;z-index:1003; right :0.5%; bottom: 25%;">
<a href="#top" onclick="window.scrollTo(0,0); return false;" title="Вверх страницы"><img src="http://images.vfl.ru/ii/1557149708/510dc8fe/26438047.png" alt="Вверх"></a>
<br/>
<a href="#top" onclick="window.scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы"> <img src="http://images.vfl.ru/ii/1557149733/d49fa868/26438049.png" alt="Вниз"></a>
</div>
<!---------Конец Cтрелочки --------->

Отредактировано Шиповник (14.05.2019 15:58:18)

+10


Вы здесь » Photoshop: Renaissance » Мастерская дизайнов » Бесплатные готовые дизайны


Рейтинг форумов | Создать форум бесплатно © 2007–2019 «QuadroSystems» LLC