АДМИНИСТРАЦИЯ
текст, текст, текст текст, текст, текст текст, текст, текст: связь ..... ;
текст, текст, текст текст, текст, текст текст, текст, текст: связь ..... ;
текст, текст, текст текст, текст, текст текст, текст, текст: связь ..... ;
текст, текст, текст текст, текст, текст текст, текст, текст: связь ..... ;
текст, текст, текст текст, текст, текст текст, текст, текст: связь ..... ;
VIP-ПАРТНЕРЫ

photoshop: Renaissance photoshop: Renaissance
ДОБРО ПОЖАЛОВАТЬ

У людей есть один чудесный недостаток — мы неспособны делать идеальные копии. Именно благодаря тому, что мы не можем полностью скопировать своих героев, мы обретаем собственную жизнь. Так и происходит наша эволюция.
В игре ГОД. МЕСЯЦ.
НОВОСТИ В ИГРЕ
14.10.2014 Эта ночь казалась им символом их судьбы, и они хотели, чтобы судьба эта была и целомудренной, и страстной, чтобы на лице ее блестели слезы и солнце и чтобы их полные скорби и радости сердца усвоили этот двойной урок, ведущий к счастливой смерти.

АКТИВИСТЫ
текст, текст, текст текст, текст, текст текст, текст, текст;
текст, текст, текст текст, текст, текст текст, текст, текст;
текст, текст, текст текст, текст, текст текст, текст, текст;
текст, текст, текст текст, текст, текст текст, текст, текст;
текст, текст, текст текст, текст, текст текст, текст, текст;
название ссылки название ссылки название ссылки название ссылки название ссылки название ссылки название ссылки название ссылки

Дизайны

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

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


Вы здесь » Дизайны » Тестовый форум » Ооо


Ооо

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

1

0

2

Структура 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: 16px;
  }

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

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.2em;
text-align:  center;
  }
/* A3.6 */
.punbb pre {
  font: 1.1em/140% "times new roman", monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

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

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

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

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

/* 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: 1px;
  position: relative;
  width: 906px;
  margin: auto;
  }

/* A5.2 */
.punbb {
  margin-left: 25px;
  position: top center;
  float: none;
  width:885px;
  height: auto;
  }

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

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

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

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

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

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

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

/* A5.10 */
#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: 185px;
  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 clearly dashed #b0adb5;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* D1.2 */
#pun-title h1 {
  display : block;
  height: 0px;
  margin: -5px 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: -254px;
  width:1356px;
  height: 360px;
  background-image: url("http://sd.uploads.ru/Da3Zg.png");
}

#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: 150px;
  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 .cont
ainer {
  border-style: none;
  border-width: 0;
  position: top center;
  }

/* D3.2 */
#pun-navlinks .container {
width: 100%;
margin-top: -180px;
margin-left: 10px;
text-align: center;
text-transform:uppercase;
  }

#pun-ulinks .container {
}

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

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

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

/* D4.1 */
#pun-ulinks  {
width: 100%;
margin-top: 140px;
text-align: center;
margin-left: 40px;
font-weight: bold;
font-size: 0.9em;
  }

/* D4.2 */
#pun-ulinks container {

  }

/* 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: 1.2em 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: 0em 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 3em

  }

/* D7.2 */

#pun-stats li.item1, #pun-stats li.item2 {

  float: left;

  clear: both;

  line-height: 110%;
  }

/* D7.3 */

#pun-stats li.item3, #pun-stats li.item4 {

  text-align: right;

  line-height: 110%;
  }

/* D7.4 */

li#onlinelist {

  margin-top: 1em;

  border-top-style: solid;

  border-top-width: 1px;

  float: left;

  width: 100%;

  line-height: 130%;

  }

/* D7.5 */

li#onlinelist div {

  border-top-style: solid;

  border-top-width: 1px;

  padding: 0.7em 0 0 0;

  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Цвета style_cs.css
Код:
/* CS1 Цвет фона, фона форума,выделение цитат.
-------------------------------------------------------------*/

#pun {
background-image : url("http://sf.uploads.ru/TcfgQ.png");
background-color: #200D23;
background-repeat: repeat;
background-position : center;
}

body {background: 
url("") repeat-x top center,
url("http://sf.uploads.ru/j6Fno.png") repeat #ccb4a2;}

body {margin: 0 auto; overflow-x: hidden;}
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
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: #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("http://s9.uploads.ru/EW3t2.png");
  color: #000000
  }

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

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

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

/* CS2 Цвета ссылок
-------------------------------------------------------------*/
/* CS2.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #000000;
    border-bottom: 0px none #0000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #422D16;
  }

/* CS2.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #422D16;
    border-bottom: 0px none #000;
   text-decoration: none;

  }

/* CS2.3 */
#pun-navlinks a {
  color: #422D16;
    border-bottom: 0px none #000;
  text-decoration: none;
font-weight: normal;
font-family: Times New Roman;
font-style: italic;
font-size: 2.4em;}
  }

/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #FFFFFF;
  font-weight: none;
font-style: none;
  border-bottom: 0px none #000;
   text-decoration: Times New Roman;

  }
/*/6060*/
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #5F391A;
  color: #fff;
  }
/* CS3 Навигация--------------*/
#pun-navlinks a {
        display: inline-block;
        height: 30px;
        width: auto;
margin : -4px !important; 
        }

#navawards a {display: none;}
        #navindex a {background: url(http://se.uploads.ru/Q0O9x.png) no-repeat top center; width: 61px;}
        #navuserlist a {background: url(http://se.uploads.ru/NVcKF.png) no-repeat top center; width: 51px;}
        #navsearch a {background: url(http://sf.uploads.ru/WyxQj.png) no-repeat top center; width:67px;}        
        #navprofile a {background: url(http://se.uploads.ru/MT9CX.png) no-repeat top center; width: 69px;}
        #navpm a {background: url(http://sd.uploads.ru/IAWMl.png) no-repeat top center; width: 78px; }
        #navadmin a {background: url(http://sf.uploads.ru/1ZXav.png) no-repeat top center; width:60px;}
        #navlogout a {background: url(http://sf.uploads.ru/f1MPd.png) no-repeat top center; width: 72px;}
        #navlogin a {background: url(http://sd.uploads.ru/6eSto.png) no-repeat top center; width: 54px;}        
#navregister  a {background: url(http://sf.uploads.ru/oFY4m.png) no-repeat top center; width: 72px;}

 #pun-navlinks a span {display: none;}

A.navi:link, A.navi:active, A.navi:visited {background: #402b20;
font-family: arial;
padding: 30px;
font-size: 9px;
text-align: left;
line-height: 7px;
letter-spacing: 2px;
color: #b3a391;
text-transform: uppercase;
display: block;
width: 15px;
margin: 1px;
font-style: normal;}

A.navi:hover {background-image:url('http://s45.radikal.ru/i109/1008/c9/99903e342ce1.jpg');font-family: arial;padding:3px;font-size: 9px;text-align:right;line-height: 7px;letter-spacing: 2px;color:#b3a391;text-transform: uppercase;display:block;width:150px;margin:1px; text-decoration: none; font-style:normal;font-weight:normal;}


/*  CS4 кнопки 
------------------------------------------------------------*/
div.icon {
       background: url("http://se.uploads.ru/e6qOg.png") no-repeat;
}
tr.inew div.icon {
        background: url("http://sd.uploads.ru/BfiEL.png") no-repeat;
}

tr.iredirect div.icon {
        background: url("http://sd.uploads.ru/FC9fR.png") no-repeat;
}
tr.isticky div.icon {
        background: url("http://sd.uploads.ru/FC9fR.png") no-repeat;
}


/* CS6 Цвета границ
-------------------------------------------------------------*/
/* CS2.1 */
.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 {
border-color:transparent;
  }

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

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

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

/* CS2.5 */
.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.6 */
.punbb th {
border-color:transparent;
  }

/* CS7 Нижнее Лого
 -------------------------------------------------------------*/
 #pun-about p.container {background-color: #;
   background-image : url(http://sd.uploads.ru/kBqLS.png);
   margin-left: -266px;
   background-position : center top;
   background-repeat : no-repeat;
   width: 1356px;
   height : 195px; 
   overflow-x: hidden;}
 div#html-footer {
        margin: 0px 0px 0px 0px;}

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

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

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


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

#pun  .section {border-style: none; width: 800px; }
#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;  right: 8px; top: 1px;
}


/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
box-shadow: 2px 3px 17px #172127;
  }
HTML-верх
Код:
<table border=0 width="270px" style="text-align: justify; position: absolute; top:200px; margin-left: 1px;"
<tr><td width="300px">
<center>
<table>
<tr>
<td><center><b><font color="#806851", size="2">АДМИНИСТРАТОРЫ:</font></b></center><center><a href="ссылка на профиль" class="postlink" target="_blank" rel="nofollow"><font face="Century Gothic"><span style="font-size: 11px; line-height: normal"><b><font color="#785C40">НИК </font></b></span></font></font></a>|<a href="ссылка на профиль" class="postlink" target="_blank" rel="nofollow"><font face="Century Gothic"><span style="font-size: 11px; line-height: normal"><b><font color="#785C40">НИК </font></b></span></font></font></a>|<a href="ссылка на профиль" class="postlink" target="_blank" rel="nofollow"><font face="Century Gothic"><span style="font-size: 11px; line-height: normal"><b><font color="#785C40">НИК </font></b></span></font></font></a></center></td>
</tr></table>
</td></tr>
<tr><td width="220px">
<center>
<b><font color="#806851", size="2">СОБЫТИЯ В ИГРЕ</font></b><br>
<font size="2" color="#976B54" face="Georgia"><b>дата в игре</b></font>, <font size="2" color="#976B54" face="Georgia"><b>погода</b></font><br>
<div style="overflow: scroll; overflow-x: hidden; height: 50px; width: 250px;margin-top: 1px;  margin-left: -1px;"> 
<font size="2" color="#976B54" face="Georgia"><b>дата новости</b></font> <font size="2" color="#a07761" face="Arial">новость</font></div>
</center></div></left></td></table>


<table border=0 width="350px" style="text-align: justify; position: absolute; top: 200px; margin-left: 280px;"
<tr><td width="300px">
<center><b><font size="2" color="#806851"> Добро пожаловать на НАЗВАНИЕ РОЛЕВОЙ</b></font><br>
<font size="1" color="#785C40">НЕ СИЛЬНО БОЛЬШОЕ ПРИВЕТСТВИЕ. бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла  бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла  </font><br>
<b><font color="#806851", size="1">АКТИВИСТЫ НЕДЕЛИ:</font><br></b><br>
<a href="ССЫЛКА НА ПРОФИЛЬ" title="НИК"><img src="http://savepic.net/5883369.png" class="Hoverbuttons"></a> <a href="ССЫЛКА НА ПРОФИЛЬ" title="НИК"><img src="http://savepic.net/5883369.png" class="Hoverbuttons"></a> <a href="ССЫЛКА НА ПРОФИЛЬ" title="НИК"><img src="http://savepic.net/5883369.png" class="Hoverbuttons"></a> <a href="ССЫЛКА НА ПРОФИЛЬ" title="НИК"><img src="http://savepic.net/5883369.png" class="Hoverbuttons"></a></center> 
</td></tr>
</table>

<table border=0 width="200px" style="text-align: justify; position: absolute; top: 200px; margin-left: 630px;"
<tr><td width="300px">
<center><b><font color="#785C40", size="2">ОЧЕРЕДНОСТЬ ПОСТОВ</font></b></center>
<center><div style="overflow: scroll; overflow-x: hidden; height: 100px; width: 230px;margin-top: 1px;  margin-left: -1px;"> 
<center>
<BR> <a href="ССЫЛКА НА ТЕМУ" class="postlink" target="_blank" rel="nofollow"><font size="2" color="#785C40">НАЗВАНИЕ ЭПИЗОДА</font></a> - <b>НИК</b><br>
<a href="ССЫЛКА НА ТЕМУ" class="postlink" target="_blank" rel="nofollow"><font size="2" color="#785C40">НАЗВАНИЕ ЭПИЗОДА</font></a> - <b>НИК</b><br>
<a href="ССЫЛКА НА ТЕМУ" class="postlink" target="_blank" rel="nofollow"><font size="2" color="#785C40">НАЗВАНИЕ ЭПИЗОДА</font></a> - <b>НИК</b><br>
<a href="ССЫЛКА НА ТЕМУ" class="postlink" target="_blank" rel="nofollow"><font size="2" color="#785C40">НАЗВАНИЕ ЭПИЗОДА</font></a> - <b>НИК</b><br>
</center> 

</div></center></td></tr></table>

<!--Ставим рамки для Аватара --> 
<style type="text/css">
li.pa-avatar .Wrp-ava img[alt]{
  display:block;
  padding:0;
  border-width:0;
  margin:2px; /*Отступ рамки*/
}
</style>
<script>
  $(document).ready(function(){
    var imgWrp = "http://s8.uploads.ru/aSTwo.png"; // Ccылка на картинку;

    imgWrp = '<img src="'+imgWrp+'" width=100% height=100% style="position:absolute;z-index:100;"/>'
    $("div.post-author ul li.pa-avatar img[alt]").each(function () {
    $(this).wrap('<div class="Wrp-ava" style="display:inline-block;text-align:left;position:relative;"></div>');
    $(this).parent().prepend(imgWrp)
 });});
</script><!--Конец//Рамки для Аватара-->
<script src="http://hostjs-mybb2011.narod.ru/js/transform_code_boxr.js"></script>
<style type="text/css">
.lastedit {display:none}
</style>
HTML-низ
Код:
<center>Дизайн был разработан Лихорадкой. <b>ICQ 648124775</b>
</center>
<!--Кнопки в верх в низ-->
<div style="position:fixed; right: 0.5%; bottom: 8%; ">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://sd.uploads.ru/VLGCj.png" alt="Вверх страницы"></a>
<br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="http://sd.uploads.ru/U1Fry.png" alt="Вниз страницы"></a> 
</div>
<style>.Myimge {position:absolute;margin-top: 50px; margin-left: -500px; cursor:pointe
r;}</style>

<style>.Myimge {position:absolute;margin-top:-2px;margin-left: 45px; cursor:pointer;}</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://sd.uploads.ru/KTvIX.png\" onmouseover=\"this.src='http://sd.uploads.ru/KTvIX.png' \" onmouseout=\"this.src='http://sd.uploads.ru/KTvIX.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 type="text/javascript">
var A=[1,2,3,4,5,6]
$(".post .post-author li").each(function (){
for(var i in A){if($(this).hasClass("pa-fld"+A[i])){
$(this).html($(this).html().replace(/^[^:]*:/,''));}};});
</script>

</style>
<style type="text/css">
.post-author li {text-align:center}
</style>
<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">
$(".modlist").text(""); //скрываем в форумах модераторов
</script>

0

3

0

4

http://sd.uploads.ru/CSWfw.png
http://sd.uploads.ru/EvT4a.png
http://sd.uploads.ru/PLXU8.png

0

5

0

6

Структура 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: 16px;
  }


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



/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.2em;
text-align:  center;
  }
/* A3.6 */
.punbb pre {
  font: 1.1em/140% "times new roman", monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

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

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

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

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

/* 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: 1px;
  position: relative;
  width: 853px;
  margin: auto;
  }

/* A5.2 */
.punbb {
  margin-left: 5px;
  position: top center;
  float: none;
  width:840px;
  height: auto;
  }

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

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

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

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

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

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

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

/* A5.10 */
#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: 185px;
  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 clearly dashed #b0adb5;
  }

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

/* D1.2 */
#pun-title h1 {
  display : block;
  height: 0px;
  margin: -5px 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: -179px;
  width: 1200px;
  height: 435px;
  background-image: url("http://funkyimg.com/i/KDHE.png");
}

#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: 130px;
  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 .cont
ainer {
  border-style: none;
  border-width: 0;
  position: top center;
  }

/* D3.2 */
#pun-navlinks .container {
width: 100%; 
margin-top: -255px;
margin-left: 40px;
text-align: center;
text-transform:uppercase;
  }

#pun-ulinks .container {
}

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

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

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

/* D4.1 */
#pun-ulinks  {
width: 100%; 
margin-top: 220px;
text-align: center;
margin-left: 40px;
font-weight: bold;
font-size: 0.9em;
  }

/* D4.2 */
#pun-ulinks container {

  }

/* 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: 1.2em 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: 2em 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 3em

  }



/* D7.2 */

#pun-stats li.item1, #pun-stats li.item2 {

  float: left;

  clear: both;

  line-height: 110%;
  }



/* D7.3 */

#pun-stats li.item3, #pun-stats li.item4 {

  text-align: right;


  line-height: 110%;
  }



/* D7.4 */

li#onlinelist {

  margin-top: 1em;

  border-top-style: solid;

  border-top-width: 1px;

  float: left;

  width: 100%;

  line-height: 130%;

  }



/* D7.5 */

li#onlinelist div {

  border-top-style: solid;

  border-top-width: 1px;

  padding: 0.7em 0 0 0;

  }


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
Цвета style_cs.css
Код:
/* CS1 Цвет фона, фона форума,выделение цитат.
-------------------------------------------------------------*/

#pun {
background-image : url("http://funkyimg.com/i/KDnL.png");
background-color: #200D23;
background-repeat: repeat;
background-position : center;
}

body {background: 
url("http://funkyimg.com/i/KDhR.png") repeat-x top center,
url("http://funkyimg.com/i/KDuH.png") repeat #ccb4a2;}

body {margin: 0 auto; overflow-x: hidden;}
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
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: #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("http://s9.uploads.ru/EW3t2.png");
  color: #000000
  }

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

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

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

/* CS2 Цвета ссылок
-------------------------------------------------------------*/
/* CS2.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #000000;
    border-bottom: 0px none #0000;
  text-decoration: none;

  }

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

/* CS2.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #5E1F0E;
    border-bottom: 0px none #000;
   text-decoration: none;

  }

/* CS2.3 */
#pun-navlinks a {
  color: #AEA188;
    border-bottom: 0px none #000;
  text-decoration: none;
font-weight: normal;
font-family: Times New Roman;
font-style: italic,strong ;
font-size: 2.4em;}
  }

/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color:#ABADCA;
  font-weight: none;
font-style: none;
  border-bottom: 0px none #000;
   text-decoration: Times New Roman;

  }
/*/6060*/
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color:#C2C089;
  color: #fff;
  }

/*  CS4 кнопки 
------------------------------------------------------------*/
div.icon {
       background: url("http://funkyimg.com/i/KHr3.png") no-repeat;
}
tr.inew div.icon {
        background: url("http://funkyimg.com/i/KHr4.png") no-repeat;
}

tr.iredirect div.icon {
        background: url("http://funkyimg.com/i/KHr5.png") no-repeat;
}
tr.isticky div.icon {
        background: url("http://funkyimg.com/i/KHr5.png") no-repeat;
}

/*  CS5 категории форума
------------------------------------------------------------*/
#pun-category1.category h2 {
background: url(http://funkyimg.com/i/KYPi.png) no-repeat;
height: 30px;
width: 850px;
border-style: none;
margin-left: -15px;
background-position : top center;
font-size:0 !important;}

#pun-category2.category h2 {
background: url(http://funkyimg.com/i/KZkR.png) no-repeat;
height: 30px;
width: 850px;
border-style: none;
margin-left: -15px;
background-position : top center;
font-size:0 !important;}

#pun-category3.category h2 {
background: url(http://funkyimg.com/i/KZkT.png) no-repeat;
height: 30px;
width: 850px;
border-style: none;
margin-left: -15px;
background-position : top center;
font-size:0 !important;}

#pun-category4.category h2 {
background: url(http://funkyimg.com/i/KZkV.png) no-repeat;
height: 30px;
width: 850px;
border-style: none;
margin-left: -15px;
background-position : top center;
font-size:0 !important;}

#pun-category5.category h2 {
background: url(http://funkyimg.com/i/KZkY.png) no-repeat;
height: 30px;
width: 850px;
border-style: none;
margin-left: -15px;
background-position : top center;
font-size:0 !important;}

#pun-category6.category h2 {
background: url(http://funkyimg.com/i/KZm2.png) no-repeat;
height: 30px;
width: 850px;
border-style: none;
margin-left: -15px;
background-position : top center;
font-size:0 !important;}
/* CS6 Цвета границ
-------------------------------------------------------------*/
/* CS2.1 */
.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 {
border-color:transparent;
  }

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

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

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

/* CS2.5 */
.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.6 */
.punbb th {
border-color:transparent;
  }

/* CS7 Нижнее Лого
 -------------------------------------------------------------*/
 #pun-about p.container {background-color: #;
   background-image : url(http://savepic.net/6110356.png);
   margin-left: -17px;
   background-position : center top;
   background-repeat : no-repeat;
   width: 853px;
   height : 133px; 
   overflow-x: hidden;}
 div#html-footer {
        margin: 0px 0px 0px 0px;}

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

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

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


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

#pun  .section {border-style: none; width: 800px; }
#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;  right: 8px; top: 1px;
}


/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
box-shadow: 2px 3px 17px #172127;
  }


/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background:url(http://se.uploads.ru/QkKhF.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin:12px 0!important;
}
.punbb .post .post-author > ul {
  background:url(http://se.uploads.ru/AnfF6.png) 0 top no-repeat,url(http://se.uploads.ru/nGHgZ.png) 0 bottom no-repeat; /*Фон верха - низа*/
  margin:-12px 0 -12px 0!important;
  padding:12px 17px!important;
}
HTML-верх
Код:
<div style="width: 280px; position: absolute; margin-left: 12px; margin-top: 220px; color: #411212;">
<center><img src="http://se.uploads.ru/GifEm.png"><br>
Я ненавижу кофе. Мне не нравится его запах, это настоящее экологическое бедствие. Я не понимаю, как этот напиток смог приобрести всемирную популярность. Если долго и настойчиво что-то повторять, людям можно навязать что угодно. 
<br>
<img src="http://se.uploads.ru/7ucIL.png">
<br>
<font size="1"><b>На ....: </b>сентябрь 2014 года. 
<br><b>Средняя температура</b>
<br>от +14°C  до +24°C. </font></center></div>


<div style="width: 260px; text-align: justify; position: absolute; margin-left: 300px; margin-top:  220px;">
<center><img src="http://se.uploads.ru/RPkmj.png"></center><br>
<font color="#411212">Наверное, свадьба — единственный день, когда можно собрать вместе всех, кто составляет нашу жизнь. Рядом семья, друзья, коллеги… Вы можете, конечно, заметить, что на похороны собираются те же люди, но в этом случае виновник торжества уже не в состоянии насладиться церемонией. Никогда не забывай, какой бы несчастной ты себя ни чувствовала, у тебя есть шанс, потому что ты жива и еще все возможно</font> <br></div>



<div style="width: 260px; text-align: justify; position: absolute; margin-left: 550px; margin-top:  220px;">
<center><img src="http://se.uploads.ru/bhBSo.png"><br>
<a href="ссылка на профиль"><img src="http://se.uploads.ru/tBsjP.png" title="Ник"></a> <a href="ссылка на профиль"><img src="http://se.uploads.ru/tBsjP.png" title="Ник"></a> <a href="ссылка на профиль"><img src="http://se.uploads.ru/tBsjP.png" title="Ник"></a> <a href="ссылка на профиль"><img src="http://se.uploads.ru/tBsjP.png" title="Ник"></a><br>
<img src="http://se.uploads.ru/nGvtL.png"><br>
<a href="Ссылка на профиль">НИК АМС</a> <a href="Ссылка на профиль">НИК АМС</a>  <a href="Ссылка на профиль">НИК АМС</a> <a href="Ссылка на профиль">НИК АМС</a><br></center>
<center>
<img src="http://se.uploads.ru/pby9L.png"><br>
<a href="Ссылка на профиль">ВАЖНАЯ ССЫЛКА</a> <a href="Ссылка на профиль">ВАЖНАЯ ССЫЛКА</a> <a href="Ссылка на профиль">ВАЖНАЯ ССЫЛКА</a> <a href="Ссылка на профиль">ВАЖНАЯ ССЫЛКА</a> <a href="Ссылка на профиль">ВАЖНАЯ ССЫЛКА</a><br></center></div>


<!--Ставим рамки для Аватара --> 
<style type="text/css">
li.pa-avatar .Wrp-ava img[alt]{
  display:block;
  padding:0;
  border-width:0;
  margin:2px; /*Отступ рамки*/
}
</style>
<script>
  $(document).ready(function(){
    var imgWrp = "http://funkyimg.com/i/KHFm.png"; // Ccылка на картинку;

    imgWrp = '<img src="'+imgWrp+'" width=100% height=100% style="position:absolute;z-index:100;"/>'
    $("div.post-author ul li.pa-avatar img[alt]").each(function () {
    $(this).wrap('<div class="Wrp-ava" style="display:inline-block;text-align:left;position:relative;"></div>');
    $(this).parent().prepend(imgWrp)
 });});
</script><!--Конец//Рамки для Аватара-->


<style type="text/css">
li#navawards {display: none;}
</style>


<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>
HTML-низ
Код:
<script><!--Свои картинки в панель навигации со сменой картинки по наведению курсора" -->
   navlinks=new Array(

  "navindex",    // Форум
"http://funkyimg.com/i/KH9X.png","http://funkyimg.com/i/KH9Y.png",
  "navuserlist", // Участники
"http://funkyimg.com/i/KH7d.png","http://funkyimg.com/i/KH7e.png",
  "navsearch",    // Поиск
"http://funkyimg.com/i/KH7f.png","http://funkyimg.com/i/KH7g.png",
  "navprofile",    // Профиль
"http://funkyimg.com/i/KH9d.png","http://funkyimg.com/i/KH9e.png",
  "navpm",    // Сообщения
"http://funkyimg.com/i/KGYC.png","http://funkyimg.com/i/KGYD.png",
  "navadmin",    // Администрирование
"http://funkyimg.com/i/KGYE.png","http://funkyimg.com/i/KGYG.png",
  "navregister", // Регистрация
"http://funkyimg.com/i/KGYJ.png","http://funkyimg.com/i/KGYK.png",
  "navlogin",    // Войти
"http://funkyimg.com/i/KH7k.png","http://funkyimg.com/i/KH7m.png",
  "navlogout",    // Выход
"http://funkyimg.com/i/KH7h.png","http://funkyimg.com/i/KH7i.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">
var A=[1,2,3,4,5,6]
$(".post .post-author li").each(function (){
for(var i in A){if($(this).hasClass("pa-fld"+A[i])){
$(this).html($(this).html().replace(/^[^:]*:/,''));}};});
</script>



<style>.Myimge {margin-left:0px;}</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/KHgb.png\" onmouseover=\"this.src='http://funkyimg.com/i/KHgc.png' \" onmouseout=\"this.src='http://funkyimg.com/i/KHgb.png'\" /></span>";
    if($("#navlogin").html()!=null){
    $("#navlogin").append(L) //navlogin
    $("#PR_loginDiv #fld1").val(PiarNik)
    $("#PR_loginDiv #fld2").val(PiarPas)
    function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
    }
    </script>




<!--Кнопки вверх вниз-->
<div style="position:fixed; right
:0.5%; bottom: 45%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://funkyimg.com/i/KZSn.png" alt="Вверх страницы" ></a>
<br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="http://funkyimg.com/i/KZSm.png" alt="Вниз страницы" ></a> 
</div>



<script type="text/javascript">
function select_text(elem) {
	if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
	s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);
}   
	}
	else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
	}
	else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
	}   
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
	if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">выдели меня полностью</a>';
	}
}
</script>



<script type="text/javascript">
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>

0

7

Структура 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: 15px;
  }


/* A3.2 */
.punbb {
  font: normal 69.05% 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: 1px;
  position: relative;
  width: 978px;
  margin: auto;
  }

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

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

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

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

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

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

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

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

/* A5.10 */
#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: 185px;
  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.3em 2.4em 1.2em 2.4em;
padding: 1em;
  }

/* 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 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 {
  text-align: justify ;
  width: 50%;
  }

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

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

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

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
font-size: 14px;
text-transform: uppercase; 
font-family: "Times new roman";
  }


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

}
/* C2.15 */
.punbb div.icon {
   float: left;
  display: block;
  width: 45px;
  height: 45px;
  padding-top: 1px;
 padding-right: 10px;
  margin-left: 10px;
}
 /* 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;
height: 50px;
margin-top: -40px;
}
  }

/* C3.8 */
.pa-author a {
font-size: 1.1em;
font-weight: bold;
height: 50px;
margin-top: -40px;
}
  }

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

/* D1.2 */
#pun-title h1 {
  display : block;
  height: 0px;
  margin: -5px 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: -40px;
  width: 978px;
  height: 264px;
  background-image: url("http://sd.uploads.ru/uLdyP.png");
}

#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: 130px;
  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 .cont
ainer {
  border-style: none;
  border-width: 0;
  position: top center;
  }

/* D3.2 */
#pun-navlinks .container {
width: 100%; 
margin-top: -20px;
margin-left: 40px;
text-align: center;
text-transform:uppercase;
  }

#pun-ulinks .container {
}

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

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

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

/* D4.1 */
#pun-ulinks  {
width: 100%; 
margin-top: 5px;
text-align: center;
margin-left: 40px;
font-weight: bold;
font-size: 0.9em;
  }

/* D4.2 */
#pun-ulinks container {

  }

/* 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: 1.4em 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: 2em 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 3em

  }



/* D7.2 */

#pun-stats li.item1, #pun-stats li.item2 {

  float: left;

  clear: both;

  line-height: 110%;
  }



/* D7.3 */

#pun-stats li.item3, #pun-stats li.item4 {

  text-align: right;


  line-height: 110%;
  }



/* D7.4 */

li#onlinelist {

  margin-top: 1em;

  border-top-style: solid;

  border-top-width: 1px;

  float: left;

  width: 100%;

  line-height: 130%;

  }



/* D7.5 */

li#onlinelist div {

  border-top-style: solid;

  border-top-width: 1px;

  padding: 0.7em 0 0 0;

  }


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
Цвета style_cs.css
Код:
/* CS1 Цвет фона, фона форума,выделение цитат.
-------------------------------------------------------------*/

#pun {
background-image : url("http://sd.uploads.ru/gTH0l.png");
background-color: #00000000;
background-repeat: repeat;
background-position : center;
}

body {background: 
url("") repeat-x top center,
url("http://sd.uploads.ru/iGnZg.png") repeat #ccb4a2;}

body {margin: 0 auto; overflow-x: hidden;}
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
border-color:transparent;
  color: #000000;
  }

/* CS2.3 */
#pun-navlinks a {
  color: #1A1E29;
    border-bottom: 0px none #000;
  text-decoration: none;
font-weight: normal;
font-family: Times New Roman;
font-style: italic,strong ;
font-size: 2.4em;}
  } 

.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container 
{background-color: transpanent;
color: #1A1E29;
}

/* настройка строки над формой ответа: напишите ваше сообщение и нажмите отправить */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span
{
color: #000000;
}

/* форма быстрого и расширенного ответа */
.punbb textarea, .punbb select, .punbb input
{
background:#303133; /* Old browsers */
background: -moz-linear-gradient(top,  #BFC3C5 0%, #D5DBDC 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BFC3C5), color-stop(100%,#D5DBDC)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #BFC3C5 0%,#D5DBDC 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #BFC3C5 0%,#D5DBDC 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #BFC3C5 0%,#D5DBDC 100%); /* IE10+ */
background: linear-gradient(to bottom,  #BFC3C5 0%,#D5DBDC 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BFC3C5', endColorstr='#BFC3C5',GradientType=0 ); /* IE6-9 */

color: #000000;
}

.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
background-clip:padding-box;
-moz-background-clip: padding-box;
border-width: 17px;
-moz-border-image: url(http://sd.uploads.ru/fR3b2.png) 17 repeat;  /* Firefox 4 */
    -webkit-border-image: url(http://sd.uploads.ru/fR3b2.png) 17  repeat;  /* Safari 5 и Chrome */
    -o-border-image: url(http://sd.uploads.ru/fR3b2.png) 17 repeat; /* Opera 10.5 */
}


/* CS2 Цвета ссылок
-------------------------------------------------------------*/

/* о1. цвет ссылок пользовательского меню в спокойном состоянии: новые сообщения, активные темы и т.д. */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #131B24;
text-decoration: none;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited
{
color: #2b2f0e;
}

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

/* о3. цвет ссылок меню в спокойном состоянии: форум, участники и т.д. */
#pun-navlinks a {
color: #18212B;
text-decoration: none;
  }

/* о4. цвет ссылок меню при наведении: форум, участники и т.д. */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #4F667D;
text-decoration: none;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: transpanent;
color: #C3A972;
  }

/*  CS4 кнопки 
------------------------------------------------------------*/
div.icon {
       background: url("http://sd.uploads.ru/o9pzQ.png") no-repeat;
}
tr.inew div.icon {
        background: url("http://sd.uploads.ru/0Bt5z.png") no-repeat;
}

tr.iredirect div.icon {
        background: url("http://sd.uploads.ru/TPA9z.png") no-repeat;
}
tr.isticky div.icon {
        background: url("http://sd.uploads.ru/TPA9z.png") no-repeat;
}

/*  CS5 категории форума
------------------------------------------------------------*/
#pun-category1.category h2 {
background: url(http://funkyimg.com/i/N4Jt.png) no-repeat;
height: 44px;
width: 923px;
border-style: none;
margin-left: -0px;
background-position : top center;
font-size:0 !important;}

#pun-category2.category h2 {
background: url(http://funkyimg.com/i/N4Ju.png) no-repeat;
height: 44px;
width: 923px;
border-style: none;
margin-left: -0px;
background-position : top center;
font-size:0 !important;}

#pun-category3.category h2 {
background: url(http://funkyimg.com/i/N4Jv.png) no-repeat;
height: 44px;
width: 923px;
border-style: none;
margin-left: -0px;
background-position : top center;
font-size:0 !important;}

#pun-category4.category h2 {
background: url(http://funkyimg.com/i/N4Jw.png) no-repeat;
height: 44px;
width: 923px;
border-style: none;
margin-left: -0px;
background-position : top center;
font-size:0 !important;}

#pun-category5.category h2 {
background: url(http://funkyimg.com/i/N4Jx.png) no-repeat;
height: 44px;
width: 923px;
border-style: none;
margin-left: -0px;
background-position : top center;
font-size:0 !important;}

#pun-category6.category h2 {
background: url(http://funkyimg.com/i/N4Jy.png) no-repeat;
height: 44px;
width: 923px;
border-style: none;
margin-left: -0px;
background-position : top center;
font-size:0 !important;}

#pun-category7.category h2 {
background: url(http://funkyimg.com/i/N4Jz.png) no-repeat;
height: 44px;
width: 923px;
border-style: none;
margin-left: -0px;
background-position : top center;
font-size:0 !important;}

/* CS6 Цвета границ
-------------------------------------------------------------*/
/* CS2.1 */
.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 {
border-color:transparent;
  }

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

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

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

/* CS2.5 */
.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.6 */
.punbb th {
border-color:transparent;
  }

/* CS7 Нижнее Лого
 -------------------------------------------------------------*/
 #pun-about p.container {background-color: #;
   background-image : url(http://sd.uploads.ru/zn2Y7.png);
   margin-left: -51px;
   background-position : center top;
   background-repeat : no-repeat;
   width: 978px;
   height : 141px; 
   overflow-x: hidden;}
 div#html-footer {
        margin: 0px 0px 0px 0px;}

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

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

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


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

#pun  .section {border-style: none; width: 800px; }
#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;  right: 8px; top: 1px;
}
HTML-верх
Код:
<div style="position: absolute;
top: 40px;
left: 553px;
width:186px;">
<img src="http://sd.uploads.ru/PDnmK.gif" >
</div>
HTML-низ
Код:
<center>Дизайн был разработан Лихорадкой. <b>ICQ 648124775</b>
</center>

<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";

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

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

<script type="text/javascript">
function select_text(elem) {
	if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
	s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);
}   
	}
	else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
	}
	else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
	}   
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
	if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">выделить код</a>';
	}
}
</script>

<script type="text/javascript">
var A=[1,2,3,4,5,6]
$(".post .post-author li").each(function (){
for(var i in A){if($(this).hasClass("pa-fld"+A[i])){
$(this).html($(this).html().replace(/^[^:]*:/,''));}};});
</script>

</style>
<style type="text/css">
.post-author li {text-align:center}
</style>
<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">
$(".modlist").text(""); //скрываем в форумах модераторов
</script>

0

8

Я всегда буду с тобой. Эти слова, как сильнодействующий яд разъедают разум. Вновь и вновь заставляют окунуться в далекое прошлое. Я  в е с е г д а  б у д у  с  т о б о й. Как заклинание на уничтожение. Как проклятье,  длиною в тысячу лет. Одни и те же слова. Год за годом. Век за веком. Несмотря ни на что, несмотря ни на кого.  Всегда и на веке – мантра повторяемая членами семьи Майклсон для убеждения самих в себя, в том что все еще это «всегда и на веке». Особенно сейчас эти слова, так часто срывающиеся с губ то одного, то другого представителя древней семьи все больше напоминают какую-то понятную только им шутку. Очень грустную шутку, над которой уже давно никто не смеется.

0

9

<div style="font-size: 10px; color: #a9814c; position: absolute; margin-top: 220px; margin-left:30px; width: 230px;  line-height: 11px !important; "><center>
<font style="font: 11px Book Antiqua !important; ">Только – море цветов, только полночь в слезах
Мы уйдём, но вернёмся назад.</font>
<br><br>Добро пожаловать в Абердин - живописный городок, расположенный в Шотландии. Невероятной красоты пейзажи, старые замки и, кажется, совершенно дикая природа. Этот город поистине прекрасен, но не стоит строить иллюзий на его счет. Абердин стал порталом между нашим миром и миром сверхъестественного и жители Того мира не желают оставаться в стороне.
<font style="font: 11px Book Antiqua !important; "><BR><B>О ролевой:</B> +18, эпизоды.
<BR><B>Время в игре:</B> В игре 2014 г. Октябрь</font>
</center>
</div>

<div style="font-size: 10px; color: #a9814c; position: absolute; margin-top: 380px; margin-left:595px; width: 230px; line-height: 11px !important; "><center>
<a href="hhttp://aberdeen.rusff.me/viewtopic.php?id=12&p=8#p5137" target="blank" style="font: 12px Book Antiqua !important;"><I>Гостевая</I></a> ❖ <a href="http://aberdeen.rusff.me/viewtopic.php?id=2" target="blank" style="font: 12px Book Antiqua !important;"><I>Сюжет</I></a> ❖ <a href="http://aberdeen.rusff.me/viewforum.php?id=5" target="blank" style="font: 12px Book Antiqua !important;"><I>Библиотека</I></a> ❖ <a href="http://aberdeen.rusff.me/viewforum.php?id=4" target="blank" style="font: 12px Book Antiqua !important;"><I>Акции</I></a> ❖ <a href="http://aberdeen.rusff.me/viewtopic.php?id=9#p11" target="blank" style="font: 12px Book Antiqua !important;"><I>Шаблоны анкет</I></a> ❖ <a href="http://aberdeen.rusff.me/viewtopic.php?id=24" target="blank" style="font: 12px Book Antiqua !important;"><I>Запись в игру</I></a>
</center>
</div>

<div style="font-size: 10px; color: #a9814c; position: absolute; margin-top: 215px; margin-left:600px; width: 230px; line-height: 11px !important; "><center>
<font style="font: 12px Book Antiqua !important; ">НОВОСТИ</font>
<font style="font-size: 10px; color: #9b7747; line-height: 11px !important;">
<p align="justify">Настоящие герои одиноки. Одиночество – это сила. Одиночество – это превосходство. Если у тебя нет связей, тебе не нужно никого защищать. Необходимость кого-то защищать – слабость. Хотите доказательств – вспомните Ахиллеса и сильнейшего воина-монаха Мусасибо Бэнкэя, проигравших из-за своих слабостей. Если бы у Бэнкэя не было той слабости, его имя вошло бы в историю как имя победителя.
Следовательно, если тебе некого защищать и ты ни с кем не связан, у тебя нет слабостей. Тот, кто соблюдает оба этих условия, сильнейший. Другими словами, я сильнейший. Настоящие герои одиноки. Одиночество – это сила. Одиночество – это превосходство. Если у тебя нет связей, тебе не нужно никого защищать. Необходимость кого-то защищать – слабость. Хотите доказательств – вспомните Ахиллеса и сильнейшего воина-монаха Мусасибо Бэнкэя, проигравших из-за своих слабостей. Если бы у Бэнкэя не было той слабости, его имя вошло бы в историю как имя победителя.
Следовательно, если тебе некого защищать и ты ни с кем не связан, у тебя нет слабостей. Тот, кто соблюдает оба этих условия, сильнейший. Другими словами, я сильнейший.
<BR><B>ДАТА, ВРЕМЯ ПОГОДА</B> ВАШ ТЕКСТ
</center>
</div>

<div style="font-size: 10px; color: #a9814c; position: absolute; margin-top: 260px; margin-left:320px; width: 230px; line-height: 11px !important; ">
<center><font style="font: 12px Book Antiqua !important; ">ЛУЧШИЙ ИГРОК НЕДЕЛИ</font><br>
<br><a href="http://aberdeen.rusff.me/profile.php?id=42"  title="Anna Romanova"><img src='http://sa.uploads.ru/CY4nr.png'
onmouseover="this.src=''http://sa.uploads.ru/CY4nr.png"
onmouseout="this.src='http://sa.uploads.ru/xPUSq.gif'" border=0></a></center>
</div>

0

10

Структура 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: 16px;
  }
/* 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;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.2em;
text-align:  center;
  }
/* A3.6 */
.punbb pre {
  font: 1.1em/140% "times new roman", monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }
/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }
/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }
/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }
/* A3.10 */
.punbb a {
  text-decoration: none!important;
  }
/* 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: 1px;
  position: relative;
  width: 922px;
  margin: auto;
  }
/* A5.2 */
.punbb {
  margin-left: 35px;
  position: top center;
  float: none;
  width:850px;
  height: auto;
  }
/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 0px 20% 12px 20%;
  width: auto;
  float: none;
  }
/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }
/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }
/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }
/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }
/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px;
  }
/* A5.9 */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }
/* A5.10 */
#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: 185px;
  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 clearly dashed #b0adb5;
  }
/* 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: - 10px;
}
/* C2.15 */
.punbb div.icon {
   float: right;
  display: block;
  width: 45px;
  height: 45px;
  padding-top: 1px;
padding-right: 10px;
  margin-left: 10px;
}
/* C3 Topics
-------------------------------------------------------------*/
/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }
/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }
/* C3.3 */
.punbb .post h3 span {
  border-left: 1px solid transparent;
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  }
/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }
/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }
/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }
/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }
/* C3.8 */
.pa-author a {
  text-decoration: none
  }
/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }
li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }
/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }
/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }
/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }
/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }
/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  }
/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }
/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }
/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }
/* C4 Moderator menu
-------------------------------------------------------------*/
/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  margin-top: 4px;
  }
/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }
/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }
/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }
/* C5 Message boxes
-------------------------------------------------------------*/
/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }
/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }
/* C6 Profile
-------------------------------------------------------------*/
/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }
/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }
/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: normal;
  }
/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }
/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }
/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }
/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }
/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: normal;
  }
/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }
/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }
/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }
/* C7 User list
-------------------------------------------------------------*/
/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }
/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }
/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }


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

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

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

/* D1.2 */
#pun-title h1 {
  display : block;
  height: 0px;
  margin: -5px 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: -445px;
  width: 1725px;
  height: 485px;
  background-image: url("http://funkyimg.com/i/Q6Ed.png");
}

#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: 130px;
  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 .cont
ainer {
  border-style: none;
  border-width: 0;
  position: top center;
  }

/* D3.2 */
#pun-navlinks .container {
width: 100%; 
margin-top: -10px;
margin-left: 40px;
text-align: center;
font-family: Franklin Gothic Medium;
font-style: normal;
text-transform:uppercase;
  }

#pun-ulinks .container {
}

/* 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  {
width: 100%; 
margin-top: -7px;
text-align: center;
margin-left: 40px;
font-weight: bold;
font-size: 0.9em;
  }

/* D4.2 */
#pun-ulinks container {

  }

/* 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: 1.4em 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: 2em 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 3em

  }



/* D7.2 */

#pun-stats li.item1, #pun-stats li.item2 {

  float: left;

  clear: both;

  line-height: 110%;
  }



/* D7.3 */

#pun-stats li.item3, #pun-stats li.item4 {

  text-align: right;


  line-height: 110%;
  }



/* D7.4 */

li#onlinelist {

  margin-top: 1em;

  border-top-style: solid;

  border-top-width: 1px;

  float: left;

  width: 100%;

  line-height: 130%;

  }



/* D7.5 */

li#onlinelist div {

  border-top-style: solid;

  border-top-width: 1px;

  padding: 0.7em 0 0 0;

  }


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
Цвета style_cs.css
Код:
/* CS1 Цвет фона, фона форума,выделение цитат.
-------------------------------------------------------------*/

/* цвет текста цитат */
.punbb .quote-box, .punbb .code-box {
  background-color: #9A9D7B;
  color: #9A9D7B;
  }

/* шапка */
#pun {
background-image : url("http://funkyimg.com/i/Q59W.png");
background-color: #202C16;
background-repeat: repeat;
background-position : center;
}

/* задний фон */
body {background: 
url("http://funkyimg.com/i/Q6Ny.png") repeat-x top center,
url("http://funkyimg.com/i/Q7u4.png") repeat #202C16;}

body {margin: 0 auto; overflow-x: hidden;}
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
border-color:transparent;
  color: #000000;
  }

.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container 
{background-color: transpanent;
color: #0D1905;
}

/* настройка строки над формой ответа: напишите ваше сообщение и нажмите отправить */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span
{
color: #060606;
}

/* форма быстрого и расширенного ответа */
.punbb textarea, .punbb select, .punbb input
{
background: #BBAE96; /* Old browsers */
background: -moz-linear-gradient(top,  #BBAE96 0%, #BBAE96 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BBAE96), color-stop(100%,#BBAE96)) /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #BBAE96 0%, #BBAE96 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #BBAE96 0%, #BBAE96 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #BBAE96 0%, #BBAE96 100%); /* IE10+ */
background: linear-gradient(to bottom,  #BBAE96 0%, #BBAE96 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C3CED0  ', endColorstr='#BBAE96 ',GradientType=0 ); /* IE6-9 */

color: #060606;
}

.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
background-clip:padding-box;
-moz-background-clip: padding-box;
border-width: 17px;
-moz-border-image: url(http://sa.uploads.ru/Ezmq3.png) 17 repeat;  /* Firefox 4 */
    -webkit-border-image: url(http://sa.uploads.ru/Ezmq3.png) 17  repeat;  /* Safari 5 и Chrome */
    -o-border-image: url(http://sa.uploads.ru/Ezmq3.png) 17 repeat; /* Opera 10.5 */
}


/* CS2 Цвета ссылок
-------------------------------------------------------------*/


/* о1. цвет ссылок пользовательского меню в спокойном состоянии: новые сообщения, активные темы и т.д. */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #322919;
text-decoration: none;
}

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

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

/* о3. цвет ссылок меню в спокойном состоянии: форум, участники и т.д. */
#pun-navlinks a {
color: #122204;
text-decoration: none;
  }

/* о4. цвет ссылок меню при наведении: форум, участники и т.д. */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #5C8439;
text-decoration: none;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: transpanent;
color: #C3A972;
  }

/*  CS4 кнопки 
------------------------------------------------------------*/
div.icon {
       background: url("http://sa.uploads.ru/LqdrK.png") no-repeat;
}
tr.inew div.icon {
        background: url("http://sa.uploads.ru/8IufN.png") no-repeat;
}

tr.iredirect div.icon {
        background: url("http://sa.uploads.ru/MP2DA.png") no-repeat;
}
tr.isticky div.icon {
        background: url("http://sa.uploads.ru/MP2DA.png") no-repeat;
}

/*  CS5 категории форума
------------------------------------------------------------*/
#pun-category1.category h2 {
background: url(http://sa.uploads.ru/lyABj.png) no-repeat;
height: 64px;
width: 900px;
border-style: none;
margin-left: -15px;
background-position : top center;
font-size:0 !important;}

#pun-category2.category h2 {
background: url(http://sa.uploads.ru/TRvoh.png) no-repeat;
height: 64px;
width: 900px;
border-style: none;
margin-left: -15px;
background-position : top center;
font-size:0 !important;}

#pun-category3.category h2 {
background: url(http://sa.uploads.ru/Qe8KI.png) no-repeat;
height: 64px;
width: 900px;
border-style: none;
margin-left: -15px;
background-position : top center;
font-size:0 !important;}

#pun-category4.category h2 {
background: url(http://sa.uploads.ru/rWcVh.png) no-repeat;
height: 64px;
width: 900px;
border-style: none;
margin-left: -15px;
background-position : top center;
font-size:0 !important;}

#pun-category5.category h2 {
background: url(http://sa.uploads.ru/sl30Q.png) no-repeat;
height: 64px;
width: 900px;
border-style: none;
margin-left: -15px;
background-position : top center;
font-size:0 !important;}

/* CS6 Цвета границ
-------------------------------------------------------------*/
/* CS2.1 */
.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 {

  }

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

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

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

/* CS2.5 */
.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.6 */
.punbb th {
border-color:transparent;
  }
/* CS7 Нижнее Лого
 -------------------------------------------------------------*/
 #pun-about p.container {background-color: #;
   background-image : url(http://funkyimg.com/i/Q5a2.png);
   margin-left: -47px;
   background-position : center top;
   background-repeat : no-repeat;
   width: 922px;
   height : 182px; 
   overflow-x: hidden;}
 div#html-footer {
        margin: 0px 0px 0px 0px;}

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

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

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


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

#pun  .section {border-style: none; width: 800px; }
#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;  right: 8px; top: 1px;
}

.nav a {
padding: 2px 0px;
width: 180px;
display: inline-block;
background: #463735;
border-bottom: 3px solid #3B2107 !important;
margin: 1px 0px;
text-shadow: none !important;
}
.nav a:hover {
background: #514941;
}
HTML-низ
Код:
<script type="text/javascript">
var A=[1,2,3,4,5,6]
$(".post .post-author li").each(function (){
for(var i in A){if($(this).hasClass("pa-fld"+A[i])){
$(this).html($(this).html().replace(/^[^:]*:/,''));}};});
</script>



<style>.Myimge {position:absolute;margin-top:-4px; margin-left:10px;}</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://sa.uploads.ru/sMl5d.png\" onmouseover=\"this.src='http://sa.uploads.ru/sMl5d.png' \" onmouseout=\"this.src='http://sa.uploads.ru/Xml2Y.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 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>

0


Вы здесь » Дизайны » Тестовый форум » Ооо


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