24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

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

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


Вы здесь » COLOR MATE » Cтудия дизайна » Бесплатные шаблоны/стили


Бесплатные шаблоны/стили

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

1

Некогда у нас была тема Отдам дизайн, и всё бы хорошо, если бы она не была набита левыми постами, а поиск шаблона не занимал бы так много времени. Для оптимизации и легкого нахождения шаблонов в этой теме публикуются только шаблоны, никаких постов с благодарностью/вопросами/уточнениями. Не публикуйте сюда шаблоны за рекламу - это тоже продажа дизайна, только исходники шаблонов.

0

2

скрин

http://s002.radikal.ru/i197/1106/5d/804db491473b.png

Автор: Вафля

структура
Код:
/*************************************************************
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: 100.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: 1.1em;
  }

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

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

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

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

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

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


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

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

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


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

/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  width : 800px;
  float: center;
  padding: 0px;
  }

/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  }

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

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

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

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

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

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none;
  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;
  border-width: 0 1px 1px 0;
  }


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* C2.14 */
.punbb tbody.hasicon td.tcl {
  padding-left: 3.2em
  }

/* C2.15 */
.punbb div.icon {
  float: right;
  display: block;
  width: 120px;
  height: 120px;
  padding-top: 1px;
  margin-top: 1px ;
 
 }

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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


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

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

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

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

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

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

#pun-title table {
	border: none;
	height: 40px;
	width: 100%;
}

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

#pun-title td.title-logo-tdr {
	border: none;
	width: 468px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* D4.1 */
#pun-ulinks  {
  margin-top: 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-bottom: 0;
  }

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

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

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

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

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: 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;
  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: none;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

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

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

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

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

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

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

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

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

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

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

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: none;
  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-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; left: 470px; top: 0px;}

/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
background-color: #c0c9b6;
background-image: url(https://forumupload.ru/uploads/000d/7e/6a/139-1-f.png); 
background-attachment: fixed;
background-position: top center;
}


/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: #c0c9b6;
  color: #212f11;
  }



/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: #c0c9b6;
  color: #212f11;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-image: url("https://forumupload.ru/uploads/000d/7e/6a/139-4-f.png");
  background-repeat: no-repeat; 
  background-position: top center; 
  color: #91a47a;
  height: 50px;
  font-style: bold;
  text-align: center;
  font-size: 11px;
  Font-Family: verdana;
  font-weight: bold;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #c0c9b6;
  color: #212f11;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #c0c9b6;
  color: #212f11
  }

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #c0c9b6;
  color: #212f11
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: #c0c9b6;
  color: #212f11;
  }

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #c0c9b6;
  color: #212f11
}

#pun-title .title-logo {background-image : url("https://forumupload.ru/uploads/000d/7e/6a/139-2-f.png");
background-repeat : no-repeat; height : 500px; width : 800px; }

#pun {background-color: #c0c9b6;}

#pun-title .title-logo span {display: none;}


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

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

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

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

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

/* CS2.5 */
.punbb th {
  border-color: #c0c9b6
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #C2B598 #C2B598 #C2B598 #C2B598;
  }

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

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

.punbb .divider {
  border-color: #c0c9b6 #c0c9b6 #c0c9b6 #c0c9b6
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #c0c9b6
  }

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

.punbb .post-sig dt {
  border-top-color: #c0c9b6 !important;
  }


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

/* 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: #91a47a;
  font-weight: bold;
  border-bottom: 1px none #c0c9b6;
  text-decoration: none;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #A79E8E
  }

/* 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: #91a47a;
  font-weight: bold;
  border-bottom: 0px none #000;
  text-decoration: bold;
  background-color: #c0c9b6
  }

/* CS3.3 */
#pun-navlinks a {
  color: #91a47a;
  font-weight: bold;
  border-bottom: 0px none #000;
  text-decoration: bold;
  }

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

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #c0c9b6;
  color: #91a47a;
  }

/* CS4 Post status icons
 -------------------------------------------------------------
/* C2.15 */
.punbb div.icon {background-image : url(https://forumupload.ru/uploads/000d/7e/6a/140-2.png);
background-repeat: no-repeat;
  float: right;
  display: block;
  width: 100px;
  height: 100px;
  padding-top: 1px;
  margin-top: 1px; 
}

TR.inew Div.icon {
background-image : url(https://forumupload.ru/uploads/000d/7e/6a/140-1.png); background-repeat: no-repeat; height : 100px; width : 100px;
}
TR.isticky Div.icon {
background-image : url(https://forumupload.ru/uploads/000d/7e/6a/139-5.png); background-repeat: no-repeat; height : 100px; width : 100px;
}
TR.iclosed Div.icon {
background-image : url(https://forumupload.ru/uploads/000d/7e/6a/140-3.png); background-repeat: no-repeat; height : 100px; width : 100px;
}
TR.iredirect Div.icon {
background-image : url(https://forumupload.ru/uploads/000d/7e/6a/140-3.png); background-repeat: no-repeat; height : 1-0px; width : 1-0px;
}


#pun-about p.container { background-image: url("https://forumupload.ru/uploads/000d/7e/6a/139-3-f.png"); 
background-repeat : no-repeat;
width: 775px; height: 200px;  }

0

3

скрин

[реклама вместо картинки]

Автор: Jerry

структура
Код:
/* A1.1 */
@import url(style_cs.css);

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

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

.punbb img {
  border: none
  }

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

/* A2.4 */

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

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

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


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

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

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

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

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

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

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

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

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

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

/* 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;
  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;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }


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

/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  }

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

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

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

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

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

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

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

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

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

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

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
background-color: transparent;
  text-align: 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: 60%;
  white-space: normal;
  }

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

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

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

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

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

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

    * html .tclcon {height: 1px}

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

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

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


/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {

}

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {

  }

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

  }

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

  }

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

  }

.punbb .divider {
  border-color: #ffffff;

  }

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

  }

li.pa-online {
  border-left-color: #ffffff;

  }



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* C3.16 */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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


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



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

#pun-title td.title-logo-tdr {
border: none;
width: 468px;
}

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

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

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

#pun-ulinks  {
  margin-top: 0;
  }

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

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

/* D4.4 */
#pun-navlinks li a {
  padding: 0 0.3em 0 0.6em
  }

/* D4.5 */
#pun-navlinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }

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

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

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

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

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

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

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

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

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

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

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

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

/* D7.1 */
#pun-stats .container {
  padding: 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: 0px;
  float: left;
  width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 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: solid;
  border-bottom-width: 0px;
  font-size: 1.1em;
  }

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

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

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

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

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

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
цвета
Код:
html, body {
text-shadow: 1px 1px 1px #6d4133;
background-color: #4e2510; 
font-family: Verdana, Times New Roman; 
font-size: 14px; 
line-height: 10px; 
margin: 0; 
padding:0px;
color: #cebdcb
}

a {
color: #cebdcb;
font-size: 10px;
padding:5px;
}

a:hover {
background: #8f5037;
padding:5px;
}

.code-box, pre, blockquote {
width : 600px;
background: #8f5037;
padding:10px;
text-align: justify;
}

textarea, select {
text-shadow: 0px 0px 1px #6d4133;
background: #8f5037;
padding:5px;
}

input{
background: #8f5037;
padding:4px;
}

#pun {
background-image: url("http://img202.imageshack.us/img202/9259/74450638.jpg"); background-repeat: repeat;
background-color: #89482f;
margin: 0px auto auto auto;
width : 900px;
}

#pun-navlinks .container, #pun-ulinks .container {
font-family: Arial; 
font-size: 11px;
padding:2px;
text-align: center;
}
хтмл верх
Код:
<!-- Логотип и фон -->
<div style="background-image:url('http://img718.imageshack.us/img718/1282/14840577.jpg');background-repeat: no-repeat; background-position: center top; height:506px; width:900px; top:0px;"></div>
<style>#pun_wrap {background-image: url("http://img689.imageshack.us/img689/4687/31612140.jpg"); background-repeat: no-repeat; background-position: center top}</style>
<!-- Конец -->

<style type="text/css"> 
TR.inew Div.icon {
background-image : url(http://xmages.net/storage/10/1/0/a/5/upload/0c9d9a69.png);
background-repeat: no-repeat;}
.punbb table TR.inew Div.icon {float: left; display; none; border-style: none none none none; height: 60; width: 60px; padding:4px;}
</style>
<style type="text/css"> 
Div.icon {
background-image : url(http://xmages.net/storage/10/1/0/a/5/upload/2ef8d2ce.png);
background-repeat: no-repeat;}
.punbb table Div.icon {float: left; display; none; border-style: none none none none; height: 70px; width: 60px; padding:4px;}
</style>
<center>
<TABLE width="860" border="0" cellpadding="0" cellspacing="0">
<TR>
<TD valign="top" width="860">
хтмл низ
Код:
</TD>
</TR>
</TABLE>

0

4

скрин

http://i034.radikal.ru/1107/d8/c762c4576b0a.jpg

Автор: ende.

структура
Код:
/* Design (с) шмеля aka e l l e, июль 2011.
Данный дизайн находится в свободном использовании. Пожалуйста, не убирайте копирайты автора и не используйте элементы дизайна (графика, код) отдельно друг от друга.*/

/*************************************************************
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;
  background-position: top center;
  background-repeat: no-repeat;}

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

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

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

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

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

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

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

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

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

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


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

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

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


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

/* A5.1 */
#pun {
  border-radius: 0 0 50px 50px;
  -webkit-border-radius: 0 0 50px 50px;
  -moz-border-radius: 0 0 50px 50px;
  margin: 432px auto 30px auto;
  width: 846px;
  position: relative;
  padding: 0 30px;
  }

/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  }

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

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

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

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

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

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

/* A5.9 */
.punbb .container {
  border-style: none;
  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;
  border-width: 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 none #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 {
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 2em;
  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: none;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

/* C1.4 */
.punbb fieldset {
  border-style: none;
  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 {
  text-align: center;
  width: 10%;
  }

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

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

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

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

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

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

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

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

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

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

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

/* C2.14 */
.punbb tbody.hasicon td.tcl {
  padding-left: 3.2em
  }

/* C2.15 */
.punbb div.icon {
  line-height: normal;
  float:left;
  display: block;
  width: 68px;
  height: 68px;
  background-repeat: no-repeat;
  background-position:top left;
}

/* C2.16 */
.punbb  table div.icon {
  font-size: 1.05em;
  position: static ;
  margin-top: -4px;
  margin-left:-10px;
  }

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

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

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

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

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

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

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

/* C3.7 */
.pa-author {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: 'Courier New';
  font-size: 1.1em;
  font-weight: bold;
  }

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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


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

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

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


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

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

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

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

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: none;
  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: none;
  border-width: 1px;
  }


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

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

/* D1.1 */
#pun-title {
  margin: 0 -30px 0 -97px;
  border-style: none;
  border-width: 0;
  background-position: top center;
  background-repeat: no-repeat;
  height : 300px;
  }

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

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

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

#pun-title table {
	border: none;
	height: 40px;
	width: 100%;
}

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

#pun-title td.title-logo-tdr {
	border: none;
	width: 468px;
}

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

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

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

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

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

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

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

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

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

/* D3.2 */
#pun-navlinks .container {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: 'Courier New';
  padding: 0.7em 1em;
  }

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

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

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

/* D4.1 */
#pun-ulinks  {
  margin-top: 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: none;
  border-left-width: 1px;
  white-space: nowrap;
  }

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

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }

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

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

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

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

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

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

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: none 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 none 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: none;
  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: none;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: none;
  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 {
  background-image: url(http://designelle.narod.ru/designs/r006/copyright.png);
  background-repeat:no-repeat;
  padding: 0.9em 1em;
  background-position:top right;
  height:25px;
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  }

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

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

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

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

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


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

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: none;
  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: none;
  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-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; left: 400px; top:30px;}
цвета
Код:
/* Design (с) шмеля aka e l l e, июль 2011.
Данный дизайн находится в свободном использовании. Пожалуйста, не убирайте копирайты автора и не используйте элементы дизайна (графика, код) отдельно друг от друга.*/

/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
  background-image: url("http://designelle.narod.ru/designs/r006/back.jpg");
  background-color: #939594;
}

#pun {
  box-shadow: 10px 10px 0px black;
  background-color: #f1f1f1;
  color: #252525;
  -webkit-box-shadow:10px 10px 0px black;
  -moz-box-shadow:10px 10px 0px black;
}

/* CS1.1 */
 .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #252525;
  }

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  margin: 0px 50px;
  background-color: white;
  color: black;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: 'Courier New';
  }

/* CS1.4 */
#pun-title {background-image: url("http://designelle.narod.ru/designs/r006/logo.jpg");
  background-color: transparent;
  color: #252525;
  } 
#pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #252525;
  }

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: white;
  color: #252525
  }

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

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #f1f1f1;
  color: #252525
}

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

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

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

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

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

/* CS2.5 */
.punbb th {
  border-color: #f1f1f1
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #D1D1D1 #FFFFFF #FFFFFF #D1D1D1;
  }

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

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

.punbb .divider {
  border-color: #D1D1D1 #FFFFFF #FFFFFF #FFFFFF
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #dedfdf
  }

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

.punbb .post-sig dt {
  border-top-color: #f1f1f1 !important;
  }


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

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

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #252525
  }

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

  }

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

  }

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

  }

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

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

Div.icon {background-image: url("http://designelle.narod2.ru/designs/r006/old.jpg");}

TR.iredirect Div.icon {background-image: url("http://designelle.narod.ru/designs/r006/sticky.jpg");}

TR.inew Div.icon {background-image: url("http://designelle.narod2.ru/designs/r006/new.gif");}

TR.iclosed Div.icon {background-image: url("http://designelle.narod.ru/designs/r006/closed.jpg");}

TR.isticky Div.icon {background-image: url("http://designelle.narod.ru/designs/r006/sticky.jpg");}

#pun-main div.catleft, #pun-main div.catright {display: none}
хтмл верх или объявление
Код:
<div style="
width: 370px; 
height: 150px; 
padding: 15px; 
position: absolute; 
z-index: 1; 
left: 10px; 
top: 110px;
border-radius: 50px;  
background-color: white;  
color: black;
" id="table1">

<p align="center">
Ваш текст 1
</p>
</div>


<div style="
width: 320px;
height: 100px;   
padding: 15px;
position: absolute; 
z-index: 1; 
left: 470px; 
top: 140px;
border-radius: 50px;  
background-color: white;  
color: black;
" id="table2">

<p align="center">
Ваш текст 2
</p>
</div>

+1

5

скрин

https://forumupload.ru/uploads/000e/55/96/106-1-f.jpg

Автор: Wilhelm

структура
Код:
/*************************************************************
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: 100.01%;
  }

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

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

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

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

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

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

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

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

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

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


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

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

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


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

/* A5.1 */
#pun {
  margin: 0 auto 0 auto; width: 900px;
/* padding: 0px 26px; 
  width: 848px; */
background: transparent url("https://forumupload.ru/uploads/0009/2d/79/295-5-f.png") bottom center no-repeat;
  }

/* A5.2 */
.punbb {
  float: left; width: 100%;
  width: 848px;
  padding-left: 26px; 
  height: auto;
  }

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

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

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

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

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

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

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

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 0.5em 1em;
  border-style: none ;
  border-width: 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 #4d3a26;
  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;
scrollbar-base-color: #201c13;
scrollbar-arrow-color: #504530;
  }

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

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

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

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

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

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


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

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

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

/* B3.3*/
.linkst .pagelink {
  position: absolute;
  top: -3.2em;
  left: 2em;
  width: 24em; color: #302c1c;
  }

/* B3.4*/
.linkst .postlink {
  position: absolute;
  top: -3.2em;
  right: 2em;
  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 страница 1 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left; color: #302c1c;
  }

/* 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; 
  background-color: #0c0c0a;
color: #8a745c;
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
  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;
background-color: #15120c; color: #92815d;
  }

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

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

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

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

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

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


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

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

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

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

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

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold; 
 color: #c89e54;
  text-shadow: 1px 0px 2px #120f0a;
  }

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

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

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



/* C2.14 */
.punbb td div.tclcon {
  margin-left: 75px;
padding-top: 5px;
}

/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  width: 70px;
  height: 65px;
  padding-top: 1px;
  margin-top: 1px;
background-position: center;
background-repeat: no-repeat;
}



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

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

/* C3.2 аватар и дата*/
.punbb .post h3 {
  border-style: none;
  border-width: 0px; 
  }

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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


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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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

#pun-title table {
	border: none;
	height: 440px;
	width: 900px; margin-left: -26px !important; 
 background-image: url("https://forumupload.ru/uploads/0009/2d/79/294-3-f.jpg"); 
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
}


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

/*блок баннера*/
#pun-title td.title-logo-tdr {
	border: none;
	width: 468px;
vertical-align: top;
   top: 0px;
margin-top: 0px;
position: relative; 
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.5em 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, #pun-status .container a {
  border-bottom: none;
  margin-bottom: 0; color: #2f291d;
  }

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

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

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

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

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

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

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

/* D6.2 */
#pun-announcement h2 span {
  display: none;
  }

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

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

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

/* 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: 1px;
  float: left;
  width: 100%;
  line-height: 130%; 
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: none;
  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-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em; 
  }

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

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

.punbb-admin, #pun-admain1 .adformal p, #pun-admain fieldset p{ background-color: #100f0c !important; border-left-color: #211d12 !important }
#pun-admain fieldset, .adcontainer {border-color: #1f1b12 !important; 
border-left-color: #1f1b12 !important; 
border-right-color: #1f1b12 !important; 
border-bottom: #1f1b12 !important; }

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

.table_new { padding: 10px;
background-color: rgba(22, 20, 12, 0.6);
color: #bda47a;
width : 257px;
height: 240px;
 position: absolute; 
z-index: 7;  
top: 165px; 
margin-left: 567px !important;
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
}
цвета
Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/
#pun_wrap {background: url("https://forumupload.ru/uploads/0009/2d/79/294-2-f.jpg") top center repeat-y;}
body {background: #100f0c url("https://forumupload.ru/uploads/0009/2d/79/294-1-f.jpg") fixed repeat;
}


/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #836c52;
  }
 
.punbb td.tc2, .punbb td.tc3 {
	background-color: transparent;
	color: #836c52;
}

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main .category h2 {
  background-color: transparent;
  color: #8d844a;
font-size: 14px;
font-variant: small-caps;
font-style: normal;
text-align: center;
width: 900px;
margin-left: -39px !important;
 background-image: url("https://forumupload.ru/uploads/0009/2d/79/294-4-f.png"); background-position: top center; background-repeat: no-repeat;
height: 32px;
padding-top: 8px !important;
  }

#pun-redirect h1, #pun-debug h2, .punbb .main h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #8d844a;
font-size: 14px;
font-variant: small-caps;
font-style: normal;
text-align: center;
 background-image: url("https://forumupload.ru/uploads/0009/2d/79/294-4-f.png"); background-position: top center; background-repeat: no-repeat;
height: 32px;
padding-top: 8px !important;
  }
#pun-redirect h1 {width: 100% !important}

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

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #18150d;
  color: #8d844a;
  }

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: rgba(29, 25, 17, 0.5);
    color: #9b8963;
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  background-image: url("https://forumupload.ru/uploads/0009/2d/79/294-4-f.png"); background-position: top center; background-repeat: no-repeat;
height: 30px;
padding-top: 10px !important;
  color: #5e4d29;
text-align: center;
font-variant: small-caps;
z-index: 4;

width: 900px;
margin-left: -38px !important;
  }

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

.punbb textarea, .punbb select, .punbb input {
  background-color: rgba(29, 25, 17, 0.5);
    color: #a39176;
}

.punbb .post h3 span {
  background-color: transparent;
color: #544820; border-left: #1f1b12;
}

#pun .punbb .section {background-color: transparent; }
#pun-title .title-logo span {display: none;}

#pun-ulinks .container {text-align: center;}

/* #pun-title .title-logo {height: 175px; } */

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

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

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

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

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

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

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #29251d;
  }

#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: #1f1b12 1px solid;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #1f1b12
  }

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

.punbb .post-sig dt {
  border-top-color: #4d3a26 !important;
  }


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

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

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #8d844a;   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 {
  color: #8d844a;
    border-bottom: 0px none transparent;
 text-decoration: none; 
  }

/* CS3.3 */
#pun-navlinks a {
  color: #5e4d29;
  font-weight: normal;
  border-bottom: 0px none transparent;
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #a59269;
  font-weight: normal;
font-style: normal;
  text-decoration: none;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: transparent;
  color: #a59269;  }

#pun-stats.section .statscon .container #onlinelist.item7 {display: none;} 


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


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

.linkst .pagelink, .linkst .postlink, .punbb .linksb, 
.linksb .pagelink,  .linksb .postlink, .subscribelink,
{color: #685236}

#pun-crumbs2 .container, #pun-crumbs1 .container {color: #685236}

.pa-time-visit, .pa-reg {display: none;}

div.icon {
	background: url(https://forumupload.ru/uploads/0009/2d/79/295-4.png) no-repeat;
}

tr.inew div.icon {  float: left;
  display: block;
  width: 70px;
  height: 65px;
background: url(https://forumupload.ru/uploads/0009/2d/79/295-3.png) no-repeat center;
}

tr.iclosed div.icon {  float: left;
  display: block;
  width: 70px;
  height: 65px;
	background: url(https://forumupload.ru/uploads/0009/2d/79/295-1.png) no-repeat center;
}

tr.isticky div.icon {  float: left;
  display: block;
  width: 70px;
  height: 65px;
background: url(https://forumupload.ru/uploads/0009/2d/79/295-2.png) no-repeat center;
}
хтмл верх
Код:
<div class="table_new">

Ваша информация 

</div>

0

6

скрин

http://uploads.ru/i/i/B/8/iB8VZ.jpg

Автор: Wilhelm

структура
Код:
/*************************************************************
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: 100.01%;
  }

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

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

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

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

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

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

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

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

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

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


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

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

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


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

/* A5.1 */
#pun {
  margin: 0 auto 0 auto; 
  width: 938px; 
background-color: #917a5a;
  }

/* A5.2  */
.punbb {
  background: url(http://uploads.ru/i/h/I/R/hIRPe.jpg) top center no-repeat, url(http://uploads.ru/i/t/r/S/trSXC.jpg)   bottom center no-repeat, url(http://uploads.ru/i/l/V/g/lVgyp.jpg) 50% 0% repeat-y; 
  float: left; 
  height: auto;
  padding: 0px 19px;
  width: 900px;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
  background-color: #917a5a;
  background-image: none !important; 
  float: none; 
  margin: 75px 20% 12px 20%;
  text-align: left;
  width: auto;
  }

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

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

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

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

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

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

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 0.5em 1em;
  border-style: none ;
  border-width: 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 #7b664d;
  width: 350px;
  margin: 5px 0;
  }

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

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

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

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

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

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

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

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

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

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

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


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

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

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

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -3.4em;
  left: 1em;
  width: 24em; color: #2a2218;
  }

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

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

/* B3.6 страница 1 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left; color: #2a2218;
  }

/* 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; 
  background-color: transparent;
color: #000; border: solid 1px #392111 !important;
  }

/* 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;
background-color: transparent; color: #392111;
  }

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


/* C2.14 */
.punbb td div.tclcon {
  margin-left: 100px;
padding-top: 5px;
}

/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  width: 90px;
  height: 45px;
  padding-top: 1px;
  margin-top: 1px;
background-position: center;
background-repeat: no-repeat;
}



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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

/* C4.1 блок модменю и активны*/
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right; 
  }

/* C4.2 рсс атом ники*/
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em; 
  }

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

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


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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

/* D1.4 одно названьице   шапка нормальная*/
#pun-title h1 span  {
  font-size: 1.5em; 
  }

#pun-title table {
	border: none;
	height: 464px;
	width: 938px; 
 margin-left: -19px !important;  
 background-image: url(http://uploads.ru/i/h/I/R/hIRPe.jpg); 
background-repeat: no-repeat;
background-position: top center;
background-color: transparent;
}


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


#pun-title td.title-logo-tdr {
	border: none;
vertical-align: top;
   top: 0px;
margin-top: 0px;
position: relative; 
}

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

/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
  position: absolute;
  top: 383px;
  text-align: right; width: 895px;
  }

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

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

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

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

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  position: absolute;
  top: 438px;
  text-align: right; width: 874px;
  }

/* 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, #pun-status .container a {
  border-bottom: none;
  margin-bottom: 0; color: #625139;
  }

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

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

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

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

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

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

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

/* D6.2 */
#pun-announcement h2 span {
display: none;
  }

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

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

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

/* 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: 1px;
  float: left;
  width: 100%;
  line-height: 130%; 
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: none;
  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-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em; 
  }

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

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

.punbb-admin, #pun-admain1 .adformal p, #pun-admain fieldset p{ background-color: #957f5e !important; border-left-color: #7b664d !important }
#pun-admain fieldset, .adcontainer {border-color: #7b664d !important; 
border-left-color: #7b664d !important; 
border-right-color: #7b664d !important; 
border-bottom: #7b664d !important; }

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

#button-spoiler {
    background: url("https://forumupload.ru/uploads/0009/2d/79/375-2.gif") no-repeat scroll 50% 50% transparent;}


.pa-avatar img,
.punbb img.avatardemo,
#profile-left img {
border: 3px double #392111 !important;
}

#pun-live-rusff, #pun-live-rusff-peoples {display: none}
цвета
Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/
html,body {background: #000 url(http://uploads.ru/i/h/I/R/hIRPe.jpg) top center no-repeat; }

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #392111;
  }
 
.punbb td.tc2, .punbb td.tc3 {
	background-color: transparent;
	color: #392111;
}

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main .category h2, #pun-main #post-form h2 {
background-color: transparent;
background-image: url(http://uploads.ru/i/a/6/g/a6gEI.jpg); background-position: top center; background-repeat: no-repeat;
color: #b49556;
font-size: 14px;
font-variant: small-caps;
font-style: normal;
height: 45px;
margin-left: -33px !important;
padding-top: 20px !important;
text-align: center;
text-shadow: 0 0 2px #000;
width: 938px;
  }

#pun-redirect h1, #pun-debug h2, .punbb .main h2, .punbb-admin #pun-admain h2 {
color: #b49556;
background-color: transparent;
background-image: url(http://uploads.ru/i/a/6/g/a6gEI.jpg); background-position: top center; background-repeat: no-repeat;
font-size: 14px;
font-variant: small-caps;
font-style: normal;
height: 45px;
text-shadow: 0 0 2px #000;
text-align: center;
padding-top: 20px !important;
  }
#pun-redirect h1 {width: 100% !important}

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

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #917a5a;
  color: #2f1510;
  }

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: rgba(184, 160, 110, 0.3);
color: #4e3f2b;
  }

/* CS1.8 */
#pun-navlinks .container {
background-color: transparent;
color: #5e4d29;
font-variant: small-caps;
text-align: center;
  }

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

.punbb select {background-color: #917a5a; color: #392111;}

.punbb textarea, .punbb input {
background-color: rgba(184, 160, 110, 0.3);
color: #392111;}

.punbb .post h3 span {
  background-color: transparent ;
color: #392111; border-left: #7b664d;
}

#pun .punbb .section {background-color:  transparent; }
#pun-title .title-logo span {display: none;}

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

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

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

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

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

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

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #7b664d;
  }

#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-style: none; border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #7b664d;
  }

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

.punbb .post-sig dt {
  border-top-color: #7b664d !important;}


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

/* 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: #2d0e1a;
/* text-shadow: 0px 0px 1px #978362; */
border-bottom: 0px none transparent;   text-decoration: none;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #5c2038;   text-decoration: none;
  }

#pun-ulinks li a {color: #7c613d;   }
#pun-ulinks li a:active, #pun-ulinks li a:hover, #pun-ulinks li a:focus {color: #ae9363;}

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

/* CS3.3 */
#pun-navlinks a {
  color: #7c613d;
  font-weight: normal;
  border-bottom: 0px none transparent;
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #ae9363;
  font-weight: normal;
font-style: normal;
  text-decoration: none;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: transparent;
  color: #ae9363; }
#pun-pagelinks a { color: #7c613d;}

#pun-main .linksb .pagelink a:active, #pun-main .linksb .pagelink a:focus, #pun-main .linkst .pagelink a:active, #pun-main .linkst .pagelink a:focus {
  background-color: transparent;
  color: #ae9363; }
#pun-main .linksb .pagelink a, #pun-main .linkst .pagelink a { color: #7c613d;}

#pun-stats.section .statscon .container #onlinelist.item7 {display: none;} 


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

.linkst .pagelink, .linkst .postlink, .punbb .linksb, 
.linksb .pagelink,  .linksb .postlink, .subscribelink
{color: #2a2218 !important}

#pun-crumbs2 .container, #pun-crumbs1 .container {color: #2a1c10}

#font-area, #size-area, #video-area, #color-area, #smilies-area {background-color: #917a5a}

/* CS4 Post status icons
 -------------------------------------------------------------*/
div.icon {background: url(http://uploads.ru/i/1/3/H/13HNk.png) no-repeat;}

tr.inew div.icon {  
background: url(http://uploads.ru/i/G/i/L/GiLbT.png) no-repeat center;
display: block;
float: left;
height: 45px;
width: 90px; }

tr.iclosed div.icon {  float: left;
  display: block;
  width: 90px;
  height: 45px;
	background: url(http://uploads.ru/i/h/u/w/huwRG.png) no-repeat center;}

tr.isticky div.icon {  float: left;
  display: block;
  width: 90px;
  height: 45px;
background: url(http://uploads.ru/i/F/O/C/FOCxV.png) no-repeat center;}

+1

7

скрин

http://uploads.ru/i/F/9/W/F9WEe.png

Автор: красная

структура
Код:
/*************************************************************
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: 100%;
}

/* A3.2 */
.punbb {
font: normal 68.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: 1.1em;
}

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

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

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

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

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

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


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

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

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


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

/* A5.1 */
#pun {
margin: 67px auto auto auto;
width : 750px;
padding: 0px 0px 0px 0px;
border: none;
border-top: none;
}

/* A5.2 */
.punbb {
float: left;
width: 100%;
height: auto;
}

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

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

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

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

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

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

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

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



#pun-main h2 {
padding-bottom: 12px;
font-weight: bold;
color:  #000000;
text-align: center;
font-size: 12px;
font-family: Times New Roman;
height : 12px;}



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

B - MAIN CONTENT - GENERAL

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



/* B1 Parsed Content, Signatures and Scroll Boxes

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



/* B1.1 */

.punbb .post-content {

  padding: 0;

  margin: 0;

  width: 100%;

  overflow: hidden;

  }



/* B1.2 */

.punbb .post-sig dt {

  display: block;

  border-top: 0px none #adadad;

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

  }



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

  border-width: 0px;

  margin: 0 0 1.1em 0;

  }



/* B2.2 */

.punbb .info-box * {

  padding: 0 0 0.7em 0;

  }



/* B2.3 */

.punbb #pun-main .info-box .legend {

  font-size: 1.1em;

  font-weight: bold;

  }





/* B3 Pagination and posting links

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



/* B3.1 */

.punbb .linkst {

  float: left;

  position: relative;

  width: 100%;

  font-size: 1.1em;

  height: 0;

  }



/* B3.2 */

.multipage {

  margin-top: 3em;

  }



/* B3.3 */

.linkst .pagelink {

  position: absolute;

  top: -4em;

  left: 1em;

  width: 24em;

  }



/* B3.4 */

.linkst .postlink {

  position: absolute;

  top: -4em;

  right: 1em;

  width: 16em;

  text-align: right;

  font-weight: bold;

  }



/* B3.5 */

.punbb .linksb {

  text-align: right;

  padding: 0.4em 1em 0.5em 1em;

  font-size: 1.1em;

  }



/* B3.6 */

.linksb .pagelink {

  float: left;

  width: 24em;

  text-align: left;

  }



/* B3.7 */

.linksb .postlink {

  float: right;

  width: 16em;

  font-weight: bold

  }



/* B3.8 */

.subscribelink {

  clear:both;

  padding-top: 0.3em;

  padding-bottom: 0.5em;

  }





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

C - MAIN CONTENT - SPECIFIC

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



/* C1 Form layout

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



/* C1.1 */

.punbb .formal .container {

  padding: 1.7em 2.3em 1.1em 2.3em;

  }



/* C1.2 */

.punbb .formsubmit {

  padding: 0 0 0 1.7em;

  margin: 1em 0 0 0;

  }



/* C1.3 */

.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {

  margin: 0 0.6em 0 0

  }



/* C1.4 */

.punbb fieldset {

  border-style: none;

  border-width: 0px;

  padding: 0 18px 0 18px;

  margin: 0 0 1em 0

  }



/* C1.5 */

.punbb fieldset legend {

  padding: 0;

  margin: 0 0 0 11px;

  font-size: 1.1em

  }



/* C1.6 */

.punbb fieldset legend span {

  padding: 0 5px;

  margin: 0 0 0 -15px;

  }



/* C1.7 */

.punbb fieldset fieldset {

  border-style: none;

  margin: 0;

  padding: 0 0 8px 0

  }



/* C1.8 */

.punbb .fs-box {

  padding: 1em 0 0.8em 0;

  }



/* C1.9 */

.punbb .fs-box p, .punbb .fs-box fieldset {

  padding: 0 0 0.8em 0

  }



/* C1.10 */

.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {

  float: left;

  margin-right: 1em;

  }



/* C1.11 */

.punbb .inline .infofield {

  clear:both

  }



/* C1.12 */

.punbb .datafield br {

  display: none

  }



/* C1.13 */

.punbb .required label, .punbb .datafield span.input {

  font-weight: bold

  }



/* C1.14 */

.punbb .datafield span.input a {

  font-weight: normal;

  }



/* C1.15 */

.punbb .areafield span.input, .punbb p.longinput span.input {

  display: block;

  padding: 0 12em 0 0;

  height: 100%; /* For IE */

  }



/* C1.16 */

.punbb textarea, .punbb .longinput input {

  width: 64%;

  margin: 0;

  }



/* C1.17 */

.punbb .hashelp {

  position: relative;

  }



/* C1.18 */

.punbb .helplinks {

  display: block;

  position: absolute;

  top: 1em;

  right: 0;

  font-weight: normal;

  width: 36%;

  }



/* C1.19 */

.punbb #profile .helplinks {

  top: 1.5em;

  }



/* C1.20 */

.punbb .helplinks span {

  display: block;

  padding-bottom: 0.2em;

  }


/* C1.21 */

#pun-post .formal .info-box li {

  padding-left: 4px;

  list-style-type: square;

  list-style-position: inside;

  line-height: 1.5;

  margin: 0;

  }





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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* C2.14 */
.punbb td div.tclcon {
  margin-left: 11px;
  text-align: left;
}

/* C2.15 */
.punbb div.icon {
      float: right;
      display: block;
      width: 70px;
      height: 70px;
    margin-right: 10px;
    padding-top: 0px;
    margin-top: 0px;}

/* C3 Topics

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



/* C3.1 */

.punbb .post .container {

  border-style: none none none none;

  border-width: 0px;

  margin-top: -1px;

  padding-bottom: 1px;

  }



/* C3.2 */

.punbb .post h3 {

  border-style: none none none none;

  border-width: 0px;

  }



/* C3.3 */

.punbb .post h3 span {

  padding: 0.5em 1em;

  display: block;

  margin-left: 19em;

  border-left-style: none;

  border-left-width: 0px
  

  }



/* C3.4 */

.punbb .post h3 strong {

  float: right;

  width: 5em;

  text-align: right;

  font-weight: normal;
 
  }



/* C3.5 */

.punbb .post .post-author {

  float: left;

  width: 19em;

  margin-top: -1.5em;

  overflow: hidden;

  }



/* C3.6 */

.punbb .post .post-author ul, .punbb .post .post-author p {

  padding: 0 1em 1em 1em;

  line-height: 140%;

  text-align: right;

  }



/* C3.7 */

.pa-author {

  font-size: 1.1em;

  font-weight: bold;

  }



/* C3.8 */

.pa-author a {

  text-decoration: none

  }



/* C3.9 */

li.pa-title {

  padding-bottom: 0.4em;

  font-weight: bold;

  }





li.pa-online {

  line-height: 0.8em;

  border-left-style: solid;

  border-left-width: 0.7em;

  padding-left: 0.4em;

  margin-top: 0.7em;

  }



/* C3.11 */

.punbb .post-body {

  margin-left: 19em;

  border-left-style: none;

  border-left-width: 0px;

  padding: 0 0 1px 0;
 
 padding-right: 20px;

  }



/* C3.12 */

.punbb .post-box {

  padding: 1em;

  }



/*C3.13 */

.punbb fieldset .post-box {

  margin-bottom: 0.8em

  }



/* C3.14 */

.punbb .post-links {

  margin-left: 19em;

  border-left-style: solid;

  border-left-width: 1px;

  }



/* C3.15 */

.punbb .post-links ul {

  padding: 0 1em 0 0;

  height: 2em;

  line-height: 2em;

  margin-left: -19em;

  border-top-style: none;

  border-top-width: 0px;

  background: transparent;

  text-align: right;

  }



/* C3.16 */

.punbb .post-links li {

  display: inline;

  padding-left: 1em;

  }



/* C3.17 */

.pl-email, .pl-website {

  float: left;

  }



/* C3.18 */

.punbb .clearer {

  clear: both;

  height: 0;

  font-size: 0;

  }





/* C4 Moderator menu

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



/* C4.1 */

.punbb .modmenu .container {

  padding: 0.5em 1em;

  text-align: right;

  }



/* C4.2 */

.punbb .modmenu strong, .punbb .modmenu a {

  height: 1.8em;

  line-height: 1.8em;

  }



/* C4.3 */

.punbb .modmenu .container strong {

  float: left;

  }



/* C4.4 */

.punbb .modmenu input {

  margin-left: 1em;

  }





/* C5 Message boxes

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



/* C5.1 */

.punbb .info .container {

  padding: 0.8em 1em

  }



/* C5.2 */

.punbb .info .container .backlink {

  padding-top: 0.8em;

  }





/* C6 Profile

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



/* C6.1 */

#profile .container {

  padding-left: 18.6em;

  }



/* C6.2 */

#profilenav {

  float: left;

  width: 14em;

  margin-left: -16.3em;

  display: inline;

  }



/* C6.3 */

#profilenav li {

  padding-bottom: 0.8em;

  font-weight: bold;

  }



/* C6.4 */

#viewprofile ul, #profilenav ul {

  border-style: solid;

  border-width: 1px;

  padding: 1.5em 18px 0.8em 18px;

  margin: 0 0 1em 0;

  }



/* C6.5 */

#viewprofile h2, #profilenav h2 {

  background: transparent;

  border: none;

  padding: 0 0 0 0;

  margin: 0 14px -0.6em 14px;

  }



/* C6.6 */

#viewprofile h2 span, #profilenav h2 span {

  padding: 0 5px;

  position: relative;

  }



/* C6.7 */

#viewprofile li, #setmods dl {

  padding: 0 0 0 16em;

  margin-bottom: 0.2em;

  }



/* C6.8 */

#viewprofile li span {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.5em 1em;

  font-weight: bold;

  }



/*C6.9 */

#setmods dt {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.8em 1em;

  font-weight: bold;

  display: inline;

  }



/* C6.10 */

#viewprofile li strong, #viewprofile li div, #setmods dd {

  display: block;

  padding: 0.5em 1em;

  font-weight: normal;

  }



/* C6.11 */

.punbb img.avatardemo {

  float: right;

  margin: 0 0 0.8em 1.8em

  }





/* C7 User list

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



/* C7.1 */

#pun-userlist .formal, #pun-userlist .formal .container {

  border-bottom: none;

  margin-bottom: 0;

  }



/* C7.2 */

#pun-userlist .usertable .container {

  padding: 0 2.3em 2.3em 2.3em;

  border-top: none;

  }



/* C7.3 */

#pun-userlist .usertable table {

  border-style: solid;

  border-width: 1px;

  }





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

D - PUNBB SECTIONS OTHER THAN MAIN CONTENT

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



/* D1 Logo and description

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



/* D1.1 */

#pun-title {

  margin: 0;

  border-style: none none none none;

  border-width: 0px 0px 0 0px;


  }



/* D1.2 */

#pun-title h1 {

  display : none;

  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;

  }



#pun-title table {

    border: none;

    height: 300px;

    width: 100%;

}



#pun-title td.title-logo-tdl {

    border: none;

    width: 100%;

}



#pun-title TD.title-logo-tdr {
  border: none;
  width: 468px;
  vertical-align: top;
  padding-top: 2px;
  position: absolute;
  left: 31%;
  top: 0;
}



/* D2 Page navigation

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

/* D2.1 */

#pun-pagelinks {

  position: absolute;

  top: -15px;

  left: 0;

  margin: 0;

  border: none;

  padding: 0;

  width: 100%;

  }



/* D2.2 */

#pun-pagelinks .container {

  background: transparent;

  border: none;

  padding: 0}



/* D2.3 */

#pun-pagelinks .container li {

  display: inline

  }



/* D2.4 */

#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {

  height: 2em;

  line-height: 2em;

  padding: 0;

  font-size: 1.2em;

  margin-left: -9999px;

  display: block;

  float:left;

  width: 100%;

  }



/* D2.5 */

#pun-pagelinks a:active, #pun-pagelinks a:focus {

  position:relative;

  margin: 0;
}



#pun-pagelinks li a span {

  display:block;

  margin: 0 1em

  }



/* D3 Forum navigation

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



/* D3.1 */

#pun-navlinks, #pun-navlinks .container {

  border-style: none;

  border-width: 0;

  margin: 0;
  text-align: center;
  }



/* D3.2 */

#pun-navlinks .container {
font-weight: bold;
text-align: center;
font-size: 13px;
font-family: arial;
background-color: transparent;
color: #adadad;
background-repeat: no-repeat; background-position: center;
height : 35px;
padding-top: 12px;
}



/* D3.3 */

#pun-navlinks li {

  display: inline;

  padding-right: 1em;

  }



/* D3.4 */

#pun-navlinks li a {

  font-size: 1.1em;

  }



/* D4 User links

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



/* D4.1 */

#pun-ulinks  {

  margin-top: 0;
  
text-align: center;

  }



/* D4.2 */

#pun-ulinks .container {

  border-top: none;

  margin-top: -10px;

  padding: 0.7em 1em;

  }



/* D4.3 */

#pun-ulinks li, #pun-ulinks li a {

  display: inline;

  border-left-style: solid;

  border-left-width: 1px;

  white-space: nowrap;

  }



/* D4.4 */

#pun-ulinks li a {

  padding: 0 0.3em 0 0.6em

  }



/* D4.5 */

#pun-ulinks li.item1, #pun-ulinks li.item1 a {

  border-left-style: none;

  border-left-width: 0;

  padding-left: 0

  }



/* D5 Welcome box and Top Breadcrumbs

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



/* D5.1 */

#pun-status, #pun-status .container {

  border-bottom: none;

  margin-bottom: 0;
  
  }



/* D5.2 */

#pun-status .container {

  padding: 0.8em 1em 1em 1em;
   
  }



/* D5.3 */

#pun-status span {

  white-space: nowrap;

  margin-right: 0.5em;

  }



/* D5.4 */

#pun-crumbs1 {

  font-weight: bold;

  overflow: hidden;

  margin-top: 0;

  }



/* D5.5 */

#pun-crumbs1 p.container {

  border-top: none;

  padding: 1em 1em 0.8em 1em;

  font-size: 1.1em;
  
  }



/* D5.6 */

#pun-break1 {

  margin: 0 1em;

  border-style: solid none;

  border-width: 1px 0;

  height: 0;

  margin: -2px 1em;

  position: relative;

  z-index: 1;

  }



/* D6 Announcement

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



/* D6.1 */

#pun-announcement h2 {

  padding: 0;

  margin: 0 1em -3.5em 1em;

  border-style: none none solid none;

  border-width: 0 0 1px 0;

  position: relative;

  font-weight: bold;

  display: none;

  }



/* D6.2 */

#pun-announcement h2 span {

  display: block;

  padding: 1em 0 0.8em 0;

  border-bottom-style: solid;

  border-bottom-width: 1px;

  }



/* D6.3 */

#pun-announcement .container {

  padding: 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;

  padding-left: 50%;

  }



/* D8.6 */

#pun-crumbs2 {

  font-weight: bold;

  overflow: hidden;

  margin-bottom: 0;

  border-bottom: none;

  }



/* D8.7 */

#pun-crumbs2 .container {

  border-bottom: none;

  padding: 0.8em 1em;

  font-size: 1.1em;

  }



/* D8.8 */

#pun-break4 {

  margin: -2px 1em;

  border-style: solid none;

  border-width: 1px 0;

  position: relative;

  height: 0;

  z-index: 1;

  }



/* D8.9 */

div.punbb-admin #pun-about .container {

  border-top-style: solid;

  border-top-width: 1px;

  }





/* D9 Help file

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



/* D9.1 */

#pun-help .formal .info-box h3.legend {

  border-bottom-style: none;

  border-bottom-width: 0px;

  padding-bottom: 0;

  margin-bottom: 0.8em;

  }



/* D9.2 */

#pun-help .formal .info-box h3.legend span {

  padding-bottom: 0.6em;

  display: block;

  border-bottom-style: none;

  border-bottom-width: 0px;

  font-size: 1.1em;

  }



/* D9.3 */

#pun-help .formal p, #pun-help .formal dd {

  margin-bottom: 1em

  }



/* D9.4 */

#pun-help .formal ul, #pun-help .formal dl {

  padding: 0 0 0 1em

  }



/* D9.5 */

#pun-help .formal li {

  padding: 0;

  line-height: 130%

  }



/* D9.6 */

#pun-help .formal li * {

  vertical-align: text-top

  }



/* D9.7 */

#pun-help .formal dt span {

  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace

  }



/* D9.8 */

#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {

  padding-bottom: 0;

  }

#pun-stats h2 {

display: none;

  }
цвета
Код:
/* CS1 Background and text colours
-------------------------------------------------------------
*/


#pun-title TABLE { 
background : transparent url("http://uploads.ru/i/H/I/0/HI0b6.jpg") no-repeat left top; 
 margin-left : 0px;

}

body {background-color: #140b01;
background-image : url("");
background-repeat: no-repeat;
background-position : top center;

}

#pun {
background-image : url("http://uploads.ru/i/y/U/7/yU7DE.jpg");
background-color: #e8d8cb;
background-position : center;
background-attachment : fixed;

}

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

/* CS1.3 */
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div  {
  background-color: transparent;
  color: #140b01;
  font-weight: bold;
  font-style: normal;

  }


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

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
 background-color: #e8d8cb;
  color: #140b01;
  }

/* CS1.8 */
#pun-navlinks .container, #pun-ulinks .container {
  background-color: transparent;
  color: #140b01;
  text-align: center;
  }

.offline li.pa-online strong {
  color: #140b01;
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #e8d8cb;
  color: #140b01;
}

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

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

  }

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

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

/* CS1.3 */
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
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: #140b01;
  }

#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 #dedfdf

  }

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

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


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

/* 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: #53372c;
    border-bottom: 0px none #140b01;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #140b01;
  }

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

  }

/* CS3.3 */
#pun-navlinks a {
 color: #53372c;
    border-bottom: 0px none #140b01;
  text-decoration: none;

  }

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

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #e8d8cb;
  color: #140b01;
  }


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

div.icon {
        background: url(http://uploads.ru/i/h/n/5/hn5aP.png) no-repeat; width: 70px; height: 70px;
}
tr.inew div.icon {
        background: url(http://uploads.ru/i/C/M/P/CMPaX.png) no-repeat; width: 70px; height: 70px;
}
tr.iclosed div.icon {
        background: url(http://uploads.ru/i/J/X/t/JXt5w.png) no-repeat; width: 70px; height: 70px;
}
tr.isticky div.icon {
        background: url(http://uploads.ru/i/y/o/C/yoC07.png) no-repeat; width: 70px; height: 70px;
}


#pun-stats ul.container {
   background: url(http://uploads.ru/i/y/0/7/y07YL.png) no-repeat 12px 10px;
padding-left: 87px;
}

#pun-about p.container {
background: url(http://uploads.ru/i/b/1/Y/b1Ymh.png) no-repeat; height: 80px;
margin-bottom: -50px;

}
.lastedit {display: none;}

+3

8

скрин

http://uploads.ru/i/q/x/4/qx4HU.png

Автор: moose

структура
Код:
/*************************************************************
A - SETUP
**************************************************************/

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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


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

/* A5.1 */
#pun {
margin: 0px auto auto auto;
width : 848px;
padding: 0px 0px 0px 0px;
border: none;
border-top: none;
}

/* A5.2 */
.punbb {
float: left;
width: 100%;
height: auto;
}

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

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

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

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

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

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

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

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



#pun-main h2 {
padding-bottom: 12px;
font-weight: bold;
color:  #000000;
text-align: center;
font-size: 12px;
font-family: Times New Roman;
height : 12px;}



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

B - MAIN CONTENT - GENERAL

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



/* B1 Parsed Content, Signatures and Scroll Boxes

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



/* B1.1 */

.punbb .post-content {

  padding: 0;

  margin: 0;

  width: 100%;

  overflow: hidden;

  }



/* B1.2 */

.punbb .post-sig dt {

  display: block;

  border-top: 0px none #adadad;

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

  }



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

  border-width: 0px;

  margin: 0 0 1.1em 0;

  }



/* B2.2 */

.punbb .info-box * {

  padding: 0 0 0.7em 0;

  }



/* B2.3 */

.punbb #pun-main .info-box .legend {

  font-size: 1.1em;

  font-weight: bold;

  }





/* B3 Pagination and posting links

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



/* B3.1 */

.punbb .linkst {

  float: left;

  position: relative;

  width: 100%;

  font-size: 1.1em;

  height: 0;

  }



/* B3.2 */

.multipage {

  margin-top: 3em;

  }



/* B3.3 */

.linkst .pagelink {

  position: absolute;

  top: -4em;

  left: 1em;

  width: 24em;

  }



/* B3.4 */

.linkst .postlink {

  position: absolute;

  top: -4em;

  right: 1em;

  width: 16em;

  text-align: right;

  font-weight: bold;

  }



/* B3.5 */

.punbb .linksb {

  text-align: right;

  padding: 0.4em 1em 0.5em 1em;

  font-size: 1.1em;

  }



/* B3.6 */

.linksb .pagelink {

  float: left;

  width: 24em;

  text-align: left;

  }



/* B3.7 */

.linksb .postlink {

  float: right;

  width: 16em;

  font-weight: bold

  }



/* B3.8 */

.subscribelink {

  clear:both;

  padding-top: 0.3em;

  padding-bottom: 0.5em;

  }





/*************************************************************

C - MAIN CONTENT - SPECIFIC

**************************************************************/



/* C1 Form layout

-------------------------------------------------------------*/



/* C1.1 */

.punbb .formal .container {

  padding: 1.7em 2.3em 1.1em 2.3em;

  }



/* C1.2 */

.punbb .formsubmit {

  padding: 0 0 0 1.7em;

  margin: 1em 0 0 0;

  }



/* C1.3 */

.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {

  margin: 0 0.6em 0 0

  }



/* C1.4 */

.punbb fieldset {

  border-style: none;

  border-width: 0px;

  padding: 0 18px 0 18px;

  margin: 0 0 1em 0

  }



/* C1.5 */

.punbb fieldset legend {

  padding: 0;

  margin: 0 0 0 11px;

  font-size: 1.1em

  }



/* C1.6 */

.punbb fieldset legend span {

  padding: 0 5px;

  margin: 0 0 0 -15px;

  }



/* C1.7 */

.punbb fieldset fieldset {

  border-style: none;

  margin: 0;

  padding: 0 0 8px 0

  }



/* C1.8 */

.punbb .fs-box {

  padding: 1em 0 0.8em 0;

  }



/* C1.9 */

.punbb .fs-box p, .punbb .fs-box fieldset {

  padding: 0 0 0.8em 0

  }



/* C1.10 */

.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {

  float: left;

  margin-right: 1em;

  }



/* C1.11 */

.punbb .inline .infofield {

  clear:both

  }



/* C1.12 */

.punbb .datafield br {

  display: none

  }



/* C1.13 */

.punbb .required label, .punbb .datafield span.input {

  font-weight: bold

  }



/* C1.14 */

.punbb .datafield span.input a {

  font-weight: normal;

  }



/* C1.15 */

.punbb .areafield span.input, .punbb p.longinput span.input {

  display: block;

  padding: 0 12em 0 0;

  height: 100%; /* For IE */

  }



/* C1.16 */

.punbb textarea, .punbb .longinput input {

  width: 64%;

  margin: 0;

  }



/* C1.17 */

.punbb .hashelp {

  position: relative;

  }



/* C1.18 */

.punbb .helplinks {

  display: block;

  position: absolute;

  top: 1em;

  right: 0;

  font-weight: normal;

  width: 36%;

  }



/* c1.19 */

.punbb #profile .helplinks {

  top: 1.5em;

  }



/* C1.20 */

.punbb .helplinks span {

  display: block;

  padding-bottom: 0.2em;

  }



/* C1.21 */

#pun-post .formal .info-box li {

  padding-left: 4px;

  list-style-type: square;

  list-style-position: inside;

  line-height: 1.5;

  margin: 0;

  }





/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: right;
  width: 50%;
  padding-right: 1px;
 
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: none none none none;
  border-width: 0px 0 0 0px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none none;
  border-width: 0 0 0 0px;
  padding: 0.4em 1em 0.4em 1em;
  }

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }
* html .tclcon {height: 1px}
/* C2.14 */
.punbb td div.tclcon {
        margin-right:20px;
}
/* C2.15 */
.punbb div.icon {
    float: right;
    display: block;
    width: 70px;
    height: 70px;
margin-left: 25px;}

/* C3 Topics

-------------------------------------------------------------*/



/* C3.1 */

.punbb .post .container {

  border-style: none none none none;

  border-width: 0px;

  margin-top: -1px;

  padding-bottom: 1px;

  }



/* C3.2 */

.punbb .post h3 {

  border-style: none none none none;

  border-width: 0px;

  }



/* C3.3 */

.punbb .post h3 span {

  padding: 0.5em 1em;

  display: block;

  margin-left: 19em;

  border-left-style: none;

  border-left-width: 0px
  

  }



/* C3.4 */

.punbb .post h3 strong {

  float: right;

  width: 5em;

  text-align: right;

  font-weight: normal;
  padding-right: 30 px;

  }



/* C3.5 */

.punbb .post .post-author {

  float: left;

  width: 19em;

  margin-top: -1.5em;

  overflow: hidden;

  }



/* C3.6 */

.punbb .post .post-author ul, .punbb .post .post-author p {

  padding: 0 1em 1em 1em;

  line-height: 140%;

  text-align: right;

  }



/* C3.7 */

.pa-author {

  font-size: 1.1em;

  font-weight: bold;

  }



/* C3.8 */

.pa-author a {

  text-decoration: none

  }



/* C3.9 */

li.pa-title {

  padding-bottom: 0.4em;

  font-weight: bold;

  }





li.pa-online {

  line-height: 0.8em;

  border-left-style: solid;

  border-left-width: 0.7em;

  padding-left: 0.4em;

  margin-top: 0.7em;

  }



/* C3.11 */

.punbb .post-body {

  margin-left: 19em;

  border-left-style: none;

  border-left-width: 0px;

  padding: 0 0 1px 0;
  padding-right: 20px;

  }



/* C3.12 */

.punbb .post-box {

  padding: 1em;

  }



/*C3.13 */

.punbb fieldset .post-box {

  margin-bottom: 0.8em

  }



/* C3.14 */

.punbb .post-links {

  margin-left: 19em;

  border-left-style: solid;

  border-left-width: 1px;

  }



/* C3.15 */

.punbb .post-links ul {

  padding: 0 1em 0 0;

  height: 2em;

  line-height: 2em;

  margin-left: -19em;

  border-top-style: none;

  border-top-width: 0px;

  background: transparent;

  text-align: right;

  }



/* C3.16 */

.punbb .post-links li {

  display: inline;

  padding-left: 1em;

  }



/* C3.17 */

.pl-email, .pl-website {

  float: left;

  }



/* C3.18 */

.punbb .clearer {

  clear: both;

  height: 0;

  font-size: 0;

  }





/* C4 Moderator menu

-------------------------------------------------------------*/



/* C4.1 */

.punbb .modmenu .container {

  padding: 0.5em 1em;

  text-align: right;

  }



/* C4.2 */

.punbb .modmenu strong, .punbb .modmenu a {

  height: 1.8em;

  line-height: 1.8em;

  }



/* C4.3 */

.punbb .modmenu .container strong {

  float: left;

  }



/* C4.4 */

.punbb .modmenu input {

  margin-left: 1em;

  }





/* C5 Message boxes

-------------------------------------------------------------*/



/* C5.1 */

.punbb .info .container {

  padding: 0.8em 1em

  }



/* C5.2 */

.punbb .info .container .backlink {

  padding-top: 0.8em;

  }





/* C6 Profile

-------------------------------------------------------------*/



/* C6.1 */

#profile .container {

  padding-left: 18.6em;

  }



/* C6.2 */

#profilenav {

  float: left;

  width: 14em;

  margin-left: -16.3em;

  display: inline;

  }



/* C6.3 */

#profilenav li {

  padding-bottom: 0.8em;

  font-weight: bold;

  }



/* C6.4 */

#viewprofile ul, #profilenav ul {

  border-style: solid;

  border-width: 1px;

  padding: 1.5em 18px 0.8em 18px;

  margin: 0 0 1em 0;

  }



/* C6.5 */

#viewprofile h2, #profilenav h2 {

  background: transparent;

  border: none;

  padding: 0 0 0 0;

  margin: 0 14px -0.6em 14px;

  }



/* C6.6 */

#viewprofile h2 span, #profilenav h2 span {

  padding: 0 5px;

  position: relative;

  }



/* C6.7 */

#viewprofile li, #setmods dl {

  padding: 0 0 0 16em;

  margin-bottom: 0.2em;

  }



/* C6.8 */

#viewprofile li span {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.5em 1em;

  font-weight: bold;

  }



/*C6.9 */

#setmods dt {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.8em 1em;

  font-weight: bold;

  display: inline;

  }



/* C6.10 */

#viewprofile li strong, #viewprofile li div, #setmods dd {

  display: block;

  padding: 0.5em 1em;

  font-weight: normal;

  }



/* C6.11 */

.punbb img.avatardemo {

  float: right;

  margin: 0 0 0.8em 1.8em

  }





/* C7 User list

-------------------------------------------------------------*/



/* C7.1 */

#pun-userlist .formal, #pun-userlist .formal .container {

  border-bottom: none;

  margin-bottom: 0;

  }



/* C7.2 */

#pun-userlist .usertable .container {

  padding: 0 2.3em 2.3em 2.3em;

  border-top: none;

  }



/* C7.3 */

#pun-userlist .usertable table {

  border-style: solid;

  border-width: 1px;

  }





/*************************************************************

D - PUNBB SECTIONS OTHER THAN MAIN CONTENT

**************************************************************/



/* D1 Logo and description

-------------------------------------------------------------*/



/* D1.1 */

#pun-title {

  margin: 0;

  border-style: none none none none;

  border-width: 0px 0px 0 0px;


  }



/* D1.2 */

#pun-title h1 {

  display : block;

  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;

  }



#pun-title table {

    border: none;

    height: 514px;

    width: 100%;

}



#pun-title td.title-logo-tdl {

    border: none;

    width: 100%;

}



#pun-title td.title-logo-tdr {
border: none;
width: 514px;
  position: relative;
  left: 100px;
  top: 20;
}



/* D2 Page navigation

-------------------------------------------------------------*/

/* D2.1 */

#pun-pagelinks {

  position: absolute;

  top: -15px;

  left: 0;

  margin: 0;

  border: none;

  padding: 0;

  width: 100%;

  }



/* D2.2 */

#pun-pagelinks .container {

  background: transparent;

  border: none;

  padding: 0}



/* D2.3 */

#pun-pagelinks .container li {

  display: inline

  }



/* D2.4 */

#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {

  height: 2em;

  line-height: 2em;

  padding: 0;

  font-size: 1.2em;

  margin-left: -9999px;

  display: block;

  float:left;

  width: 100%;

  }



/* D2.5 */

#pun-pagelinks a:active, #pun-pagelinks a:focus {

  position:relative;

  margin: 0;
}



#pun-pagelinks li a span {

  display:block;

  margin: 0 1em

  }



/* D3 Forum navigation

-------------------------------------------------------------*/



/* D3.1 */

#pun-navlinks, #pun-navlinks .container {

  border-style: none;

  border-width: 0;

  margin: 0;
  text-align: center;
  }



/* D3.2 */

#pun-navlinks .container {
font-weight: bold;
text-align: center;
font-size: 13px;
font-family: arial;
background-color: transparent;
color: #adadad;
background-repeat: no-repeat; background-position: center;
height : 35px;}



/* D.3 */

#pun-navlinks li {

  display: inline;

  padding-right: 1em;

  }



/* D3.4 */

#pun-navlinks li a {

  font-size: 1.1em;

  }



/* D4 User links

-------------------------------------------------------------*/



/* D4.1 */

#pun-ulinks  {

  margin-top: 0;
  text-align: center;

  }



/* D4.2 */

#pun-ulinks .container {

  border-top: none;

  padding: 0.7em 1em;

  }



/* D4.3 */

#pun-ulinks li, #pun-ulinks li a {

  display: inline;

  border-left-style: solid;

  border-left-width: 1px;

  white-space: nowrap;

  }



/* D4.4 */

#pun-ulinks li a {

  padding: 0 0.3em 0 0.6em

  }



/* D4.5 */

#pun-ulinks li.item1, #pun-ulinks li.item1 a {

  border-left-style: none;

  border-left-width: 0;

  padding-left: 0

  }



/* D5 Welcome box and Top Breadcrumbs

-------------------------------------------------------------*/



/* D5.1 */

#pun-status, #pun-status .container {

  border-bottom: none;

  margin-bottom: 0;
  width: 890px;

  }



/* D5.2 */

#pun-status .container {

  padding: 0.8em 1em 1em 1em;
   width: 890px;

  }



/* 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-right: 35px;
  }



/* 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;

  padding-left: 50%;

  }



/* D8.6 */

#pun-crumbs2 {

  font-weight: bold;

  overflow: hidden;

  margin-bottom: 0;

  border-bottom: none;

  }



/* D8.7 */

#pun-crumbs2 .container {

  border-bottom: none;

  padding: 0.8em 1em;

  font-size: 1.1em;

  }



/* D8.8 */

#pun-break4 {

  margin: -2px 1em;

  border-style: solid none;

  border-width: 1px 0;

  position: relative;

  height: 0;

  z-index: 1;

  }



/* D8.9 */

div.punbb-admin #pun-about .container {

  border-top-style: solid;

  border-top-width: 1px;

  }





/* D9 Help file

-------------------------------------------------------------*/



/* D9.1 */

#pun-help .formal .info-box h3.legend {

  border-bottom-style: none;

  border-bottom-width: 0px;

  padding-bottom: 0;

  margin-bottom: 0.8em;

  }



/* D9.2 */

#pun-help .formal .info-box h3.legend span {

  padding-bottom: 0.6em;

  display: block;

  border-bottom-style: none;

  border-bottom-width: 0px;

  font-size: 1.1em;

  }



/* D9.3 */

#pun-help .formal p, #pun-help .formal dd {

  margin-bottom: 1em

  }



/* D9.4 */

#pun-help .formal ul, #pun-help .formal dl {

  padding: 0 0 0 1em

  }



/* D9.5 */

#pun-help .formal li {

  padding: 0;

  line-height: 130%

  }



/* D9.6 */

#pun-help .formal li * {

  vertical-align: text-top

  }



/* D9.7 */

#pun-help .formal dt span {

  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace

  }



/* D9.8 */

#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {

  padding-bottom: 0;

  }
цвета
Код:
/* CS1 Background and text colours
-------------------------------------------------------------
*/


#pun-title TABLE { 
background : transparent url("http://uploads.ru/i/P/l/Q/PlQri.png") no-repeat left top; 
 margin-left : 0px;

}

body {background-color: #001b4a;
background-image : url("http://uploads.ru/i/d/2/n/d2nMh.png");
background-repeat: no-repeat;
background-position : top center;

}

#pun {
background-image : url("");
background-color: #e0e0e0;
background-position : center;
background-attachment : fixed;

}

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer  {
  background-color: transparent;
  color: #8e8e8e;
  }

/* CS1.3 */
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div  {
  background-color: transparent;
  color: #8e8e8e;
  font-weight: bold;
  font-style: normal;

  }


/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #8e8e8e;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #8e8e8e;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #8e8e8e;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
 background-color: #001b4a;
  color: #8e8e8e;
  }

/* CS1.8 */
#pun-navlinks .container, #pun-ulinks .container {
  background-color: transparent;
  color: #8e8e8e;
  text-align: center;
  }

.offline li.pa-online strong {
  color: #8e8e8e;
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #1a2537;
  color: #8e8e8e;
}

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;

  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
 
 }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS1.3 */
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
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: #1a2537;
  }

#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 #dedfdf

  }

li.pa-online {
  border-left-color: transparent;
  }

.punbb .post-sig dt {
  border-top-color: transparent !important;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* 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: #8e8e8e;
    border-bottom: 0px none #8e8e8e;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #8e8e8e;
  }

/* 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: #8e8e8e;
    border-bottom: 0px none #8e8e8e;
  text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
 color: #8e8e8e;
    border-bottom: 0px none #8e8e8e;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #8e8e8e;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #8e8e8e;
  text-decoration: none;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #8e8e8e;
  color: #8e8e8e;
  }


/* CS4 Post status icons
-------------------------------------------------------------*/----------------*/
div.icon {
        background: url(http://uploads.ru/i/f/7/4/f74GD.png) no-repeat;
}
tr.inew div.icon {
        background: url(http://uploads.ru/i/N/A/o/NAow7.png) no-repeat;
}
tr.isticky div.icon {
        background: url(http://важная тема) no-repeat;
}
tr.iclosed div.icon {
        background: url(http://закрытая тема) no-repeat;
}
tr.iredirect div.icon {
        background: url(http://переадрессация) no-repeat;
}

0

9

скрин

http://uploads.ru/i/J/l/5/Jl5bk.png

Автор: красная

структура
Код:
/*************************************************************
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: 100%;
}

/* A3.2 */
.punbb {
font: normal 68.70% verdana, arial, helvetica, sans-serif;
}

/*A3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1em verdana, arial, helvetica, sans-serif
}

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
font-size: 1em;
font-weight: normal;
}

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
font-size: 1.1em;
}

/* A3.6 */
.punbb pre {
font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}

/* A3.7 */
.punbb address, .punbb em {
font-style: normal
}

/* A3.8 */
.punbb .post-content em {
font-style: italic
}

/* A3.9 */
.punbb .post-content em.bbuline {
font-style: normal;
text-decoration: underline;
}

/* A3.10 */
.punbb a {
text-decoration: underline
}

/* A3.11 */
.punbb optgroup {
font-weight: normal;
}


/* 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: 67px auto auto auto;
width : 770px;
padding: 0px 0px 0px 0px;
border: none;
border-top: none;
}

/* A5.2 */
.punbb {
float: left;
width: 100%;
height: auto;
}

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 0px 20% 0px 20%;
  width: auto;
  float: none;
  }

/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 0.5em;
}

/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.4em;
}

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
margin-top: 0;
}

/* 5.7 */
#pun-post .topic {
margin-top: 1em;
}

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-style: none none none none;
border-width: 0px 0px 0px 0px
}

/* A5.9 */
.punbb .container {
border-style: none;
border-width: 0;
}

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
padding: 10px 1em 10px 1em;
border-style: none none none none;
border-width: 0 0 0 0;
}



#pun-main h2 {
padding-bottom: 12px;
font-weight: bold;
color:  #000000;
text-align: center;
font-size: 12px;
font-family: Times New Roman;
height : 12px;}



/*************************************************************

B - MAIN CONTENT - GENERAL

**************************************************************/



/* B1 Parsed Content, Signatures and Scroll Boxes

-------------------------------------------------------------*/



/* B1.1 */

.punbb .post-content {

  padding: 0;

  margin: 0;

  width: 100%;

  overflow: hidden;

  }



/* B1.2 */

.punbb .post-sig dt {

  display: block;

  border-top: 0px none #adadad;

  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: 0px;

  }



/* 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: none;

  border-width: 0px;

  margin: 0 0 1.1em 0;

  }



/* B2.2 */

.punbb .info-box * {

  padding: 0 0 0.7em 0;

  }



/* B2.3 */

.punbb #pun-main .info-box .legend {

  font-size: 1.1em;

  font-weight: bold;

  }





/* B3 Pagination and posting links

-------------------------------------------------------------*/



/* B3.1 */

.punbb .linkst {

  float: left;

  position: relative;

  width: 100%;

  font-size: 1.1em;

  height: 0;

  }



/* B3.2 */

.multipage {

  margin-top: 3em;

  }



/* B3.3 */

.linkst .pagelink {

  position: absolute;

  top: -4em;

  left: 1em;

  width: 24em;

  }



/* B3.4 */

.linkst .postlink {

  position: absolute;

  top: -4em;

  right: 1em;

  width: 16em;

  text-align: right;

  font-weight: bold;

  }



/* B3.5 */

.punbb .linksb {

  text-align: right;

  padding: 0.4em 1em 0.5em 1em;

  font-size: 1.1em;

  }



/* B3.6 */

.linksb .pagelink {

  float: left;

  width: 24em;

  text-align: left;

  }



/* B3.7 */

.linksb .postlink {

  float: right;

  width: 16em;

  font-weight: bold

  }



/* B3.8 */

.subscribelink {

  clear:both;

  padding-top: 0.3em;

  padding-bottom: 0.5em;

  }





/*************************************************************

C - MAIN CONTENT - SPECIFIC

**************************************************************/



/* C1 Form layout

-------------------------------------------------------------*/



/* C1.1 */

.punbb .formal .container {

  padding: 1.7em 2.3em 1.1em 2.3em;

  }



/* C1.2 */

.punbb .formsubmit {

  padding: 0 0 0 1.7em;

  margin: 1em 0 0 0;

  }



/* C1.3 */

.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {

  margin: 0 0.6em 0 0

  }



/* C1.4 */

.punbb fieldset {

  border-style: none;

  border-width: 0px;

  padding: 0 18px 0 18px;

  margin: 0 0 1em 0

  }



/* C1.5 */

.punbb fieldset legend {

  padding: 0;

  margin: 0 0 0 11px;

  font-size: 1.1em

  }



/* C1.6 */

.punbb fieldset legend span {

  padding: 0 5px;

  margin: 0 0 0 -15px;

  }



/* C1.7 */

.punbb fieldset fieldset {

  border-style: none;

  margin: 0;

  padding: 0 0 8px 0

  }



/* C1.8 */

.punbb .fs-box {

  padding: 1em 0 0.8em 0;

  }



/* C1.9 */

.punbb .fs-box p, .punbb .fs-box fieldset {

  padding: 0 0 0.8em 0

  }



/* C1.10 */

.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {

  float: left;

  margin-right: 1em;

  }



/* C1.11 */

.punbb .inline .infofield {

  clear:both

  }



/* C1.12 */

.punbb .datafield br {

  display: none

  }



/* C1.13 */

.punbb .required label, .punbb .datafield span.input {

  font-weight: bold

  }



/* C1.14 */

.punbb .datafield span.input a {

  font-weight: normal;

  }



/* C1.15 */

.punbb .areafield span.input, .punbb p.longinput span.input {

  display: block;

  padding: 0 12em 0 0;

  height: 100%; /* For IE */

  }



/* C1.16 */

.punbb textarea, .punbb .longinput input {

  width: 64%;

  margin: 0;

  }



/* C1.17 */

.punbb .hashelp {

  position: relative;

  }



/* C1.18 */

.punbb .helplinks {

  display: block;

  position: absolute;

  top: 1em;

  right: 0;

  font-weight: normal;

  width: 36%;

  }



/* C1.19 */

.punbb #profile .helplinks {

  top: 1.5em;

  }



/* C1.20 */

.punbb .helplinks span {

  display: block;

  padding-bottom: 0.2em;

  }


/* C1.21 */

#pun-post .formal .info-box li {

  padding-left: 4px;

  list-style-type: square;

  list-style-position: inside;

  line-height: 1.5;

  margin: 0;

  }





/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: right;
  width: 50%;
 margin-left: 11px;
 
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: none none none none;
  border-width: 0px 0 0 0px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none none;
  border-width: 0 0 0 0px;
  padding: 0.4em 1em 0.4em 1em;
  }

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }
* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
  margin-left: 11px;
  text-align: left;
}

/* C2.15 */
.punbb div.icon {
      float: right;
      display: block;
      width: 70px;
      height: 70px;
    margin-right: 10px;
    padding-top: 0px;
    margin-top: 0px;}

/* C3 Topics

-------------------------------------------------------------*/



/* C3.1 */

.punbb .post .container {

  border-style: none none none none;

  border-width: 0px;

  margin-top: -1px;

  padding-bottom: 1px;

  }



/* C3.2 */

.punbb .post h3 {

  border-style: none none none none;

  border-width: 0px;

  }



/* C3.3 */

.punbb .post h3 span {

  padding: 0.5em 1em;

  display: block;

  margin-left: 19em;

  border-left-style: none;

  border-left-width: 0px
  

  }



/* C3.4 */

.punbb .post h3 strong {

  float: right;

  width: 5em;

  text-align: right;

  font-weight: normal;
 
  }



/* C3.5 */

.punbb .post .post-author {

  float: left;

  width: 19em;

  margin-top: -1.5em;

  overflow: hidden;

  }



/* C3.6 */

.punbb .post .post-author ul, .punbb .post .post-author p {

  padding: 0 1em 1em 1em;

  line-height: 140%;

  text-align: right;

  }



/* C3.7 */

.pa-author {

  font-size: 1.1em;

  font-weight: bold;

  }



/* C3.8 */

.pa-author a {

  text-decoration: none

  }



/* C3.9 */

li.pa-title {

  padding-bottom: 0.4em;

  font-weight: bold;

  }





li.pa-online {

  line-height: 0.8em;

  border-left-style: solid;

  border-left-width: 0.7em;

  padding-left: 0.4em;

  margin-top: 0.7em;

  }



/* C3.11 */

.punbb .post-body {

  margin-left: 19em;

  border-left-style: none;

  border-left-width: 0px;

  padding: 0 0 1px 0;
 
 padding-right: 20px;

  }



/* C3.12 */

.punbb .post-box {

  padding: 1em;

  }



/*C3.13 */

.punbb fieldset .post-box {

  margin-bottom: 0.8em

  }



/* C3.14 */

.punbb .post-links {

  margin-left: 19em;

  border-left-style: solid;

  border-left-width: 1px;

  }



/* C3.15 */

.punbb .post-links ul {

  padding: 0 1em 0 0;

  height: 2em;

  line-height: 2em;

  margin-left: -19em;

  border-top-style: none;

  border-top-width: 0px;

  background: transparent;

  text-align: right;

  }



/* C3.16 */

.punbb .post-links li {

  display: inline;

  padding-left: 1em;

  }



/* C3.17 */

.pl-email, .pl-website {

  float: left;

  }



/* C3.18 */

.punbb .clearer {

  clear: both;

  height: 0;

  font-size: 0;

  }





/* C4 Moderator menu

-------------------------------------------------------------*/



/* C4.1 */

.punbb .modmenu .container {

  padding: 0.5em 1em;

  text-align: right;

  }



/* C4.2 */

.punbb .modmenu strong, .punbb .modmenu a {

  height: 1.8em;

  line-height: 1.8em;

  }



/* C4.3 */

.punbb .modmenu .container strong {

  float: left;

  }



/* C4.4 */

.punbb .modmenu input {

  margin-left: 1em;

  }





/* C5 Message boxes

-------------------------------------------------------------*/



/* C5.1 */

.punbb .info .container {

  padding: 0.8em 1em

  }



/* C5.2 */

.punbb .info .container .backlink {

  padding-top: 0.8em;

  }





/* C6 Profile

-------------------------------------------------------------*/



/* C6.1 */

#profile .container {

  padding-left: 18.6em;

  }



/* C6.2 */

#profilenav {

  float: left;

  width: 14em;

  margin-left: -16.3em;

  display: inline;

  }



/* C6.3 */

#profilenav li {

  padding-bottom: 0.8em;

  font-weight: bold;

  }



/* C6.4 */

#viewprofile ul, #profilenav ul {

  border-style: solid;

  border-width: 1px;

  padding: 1.5em 18px 0.8em 18px;

  margin: 0 0 1em 0;

  }



/* C6.5 */

#viewprofile h2, #profilenav h2 {

  background: transparent;

  border: none;

  padding: 0 0 0 0;

  margin: 0 14px -0.6em 14px;

  }



/* C6.6 */

#viewprofile h2 span, #profilenav h2 span {

  padding: 0 5px;

  position: relative;

  }



/* C6.7 */

#viewprofile li, #setmods dl {

  padding: 0 0 0 16em;

  margin-bottom: 0.2em;

  }



/* C6.8 */

#viewprofile li span {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.5em 1em;

  font-weight: bold;

  }



/*C6.9 */

#setmods dt {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.8em 1em;

  font-weight: bold;

  display: inline;

  }



/* C6.10 */

#viewprofile li strong, #viewprofile li div, #setmods dd {

  display: block;

  padding: 0.5em 1em;

  font-weight: normal;

  }



/* C6.11 */

.punbb img.avatardemo {

  float: right;

  margin: 0 0 0.8em 1.8em

  }





/* C7 User list

-------------------------------------------------------------*/



/* C7.1 */

#pun-userlist .formal, #pun-userlist .formal .container {

  border-bottom: none;

  margin-bottom: 0;

  }



/* C7.2 */

#pun-userlist .usertable .container {

  padding: 0 2.3em 2.3em 2.3em;

  border-top: none;

  }



/* C7.3 */

#pun-userlist .usertable table {

  border-style: solid;

  border-width: 1px;

  }





/*************************************************************

D - PUNBB SECTIONS OTHER THAN MAIN CONTENT

**************************************************************/



/* D1 Logo and description

-------------------------------------------------------------*/



/* D1.1 */

#pun-title {

  margin: 0;

  border-style: none none none none;

  border-width: 0px 0px 0 0px;


  }



/* D1.2 */

#pun-title h1 {

  display : none;

  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;

  }



#pun-title table {

    border: none;

    height: 300px;

    width: 100%;

}



#pun-title td.title-logo-tdl {

    border: none;

    width: 100%;

}



#pun-title TD.title-logo-tdr {
  border: none;
  width: 468px;
  vertical-align: top;
  padding-top: 2px;
  position: absolute;
  left: 31%;
  top: 0;
}



/* D2 Page navigation

-------------------------------------------------------------*/

/* D2.1 */

#pun-pagelinks {

  position: absolute;

  top: 0px;

  left: 0;

  margin: 0;

  border: none;

  padding: 0;

  width: 100%;

  }



/* D2.2 */

#pun-pagelinks .container {

  background: transparent;

  border: none;

  padding: 0}



/* D2.3 */

#pun-pagelinks .container li {

  display: inline

  }



/* D2.4 */

#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {

  height: 2em;

  line-height: 2em;

  padding: 0;

  font-size: 1.2em;

  margin-left: -9999px;

  display: block;

  float:left;

  width: 100%;

  }



/* D2.5 */

#pun-pagelinks a:active, #pun-pagelinks a:focus {

  position:relative;

  margin: 0;
}



#pun-pagelinks li a span {

  display:block;

  margin: 0 1em

  }



/* D3 Forum navigation

-------------------------------------------------------------*/



/* D3.1 */

#pun-navlinks, #pun-navlinks .container {

  border-style: none;

  border-width: 0;

  margin-top: 0px;
  
  text-align: center;
  }



/* D3.2 */

#pun-navlinks .container {
font-weight: bold;
text-align: center;
font-size: 13px;
font-family: arial;
background-color: transparent;
color: #adadad;
background-repeat: no-repeat; background-position: center;
height : 35px;
padding-top: 12px;
}



/* D3.3 */

#pun-navlinks li {

  display: inline;

  padding-right: 1em;

  }



/* D3.4 */

#pun-navlinks li a {

  font-size: 1.1em;

  }



/* D4 User links

-------------------------------------------------------------*/



/* D4.1 */

#pun-ulinks  {

  margin-top: 0;
  
text-align: center;

  }



/* D4.2 */

#pun-ulinks .container {

  border-top: none;

  margin-top: -10px;

  padding: 0.7em 1em;

  }



/* D4.3 */

#pun-ulinks li, #pun-ulinks li a {

  display: inline;

  border-left-style: solid;

  border-left-width: 1px;

  white-space: nowrap;

  }



/* D4.4 */

#pun-ulinks li a {

  padding: 0 0.3em 0 0.6em

  }



/* D4.5 */

#pun-ulinks li.item1, #pun-ulinks li.item1 a {

  border-left-style: none;

  border-left-width: 0;

  padding-left: 0

  }



/* D5 Welcome box and Top Breadcrumbs

-------------------------------------------------------------*/



/* D5.1 */

#pun-status, #pun-status .container {

  border-bottom: none;

  margin-bottom: 0;
  
  }



/* D5.2 */

#pun-status .container {

  padding: 0.8em 1em 1em 1em;
   
  }



/* D5.3 */

#pun-status span {

  white-space: nowrap;

  margin-right: 0.5em;

  }



/* D5.4 */

#pun-crumbs1 {

  font-weight: bold;

  overflow: hidden;

  margin-top: 0;

  }



/* D5.5 */

#pun-crumbs1 p.container {

  border-top: none;

  padding: 1em 1em 0.8em 1em;

  font-size: 1.1em;
  
  }



/* D5.6 */

#pun-break1 {

  margin: 0 1em;

  border-style: solid none;

  border-width: 1px 0;

  height: 0;

  margin: -2px 1em;

  position: relative;

  z-index: 1;

  }



/* D6 Announcement

-------------------------------------------------------------*/



/* D6.1 */

#pun-announcement h2 {

  padding: 0;

  margin: 0 1em -3.5em 1em;

  border-style: none none solid none;

  border-width: 0 0 1px 0;

  position: relative;

  font-weight: bold;

  display: none;

  }



/* D6.2 */

#pun-announcement h2 span {

  display: block;

  padding: 1em 0 0.8em 0;

  border-bottom-style: solid;

  border-bottom-width: 1px;

  }



/* D6.3 */

#pun-announcement .container {

  padding: 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;

  padding-left: 50%;

  }



/* D8.6 */

#pun-crumbs2 {

  font-weight: bold;

  overflow: hidden;

  margin-bottom: 0;

  border-bottom: none;

  }



/* D8.7 */

#pun-crumbs2 .container {

  border-bottom: none;

  padding: 0.8em 1em;

  font-size: 1.1em;

  }



/* D8.8 */

#pun-break4 {

  margin: -2px 1em;

  border-style: solid none;

  border-width: 1px 0;

  position: relative;

  height: 0;

  z-index: 1;

  }



/* D8.9 */

div.punbb-admin #pun-about .container {

  border-top-style: solid;

  border-top-width: 1px;

  }





/* D9 Help file

-------------------------------------------------------------*/



/* D9.1 */

#pun-help .formal .info-box h3.legend {

  border-bottom-style: none;

  border-bottom-width: 0px;

  padding-bottom: 0;

  margin-bottom: 0.8em;

  }



/* D9.2 */

#pun-help .formal .info-box h3.legend span {

  padding-bottom: 0.6em;

  display: block;

  border-bottom-style: none;

  border-bottom-width: 0px;

  font-size: 1.1em;

  }



/* D9.3 */

#pun-help .formal p, #pun-help .formal dd {

  margin-bottom: 1em

  }



/* D9.4 */

#pun-help .formal ul, #pun-help .formal dl {

  padding: 0 0 0 1em

  }



/* D9.5 */

#pun-help .formal li {

  padding: 0;

  line-height: 130%

  }



/* D9.6 */

#pun-help .formal li * {

  vertical-align: text-top

  }



/* D9.7 */

#pun-help .formal dt span {

  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace

  }



/* D9.8 */

#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {

  padding-bottom: 0;

  }
цвета
Код:
/* CS1 Background and text colours
-------------------------------------------------------------
*/

#pun-title TABLE { 
background : transparent url("http://uploads.ru/i/B/n/0/Bn0zP.png") no-repeat left top; 
 margin-left: 0px;

}


body {background-color: #a69585;
background-image : url("");
background-repeat: repeat;
background-position : top center;
}


#pun {
background-image : url("http://uploads.ru/i/W/x/L/WxLut.png");
background-color: #d9cbbd;
margin-left: 0px;
background-attachment : scroll;

}

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer  {
  background-color: transparent;
  color: #2b1c0c;
  }

/* CS1.3 */
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2  {
  background-color: transparent;
  color: #2b1c0c;
  font-weight: bold;
  font-style: normal;

  }


/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #2b1c0c;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #2b1c0c;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #2b1c0c;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
 background-color: #d9cbbd;
  color: #2b1c0c;
  }

/* CS1.8 */
#pun-navlinks .container, #pun-ulinks .container {
  background: transparent;
  color: #2b1c0c;
  text-align: center;
  }

.offline li.pa-online strong {
  color: #2b1c0c;
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #d9cbbd;
  color: #2b1c0c;
}

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;

  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
 
 }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS1.3 */
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
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: #2b1c0c;
  }

#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 #2b1c0c;
  }

li.pa-online {
  border-left-color: transparent;
  }

.punbb .post-sig dt {
  border-top-color: transparent !important;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* 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: #3f2912;
    border-bottom: 0px none;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #2b1c0c;
  }

/* 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: #2b1c0c;
    border-bottom: 0px none;
  text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
 color: #2b1c0c;
    border-bottom: 0px none;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #382614;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none;
  text-decoration: none;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #d9cbbd;
  color: #2b1c0c;
  }

#pun-ulinks a {
 color: #2b1c0c;
    border-bottom: 0px none;
  text-decoration: none;

  }

/* CS4 Post status icons
-------------------------------------------------------------*/

#pun-about p.container {
background: url(http://uploads.ru/i/B/f/G/BfGju.png) no-repeat; height: 70px;
margin-bottom: -50px;

}


div.icon {
        background: url(http://uploads.ru/i/S/5/n/S5nj0.png) no-repeat;
}
tr.inew div.icon {
        background: url(http://uploads.ru/i/9/D/j/9DjMr.png) no-repeat;
}
tr.iclosed div.icon {
        background: url(http://uploads.ru/i/W/c/R/WcRm0.png) no-repeat;
}
tr.isticky div.icon {
        background: url(http://uploads.ru/i/Y/H/u/YHuAh.png) no-repeat;
}

#pun-main .post-author ul {text-align: center;}

+1

10

скрин

http://uploads.ru/i/O/f/p/OfpI4.png

Автор: fiery heart

структура
Код:
/*************************************************************
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: 100%;
}

/* A3.2 */
.punbb {
font: normal 68.70% verdana, arial, helvetica, sans-serif;
}

/*A3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1em verdana, arial, helvetica, sans-serif
}

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
font-size: 1em;
font-weight: normal;
}

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
font-size: 1.1em;
}

/* A3.6 */
.punbb pre {
font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}

/* A3.7 */
.punbb address, .punbb em {
font-style: normal
}

/* A3.8 */
.punbb .post-content em {
font-style: italic
}

/* A3.9 */
.punbb .post-content em.bbuline {
font-style: normal;
text-decoration: underline;
}

/* A3.10 */
.punbb a {
text-decoration: underline
}

/* A3.11 */
.punbb optgroup {
font-weight: normal;
}


/* 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: 67px auto auto auto;
width : 770px;
padding: 0px 0px 0px 0px;
border: none;
border-top: none;
}

/* A5.2 */
.punbb {
float: left;
width: 100%;
height: auto;
}

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 0px 20% 0px 20%;
  width: auto;
  float: none;
  }

/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 0.5em;
}

/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.4em;
}

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
margin-top: 0;
}

/* 5.7 */
#pun-post .topic {
margin-top: 1em;
}

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-style: none none none none;
border-width: 0px 0px 0px 0px
}

/* A5.9 */
.punbb .container {
border-style: none;
border-width: 0;
}

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
padding: 10px 1em 10px 1em;
border-style: none none none none;
border-width: 0 0 0 0;
}



#pun-main h2 {
padding-bottom: 12px;
font-weight: bold;
color:  #000000;
text-align: center;
font-size: 12px;
font-family: Times New Roman;
height : 12px;}



/*************************************************************

B - MAIN CONTENT - GENERAL

**************************************************************/



/* B1 Parsed Content, Signatures and Scroll Boxes

-------------------------------------------------------------*/



/* B1.1 */

.punbb .post-content {

  padding: 0;

  margin: 0;

  width: 100%;

  overflow: hidden;

  }



/* B1.2 */

.punbb .post-sig dt {

  display: block;

  border-top: 0px none #adadad;

  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: 0px;

  }



/* 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: none;

  border-width: 0px;

  margin: 0 0 1.1em 0;

  }



/* B2.2 */

.punbb .info-box * {

  padding: 0 0 0.7em 0;

  }



/* B2.3 */

.punbb #pun-main .info-box .legend {

  font-size: 1.1em;

  font-weight: bold;

  }





/* B3 Pagination and posting links

-------------------------------------------------------------*/



/* B3.1 */

.punbb .linkst {

  float: left;

  position: relative;

  width: 100%;

  font-size: 1.1em;

  height: 0;

  }



/* B3.2 */

.multipage {

  margin-top: 3em;

  }



/* B3.3 */

.linkst .pagelink {

  position: absolute;

  top: -4em;

  left: 1em;

  width: 24em;

  }



/* B3.4 */

.linkst .postlink {

  position: absolute;

  top: -4em;

  right: 1em;

  width: 16em;

  text-align: right;

  font-weight: bold;

  }



/* B3.5 */

.punbb .linksb {

  text-align: right;

  padding: 0.4em 1em 0.5em 1em;

  font-size: 1.1em;

  }



/* B3.6 */

.linksb .pagelink {

  float: left;

  width: 24em;

  text-align: left;

  }



/* B3.7 */

.linksb .postlink {

  float: right;

  width: 16em;

  font-weight: bold

  }



/* B3.8 */

.subscribelink {

  clear:both;

  padding-top: 0.3em;

  padding-bottom: 0.5em;

  }





/*************************************************************

C - MAIN CONTENT - SPECIFIC

**************************************************************/



/* C1 Form layout

-------------------------------------------------------------*/



/* C1.1 */

.punbb .formal .container {

  padding: 1.7em 2.3em 1.1em 2.3em;

  }



/* C1.2 */

.punbb .formsubmit {

  padding: 0 0 0 1.7em;

  margin: 1em 0 0 0;

  }



/* C1.3 */

.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {

  margin: 0 0.6em 0 0

  }



/* C1.4 */

.punbb fieldset {

  border-style: none;

  border-width: 0px;

  padding: 0 18px 0 18px;

  margin: 0 0 1em 0

  }



/* C1.5 */

.punbb fieldset legend {

  padding: 0;

  margin: 0 0 0 11px;

  font-size: 1.1em

  }



/* C1.6 */

.punbb fieldset legend span {

  padding: 0 5px;

  margin: 0 0 0 -15px;

  }



/* C1.7 */

.punbb fieldset fieldset {

  border-style: none;

  margin: 0;

  padding: 0 0 8px 0

  }



/* C1.8 */

.punbb .fs-box {

  padding: 1em 0 0.8em 0;

  }



/* C1.9 */

.punbb .fs-box p, .punbb .fs-box fieldset {

  padding: 0 0 0.8em 0

  }



/* C1.10 */

.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {

  float: left;

  margin-right: 1em;

  }



/* C1.11 */

.punbb .inline .infofield {

  clear:both

  }



/* C1.12 */

.punbb .datafield br {

  display: none

  }



/* C1.13 */

.punbb .required label, .punbb .datafield span.input {

  font-weight: bold

  }



/* C1.14 */

.punbb .datafield span.input a {

  font-weight: normal;

  }



/* C1.15 */

.punbb .areafield span.input, .punbb p.longinput span.input {

  display: block;

  padding: 0 12em 0 0;

  height: 100%; /* For IE */

  }



/* C1.16 */

.punbb textarea, .punbb .longinput input {

  width: 64%;

  margin: 0;

  }



/* C1.17 */

.punbb .hashelp {

  position: relative;

  }



/* C1.18 */

.punbb .helplinks {

  display: block;

  position: absolute;

  top: 1em;

  right: 0;

  font-weight: normal;

  width: 36%;

  }



/* C1.19 */

.punbb #profile .helplinks {

  top: 1.5em;

  }



/* C1.20 */

.punbb .helplinks span {

  display: block;

  padding-bottom: 0.2em;

  }


/* C1.21 */

#pun-post .formal .info-box li {

  padding-left: 4px;

  list-style-type: square;

  list-style-position: inside;

  line-height: 1.5;

  margin: 0;

  }





/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: right;
  width: 50%;
 margin-left: 11px;
 
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: none none none none;
  border-width: 0px 0 0 0px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none none;
  border-width: 0 0 0 0px;
  padding: 0.4em 1em 0.4em 1em;
  }

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }
* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
  margin-left: 11px;
  text-align: left;
}

/* C2.15 */
.punbb div.icon {
      float: right;
      display: block;
      width: 70px;
      height: 70px;
    margin-right: 10px;
    padding-top: 0px;
    margin-top: 0px;}

/* C3 Topics

-------------------------------------------------------------*/



/* C3.1 */

.punbb .post .container {

  border-style: none none none none;

  border-width: 0px;

  margin-top: -1px;

  padding-bottom: 1px;

  }



/* C3.2 */

.punbb .post h3 {

  border-style: none none none none;

  border-width: 0px;

  }



/* C3.3 */

.punbb .post h3 span {

  padding: 0.5em 1em;

  display: block;

  margin-left: 19em;

  border-left-style: none;

  border-left-width: 0px
  

  }



/* C3.4 */

.punbb .post h3 strong {

  float: right;

  width: 5em;

  text-align: right;

  font-weight: normal;
 
  }



/* C3.5 */

.punbb .post .post-author {

  float: left;

  width: 19em;

  margin-top: -1.5em;

  overflow: hidden;

  }



/* C3.6 */

.punbb .post .post-author ul, .punbb .post .post-author p {

  padding: 0 1em 1em 1em;

  line-height: 140%;

  text-align: right;

  }



/* C3.7 */

.pa-author {

  font-size: 1.1em;

  font-weight: bold;

  }



/* C3.8 */

.pa-author a {

  text-decoration: none

  }



/* C3.9 */

li.pa-title {

  padding-bottom: 0.4em;

  font-weight: bold;

  }





li.pa-online {

  line-height: 0.8em;

  border-left-style: solid;

  border-left-width: 0.7em;

  padding-left: 0.4em;

  margin-top: 0.7em;

  }



/* C3.11 */

.punbb .post-body {

  margin-left: 19em;

  border-left-style: none;

  border-left-width: 0px;

  padding: 0 0 1px 0;
 
 padding-right: 20px;

  }



/* C3.12 */

.punbb .post-box {

  padding: 1em;

  }



/*C3.13 */

.punbb fieldset .post-box {

  margin-bottom: 0.8em

  }



/* C3.14 */

.punbb .post-links {

  margin-left: 19em;

  border-left-style: solid;

  border-left-width: 1px;

  }



/* C3.15 */

.punbb .post-links ul {

  padding: 0 1em 0 0;

  height: 2em;

  line-height: 2em;

  margin-left: -19em;

  border-top-style: none;

  border-top-width: 0px;

  background: transparent;

  text-align: right;

  }



/* C3.16 */

.punbb .post-links li {

  display: inline;

  padding-left: 1em;

  }



/* C3.17 */

.pl-email, .pl-website {

  float: left;

  }



/* C3.18 */

.punbb .clearer {

  clear: both;

  height: 0;

  font-size: 0;

  }





/* C4 Moderator menu

-------------------------------------------------------------*/



/* C4.1 */

.punbb .modmenu .container {

  padding: 0.5em 1em;

  text-align: right;

  }



/* C4.2 */

.punbb .modmenu strong, .punbb .modmenu a {

  height: 1.8em;

  line-height: 1.8em;

  }



/* C4.3 */

.punbb .modmenu .container strong {

  float: left;

  }



/* C4.4 */

.punbb .modmenu input {

  margin-left: 1em;

  }





/* C5 Message boxes

-------------------------------------------------------------*/



/* C5.1 */

.punbb .info .container {

  padding: 0.8em 1em

  }



/* C5.2 */

.punbb .info .container .backlink {

  padding-top: 0.8em;

  }





/* C6 Profile

-------------------------------------------------------------*/



/* C6.1 */

#profile .container {

  padding-left: 18.6em;

  }



/* C6.2 */

#profilenav {

  float: left;

  width: 14em;

  margin-left: -16.3em;

  display: inline;

  }



/* C6.3 */

#profilenav li {

  padding-bottom: 0.8em;

  font-weight: bold;

  }



/* C6.4 */

#viewprofile ul, #profilenav ul {

  border-style: solid;

  border-width: 1px;

  padding: 1.5em 18px 0.8em 18px;

  margin: 0 0 1em 0;

  }



/* C6.5 */

#viewprofile h2, #profilenav h2 {

  background: transparent;

  border: none;

  padding: 0 0 0 0;

  margin: 0 14px -0.6em 14px;

  }



/* C6.6 */

#viewprofile h2 span, #profilenav h2 span {

  padding: 0 5px;

  position: relative;

  }



/* C6.7 */

#viewprofile li, #setmods dl {

  padding: 0 0 0 16em;

  margin-bottom: 0.2em;

  }



/* C6.8 */

#viewprofile li span {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.5em 1em;

  font-weight: bold;

  }



/*C6.9 */

#setmods dt {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.8em 1em;

  font-weight: bold;

  display: inline;

  }



/* C6.10 */

#viewprofile li strong, #viewprofile li div, #setmods dd {

  display: block;

  padding: 0.5em 1em;

  font-weight: normal;

  }



/* C6.11 */

.punbb img.avatardemo {

  float: right;

  margin: 0 0 0.8em 1.8em

  }





/* C7 User list

-------------------------------------------------------------*/



/* C7.1 */

#pun-userlist .formal, #pun-userlist .formal .container {

  border-bottom: none;

  margin-bottom: 0;

  }



/* C7.2 */

#pun-userlist .usertable .container {

  padding: 0 2.3em 2.3em 2.3em;

  border-top: none;

  }



/* C7.3 */

#pun-userlist .usertable table {

  border-style: solid;

  border-width: 1px;

  }





/*************************************************************

D - PUNBB SECTIONS OTHER THAN MAIN CONTENT

**************************************************************/



/* D1 Logo and description

-------------------------------------------------------------*/



/* D1.1 */

#pun-title {

  margin: 0;

  border-style: none none none none;

  border-width: 0px 0px 0 0px;


  }



/* D1.2 */

#pun-title h1 {

  display : none;

  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;

  }



#pun-title table {

    border: none;

    height: 300px;

    width: 100%;

}



#pun-title td.title-logo-tdl {

    border: none;

    width: 100%;

}



#pun-title TD.title-logo-tdr {
  border: none;
  width: 468px;
  vertical-align: top;
  padding-top: 2px;
  position: absolute;
  left: 31%;
  top: 0;
}



/* D2 Page navigation

-------------------------------------------------------------*/

/* D2.1 */

#pun-pagelinks {

  position: absolute;

  top: 0px;

  left: 0;

  margin: 0;

  border: none;

  padding: 0;

  width: 100%;

  }



/* D2.2 */

#pun-pagelinks .container {

  background: transparent;

  border: none;

  padding: 0}



/* D2.3 */

#pun-pagelinks .container li {

  display: inline

  }



/* D2.4 */

#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {

  height: 2em;

  line-height: 2em;

  padding: 0;

  font-size: 1.2em;

  margin-left: -9999px;

  display: block;

  float:left;

  width: 100%;

  }



/* D2.5 */

#pun-pagelinks a:active, #pun-pagelinks a:focus {

  position:relative;

  margin: 0;
}



#pun-pagelinks li a span {

  display:block;

  margin: 0 1em

  }



/* D3 Forum navigation

-------------------------------------------------------------*/



/* D3.1 */

#pun-navlinks, #pun-navlinks .container {

  border-style: none;

  border-width: 0;

  margin-top: 0px;
  
  text-align: center;
  }



/* D3.2 */

#pun-navlinks .container {
font-weight: bold;
text-align: center;
font-size: 13px;
font-family: arial;
background-color: transparent;
color: #adadad;
background-repeat: no-repeat; background-position: center;
height : 35px;
padding-top: 12px;
}



/* D3.3 */

#pun-navlinks li {

  display: inline;

  padding-right: 1em;

  }



/* D3.4 */

#pun-navlinks li a {

  font-size: 1.1em;

  }



/* D4 User links

-------------------------------------------------------------*/



/* D4.1 */

#pun-ulinks  {

  margin-top: 0;
  
text-align: center;

  }



/* D4.2 */

#pun-ulinks .container {

  border-top: none;

  margin-top: -10px;

  padding: 0.7em 1em;

  }



/* D4.3 */

#pun-ulinks li, #pun-ulinks li a {

  display: inline;

  border-left-style: solid;

  border-left-width: 1px;

  white-space: nowrap;

  }



/* D4.4 */

#pun-ulinks li a {

  padding: 0 0.3em 0 0.6em

  }



/* D4.5 */

#pun-ulinks li.item1, #pun-ulinks li.item1 a {

  border-left-style: none;

  border-left-width: 0;

  padding-left: 0

  }



/* D5 Welcome box and Top Breadcrumbs

-------------------------------------------------------------*/



/* D5.1 */

#pun-status, #pun-status .container {

  border-bottom: none;

  margin-bottom: 0;
  
  }



/* D5.2 */

#pun-status .container {

  padding: 0.8em 1em 1em 1em;
   
  }



/* D5.3 */

#pun-status span {

  white-space: nowrap;

  margin-right: 0.5em;

  }



/* D5.4 */

#pun-crumbs1 {

  font-weight: bold;

  overflow: hidden;

  margin-top: 0;

  }



/* D5.5 */

#pun-crumbs1 p.container {

  border-top: none;

  padding: 1em 1em 0.8em 1em;

  font-size: 1.1em;
  
  }



/* D5.6 */

#pun-break1 {

  margin: 0 1em;

  border-style: solid none;

  border-width: 1px 0;

  height: 0;

  margin: -2px 1em;

  position: relative;

  z-index: 1;

  }



/* D6 Announcement

-------------------------------------------------------------*/



/* D6.1 */

#pun-announcement h2 {

  padding: 0;

  margin: 0 1em -3.5em 1em;

  border-style: none none solid none;

  border-width: 0 0 1px 0;

  position: relative;

  font-weight: bold;

  display: none;

  }



/* D6.2 */

#pun-announcement h2 span {

  display: block;

  padding: 1em 0 0.8em 0;

  border-bottom-style: solid;

  border-bottom-width: 1px;

  }



/* D6.3 */

#pun-announcement .container {

  padding: 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;

  padding-left: 50%;

  }



/* D8.6 */

#pun-crumbs2 {

  font-weight: bold;

  overflow: hidden;

  margin-bottom: 0;

  border-bottom: none;

  }



/* D8.7 */

#pun-crumbs2 .container {

  border-bottom: none;

  padding: 0.8em 1em;

  font-size: 1.1em;

  }



/* D8.8 */

#pun-break4 {

  margin: -2px 1em;

  border-style: solid none;

  border-width: 1px 0;

  position: relative;

  height: 0;

  z-index: 1;

  }



/* D8.9 */

div.punbb-admin #pun-about .container {

  border-top-style: solid;

  border-top-width: 1px;

  }





/* D9 Help file

-------------------------------------------------------------*/



/* D9.1 */

#pun-help .formal .info-box h3.legend {

  border-bottom-style: none;

  border-bottom-width: 0px;

  padding-bottom: 0;

  margin-bottom: 0.8em;

  }



/* D9.2 */

#pun-help .formal .info-box h3.legend span {

  padding-bottom: 0.6em;

  display: block;

  border-bottom-style: none;

  border-bottom-width: 0px;

  font-size: 1.1em;

  }



/* D9.3 */

#pun-help .formal p, #pun-help .formal dd {

  margin-bottom: 1em

  }



/* D9.4 */

#pun-help .formal ul, #pun-help .formal dl {

  padding: 0 0 0 1em

  }



/* D9.5 */

#pun-help .formal li {

  padding: 0;

  line-height: 130%

  }



/* D9.6 */

#pun-help .formal li * {

  vertical-align: text-top

  }



/* D9.7 */

#pun-help .formal dt span {

  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace

  }



/* D9.8 */

#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {

  padding-bottom: 0;

  }
цвета
Код:
/* CS1 Background and text colours
-------------------------------------------------------------
*/

#pun-title TABLE { 
background : transparent url("http://uploads.ru/i/u/R/L/uRLqO.png") no-repeat left top; 
 margin-left: 0px;

}


body {background-color: #c0c0c0;
background-image : url("http://uploads.ru/i/r/B/G/rBGHy.jpg");
background-repeat: repeat;
background-position : top center;
}


#pun {
background-image : url("http://uploads.ru/i/i/y/t/iyt32.png");
background-color: #c0c0c0;
margin-left: 0px;
background-attachment : scroll;

}

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer  {
  background-color: transparent;
  color: #2b1c0c;
  }

/* CS1.3 */
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2  {
  background-color: transparent;
  color: #2b1c0c;
  font-weight: bold;
  font-style: normal;

  }


/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #2b1c0c;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #2b1c0c;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #2b1c0c;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
 background-color: #d9cbbd;
  color: #2b1c0c;
  }

/* CS1.8 */
#pun-navlinks .container, #pun-ulinks .container {
  background: transparent;
  color: #2b1c0c;
  text-align: center;
  }

.offline li.pa-online strong {
  color: #2b1c0c;
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #d9cbbd;
  color: #2b1c0c;
}

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;

  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
 
 }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS1.3 */
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
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: #2b1c0c;
  }

#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 #2b1c0c;
  }

li.pa-online {
  border-left-color: transparent;
  }

.punbb .post-sig dt {
  border-top-color: transparent !important;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* 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: #3f2912;
    border-bottom: 0px none;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #2b1c0c;
  }

/* 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: #2b1c0c;
    border-bottom: 0px none;
  text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
 color: #2b1c0c;
    border-bottom: 0px none;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #382614;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none;
  text-decoration: none;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #d9cbbd;
  color: #2b1c0c;
  }

#pun-ulinks a {
 color: #2b1c0c;
    border-bottom: 0px none;
  text-decoration: none;

  }

/* CS4 Post status icons
-------------------------------------------------------------*/

#pun-about p.container {
background: url(http://uploads.ru/i/y/M/4/yM4RY.png) no-repeat; height: 70px;
margin-bottom: -50px;

}


div.icon {
        background: url(http://uploads.ru/i/O/2/W/O2WSm.png) no-repeat;
}
tr.inew div.icon {
        background: url(http://uploads.ru/i/q/j/X/qjXn8.png) no-repeat;
}
tr.iclosed div.icon {
        background: url(http://uploads.ru/i/1/6/G/16G5z.png) no-repeat;
}
tr.isticky div.icon {
        background: url(http://uploads.ru/i/x/6/C/x6Cy1.png) no-repeat;
}

#pun-main .post-author ul {text-align: center;}

+1

11

скрин

http://s1.uploads.ru/i/Cf2Kv.png

Автор: troublemaker

структура
Код:
/*************************************************************
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: 100.01%;
  }
/* A3.2 */
.punbb {
  font: normal 68.75% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  }
/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }
/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb th {
  font-size: 1em;
  font-weight: bold;
  }
.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }
/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }
/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }
/* A3.7 */
.punbb address, .punbb em {
  font-style: italic;
  }
/* 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: 5px auto auto auto;
  width : 869px;
  position: relative;
  }

/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  }
/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }
/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }
/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }
/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }
/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }
/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: dotted dotted dotted dotted;
  border-width: 1px 1px 1px 1px
  }
/* A5.9 */
.punbb .container {
  border-style: dotted;
  border-width: 1px;
  }
/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
  padding: 0.3em 1em;
  border-style: dotted dotted dotted dotted ;
  border-width: 1px 1px 1px 1px;
  }
#pun-main h2 {
  padding: 0.3em 1em;
  border-style: dotted dotted dotted dotted ;
  border-width: 1px 1px 1px 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: 1px solid #888;
  width: 250px;
  margin: 5px 0;
  }
/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
  }
/* B1.4 */
.punbb .post-content img {
  vertical-align: text-bottom
  }
/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }
/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }
/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }
/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-style: solid;
  border-width: 1px;
  }
/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  }
/* B2 Information boxes
-------------------------------------------------------------*/
/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }
/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }
/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }
/* B3 Pagination and posting links
-------------------------------------------------------------*/
/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }
/* B3.2 */
.multipage {
  margin-top: 3em;
  }
/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  }
/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }
/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }
/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }
/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }
/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }
/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/
/* C1 Form layout
-------------------------------------------------------------*/
/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }
/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }
/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }
/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }
/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }
/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }
/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }
/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }
/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }
/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }
/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }
/* C1.12 */
.punbb .datafield br {
  display: none
  }
/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }
/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }
/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 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%;
  }
/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }
/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }
/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }
/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }
/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }
/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }
/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }
/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }
/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }
/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }
/* C2.12 */
.punbb .main th {
  border: none;
  padding: 5px 1em 5px 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: 38px;
}
/* C2.15 */
.punbb div.icon {
    float: right;
    display: block;
    width: 102px;
    height: 95px;
    padding-top: 0px;
    margin-right: 0px;
}
/* Ôèêñ */
#pun-main .category .container {overflow: hidden}
/* C3 Topics
-------------------------------------------------------------*/
/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }
/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }
/* C3.3 */
.punbb .post h3 span {
  border-left: 1px solid #FFFF00;
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  }
/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: center;
  font-weight: normal;
  }
/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  font-weight: bold;
  }
/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  text-align: center;
  
  }
/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  }
/* C3.8 */
.pa-author a {
  text-decoration: none
  text-align: center;
  font-weight: bold;
  }
/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }
li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }
/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }
/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }
/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }
/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }
/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  }
/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }
/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }
/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }
/* C4 Moderator menu
-------------------------------------------------------------*/
/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  }
/* 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;
  margin-top: 0px;
  border-style: double;
  border: none;
  margin-bottom: 0px;
}
/* D1.2 */
#pun-title h1 {
  display : block;
  height: 585px;
margin-bottom: -1px;
}
/* D1.3 */
#pun-title .container {
  border-style: none ;
  padding: 0.2em 1em 0.8em 1em;
  }
/* D1.4 */
#pun-title h1 span {
  display: none;
}
#pun-title TABLE {
  border: none;
  height: 585px;
  width: 100%; margin-bottom: 0px; margin-top: 0px;
}
#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%; height: 218px;
}
#pun-title TD.title-logo-tdr {
  border: none;
  width: 869px;
  vertical-align: top;
  padding-right: 0px;
  padding-top: 0px;
}

/* 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-style: none solid none solid;
  border-width: 0px 1px 0px 1px;
  margin: 0;
}
#pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0;
  }
/* D3.2 */
#pun-navlinks .container {
    padding-top: 12px;
    height: 25px;
    font-weight:bold;
    text-align: center;
}
/* D.3 */
#pun-navlinks li {
    display: inline;
    margin: 1.25%;
}
/* D3.4 */
#pun-navlinks li a {
  font-size: 1.1em;
  }
/* D4 User links
-------------------------------------------------------------*/
/* D4.1 */
#pun-ulinks  {
  margin-top: 0;
  }
/* D4.2 */
#pun-ulinks .container {
  padding: 0.7em 1em;
  text-align: center;
  }
/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 1px;
  white-space: nowrap;
  }
/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em
  }
/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }
/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/
/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }
/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }
/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }
/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }
/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
  }
/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }
/* D6 Announcement
-------------------------------------------------------------*/
#pun-announcement h2 {display: none}
/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }
/* D6.3 */
#pun-announcement .container {
  padding: 1em 1em 1em;
  }
/* D7 Statistics
-------------------------------------------------------------*/
/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }
/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }
/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }
/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }
/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }
/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/
/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }
/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }
/* D8.3 */
#pun-about {
  margin-top: 0;
  }
/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }
/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }
/* 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;
  }
/* 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-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 280px; top: 180px
цвета
Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

/* шапка */
#pun-title table {background-image : url("http://s1.uploads.ru/i/8cyeQ.png");}
 
/* фон */
body {background-color: #10130F;
background-image : url("http://s1.uploads.ru/i/wHbpK.jpg");
background-repeat: repeat;
background-position : top center;
overflow-x: hidden;
}

/* фон контента */
#pun { background-image : url("http://s1.uploads.ru/i/3Jxat.png");
background-color: #b9c9da;
background-repeat: repeat;
background-position : center;}

/* блок формы ответа и кнопки*/
  .punbb textarea, .punbb select, .punbb input{
  background-color: #f3f8ff;
  color: #f3f8ff;
background-image : url("http://s1.uploads.ru/i/cOHFk.png");
border-top:3px solid #90abc8;
border-right:3px solid #90abc8;
border-bottom: 3px solid #90abc8;
border-left:3px solid  #90abc8;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
}

/* блок цитат и кодов*/
#pun-main .code-box, #pun-main .quote-box,  {
  background-color: #f3f8ff;
  color: #f3f8ff;
background-image : url("http://s1.uploads.ru/i/cOHFk.png");
border-top:2px solid #90abc8;
border-right:2px solid #90abc8;
border-bottom: 2px solid #90abc8;
border-left:2px solid  #90abc8;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
}

/* категории */
#pun-main h2, #pun #pun-index #pun-stats h2, #pun .punbb #pun-main h1 {
  height: 14px;
  background-image: url();
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  font-family: times;
  text-shadow: -1px 1px 0px #ffffff;
  text-transform: center;
  font-size: 14px;
  letter-spacing: 2px;
  color: #2c527a;
  font-weight: bold;
}

/* картинка в самый низ */
          #pun-about p.container {background: transparent url("http://s1.uploads.ru/i/PQ6SF.png") bottom center no-repeat;
height: 50px;
  }


/* блок цитат и кодов*/
.punbb .quote-box, .punbb .code-box {
  color: #2c527a;
background-image : url("http://s1.uploads.ru/i/cOHFk.png");

    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

  }

.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span,  .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {background-color: transparent;
color: #1a0a01;}

#pun-status .container, #pun-crumbs1 .container
{color: #1a0a01;
}
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 500px; top: 0px
}


#pun-navlinks .container, #pun-ulinks .container {
background-color: transparent;
color: #1a0a01;
text-align: center;}

.offline li.pa-online strong {
color: #1a0a01;
font-weight: normal}

.punbb textarea, .punbb select, .punbb input {
background-color: transparent;
color: #1a0a01;}



/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: 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: 1px solid transparent
  }

li.pa-online {
  border-left-color: transparent;
  }

.punbb .post-sig dt {
  border-top-color: transparent!important;
  }



/* CS3 Links
-------------------------------------------------------------*/

/* 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: #4A5259;
     text-shadow: -1px 1px 0px #ffffff;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #606770
  }

/* 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: #52687A;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #606770;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #FFFFFF;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }



/* CS4 Something parts
-------------------------------------------------------------*/
div#html-footer {
margin: -20px 0px 0px 0px;}


#pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun_wrap #pun  #pun-title.section #logo-table tbody{display: none; }
#pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {display: none; }

#pun #pun-main .pa-title {text-align: center; }
#pun #pun-main .pa-author {text-align: center; }
#pun-main .category h2 span {font-weight: bolder;}

#pun-category1.category h2 {
  background: url(http://s1.uploads.ru/i/bl5k2.png) no-repeat top center;
  height: 100px;
  border-style: none;
  font-size:0 !important;}

#pun-category2.category h2 {
  background: url(http://s1.uploads.ru/i/fvZb6.png) no-repeat top center;
  height: 100px;
  border-style: none;
  font-size:0 !important;}

#pun-category3.category h2 {
  background: url() no-repeat top center;
  height: 100px;
  border-style: none;
  font-size:0 !important;} 

#pun-category4.category h2 {
  background: url() no-repeat top center;
  height: 60px;
  border-style: none;
  font-size:0 !important;} 

#pun-category5.category h2 {
  background: url() no-repeat top center;
  height: 60px;
  border-style: none;
  font-size:0 !important;} 

#pun-category6.category h2 {
  background: url() no-repeat top center;
  height: 60px;
  border-style: none;
  font-size:0 !important;} 

#pun-category7.category h2 {
  background: url) no-repeat top center;
  height: 60px;
  border-style: none;
  font-size:0 !important;} 

#pun-category8.category h2 {
  background: url() no-repeat top center;
  height: 60px;
  border-style: none;
  font-size:0 !important;} 

#pun-stats h2 {
   background-image : url();
no-repeat top center;
height: 59px;
font-size: 0 !important;
хтмл-верх
Код:
<style>
.punbb table Div.icon {float: right; display: block; width: 80px; height: 80px; border-style: none; background-image: url(http://s1.uploads.ru/i/ZxCew.png);  background-repeat: no-repeat; position: relative;}
.punbb table div.inew {background: url(http://s1.uploads.ru/i/Ss3UM.png) no-repeat;}
TR.isticky Div.icon {background: url(http://s1.uploads.ru/i/trxXC.png) no-repeat;}
TR.iclosed Div.icon {background: url(http://s1.uploads.ru/i/Rsgz4.png) no-repeat;}
</style>

<!--отключ пожаловаться-->
<script type="text/javascript">
RusffCore.sets.show_reportBtn = 0;
</script>
<!-- отключ награды-->
<script type="text/javascript">
RusffCore.sets.use_awards = 0;
</script>


<!--эта хуйня с боку выплывающая-->
<style type="text/css" media="screen">
#slideout {
          z-index: 200;
          position: fixed;
          top: 22px;
          right: 0;
          width: 35px;
          padding: 12px 0;
          text-align: center;
          background: #9fb4e9;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          -webkit-border-radius: 5px 0 0 5px;
          -moz-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
          }
#slideout_inner {
          z-index: 200;
          color: #555050;
          position: fixed;
          top: 22px;
          right: -250px;
          background: #F0F0F0;
          width: 200px;
          padding: 25px;
          max-height: 430px;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          text-align: left;
          -webkit-border-radius: 0 0 05px;
          -moz-border-radius: 0 0 0 5px;
          border-radius: 0 0 0 5px;
          }
#slideout_inner textarea {
          width: 190px;
          height: 100px;
          margin-bottom: 6px;
          }
#slideout:hover {
          right: 250px;
          }
#slideout:hover #slideout_inner {
          right: 0;
          }
</style>
<div id="slideout">
<img src="http://s1.uploads.ru/i/9FuXq.png">
<div id="slideout_inner">
вы наверное спросите, как это, парень провел пару дней в больнице и все его проблемы исчезли? но это не так.
я знаю что это не так!
это только начало.

мне нужно еще сдать работы и вернуться в школу, к друзьям, к папе.
но разница между сегодняшним днем и прошлой субботой в том, что он впервые за много лет хотел хотел сделать много дел.
ехать на велосипеде, 
есть, 
пить, 
говорить, 
ездить в метро, 
читать, 
смотреть на карту, 
рисовать карту, 
заниматься искусством, 
покончить с «ГЕЙТС», 
сказать папе чтоб не волновался, 
обнять маму, 
поцеловать сестренку, 
поцеловать папу, 
поцеловать Ноель, 
еще раз поцеловать ее,
поехать с ней за город, 
посмотреть вместе кино, 
посмотреть кино с Ароном, 
посмотреть кино с Нил, 
устроить вечеринку, 
рассказать мою историю, 
помогать «Северу 3», 
помогать таким как Боби, как Мустофа, как я, 
рисовать, 
рисовать человека,
рисовать голого человека, 
рисовать голую Ноель, 
бегать, 
путешествовать, 
плавать, 
прыгать (знаю что звучит глупо, но это не важно) прыгать...
дышать... жить...
</div>
</div>


<!--Кнопки вверх вниз-->
<div style="position:fixed; right
:0.5%; bottom: 45%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://s1.uploads.ru/i/hdIUi.png" alt="Вверх страницы" ></a>
<br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="http://s1.uploads.ru/i/6yauz.png" alt="Вниз страницы" ></a> 
</div>
хтмл-низ
Код:
<script>
<!--
indexof="<img src='http://s1.uploads.ru/i/oHQ42.png' >" 
str = document.getElementById("navindex").innerHTML
pos = str.indexOf("Форум")
document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
userof="<img src='http://s1.uploads.ru/i/N5BYv.png' >" 
str = document.getElementById("navuserlist").innerHTML
if( (pos=str.indexOf("Участники")) != -1 )
document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
findof="<img src='http://s1.uploads.ru/i/uDtM4.png' >" 
str = document.getElementById("navsearch").innerHTML
pos = str.indexOf("Поиск")
document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
faseof="<img src='http://s1.uploads.ru/i/018Ke.png' >" 
str = document.getElementById("navprofile").innerHTML
pos = str.indexOf("Профиль")
document.getElementById("navprofile").innerHTML=str.substring(0,pos)+faseof+str.substring(pos+14,str.length-1)
-->
</script>
<script>
<!--
pismaof="<img src='http://s1.uploads.ru/i/Q2Zmb.png' >" 
str = document.getElementById("navpm").innerHTML
pos = str.indexOf("Сообщения")
document.getElementById("navpm").innerHTML=str.substring(0,pos)+pismaof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
godof="<img src='http://s1.uploads.ru/i/q2F0Z.png' >" 
str = document.getElementById("navadmin").innerHTML
pos = str.indexOf("Администрирование")
document.getElementById("navadmin").innerHTML=str.substring(0,pos)+godof+str.substring(pos+17,str.length-1)
-->
</script>
<script>
<!--
valiof="<img src='http://s1.uploads.ru/i/x7WkR.png' >" 
str = document.getElementById("navlogout").innerHTML
pos = str.indexOf("Выход")
document.getElementById("navlogout").innerHTML=str.substring(0,pos)+valiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
vxodiof="<img src='http://s1.uploads.ru/i/iSYen.png' >" 
str = document.getElementById("navlogin").innerHTML
pos = str.indexOf("Войти")
document.getElementById("navlogin").innerHTML=str.substring(0,pos)+vxodiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
regof="<img src='http://s1.uploads.ru/i/ui0eS.png' >" 
str = document.getElementById("navregister").innerHTML
pos = str.indexOf("Регистрация")
document.getElementById("navregister").innerHTML=str.substring(0,pos)+regof+str.substring(pos+18,str.length-1)
-->
</script>
<!--начало-->
<script type="text/javascript">
var trr=document.getElementsByTagName("div")
var fi=0
for (fi=0; fi<=(trr.length-1);fi++)
{if (trr[fi].className=="post-links")
{var drr=trr[fi].getElementsByTagName("a")
drr[0].innerHTML="<img src='http://s1.uploads.ru/i/Kp1GV.png' />"
drr[1].innerHTML="<img src='http://s1.uploads.ru/i/FRv24.png' />"
var er=2
for (er=2; er<=(drr.length-1); er++)
{if (drr[er].innerHTML.indexOf("E-mail")!=-1)
{drr[er].innerHTML="<img src='http://s1.uploads.ru/i/6E17R.png' />"}
else if (drr[er].innerHTML.indexOf("Вебсайт")!=-1)
{drr[er].innerHTML="<img src='' />"}
else if (drr[er].innerHTML.indexOf("Цитировать")!=-1)
{drr[er].innerHTML="<img src='http://s1.uploads.ru/i/0yBnA.png'/>"}
else if (drr[er].innerHTML.indexOf("Редактировать")!=-1)
{drr[er].innerHTML="<img src='http://s1.uploads.ru/i/7Lvew.png' />"}
else if (drr[er].innerHTML.indexOf("Удалить")!=-1)
{drr[er].innerHTML="<img src='http://s1.uploads.ru/i/gSmB4.png' />"}
else if (drr[er].innerHTML.indexOf("Жалоба")!=-1)
{drr[er].innerHTML="<img src='' />"}

}}}
</script>
<!--онлайн и офлайн-->
<script type="text/javascript">
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<center><img src=http://s1.uploads.ru/i/2SiZ6.png></center>"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1))
{we[x].innerHTML=we[x].innerHTML+"<center><img src=http://s1.uploads.ru/i/dq0fK.png></center>"}
}
</script>

<!--Счетчик знаков-->
<script type="text/javascript">
if ((document.URL.indexOf("viewtopic.php") != -1) || (document.URL.indexOf("post.php") != -1) || (document.URL.indexOf("edit.php") != -1)) {
var repl = document.getElementById("main-reply");
var submit = document.getElementsByTagName("p")
for (var i=0; i<submit.length; i++){
if (submit[i].className == "formsubmit")
submit[i].innerHTML = "<span id=\"plng\" style=\"border: 1px solid; padding: 2px 3px;\">Написано символов: <b>0</b></span>" + submit[i].innerHTML;
}
repl.onkeyup = repl.onkeydown = repl.onfocus = repl.onblur = function(){
document.getElementById("plng").innerHTML ="Написано символов: <b>" + (repl.value.length) + "</b>";
}}
</script>

</script>
<!-- вход для рекламы -->
<style>.Myimge {position:absolute;margin-top: -1px;}</style>
    <script type="text/javascript">
    PiarNik="PR";
    PiarPas="1111";
    var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
    <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
    <fieldset>\
    <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
    <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
    <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
    <input type=\"submit\" class=\"button\" name=\"login\"/>\
    </fieldset>\
    </form>\
    </div>\
    <span id=spMyimg><img class=\"Myimge\"  title=\"Быстрый вход для 'Пиарщиков'\" onclick=\"PiarIn()\" src=\"http://s1.uploads.ru/i/3MyOU.png\" onmouseover=\"this.src='http://s1.uploads.ru/i/3MyOU.png' \" onmouseout=\"this.src='http://s1.uploads.ru/i/3MyOU.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>

<!--выделить код-->
<script type="text/javascript">
function select_text(elem) {
	if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
	s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);
}   
	}
	else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
	}
	else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
	}   
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
	if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
	}
}
</script>
</script>

<!--начало-->
<script type="text/javascript">
li=document.getElementsByTagName("li")
f=0
while(li[++f]){
s=li[f].innerHTML
if((p=s.indexOf("Новые сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/i/IKlPu.png'>"+s.substring(p+15)
else if((p=s.indexOf("Активные темы")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/i/elFZh.png'>"+s.substring(p+13)
else if((p=s.indexOf("Темы без ответов")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/i/4cn6b.png'>"+s.substring(p+21)
else if((p=s.indexOf("Мои сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/i/XT51Q.png'>"+s.substring(p+13)
else if((p=s.indexOf("Подписка")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/i/WX1AH.png'>"+s.substring(p+8)
else if((p=s.indexOf("Все прочитано")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/i/USmP0.png'>"+s.substring(p+13)
}
</script>

0

12

скрин

http://s4.uploads.ru/t/NW5sj.jpg

Автор: KatM

структура
Код:
/*************************************************************
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%;
  padding-left: 60px;
  }

/* 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, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }


/* A3.4 */
.punbb h1, .punbb h2, .punbb h3 {
  font-size: 1em;
  font-weight: bold;
  }

.punbb th   {
  font-size: 0.9em;
  font-weight: bold;
  border: none;
  }

.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  text-decoration: underline
  }

/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }


/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }


/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  width : 960px;
  padding: 0px 12px 0px 12px;
  border: none;
  border-top: none;
  float: center;
}

/* A5.2 */
.punbb {
  float: center;
  width: 96%;
  height: auto;
  }

/* A5.3 */
#pun-redirect, #pun-maint { background: url();
  margin: 50px 20% 12px 20%;
  width: 500px;
  height: 164px;
  float: none;
  text-align: center;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  padding-left: 40px;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none;
  border-width: 0px
  }

/* A5.9 */
.punbb .container {
  border-style: solid none solid none;
  border-width: 1px;
  float: center;
  }

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
  padding: 15px 1em 13px 1em;
  border: none;
  }

#pun-main h2 {
  padding: 15px 1em 13px 1em;
  border: none;
}

/* A 5.11  Иконки меню навигации */
#pun-navlinks li  {
padding-left: 8px;
border-left: none;
}

#pun-navlinks #navindex {
padding-left: 0px;
border-left: 0px dashed #006699;
}

/*************************************************************
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 groove #ffc26f;
  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-top
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border: none;
  border-left: 3px double #4f2000;
  }

/* 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: -5.4em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -5.4em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }


/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 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%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  padding: 7px 1em 8px 1em;
  border-left: none;
  }

/* 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: 32px;
}

/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  width: 32px;
  height: 26px;
  padding-top: 1px;
  margin-top: 1px;
}

 /* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  border-left: 1px solid #fff;
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }


li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  }

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  margin-top: 4px;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: 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: none;
  margin-bottom: -30px;
  width: 926px;
  height: 405px;
  margin-left: -120px;
  float: center;
}

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 467px;
  margin: -1px 0px 0px -1px;
}

/* D1.3 */
#pun-title .container {
  border-style: none ;
  padding: 0.2em 1em 0.8em 1em;
  }

/* D1.4 */
#pun-title h1 span {
  display: none;
}

#pun-title TABLE {
  border: none;
  width: 100%;
}

#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%;
}

#pun-title TD.title-logo-tdr {
  border: none;
  width: 468px;
  vertical-align: top;
  padding-top: 0px;
  padding-right: 650px;
}

/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: 0px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks {
  border: none;

}

#pun-navlinks .container {
  border: none;
  margin-top: -5px;
  }

/* D3.2 */
#pun-navlinks .container {
  padding-left: 0px;
  padding-bottom: 0px;
  font-weight: bold;
  text-align: center;
}

/* D.3 */
#pun-navlinks li {
  display: inline;
  padding: 5px;
}

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.2em;
  }

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
  margin-top: 0px;
  border: none;
  }

/* D4.2 */
#pun-ulinks .container {
  padding-left: 0px;
  padding-top: 0px;
  padding: 0.4em 0.3em;
  text-align: center;
  border: none;
  }

/* 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;
  }

/* D5.2 */
#pun-status .container {
  padding: 0em 1em 1em 1em;
  border-top: none;
  border-left: none;
  border-right: none;
  }

/* 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;
  border-left: none;
  border-right: none;
  padding: 0 1em 0.8em 1em;
  font-size: 1.1em;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 { background: url()
  }

/* D6.2 */
#pun-announcement h2 span {background: url()
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  width: 813px;
  }

/* D6.3 */
#pun-announcement .container {background: url()
  padding: 0 1em 1em 1em;
  border-top: none;
  border-left: none;
  border-right: none;
  width: 813px;
  }
}

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 0;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* 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;
  }
цвета
Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
        background: #090500;
}

html {  background-color: #090500;}

#pun-title TABLE {
        background: url(http://s4.uploads.ru/cPdmn.jpg) transparent no-repeat top center;
}

#pun {
        background: url(http://s5.uploads.ru/m8d3N.jpg) transparent repeat-y top center;
        color: #ffc26f; border: none;
}


/* CS1.1 */
.punbb .main .container,
.punbb td.tc3,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,
#setmods dd, .punbb .post-body,
.post-box, .punbb .post-links,
.punbb-admin #pun-admain .adcontainer,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: transparent;
  color: #ffc26f;
  }

#pun-ulinks .container{
  background: transparent;
  color: #ffc26f;
}

/* CS1.2 */
.punbb .post .container,
.punbb .post h3 {
  background: transparent;
  color: #ffc26f;
}

.punbb .post h3 span {
  background: transparent;
  color: #ffc26f;
}

.punbb td.tc2, .punbb td.tcr  {
  background: transparent;
  color: #ffc26f;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background: url() transparent no-repeat center;
  color: #ffc26f;
  font-size: 1.3em;
  font-family: sans-serif;

  }

/* CS1.4 */
.punbb .modmenu .container {
  background: transparent;
  color: #ffc26f;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background: transparent;
  color: #ffc26f
  }

#viewprofile h2 span {
  background-image: none;
}

.punbb .post h3 strong {
  font-size: 0.9em;
  color: #ffc26f;
}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
  background-image: url(http://s5.uploads.ru/bEnm6.png);
  color: #ffb652;
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: transparent;
  color: #ff7618;
}

/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  color: #ffc26f;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

.punbb th {
  color: #ffc26f
  background: transparent;
}

*  table thead {
  border-color: transparent;
}

/* CS2 Border colours
-------------------------------------------------------------*/

#pun-title, #pun-navlinks {
  border-color: transparent;
}

/* 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 {
  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;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* 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: #db6819;
  text-decoration: underline;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #db6819;
  text-decoration: underline;
  }

/* 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: #db6819;
   text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #db6819;
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #db6819;
  text-decoration: none
  }

#pun-ulinks a {
  color: #db6819;
  text-decoration: none;
  background: none;
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #db6819;
  text-decoration: none;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: transparent;
  color: #db6819;
  }

.post h3 span a:link, .post h3 span a:visited {
  font-weight: normal;
  font-size: 0.9em;
  text-decoration: none;
}

/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {
        background: url(../../img/Mybb_Season/old.gif) no-repeat;
}

tr.inew div.icon {
        background: url(../../img/Mybb_Season/new.gif) no-repeat;
}

tr.iclosed div.icon {
        background: url(../../img/Mybb_Season/lock.gif) no-repeat;
}

tr.iredirect div.icon {
        background: url(../../img/Mybb_Season/link.gif) no-repeat;

}

tr.isticky div.icon {
        background: url(../../img/Mybb_Season/sticky.gif) no-repeat;
}

.punbb .main h1 span, .punbb .main h2 span, #pun-stats h2 span {
        background: none;
}

#profilenav h2 span {background-image: none}

td.tcr a{
        background: transparent url(../../img/Mybb_Season/post.gif) no-repeat 0px 1px;
        padding-left: 16px;
}

#pun-stats ul.container {
        background: transparent url(../../img/Mybb_Season/stats.gif) no-repeat 9px 25px;
        padding-left: 47px;
}

#pun-stats div.statscon {
       background: transparent;
}

#pun-crumbs2 .container, #pun-about .container{
        background: transparent;
        color: #4f2000;
}

#pun-stats ul.container .item3, 
#pun-stats ul.container .item4 { margin-right: 20px;
}
#pun-main .topic h3 span, #pun-main .topic h3 span, #pun-main .topic  .container .post-body .post-box .quote-box, #pun-main .topic  .container .post-body .post-box  .code-box{ border: none;
  } 

.pa-adnote, .pa-from, .pa-reg, .pa-posts, .pa-respect, .pa-positive, .pa-reputation, .pa-sex, .pa-icq, .pa-ip, .pa-online, .pa-age, .pa-mailagent, .pa-reg, .pa-avatar, .pa-title, .pa-author, .pa-time-visit, .pa-last-visit, .pa-fld1, .pa-fld2, .pa-fld3, .pa-invites{ text-align: center;}


#html-footer {background-image: url(http://s4.uploads.ru/J3USE.jpg); background-position: top center; background-repeat: no-repeat; height: 176px; width: 926px;  font-size:0 !important;}
div#html-footer {margin: 0px 0px 0px -2px;}
хтмл верх
Код:
<style>
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}
</style>


<style type="text/css">
.punbb table Div.icon {float: right; display: block; width: 145px; height: 40px; border-style: none;
background-image: url("http://s5.uploads.ru/fioPG.png");
background-repeat: no-repeat;
position: relative;}
TR.inew Div.icon {
background: url("http://s5.uploads.ru/hwWHU.png") no-repeat;}
TR.isticky Div.icon {
background: url("http://s5.uploads.ru/RcLAo.png") no-repeat;}
TR.iclosed Div.icon {
background: url("http://s4.uploads.ru/tiFO9.png") no-repeat;}
</style>
хтмл низ
Код:
<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){

myarray=new Array(
"Реклама", "http://s4.uploads.ru/XfaBo.png",
"Статистика форума", "http://s5.uploads.ru/PdDI6.png"    //Последний элемент без запятой!  
)

        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){

var cssObj = {
  "height":"70px",
  "background-color": "transparent",
  "background-image":"url("+myarray[q+1]+")",
  "background-position":"center",
  "background-repeat":"no-repeat"       //Последний элемент без запятой!
}

        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>




<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><a href=\"#\" onclick=\"PiarIn();return false\"><span>Пиар-вход</span></a></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

0

13

скрин

http://s6.uploads.ru/bLrPT.png

Автор: KatM

структура
Код:
/*************************************************************
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: 110%;
  padding-right: 0px;

  }

/* 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: bold 82.25% times new roman, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1.0em bold times new roman, arial, helvetica, sans-serif
  }

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3 {
  font-size: 1.0em;
  font-weight: bold;
  }

.punbb th   {
  font-size: 0.9em;
  font-weight: normal;
  border: none;
  }

.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: bold;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1em;
  }

/* A3.6 */
.punbb pre {
  font: 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: 0px auto auto auto;
  width : 920px;
  padding: 0px 12px 0px 12px;
  border: none;
  border-top: none;
  float: center;
}

/* A5.2 */
.punbb {
  float: center;
  width:96%;
  height: auto;
  padding-left: 0px;
  }

/* A5.3 */
#pun-redirect, #pun-maint { background: #693e25 url(http://s4.uploads.ru/2gJpB.png);
  margin: 0px 20% 12px 20%;
  width: 560px;
  height: 200px;
  float: none;
  text-align: center;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  padding-left: 40px;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none;
  border-width: 0px
  }

/* A5.9 */
.punbb .container {
  border-style: solid none solid none;
  border-width: 1px;
  float: center;
  }

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
  padding: 15px 1em 13px 1em;
  border: none;
  }

#pun-main h2 {
  padding: 15px 1em 13px 1em;
  border: none;
}

/* A 5.11  Иконки меню навигации */
#pun-navlinks li  {
padding-left: 8px;
border-left: none;
}

#pun-navlinks #navindex {
padding-left: 0px;
border-left: 0px dashed #006699;
}

/*************************************************************
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 groove #ac6a1f;
  width: 200px;
  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-top
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border: none;
  border-left: 3px double #E0DEAF;
  }

/* 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: -5.4em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -5.4em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }

/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 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%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  padding: 7px 1em 8px 1em;
  border-left: none;
  }

/* 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: 32px;
}

/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  width: 32px;
  height: 26px;
  padding-top: 1px;
  margin-top: 1px;
}

/* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  border-left: 1px solid #fff;
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }

li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  }

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }

/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  margin-top: 4px;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }

/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }

/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: 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: none;
  margin-bottom: -30px;
  width: 1077px;
  margin-left: -115px;
  float: center;
}

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 400px;
  margin: -1px 0px 0px -1px;
}

/* D1.3 */
#pun-title .container {
  border-style: none ;
  padding: 0.2em 1em 0.8em 1em;
  }

/* D1.4 */
#pun-title h1 span {
  display: none;
}

#pun-title TABLE {
  border: none;
  height: 400px;
  width: 100%;
}

#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%;
}

#pun-title TD.title-logo-tdr {
  border: none;
  width: 468px;
  vertical-align: top;
  padding-top: 0px;
padding-right: 0px;
}

/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -5px;
  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;

}

#pun-navlinks .container {
  border: none;
  margin-top: -110px;
  }

/* D3.2 */
#pun-navlinks .container {
  padding-left: 50px;
  padding-bottom: 50px;
  height: 10px;
  width: 942px;
  font-weight: bold;
  text-align: center;
}

/* D.3 */
#pun-navlinks li {
  display: inline;
  padding: 0px;
}

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.2em;
  }

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
  margin-top: 0px;
  border: none;
  }

/* D4.2 */
#pun-ulinks .container {
  padding-left: 0px;
  padding-top: 0px;
  padding: 0.4em 0.3em;
  text-align: center;
  border: none;
  }

/* 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;
  }

/* D5.2 */
#pun-status .container {
  padding: 0em 1em 1em 1em;
  border-top: none;
  border-left: none;
  border-right: none;
  }

/* 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;
  border-left: none;
  border-right: none;
  padding: 0 1em 0.8em 1em;
  font-size: 1.1em;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 { background: url()
  }

/* D6.2 */
#pun-announcement h2 span {background: url()
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 */
#pun-announcement .container {background: url()
  padding: 0 1em 1em 1em;
  border-top: none;
  border-left: none;
  border-right: none;
  }
}

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 0;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* 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;
  }
цвета
Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

body { background: url(http://s4.uploads.ru/QYCft.png) #693e25;
}

html {  background-color: transparent}

#pun-title TABLE {
        background: url(http://s5.uploads.ru/yzrd3.jpg) transparent no-repeat top center;
}

#pun {
        background: url(http://s4.uploads.ru/4wKDP.png) transparent repeat-y top center;
        color: #33180d; border: none;
}

#pun-about p.container {background-image: url(http://s5.uploads.ru/nexQ5.png); background-position: top center; background-repeat: no-repeat; height: 246px; width: 1037px; margin-left: -100px; margin-bottom: -80px; font-size:0 !important;}

/* CS1.1 */
.punbb .main .container,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,
#setmods dd, .punbb .post-body,
.post-box, .punbb .post-links,
.punbb-admin #pun-admain .adcontainer,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: transparent;
  color: #33180d;
  }

#pun-ulinks .container{
  background: transparent;
  color: #33180d;
}

/* CS1.2 */
.punbb .post .container,
.punbb .post h3 {
  background: transparent;
  color: #33180d;
}

.punbb .post h3 span {
  background: transparent;
  color: #33180d;
}

.punbb td.tcr, .punbb .tlc {  background: transparent;
  color: #33180d;
}

.punbb td.tc2, .punbb td.tc3{
  background: transparent;
  color: #33180d;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background: url() transparent no-repeat center;
  color: #33180d;
  font-size: 1.3em;
  font-family: sans-serif;

  }

/* CS1.4 */
.punbb .modmenu .container {
  background: transparent;
  color: #33180d;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background: transparent;
  color: #33180d;
  }

#viewprofile h2 span {
  background-image: none;
}

.punbb .post h3 strong {
  font-size: 0.9em;
  color: #33180d;
}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
  background-image: url(http://s4.uploads.ru/mWp0n.png);
  color: #33180d;
  }

#pun-main .post h3, #pun-main .post h3 span {
  background: transparent;
  color: #33180d;
}

.punbb textarea, .punbb select, .punbb input {
  background-color: transparent;
  color: #33180d;
}

/* CS1.8 */
#pun-navlinks .container, .punbb th, {
  background: transparent;
  color: #33180d;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

#pun-main .post-author ul  {background: url(http://s4.uploads.ru/mWp0n.png);
  color: #33180d; width: 200px;
}

*  table thead {
  border-color: transparent;
}

/* CS2 Border colours
-------------------------------------------------------------*/

#pun-title, #pun-navlinks {
  border-color: transparent;
}

/* 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 {
  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;
  }

/* CS3 Links
-------------------------------------------------------------*/

/* 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: #33180d;
  text-decoration: underline;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #33180d;
  text-decoration: underline;
  }

/* 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: #000000;
   text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #dcc1a7;
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #dcc1a7;
  text-decoration: none
  }

#pun-ulinks a {
  color: #33180d;
  text-decoration: none;
  background: none;
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #33180d;
  text-decoration: none;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: transparent;
  color: #33180d;
  }

.post h3 span a:link, .post h3 span a:visited {
  font-weight: normal;
  font-size: 0.9em;
  text-decoration: none;
}

/* CS4 Post status icons
-------------------------------------------------------------*/

div.icon {
        background: url(../../img/Mybb_Season/old.gif) no-repeat;
}

tr.inew div.icon {
        background: url(../../img/Mybb_Season/new.gif) no-repeat;
}

tr.iclosed div.icon {
        background: url(../../img/Mybb_Season/lock.gif) no-repeat;
}

tr.iredirect div.icon {
        background: url(../../img/Mybb_Season/link.gif) no-repeat;

}

tr.isticky div.icon {
        background: url(../../img/Mybb_Season/sticky.gif) no-repeat;
}

.punbb .main h1 span, .punbb .main h2 span, #pun-stats h2 span {
        background: none;
}

#profilenav h2 span {background-image: none}

td.tcr a{
        background: transparent url(../../img/Mybb_Season/post.gif) no-repeat 0px 1px;
        padding-left: 16px;
}

#pun-stats ul.container {
        background: transparent url(../../img/Mybb_Season/stats.gif) no-repeat 9px 25px;
        padding-left: 47px;
}

#pun-stats div.statscon {
       background: transparent;
}

#pun-crumbs2 .container, #pun-about .container{
        background: transparent;
        color: #33180d;
}

#pun-stats ul.container .item3,
#pun-stats ul.container .item4 { margin-right: 20px;
}
#pun-main .topic h3 span, #pun-main .topic h3 span, #pun-main .topic  .container .post-body .post-box .quote-box, #pun-main .topic  .container .post-body .post-box  .code-box{ border: none;
  }

.pa-adnote, .pa-from, .pa-reg, .pa-posts, .pa-respect, .pa-positive, .pa-reputation, .pa-sex, .pa-icq, .pa-ip, .pa-online, .pa-age, .pa-mailagent, .pa-reg, .pa-avatar, .pa-title, .pa-author, .pa-time-visit, .pa-last-visit, .pa-fld1, .pa-fld2, .pa-fld3, .pa-fld4, .pa-fld5, .pa-fld6, .pa-fld7, .pa-fld8, .pa-fld9, .pa-fld10, .pa-invites{ text-align: center;}
хтмл верх
Код:
<style>
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}
</style>

<style type="text/css">
.punbb table Div.icon {float: right; display: block; width: 80px; height: 65px; border-style: none;
background-image: url("http://s4.uploads.ru/nXG84.png");
background-repeat: no-repeat;
position: relative;}
TR.inew Div.icon {
background: url("http://s4.uploads.ru/VdgcP.png") no-repeat;}
TR.isticky Div.icon {
background: url("http://s5.uploads.ru/8fZxS.png") no-repeat;}
TR.iclosed Div.icon {
background: url("http://s4.uploads.ru/p8Sh9.png") no-repeat;}
</style>

<div style="height:200px; width:240px; top:40px;margin-left:40px;position:absolute;z-index:100; text-align: center;">
Добро пожаловать в наш мир! Располагайтесь и чувствуйте себя как дома, занимайте свободные роли. Игра начинается!<br><br>
<h3>Наша администрация:</h3>
<a href=""><img src="http://s4.uploads.ru/rD5vw.png"></a> <a href=""><img src="http://s4.uploads.ru/56vgL.png"></a>  <a href=""><img src="http://s5.uploads.ru/qlKUj.png"></a>
</div>
хтмл низ
Код:
<script type="text/javascript">
var nrisunok="https://forumupload.ru/uploads/0000/0a/f2/68797-1.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</script>

<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){

myarray=new Array(
"Реклама", "http://s5.uploads.ru/tY6Rd.png",
"Статистика форума", "http://s5.uploads.ru/xyuKA.png"    //Последний элемент без запятой! 
)

        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){

var cssObj = {
  "height":"40px",
  "background-color": "transparent",
  "background-image":"url("+myarray[q+1]+")",
  "background-position":"center",
  "background-repeat":"no-repeat"       //Последний элемент без запятой!
}

        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>

<script><!--Свои картинки в панель навигации со сменой картинки по наведению курсора" -->
   navlinks=new Array(
  "navindex",    // Форум
"http://s5.uploads.ru/te7q0.png","http://s5.uploads.ru/te7q0.png",
  "navuserlist", // Участники
"http://s5.uploads.ru/4Lp9o.png","http://s5.uploads.ru/4Lp9o.png",
  "navrules",    // Правила
"http://s5.uploads.ru/zt1TE.png","http://s5.uploads.ru/zt1TE.png",
  "navsearch",    // Поиск
"http://s4.uploads.ru/kMBcr.png","http://s4.uploads.ru/kMBcr.png",
  "navprofile",    // Профиль
"http://s5.uploads.ru/3sIy5.png","http://s5.uploads.ru/3sIy5.png",
  "navpm",    // Сообщения
"http://s4.uploads.ru/YHvZr.png","http://s4.uploads.ru/YHvZr.png",
  "navadmin",    // Администрирование
"http://s5.uploads.ru/evwg3.png","http://s5.uploads.ru/evwg3.png",
  "navregister", // Регистрация
"http://s5.uploads.ru/8vVZo.png","http://s5.uploads.ru/8vVZo.png",
  "navlogin",    // Войти
"http://s4.uploads.ru/Z2TwB.png","http://s4.uploads.ru/Z2TwB.png",
  "navlogout",    // Выход
"http://s5.uploads.ru/K0RdD.png","http://s5.uploads.ru/K0RdD.png"  // !ПОСЛЕДНИЙ элемент без запятой
)
var s0,s1,s2,s3,i; for (i=0; i < navlinks.length; i++){s0=navlinks[i+1];s1="onmouseover=\"this.src='"+navlinks[i+2]+"'\""; s2="onmouseout=\"this.src='"+s0+"'\"";s3='<img class="navlinks" src="'+s0+'" '+s1+' '+s2+' border="0" />';$("#"+navlinks[i]+" a").html("<span>"+s3+"</span>");i++;i++; }
</script>

<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><a href=\"#\" onclick=\"PiarIn();return false\"><span><img title=\"Быстрый вход для 'Пиарщиков'\" src=\"http://s5.uploads.ru/0No5q.png\"/></span></a></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

<!-- cтрелочки -вверх вниз страницы -->
<div style="position:fixed; right
:1%; bottom: 20%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://s4.uploads.ru/5OWYd.png" alt="Вверх страницы" ></a><br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img style="margin-top: 10px;" src="http://s4.uploads.ru/JiXAu.png" alt="Вниз страницы" ></a>
</div>


<style type="text/css">
#tieser-bottom {
  position:absolute!important;
  left:auto!important;
  top:auto!important;
  width:100%;
  margin:10px 0 0 0!important;
}
</style>
<script type="text/javascript">
$('#tieser-bottom').parent().css({'position':'relative','height':'100px'});
</script>

+5

14

скрин

http://s5.uploads.ru/G43vR.png

Автор: KatM

структура
Код:
/*************************************************************
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%;
  padding-left: 60px;
  }

/* 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, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3 {
  font-size: 1em;
  font-weight: bold;
  }

.punbb th   {
  font-size: 0.9em;
  font-weight: bold;
  border: none;
  }

.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  text-decoration: underline
  }

/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }

/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }

/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  width : 1039px;
  padding: 0px 12px 0px 12px;
  border: none;
  border-top: none;
  float: center;
}

/* A5.2 */
.punbb {
  float: center;
  width: 96%;
  height: auto;
  }

/* A5.3 */
#pun-redirect, #pun-maint { background: url();
  margin: 50px 20% 12px 20%;
  width: 500px;
  height: 164px;
  float: none;
  text-align: center;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  padding-left: 40px;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none;
  border-width: 0px
  }

/* A5.9 */
.punbb .container {
  border-style: solid none solid none;
  border-width: 1px;
  float: center;
  }

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
  padding: 15px 1em 13px 1em;
  border: none;
  }

#pun-main h2 {
  padding: 15px 1em 13px 1em;
  border: none;
}

/* A 5.11  Иконки меню навигации */
#pun-navlinks li  {
padding-left: 8px;
border-left: none;
}

#pun-navlinks #navindex {
padding-left: 0px;
border-left: 0px dashed #006699;
}

/*************************************************************
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 #fff;
  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-top
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border: none;
  border-left: 3px double #E0DEAF;
  }

/* 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: -5.4em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -5.4em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }

/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 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%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  padding: 7px 1em 8px 1em;
  border-left: none;
  }

/* 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: 32px;
}

/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  width: 32px;
  height: 26px;
  padding-top: 1px;
  margin-top: 1px;
}

/* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  border-left: 1px solid #fff;
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }

li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  }

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }

/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  margin-top: 4px;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }

/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }

/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: 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: none;
  margin-bottom: -30px;
  width: 1350px;
  height: 485px;
  margin-left: -196px;
  float: center;
}

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 467px;
  margin: -1px 0px 0px -1px;
}

/* D1.3 */
#pun-title .container {
  border-style: none ;
  padding: 0.2em 1em 0.8em 1em;
  }

/* D1.4 */
#pun-title h1 span {
  display: none;
}

#pun-title TABLE {
  border: none;
  height: 611px;
  width: 100%;
}

#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%;
}

#pun-title TD.title-logo-tdr {
  border: none;
  width: 468px;
  vertical-align: top;
  padding-top: 355px;
  padding-right: 160px;
}

/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: 0px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks {
  border: none;

}

#pun-navlinks .container {
  border: none;
  margin-top: -5px;
  }

/* D3.2 */
#pun-navlinks .container {
  padding-left: 0px;
  padding-bottom: 0px;
  font-weight: bold;
  text-align: center;
}

/* D.3 */
#pun-navlinks li {
  display: inline;
  padding: 5px;
}

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.2em;
  }

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
  margin-top: 0px;
  border: none;
  }

/* D4.2 */
#pun-ulinks .container {
  padding-left: 0px;
  padding-top: 0px;
  padding: 0.4em 0.3em;
  text-align: center;
  border: none;
  }

/* 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;
  }

/* D5.2 */
#pun-status .container {
  padding: 0em 1em 1em 1em;
  border-top: none;
  border-left: none;
  border-right: none;
  }

/* 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;
  border-left: none;
  border-right: none;
  padding: 0 1em 0.8em 1em;
  font-size: 1.1em;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 { background: url()
  }

/* D6.2 */
#pun-announcement h2 span {background: url()
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  width: 813px;
  }

/* D6.3 */
#pun-announcement .container {background: url()
  padding: 0 1em 1em 1em;
  border-top: none;
  border-left: none;
  border-right: none;
  width: 813px;
  }
}

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 0;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* 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;
  }
цвета
Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
        background: url(http://s5.uploads.ru/CZmOh.jpg);
}

html {  background-color: #262626;}

#pun-title TABLE {
        background: url(http://s4.uploads.ru/st7Qe.jpg) transparent no-repeat top center;
}

#pun {
        background: url(http://s5.uploads.ru/GwUXE.jpg) transparent repeat-y top center;
        color: #8d8d8c; border: none;
}

#html-footer {background-image: url(http://s5.uploads.ru/vW6Dz.jpg); background-position: top center; background-repeat: no-repeat; height: 245px; width: 1300px;  font-size:0 !important;}
div#html-footer {margin: 0px 0px 0px -150px;}

/* CS1.1 */
.punbb .main .container,
.punbb td.tc3,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,
#setmods dd, .punbb .post-body,
.post-box, .punbb .post-links,
.punbb-admin #pun-admain .adcontainer,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: transparent;
  color: #8d8d8c;
  }

#pun-ulinks .container{
  background: transparent;
  color: #8d8d8c;
}

/* CS1.2 */
.punbb .post .container,
.punbb .post h3 {
  background: transparent;
  color: #8d8d8c;
}

.punbb .post h3 span {
  background: transparent;
  color: #8d8d8c;
}

.punbb td.tc2, .punbb td.tcr  {
  background: transparent;
  color: #8d8d8c;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background: url() transparent no-repeat center;
  color: #8d8d8c;
  font-size: 1.3em;
  font-family: sans-serif;

  }

/* CS1.4 */
.punbb .modmenu .container {
  background: transparent;
  color: #8d8d8c;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background: transparent;
  color: #8d8d8c
  }

#viewprofile h2 span {
  background-image: none;
}

.punbb .post h3 strong {
  font-size: 0.9em;
  color: #8d8d8c;
}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
  background-image: url(http://s5.uploads.ru/5J4Pv.png);
  color: #8d8d8c;
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: transparent;
  color: #627430;
}

/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  color: #8d8d8c;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

.punbb th {
  color: #8d8d8c;
  background: transparent;
}

*  table thead {
  border-color: transparent;
}

/* CS2 Border colours
-------------------------------------------------------------*/

#pun-title, #pun-navlinks {
  border-color: transparent;
}

/* 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 {
  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;
  }

/* CS3 Links
-------------------------------------------------------------*/

/* 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: #c3c3c3;
  text-decoration: underline;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #c3c3c3;
  text-decoration: underline;
  }

/* 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: #c3c3c3 ;
   text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #c3c3c3;
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #c3c3c3;
  text-decoration: none
  }

#pun-ulinks a {
  color: #c3c3c3;
  text-decoration: none;
  background: none;
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #c3c3c3;
  text-decoration: none;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: transparent;
  color: #c3c3c3;
  }

.post h3 span a:link, .post h3 span a:visited {
  font-weight: normal;
  font-size: 0.9em;
  text-decoration: none;
}

/* CS4 Post status icons
-------------------------------------------------------------*/

div.icon {
        background: url(../../img/Mybb_Season/old.gif) no-repeat;
}

tr.inew div.icon {
        background: url(../../img/Mybb_Season/new.gif) no-repeat;
}

tr.iclosed div.icon {
        background: url(../../img/Mybb_Season/lock.gif) no-repeat;
}

tr.iredirect div.icon {
        background: url(../../img/Mybb_Season/link.gif) no-repeat;

}

tr.isticky div.icon {
        background: url(../../img/Mybb_Season/sticky.gif) no-repeat;
}

.punbb .main h1 span, .punbb .main h2 span, #pun-stats h2 span {
        background: none;
}

#profilenav h2 span {background-image: none}

td.tcr a{
        background: transparent url(../../img/Mybb_Season/post.gif) no-repeat 0px 1px;
        padding-left: 16px;
}

#pun-stats ul.container {
        background: transparent url(../../img/Mybb_Season/stats.gif) no-repeat 9px 25px;
        padding-left: 47px;
}

#pun-stats div.statscon {
       background: transparent;
}

#pun-crumbs2 .container, #pun-about .container{
        background: transparent;
        color: #c3c3c3;
}

#pun-stats ul.container .item3,
#pun-stats ul.container .item4 { margin-right: 20px;
}
#pun-main .topic h3 span, #pun-main .topic h3 span, #pun-main .topic  .container .post-body .post-box .quote-box, #pun-main .topic  .container .post-body .post-box  .code-box{ border: none;
  }
.pa-adnote, .pa-from, .pa-reg, .pa-posts, .pa-respect, .pa-positive, .pa-reputation, .pa-sex, .pa-icq, .pa-ip, .pa-online, .pa-age, .pa-mailagent, .pa-reg, .pa-avatar, .pa-title, .pa-author, .pa-time-visit, .pa-last-visit, .pa-fld1, .pa-fld2, .pa-fld3, .pa-invites{ text-align: center;}
хтмл верх
Код:
<style>
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}
</style>

<style type="text/css">
.punbb table Div.icon {float: right; display: block; width: 152px; height: 86px; border-style: none;
background-image: url("http://s4.uploads.ru/BwdtN.png");
background-repeat: no-repeat;
position: relative;}
TR.inew Div.icon {
background: url("http://s4.uploads.ru/eyxQ8.png") no-repeat;}
TR.isticky Div.icon {
background: url("http://s4.uploads.ru/u43CN.png") no-repeat;}
TR.iclosed Div.icon {
background: url("http://s4.uploads.ru/KGXO3.png") no-repeat;}
</style>
хтмл низ
Код:
<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){

myarray=new Array(
"Реклама", "http://s5.uploads.ru/Je96Z.jpg",
"Статистика форума", "http://s5.uploads.ru/TwDO3.jpg"    //Последний элемент без запятой! 
)

        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){

var cssObj = {
  "height":"100px",
  "background-color": "transparent",
  "background-image":"url("+myarray[q+1]+")",
  "background-position":"center",
  "background-repeat":"no-repeat"       //Последний элемент без запятой!
}

        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>


<script><!--Свои картинки в панель навигации со сменой картинки по наведению курсора" -->
   navlinks=new Array(
  "navindex",    // Форум
"http://s5.uploads.ru/lN2pd.png","http://s5.uploads.ru/lN2pd.png",
  "navuserlist", // Участники
"http://s5.uploads.ru/lVQwa.png","http://s5.uploads.ru/lVQwa.png",
  "navrules",    // Правила
"http://s5.uploads.ru/jeYcb.png","http://s5.uploads.ru/jeYcb.png",
  "navsearch",    // Поиск
"http://s5.uploads.ru/ryTAa.png","http://s5.uploads.ru/ryTAa.png",
  "navprofile",    // Профиль
"http://s4.uploads.ru/8Fijx.png","http://s4.uploads.ru/8Fijx.png",
  "navpm",    // Сообщения
"http://s5.uploads.ru/sx8Yk.png","http://s5.uploads.ru/sx8Yk.png",
  "navadmin",    // Администрирование
"http://s5.uploads.ru/q7ban.png","http://s5.uploads.ru/q7ban.png",
  "navregister", // Регистрация
"http://s5.uploads.ru/LyWjE.png","http://s5.uploads.ru/LyWjE.png",
  "navlogin",    // Войти
"http://s5.uploads.ru/6WhGM.png","http://s5.uploads.ru/6WhGM.png",
  "navlogout",    // Выход
"http://s4.uploads.ru/20WZT.png","http://s4.uploads.ru/20WZT.png"  // !ПОСЛЕДНИЙ элемент без запятой
)
var s0,s1,s2,s3,i; for (i=0; i < navlinks.length; i++){s0=navlinks[i+1];s1="onmouseover=\"this.src='"+navlinks[i+2]+"'\""; s2="onmouseout=\"this.src='"+s0+"'\"";s3='<img class="navlinks" src="'+s0+'" '+s1+' '+s2+' border="0" />';$("#"+navlinks[i]+" a").html("<span>"+s3+"</span>");i++;i++; }
</script>

<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><a href=\"#\" onclick=\"PiarIn();return false\"><span><img title=\"Быстрый вход для 'Пиарщиков'\" src=\"http://s4.uploads.ru/tCzBa.png\"/></span></a></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

+1

15

скрин

http://funkyimg.com/i/FZV6.png

Структура 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: 100%;
  }

/* A3.2 */
.punbb {
  font: normal 70.75%  verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em  verdana, arial, helvetica, sans-serif
  }


/* A3.4 */
.punbb h1, .punbb h2, .punbb h3 {
  font-size: 1em;
  font-weight: bold;
  }

.punbb th   {
  font-size: 0.9em;
  font-weight: bold;
  }
.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }


#pun-main .code-box, #pun-main textarea, #pun-main .quote-box {background-image: url(''); background-color: #daceab; 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.6 */
.punbb pre {
  font: 1.1em/140% verdana, arial, monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  text-decoration: underline
  }

/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }


/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }


/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
  margin-left: 0px;
  position: center top;
  width: 905px;
  margin: auto;
  }

/* A5.2 */
.punbb {
  margin-left: 80px;
  float: none;
  width:749px;
  height: auto;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 0px 0% 0px 0%;
  width: auto;
  float: none;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px;
  }

/* A5.9 */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }

/* A5.10 */
#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: 1px solid transparent;
  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-top
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border: none;
  border-radius: 15px;
  border-left: 6px solid #ac9669; /* Размер и цвет рамки сверху */
  border-right: 6px solid #ac9669;  /* Размер и цвет рамки снизу */
-webkit-box-shadow: #bab2a0 0px 2px 5px;
  }

/* 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: -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;
  }

/* 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%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: 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: 1px}

/* C2.14 */
.punbb td div.tclcon {
  margin-left: 40px;
}

/* C2.15 */
.punbb div.icon {
  float: right;
  display: block;
  width:47px;
  height: 41px;
  padding-top: 1px;
  margin-top: 1px;
padding-left: 7px;
background-repeat: no-repeat;
}

div.icon {
        background: url(http://funkyimg.com/i/FZPY.png) no-repeat;
}

tr.inew div.icon {
        background: url(http://funkyimg.com/i/FZPX.png) no-repeat;
}

tr.isticky div.icon {
        background: url(http://funkyimg.com/i/FZPX.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(http://funkyimg.com/i/FZPX.png) no-repeat;
}

 /* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  border-left: 1px solid transparent;
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }


li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  }

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }

.punbb .post .post-author {
  width: 20em !important;
}


/* 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;
  height:0px;
  margin-left: -80px;
height: 459px;
width: 905px;
  background-image: url(http://funkyimg.com/i/FZQ3.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: 0;
  margin-bottom: 0px;
}

#pun-navlinks .container {
  border: none;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
  font-size: 10px;
  margin-top: -383px; /*высота расположения*/
  margin-bottom: 280px;
  margin-left: -26px;
  text-align: center; /*расположение*/
  }

/* D.3 */
#pun-navlinks li {
  display: inline;
  margin: 0;
}

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.2em;
  font-family: tahoma;
  padding: 3px 3px 5px 5px;
  }

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
  margin-bottom: 50px;
  border: 2px solid transparent;
  }

/* D4.2 */
#pun-ulinks .container {
  font-size: 10px;
  margin-top: 8px; /*высота расположения*/
  margin-bottom: -10px;
  margin-left: 15px;
text-align: center; /*расположение*/
  color: #373735;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  white-space: nowrap;
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 14px 5px 8px 8px;
  font-size: 1.1em;
  }

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }

/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 4.3em 1em 1em 1em;
  }

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 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;
  }
Цвета style_cs.css
Код:
#pun { background-image : url("http://funkyimg.com/i/FZPZ.png");
background-color : #ecdec5;
background-position : center;}

/* CS1 Цвет фона, фона форума и остальное.
-------------------------------------------------------------*/

body { 
 background-color: #120a05; 
 overflow-x: hidden;
 background-image : url("http://funkyimg.com/i/FZQ1.png");
 background-repeat: repeat;
 background-position : top center;
}

/* 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: #0f0803;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
border-color:transparent;
  color: #0f0803;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color:transparent;
  color: #F8F8F8;
  font-weight: normal;
font-style: normal;

  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
border-color:transparent;
  color: #0f0803;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
border-color:transparent;
  color: #0f0803
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
background-color: transparent;;
  color: #0f0803
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-image: url("");
  background-color: #daceab;
  color: #0f0803
  border-radius: 15px; /* Закругление */
  border-left: 6px solid #ac9669; /* Размер и цвет рамки сверху */
  border-right: 6px solid #ac9669;  /* Размер и цвет рамки снизу */
-webkit-box-shadow: rgb(192, 169, 95) 0px 3px 1px;
  }

/* CS1.8 */
#pun-navlinks .container {
  border-color:transparent;
  color: #FFFFFF;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #F8F8F8;
  color: #0f0803
}

.punbb textarea, .punbb input {
  background-image : url("");
  background-color: #daceab;
  text-color: #211508;
  border-width: 0px;
  border-radius: 15px; /* Закругление */
}

.punbb select, .punbb .quote-box, .punbb .code-box {
  background-image : url("");
  text-color: #080b21;
  background-color: #daceab;
  border-width: 0px;
}


/* 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 {
  content: url(http://funkyimg.com/i/G2eK.png) ;
  width: auto;
  height: auto;
  margin: 20px;
border-color:transparent;
  }


/* CS3 Цвета ссылок и всё что с ними связанно
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #000000;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #060606
  }

/* 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: #3e4241;
    border-bottom: 0px none #3f3f3f;
   text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #3e4241;
    border-bottom: 0px none #000;
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #3e4241;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #000;
   text-decoration: none;

  }
/*/6060*/
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #1b0d04;
  color: #fff;
  }

/* CS4 Фон всем категориям и разделение между сообщениями. + Сдвиг рекламы.
 -------------------------------------------------------------*/

#pun  .section {border-style: none; width: 749px;   }
#pun  .tc2, #pun-main .post-author ul  {text-align: center; }

.punbb .post div.container {
  background: url("") no-repeat scroll center bottom transparent;
}

.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
  background: url() top center;
  text-align: center;
  color: #000;
  }

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1;  left: 450px; top: 20px;
}


/*  CS5 Категории форума и кнопки 
------------------------------------------------------------*/



/* CS6 Логотип снизу
 -------------------------------------------------------------*/

 #pun-about p.container {background-color: #;
   background-image : url(http://funkyimg.com/i/FZQ2.png);
   margin-left: -92px;
   background-position : center top;
   background-repeat : no-repeat;
   height : 190px;
   width:905px;
   overflow-x: hidden;}

 div#html-footer {
        margin: 0px 0px 0px 0px;}

 div#pun-about {
       margin-top: 0px;
       margin-bottom: -20px;
}

 #pun-announcement.section h2 span {display:  none; }
    a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; }

/* CS7 Остальные коды для оформления форума
 -------------------------------------------------------------*/
HTML верх
Код:
<style>#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 220px; top:0px
}</style>
HTML низ
Код:
<script><!--Свои картинки в панель навигации со сменой картинки по наведению курсора" -->
       navlinks=new Array(
 "navindex",    // Форум
    "http://funkyimg.com/i/FZQP.png","http://funkyimg.com/i/FZQP.png",
      "navuserlist", // Участники
    "http://funkyimg.com/i/FZQN.png","http://funkyimg.com/i/FZQN.png",
      "navsearch",    // Поиск
    "http://funkyimg.com/i/FZQK.png","http://funkyimg.com/i/FZQK.png",
      "navprofile",    // Профиль
    "http://funkyimg.com/i/FZQL.png","http://funkyimg.com/i/FZQL.png",
      "navpm",    // ЛС
    "http://funkyimg.com/i/FZQJ.png","http://funkyimg.com/i/FZQJ.png",
      "navadmin",    // Админ
    "http://funkyimg.com/i/FZQF.png","http://funkyimg.com/i/FZQF.png",
      "navregister", // Регистрация
    "http://funkyimg.com/i/FZQM.png","http://funkyimg.com/i/FZQM.png",
      "navlogin",    // Войти
    "http://funkyimg.com/i/FZQG.png","http://funkyimg.com/i/FZQG.png",
      "navlogout",    // Выйти
    "http://funkyimg.com/i/FZQH.png","http://funkyimg.com/i/FZQH.png"  // !ПОСЛЕДНИЙ элемент без запятой
    )
    var s0,s1,s2,s3,i; for (i=0; i < navlinks.length; i++){s0=navlinks[i+1];s1="onmouseover=\"this.src='"+navlinks[i+2]+"'\""; s2="onmouseout=\"this.src='"+s0+"'\"";s3='<img class="navlinks" src="'+s0+'" '+s1+' '+s2+' border="0" />';$("#"+navlinks[i]+" a").html("<span>"+s3+"</span>");i++;i++; }
    </script>


<style>.Myimge {position:absolute;margin-top:-14px;}</style>
    <script type="text/javascript">
    PiarNik="PR";
    PiarPas="1111";
    var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
    <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
    <fieldset>\
    <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
    <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
    <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
    <input type=\"submit\" class=\"button\" name=\"login\"/>\
    </fieldset>\
    </form>\
    </div>\
    <span id=spMyimg><img class=\"Myimge\"  title=\"Быстрый вход для 'Пиарщиков'\" onclick=\"PiarIn()\" src=\"http://funkyimg.com/i/FZR6.png\" onmouseover=\"this.src='http://funkyimg.com/i/FZR6.png' \" onmouseout=\"this.src='http://funkyimg.com/i/FZR6.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>


<!-- cтрелочки -вверх вниз страницы -->

<div style="position:fixed; right :10%; bottom: 30%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://funkyimg.com/i/FZQT.png" alt="Вверх страницы" ></a><br/>

<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img style="margin-top: 0px;" src="http://funkyimg.com/i/FZQU.png" alt="Вниз страницы" ></a>
</div>
  
<!--конец cтрелочки -->

Отредактировано iamyourpathos (23-02-2014 03:25:35)

+15

16

Макет


http://funkyimg.com/i/26pog.png

Структура 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;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em  verdana, arial, helvetica, sans-serif
  }


/* A3.4 */
.punbb h1, .punbb h2, .punbb h3 {
  font-size: 1em;
  font-weight: bold;
  }

.punbb th   {
  font-size: 0.9em;
  font-weight: bold;
  }
.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }


#pun-main .code-box, #pun-main textarea, #pun-main .quote-box {background-image: url('http://funkyimg.com/i/26ph8.png'); background-color: #cfc2aa; 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.6 */
.punbb pre {
  font: 1.1em/140% verdana, arial, monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  text-decoration: underline
  }

/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }


/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }


/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
  margin-left: 0px;
  position: center top;
  width: 971px;
  margin: auto;
  }

/* A5.2 */
.punbb {
  margin-left: 55px;
  float: none;
  width: 855px;
  height: auto;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
background-color: #c7bb9f;
 background-position : top center;
 background-repeat: no-repeat;
margin-top: 100px;
margin-left: 110px;
 text-align: center;
  float: none;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px;
  }

/* A5.9 */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }

/* A5.10 */
#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: 1px solid transparent;
  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-top
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border: none;
  border-radius: 15px;
  border-width: 0px;
  box-shadow: inset 1px 1px 1px 1px #877b69;
-webkit-border-radius:15px; 
-moz-border-radius:15px; 
-khtml-border-radius:15px;
  }

/* 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: -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;
  }

/* 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%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: 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: 1px}

/* C2.14 */
.punbb td div.tclcon {
  margin-left: 40px;
}

/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  width: 18px;
  height: 18px;
  padding-top: 1px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-left: 12px;
padding-left: 20px;
background-repeat: no-repeat;
}

div.icon {
        background: url(http://funkyimg.com/i/26pjZ.png) no-repeat;
}

tr.inew div.icon {
        background: url(http://funkyimg.com/i/26pjY.png) no-repeat;
}

tr.isticky div.icon {
        background: url(http://funkyimg.com/i/26pjY.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(http://funkyimg.com/i/26pjZ.png) no-repeat;
}

 /* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  border-left: 1px solid transparent;
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }


li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  }

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }

.punbb .post .post-author {
  width: 20em !important;
}


/* 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;
  height:0px;
  margin-left: -68px;
height: 379px;
width: 995px;
  background-image: url(http://funkyimg.com/i/26pha.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: 0;
  margin-bottom: 0px;
}

#pun-navlinks .container {
  border: none;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
  font-size: 10px;
  margin-top: -325px; /*высота расположения*/
  margin-bottom:37px;
position : center;
  text-align: center; /*расположение*/
  }

/* D.3 */
#pun-navlinks li {
  display: inline;
  margin: 0;
}

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.2em;
  font-family: tahoma;
  padding: 0px 10px 0px 0px;
  }

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
  margin-bottom: 50px;
  border: 2px solid transparent;
  }

/* D4.2 */
#pun-ulinks .container {
  font-size: 10px;
  margin-top: 0px; /*высота расположения*/
  margin-bottom: 145px;
  margin-left: 15px;
text-align: center; /*расположение*/
  color: #373735;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  white-space: nowrap;
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0px 10px 0px 0px;
  font-size: 1.0em;
  }

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }

/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 4.3em 1em 1em 1em;
  }

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 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
Код:
#pun { background-image : url("http://funkyimg.com/i/26ph6.png");
background-color : #ccbfa6;
background-color: transparent;
background-position : center;}

/* CS1 Цвет фона, фона форума и остальное.
-------------------------------------------------------------*/

body { 
 background-color: #100b03; 
 overflow-x: hidden;
 background-image : url("http://funkyimg.com/i/26ph7.png");
 background-repeat: repeat;
 background-position : top left;
}

/* 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;
  color: #a5a187;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #989495;
  color: #000000;
}

.punbb textarea, .punbb input {
  background-image : url("http://funkyimg.com/i/26ph8.png");
  background-color: #cfc2aa;
  color: #000000;
  border-width: 0px;
  border-width: 0px;
  box-shadow: inset 1px 1px 1px 1px #877b69;
-webkit-border-radius:15px; 
-moz-border-radius:15px; 
-khtml-border-radius:15px;
}

.punbb select, .punbb .quote-box, .punbb .code-box {
  background-image : url("http://funkyimg.com/i/26ph8.png");
  text-color: #000000;
  background-color: #cfc2aa;
  border-width: 0px;
  border-width: 0px;
  box-shadow: inset 1px 1px 1px 1px #877b69;
-webkit-border-radius:15px; 
-moz-border-radius:15px; 
-khtml-border-radius:15px;
}


/* 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 {
  content: url(http://funkyimg.com/i/Nghr.png) ;
  width: auto;
  height: auto;
  margin: 20px;
border-color:transparent;
  }


/* CS3 Цвета ссылок и всё что с ними связанно
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #000000;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #060606
  }

/* 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: #151515;
    border-bottom: 0px none #241b06;
   text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #a5a187;
    border-bottom: 0px none #000;
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #a5a187;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #000;
   text-decoration: none;

  }
/*/6060*/
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #1b0d04;
  color: #151515;
  }

/* 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;
}

.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
  background: url() top center;
  text-align: center;
  color: #000;
  }

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1;  left: 450px; top: 20px;
}




/*  CS5 Категории форума и кнопки 
------------------------------------------------------------*/



/* CS6 Логотип снизу
 -------------------------------------------------------------*/

 #pun-about p.container {background-color: #;
   background-image : url(http://funkyimg.com/i/26ph5.png);
   margin-left: -82px;
   background-position : center top;
   background-repeat : no-repeat;
   height : 135px;
   width: 991px;
   overflow-x: hidden;}

 div#html-footer {
        margin: 0px 0px 0px 0px;}

 div#pun-about {
       margin-top: 0px;
       margin-bottom: -20px;
}

 #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://funkyimg.com/i/26ph4.png) no-repeat top center;
height: 146px;
width: 903px;
margin-left: -25px;
font-size:0 !important;}

#pun-category2.category h2 {
background: url(http://funkyimg.com/i/26ph4.png) no-repeat top center;
height: 146px;
width: 903px;
margin-left: -25px;
font-size:0 !important;}

#pun-category3.category h2 {
background: url(http://funkyimg.com/i/26ph4.png) no-repeat top center;
height: 146px;
width: 903px;
margin-left: -25px;
font-size:0 !important;}

#pun-category4.category h2 {
background: url(http://funkyimg.com/i/26ph4.png) no-repeat top center;
height: 146px;
width: 903px;
margin-left: -25px;
font-size:0 !important;}

#pun-category5.category h2 {
background: url(http://funkyimg.com/i/26ph4.png) no-repeat top center;
height: 146px;
width: 903px;
margin-left: -25px;
font-size:0 !important;}

#pun-category6.category h2 {
background: url(http://funkyimg.com/i/26ph4.png) no-repeat top center;
height: 146px;
width: 903px;
margin-left: -25px;
font-size:0 !important;}

#pun-category7.category h2 {
background: url(http://funkyimg.com/i/26ph4.png) no-repeat top center;
height: 146px;
width: 903px;
margin-left: -25px;
font-size:0 !important;}

#pun-category8.category h2 {
background: url(http://funkyimg.com/i/26ph4.png) no-repeat top center;
height: 146px;
width: 903px;
margin-left: -25px;
font-size:0 !important;}

#pun-category9.category h2 {
background: url(http://funkyimg.com/i/26ph4.png) no-repeat top center;
height: 146px;
width: 903px;
margin-left: -25px;
font-size:0 !important;}

#pun-category10.category h2 {
background: url(http://funkyimg.com/i/26ph4.png) no-repeat top center;
height: 146px;
width: 903px;
margin-left: -25px;
font-size:0 !important;}

#pun-stats.section h2 {
background: url(http://funkyimg.com/i/26ph4.png) no-repeat top center;
height: 146px;
width: 903px;
margin-left: -24px;
border-style: none;
font-size:0 !important;}
HTML верх
Код:
<style type="text/css">
li#navawards {display: none;}
</style>

<style>#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 450px; top:520px
}</style>
HTML низ
Код:
<script type="text/javascript">
li=document.getElementById("pun-navlinks").getElementsByTagName("li")
f=-1
while(li[++f]){
s=li[f].innerHTML
if((p=s.indexOf("Форум")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://funkyimg.com/i/26pkM.png'>"+s.substring(p+5)
else if((p=s.indexOf("Участники")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://funkyimg.com/i/26pkL.png'>"+s.substring(p+9)
else if((p=s.indexOf("Поиск")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://funkyimg.com/i/26pkH.png'>"+s.substring(p+5)
else if((p=s.indexOf("Профиль")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://funkyimg.com/i/26pkJ.png'>"+s.substring(p+7)
else if((p=s.indexOf("Сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://funkyimg.com/i/26pkF.png'>"+s.substring(p+9)
else if((p=s.indexOf("Администрирование")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://funkyimg.com/i/26pkC.png'>"+s.substring(p+17)
else if((p=s.indexOf("Регистрация")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://funkyimg.com/i/26pkK.png'>"+s.substring(p+11)
else if((p=s.indexOf("Выход")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://funkyimg.com/i/26pkE.png'>"+s.substring(p+5)
else if((p=s.indexOf("Войти")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://funkyimg.com/i/26pkD.png'>"+s.substring(p+5)
}
</script>





<script type="text/javascript">
PiarNik="pr";
PiarPas="1111";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><a onclick=\"PiarIn()\"><span style=\"cursor:pointer\"><img title=\"Быстрый вход для 'Пиарщиков'\" src=\"http://funkyimg.com/i/26pkG.png\"/></span></a></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>



<!-- cтрелочки -вверх вниз страницы -->

<div style="position:fixed; right :12%; bottom: 30%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://funkyimg.com/i/26pjV.png" alt="Вверх страницы" ></a><br/>

<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img style="margin-top: -2px;" src="http://funkyimg.com/i/26pjX.png" alt="Вниз страницы" ></a>
</div>
  
<!--конец cтрелочки -->
Объявление
Код:
<div class="container">
    <div class="html-box">
    	<table width="470px" height="170px" style="margin-left: 173px; margin-top: -185px">
                           <tr>                     
                                  <td  valign="top"  align="center" colspan="2" style="color: #706049; font-size: 10px; text-shadow: #000000 1px 1px 0px">
text text text text text text text text text text text <br>
 text text text text text text text text text text text text text text <br>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
                                      </td>   
                                       

                                     </tr>
                         </table>
    </div>
	</div>

0


Вы здесь » COLOR MATE » Cтудия дизайна » Бесплатные шаблоны/стили