Magic Everywhere

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

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


Вы здесь » Magic Everywhere » Новый форум » Дизайны


Дизайны

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

1

верх

Код:
<style> #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 480px; top: 205px
}
</style>


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

<style>
#pun-title .title-logo { 
display : none; 
}
</style>

низ

Код:
<div style="position:absolute; margin-top: 0px; margin-right: 0px;"><img src="http://s2.ipicture.ru/uploads/20120516/Iy9Coegq.png"style="margin-left: -24px;">
</div>

0

2

1е окно

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

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

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

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

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

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

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

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

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

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

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


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

/* A3.1 */
body {
font-size: 10px;
}

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

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

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

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

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

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

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

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

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

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


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

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

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


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

/* A5.1 */
#pun {
margin: 0px auto auto auto;
width : 858px;
padding: 0px 0px 0px 0px;
border: none;
border-top: none;
}

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

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

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

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

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

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

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

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



#pun-main h2 {
padding-bottom: 0px;
font-weight: bold;
color:  #000000;
text-align: center;
font-size: 0px;
font-family: Trajan Pro;
height : 0px;}



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

B - MAIN CONTENT - GENERAL

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



/* B1 Parsed Content, Signatures and Scroll Boxes

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



/* B1.1 */

.punbb .post-content {

  padding: 0;

  margin: 0;

  width: 100%;

  overflow: hidden;

  }



/* B1.2 */

.punbb .post-sig dt {

  display: block;

  border-top: 0px none #6474ab;

  width: 250px;

  margin: 5px 0;

  }



/* B1.3 */

.punbb .post-content p {

  margin: 0;

  padding: 0 0 1em 0;

  line-height: 150%;

  }



/* B1.4 */

.punbb .post-content img {

  vertical-align: text-bottom

  }



/* B1.5 */

.punbb .post-content img.postimg {

  vertical-align: middle;

  }



/* B1.6 */

.punbb .post-content .blockcode, .punbb .post-content blockquote {

  width: 100%;

  overflow: hidden;

  }



/* B1.7 */

.punbb .post-content .scrollbox {

  width: 100%;

  overflow: auto;

  }



/* B1.8 */

.punbb .post-content .quote-box, .punbb .post-content .code-box {

  margin: 0.4em 1.8em 1.4em 1.8em;

  padding: 1em;

  border-style: none;

  border-width: 0px;

  }



/* B1.9 */

.punbb .quote-box cite, .punbb .code-box strong.legend {

  display: block;

  padding-bottom: 0.7em;

  font-size: 1.1em;

  font-weight: bold;

  font-style: normal;

  margin: 0;

  }



/* B2 Information boxes

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



/* B2.1 */

.punbb .info-box {

  padding: 1.1em 1.7em 1em 1.7em;

  border-style: none;

  border-width: 0px;

  margin: 0 0 1.1em 0;

  }



/* B2.2 */

.punbb .info-box * {

  padding: 0 0 0.7em 0;

  }



/* B2.3 */

.punbb #pun-main .info-box .legend {

  font-size: 1.1em;

  font-weight: bold;

  }





/* B3 Pagination and posting links

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



/* B3.1 */

.punbb .linkst {

  float: left;

  position: relative;

  width: 100%;

  font-size: 1.1em;

  height: 0;

  }



/* B3.2 */

.multipage {

  margin-top: 3em;

  }



/* B3.3 */

.linkst .pagelink {

  position: absolute;

  top: -4em;

  left: 1em;

  width: 24em;

  }



/* B3.4 */

.linkst .postlink {

  position: absolute;

  top: -4em;

  right: 1em;

  width: 16em;

  text-align: right;

  font-weight: bold;

  }



/* B3.5 */

.punbb .linksb {

  text-align: right;

  padding: 0.4em 1em 0.5em 1em;

  font-size: 1.1em;

  }



/* B3.6 */

.linksb .pagelink {

  float: left;

  width: 24em;

  text-align: left;

  }



/* B3.7 */

.linksb .postlink {

  float: right;

  width: 16em;

  font-weight: bold

  }



/* B3.8 */

.subscribelink {

  clear:both;

  padding-top: 0.3em;

  padding-bottom: 0.5em;

  }





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

C - MAIN CONTENT - SPECIFIC

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



/* C1 Form layout

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



/* C1.1 */

.punbb .formal .container {

  padding: 1.7em 2.3em 1.1em 2.3em;

  }



/* C1.2 */

.punbb .formsubmit {

  padding: 0 0 0 1.7em;

  margin: 1em 0 0 0;

  }



/* C1.3 */

.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {

  margin: 0 0.6em 0 0

  }



/* C1.4 */

.punbb fieldset {

  border-style: none;

  border-width: 0px;

  padding: 0 18px 0 18px;

  margin: 0 0 1em 0

  }



/* C1.5 */

.punbb fieldset legend {

  padding: 0;

  margin: 0 0 0 11px;

  font-size: 1.1em

  }



/* C1.6 */

.punbb fieldset legend span {

  padding: 0 5px;

  margin: 0 0 0 -15px;

  }



/* C1.7 */

.punbb fieldset fieldset {

  border-style: none;

  margin: 0;

  padding: 0 0 8px 0

  }



/* C1.8 */

.punbb .fs-box {

  padding: 1em 0 0.8em 0;

  }



/* C1.9 */

.punbb .fs-box p, .punbb .fs-box fieldset {

  padding: 0 0 0.8em 0

  }



/* C1.10 */

.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {

  float: left;

  margin-right: 1em;

  }



/* C1.11 */

.punbb .inline .infofield {

  clear:both

  }



/* C1.12 */

.punbb .datafield br {

  display: none

  }



/* C1.13 */

.punbb .required label, .punbb .datafield span.input {

  font-weight: bold

  }



/* C1.14 */

.punbb .datafield span.input a {

  font-weight: normal;

  }



/* C1.15 */

.punbb .areafield span.input, .punbb p.longinput span.input {

  display: block;

  padding: 0 12em 0 0;

  height: 100%; /* For IE */

  }



/* C1.16 */

.punbb textarea, .punbb .longinput input {

  width: 64%;

  margin: 0;

  }



/* C1.17 */

.punbb .hashelp {

  position: relative;

  }



/* C1.18 */

.punbb .helplinks {

  display: block;

  position: absolute;

  top: 1em;

  right: 0;

  font-weight: normal;

  width: 36%;

  }



/* c1.19 */

.punbb #profile .helplinks {

  top: 1.5em;

  }



/* C1.20 */

.punbb .helplinks span {

  display: block;

  padding-bottom: 0.2em;

  }



/* C1.21 */

#pun-post .formal .info-box li {

  padding-left: 4px;

  list-style-type: square;

  list-style-position: inside;

  line-height: 1.5;

  margin: 0;

  }





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

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

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

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

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

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

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

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

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

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

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

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

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

/* C2.14 */

.punbb td div.tclcon {
  margin-left: 41px;
}

.punbb div.icon {
  float: right;
  display: block;
  width: 70px;
  height: 60px;
  padding-right: 12px;
}

/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
    width: 70px;
    height: 70px;
margin-left: 25px;}

/* C3 Topics

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



/* C3.1 */

.punbb .post .container {

  border-style: none none none none;

  border-width: 0px;

  margin-top: -1px;

  padding-bottom: 1px;

  }



/* C3.2 */

.punbb .post h3 {

  border-style: none none none none;

  border-width: 0px;

  }



/* C3.3 */

.punbb .post h3 span {

  padding: 0.5em 1em;

  display: block;

  margin-left: 19em;

  border-left-style: none;

  border-left-width: 0px
  

  }



/* C3.4 */

.punbb .post h3 strong {

  float: right;

  width: 5em;

  text-align: right;

  font-weight: normal;
  padding-right: 30 px;

  }



/* C3.5 */

.punbb .post .post-author {

  float: left;

  width: 19em;

  margin-top: -1.5em;

  overflow: hidden;

  }



/* C3.6 */

.punbb .post .post-author ul, .punbb .post .post-author p {

  padding: 0 1em 1em 1em;

  line-height: 140%;

  text-align: left;

  }



/* C3.7 */

.pa-author {

  font-size: 1.1em;

  font-weight: bold;

  }



/* C3.8 */

.pa-author a {

  text-decoration: none

  }



/* C3.9 */

li.pa-title {

  padding-bottom: 0.4em;

  font-weight: bold;

  }





li.pa-online {

  line-height: 0.8em;

  border-left-style: solid;

  border-left-width: 0.7em;

  padding-left: 0.4em;

  margin-top: 0.7em;

  }



/* C3.11 */

.punbb .post-body {

  margin-left: 19em;

  border-left-style: none;

  border-left-width: 0px;

  padding: 0 0 1px 0;
  padding-right: 20px;

  }



/* C3.12 */

.punbb .post-box {

  padding: 1em;

  }



/*C3.13 */

.punbb fieldset .post-box {

  margin-bottom: 0.8em

  }



/* C3.14 */

.punbb .post-links {

  margin-left: 19em;

  border-left-style: solid;

  border-left-width: 1px;

  }



/* C3.15 */

.punbb .post-links ul {

  padding: 0 1em 0 0;

  height: 2em;

  line-height: 2em;

  margin-left: -19em;

  border-top-style: none;

  border-top-width: 0px;

  background: transparent;

  text-align: right;

  }



/* C3.16 */

.punbb .post-links li {

  display: inline;

  padding-left: 1em;

  }



/* C3.17 */

.pl-email, .pl-website {

  float: left;

  }



/* C3.18 */

.punbb .clearer {

  clear: both;

  height: 0;

  font-size: 0;

  }





/* C4 Moderator menu

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



/* C4.1 */

.punbb .modmenu .container {

  padding: 0.5em 1em;

  text-align: right;

  }



/* C4.2 */

.punbb .modmenu strong, .punbb .modmenu a {

  height: 1.8em;

  line-height: 1.8em;

  }



/* C4.3 */

.punbb .modmenu .container strong {

  float: left;

  }



/* C4.4 */

.punbb .modmenu input {

  margin-left: 1em;

  }





/* C5 Message boxes

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



/* C5.1 */

.punbb .info .container {

  padding: 0.8em 1em

  }



/* C5.2 */

.punbb .info .container .backlink {

  padding-top: 0.8em;

  }





/* C6 Profile

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



/* C6.1 */

#profile .container {

  padding-left: 18.6em;

  }



/* C6.2 */

#profilenav {

  float: left;

  width: 14em;

  margin-left: -16.3em;

  display: inline;

  }



/* C6.3 */

#profilenav li {

  padding-bottom: 0.8em;

  font-weight: bold;

  }



/* C6.4 */

#viewprofile ul, #profilenav ul {

  border-style: solid;

  border-width: 1px;

  padding: 1.5em 18px 0.8em 18px;

  margin: 0 0 1em 0;

  }



/* C6.5 */

#viewprofile h2, #profilenav h2 {

  background: transparent;

  border: none;

  padding: 0 0 0 0;

  margin: 0 14px -0.6em 14px;

  }



/* C6.6 */

#viewprofile h2 span, #profilenav h2 span {

  padding: 0 5px;

  position: relative;

  }



/* C6.7 */

#viewprofile li, #setmods dl {

  padding: 0 0 0 16em;

  margin-bottom: 0.2em;

  }



/* C6.8 */

#viewprofile li span {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.5em 1em;

  font-weight: bold;

  }



/*C6.9 */

#setmods dt {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.8em 1em;

  font-weight: bold;

  display: inline;

  }



/* C6.10 */

#viewprofile li strong, #viewprofile li div, #setmods dd {

  display: block;

  padding: 0.5em 1em;

  font-weight: normal;

  }



/* C6.11 */

.punbb img.avatardemo {

  float: right;

  margin: 0 0 0.8em 1.8em

  }





/* C7 User list

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



/* C7.1 */

#pun-userlist .formal, #pun-userlist .formal .container {

  border-bottom: none;

  margin-bottom: 0;

  }



/* C7.2 */

#pun-userlist .usertable .container {

  padding: 0 2.3em 2.3em 2.3em;

  border-top: none;

  }



/* C7.3 */

#pun-userlist .usertable table {

  border-style: solid;

  border-width: 1px;

  }





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

D - PUNBB SECTIONS OTHER THAN MAIN CONTENT

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



/* D1 Logo and description

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



/* D1.1 */

#pun-title {

  margin: 0;

  border-style: none none none none;

  border-width: 0px 0px 0 0px;


  }



/* D1.2 */

#pun-title h1 {

  display : block;

  height : 40px;

  padding: 2em 1em 0 1em;

  }



/* D1.3 */

#pun-title .container {

  border-style: none none none none;

  }



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

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



/* D2 Page navigation

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

/* D2.1 */

#pun-pagelinks {

  position: absolute;

  top: -15px;

  left: 0;

  margin: 0;

  border: none;

  padding: 0;

  width: 100%;

  }



/* D2.2 */

#pun-pagelinks .container {

  background: transparent;

  border: none;

  padding: 0}



/* D2.3 */

#pun-pagelinks .container li {

  display: inline

  }



/* D2.4 */

#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {

  height: 2em;

  line-height: 2em;

  padding: 0;

  font-size: 1.2em;

  margin-left: -9999px;

  display: block;

  float:left;

  width: 100%;

  }



/* D2.5 */

#pun-pagelinks a:active, #pun-pagelinks a:focus {

  position:relative;

  margin: 0;
}



#pun-pagelinks li a span {

  display:block;

  margin: 0 1em

  }



/* D3 Forum navigation

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



/* D3.1 */

#pun-navlinks, #pun-navlinks .container {

  border-style: none;

  border-width: 0;

  margin: 0;
  text-align: center;
  }



/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
margin-top : 60px;
  font-size: 12px;
  text-transform: uppercase;
  }



/* D.3 */

#pun-navlinks li {

  display: inline;

  padding-right: 1em;

  }



/* D3.4 */

#pun-navlinks li a {

  font-size: 1.1em;

  }



/* D4 User links

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



/* D4.1 */

#pun-ulinks  {

  margin-top: 0;
  text-align: center;

  }


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


/* D4.3 */

#pun-ulinks li, #pun-ulinks li a {

  display: inline;

  border-left-style: solid;

  border-left-width: 1px;

  white-space: nowrap;

  }



/* D4.4 */

#pun-ulinks li a {

  padding: 0 0.3em 0 0.6em

  }



/* D4.5 */

#pun-ulinks li.item1, #pun-ulinks li.item1 a {

  border-left-style: none;

  border-left-width: 0;

  padding-left: 0

  }



/* D5 Welcome box and Top Breadcrumbs

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



/* D5.1 */

#pun-status, #pun-status .container {

  border-bottom: none;

  margin-bottom: 0;
  width: 890px;

  }



/* D5.2 */

#pun-status .container {

  padding: 0.8em 1em 1em 1em;
   width: 890px;

  }



/* D5.3 */

#pun-status span {

  white-space: nowrap;

  margin-right: 0.5em;

  }



/* D5.4 */

#pun-crumbs1 {

  font-weight: bold;

  overflow: hidden;

  margin-top: 0;

  }



/* D5.5 */

#pun-crumbs1 p.container {

  border-top: none;

  padding: 1em 1em 0.8em 1em;

  font-size: 1.1em;
  margin-right: 35px;
  }



/* D5.6 */

#pun-break1 {

  margin: 0 1em;

  border-style: solid none;

  border-width: 1px 0;

  height: 0;

  margin: -2px 1em;

  position: relative;

  z-index: 1;

  }



/* D6 Announcement

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



/* D6.1 */

#pun-announcement h2 {

  padding: 0;

  margin: 0 1em -3.5em 1em;

  border-style: none none solid none;

  border-width: 0 0 1px 0;

  position: relative;

  font-weight: bold;

  }



/* D6.2 */

#pun-announcement h2 span {

  display: block;

  padding: 1em 0 0.8em 0;

  border-bottom-style: solid;

  border-bottom-width: 1px;

  }



/* D6.3 */

#pun-announcement .container {

  padding: 4.3em 1em 1em 1em;

  }



/* D7 Statistics

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



/* D7.1 */

#pun-stats .container {

  padding: 0.8em 1em

  }



/* D7.2 */

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

  float: left;

  clear: both;

  line-height: 150%;

  }



/* D7.3 */

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

  text-align: right;

  line-height: 150%;

  }



/* D7.4 */

li#onlinelist {

  margin-top: 1em;

  border-top-style: solid;

  border-top-width: 1px;

  float: left;

  width: 100%;

  line-height: 130%;

  }



/* D7.5 */

li#onlinelist div {

  border-top-style: solid;

  border-top-width: 1px;

  padding: 0.7em 0 0 0;

  }



/* D8 Quick Jump - About - Bottom Breadcrumbs

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



/* D8.1 */

#pun-qjump {

  margin: 0;

  border: none;

  width: 50%;

  position: relative;

  float: left;

  }



/* D8.2 */

#pun-qjump .container {

  border: none;

  background: transparent;

  padding: 0.8em 1em;

  }



/* D8.3 */

#pun-about {

  margin-top: 0;

  }



/* D8.4 */

#pun-about .container {

  border-top-style: none;

  text-align: right;

  line-height: 150%;

  padding: 0.8em 1em;

  }



/* D8.5 */

#pun-about p span {

  display:block;

  padding-left: 50%;

  }



/* D8.6 */

#pun-crumbs2 {

  font-weight: bold;

  overflow: hidden;

  margin-bottom: 0;

  border-bottom: none;

  }



/* D8.7 */

#pun-crumbs2 .container {

  border-bottom: none;

  padding: 0.8em 1em;

  font-size: 1.1em;

  }



/* D8.8 */

#pun-break4 {

  margin: -2px 1em;

  border-style: solid none;

  border-width: 1px 0;

  position: relative;

  height: 0;

  z-index: 1;

  }



/* D8.9 */

div.punbb-admin #pun-about .container {

  border-top-style: solid;

  border-top-width: 1px;

  }





/* D9 Help file

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



/* D9.1 */

#pun-help .formal .info-box h3.legend {

  border-bottom-style: none;

  border-bottom-width: 0px;

  padding-bottom: 0;

  margin-bottom: 0.8em;

  }



/* D9.2 */

#pun-help .formal .info-box h3.legend span {

  padding-bottom: 0.6em;

  display: block;

  border-bottom-style: none;

  border-bottom-width: 0px;

  font-size: 1.1em;

  }



/* D9.3 */

2е окно

Код:
/* CS1 Background and text colours
-------------------------------------------------------------
*/

#pun-title TABLE { 
background : transparent url(http://s2.ipicture.ru/uploads/20120516/xnvNR84C.png) no-repeat left top; 
margin-left : -25px;
  height: 203px;
  width: 858px;

}

body {background-color: #3d2c27;
background-image : url("http://s2.ipicture.ru/uploads/20120516/V7S5TBF5.png");
background-repeat: repeat;
background-position : top center;
background-attachment : no-fixed;

}

#pun {
background-image : url("http://s2.ipicture.ru/uploads/20120516/QZmei7S1.png");
background-color: #e0d1ca;
background-repeat: repeat;
background-position : center;
background-attachment : no-fixed;


}

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

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

/* CS1.3 */
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div  {
  background-color: transparent;
  color: #1e1110;
  font-weight: bold;
  font-style: normal;
  }


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

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
 background-color: #c6b5ae;
  color: #1e1110;
  }

/* CS1.8 */
#pun-navlinks .container, #pun-ulinks .container {
  background-color: transparent;
  color: #c6b5ae;
  text-align: center;
  }

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #c6b5ae;
  color: #1e1110;
}

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

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

  }

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

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

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

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

  }

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

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

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

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

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

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

  }

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

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


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

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #77625b;
    border-bottom: 0px none #77625b;
  text-decoration: none;

  }

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

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
 color: #1e1110;
    border-bottom: 0px none #1e1110;
  text-decoration: none;

  }

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

  }

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

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #1e1110;
  color: #1e1110;
  }


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

div.icon {border-color: #7e5b40 #5E3B20 #4E2B10 #5E3B20}
tr.iredirect div.icon {border-color: #7e5b40 #7e5b40 #7e5b40 #7e5b40}
div.inew {border-color: #7e5b40 #5E3B20 #4E2B10 #5E3B20}

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


.punbb table Div.icon {float: left; display: block; border-style: none none none none; margin-left: 5px;margin-right: 5px;
width: 59px;
height: 57px;
background-image : url(http://s2.ipicture.ru/uploads/20120516/S60FSZ3B.png);
background-repeat: no-repeat;
}

TR.inew Div.icon {
background-image : url(http://s2.ipicture.ru/uploads/20120516/46UVUiTw.png);
background-repeat: no-repeat;
width: 59px;
height: 57px;
}

TR.isticky Div.icon {
background-image : url(http://s2.ipicture.ru/uploads/20120516/R3eEaRia.png);
background-repeat: no-repeat;
width: 59px;
height: 57px;
}

TR.iclosed Div.icon {
background-image : url(http://s2.ipicture.ru/uploads/20120516/6rGFUP7V.png);
background-repeat: no-repeat;
width: 59px;
height: 57px;
}

#pun-category1.category h2 {
background: url(http://s2.ipicture.ru/uploads/20120516/9936mrq2.png) no-repeat top center;
height: 55px;
margin-left : 3px;
border-style: none;
font-size:0 !important;}

#pun-category2.category h2 {
background: url(http://s2.ipicture.ru/uploads/20120516/PygAR7tr.png) no-repeat top center;
height: 55px;
margin-left : 3px;
border-style: none;
font-size:0 !important;}

#pun-category3.category h2 {
background: url(http://s2.ipicture.ru/uploads/20120516/wxS2zZ1b.png) no-repeat top center;
height: 55px;
margin-left : 3px;
border-style: none;
font-size:0 !important;}

#pun-category4.category h2 {
background: url(http://s2.ipicture.ru/uploads/20120516/L7W7hTPy.png) no-repeat top center;
height: 55px;
margin-left : 3px;
border-style: none;
font-size:0 !important;}

#pun-category5.category h2 {
background: url(http://s2.ipicture.ru/uploads/20120516/4C69Z8TE.png) no-repeat top center;
height: 55px;
margin-left : 3px;
border-style: none;
font-size:0 !important;}

#pun-category6.category h2 {
background: url(http://s2.ipicture.ru/uploads/20120516/9iWnNW5k.png) no-repeat top center;
height: 55px;
margin-left : 3px;
border-style: none;
font-size:0 !important;}

0

3

ВИСДОМ
Структура style.css

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

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

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

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

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

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

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

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

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

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

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


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

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

/* A3.2 */
.punbb {
  font: normal 68.75% verdana;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana
  }

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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

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

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

#pun-title table {
	border: none;
margin-left:-40px;
	width: 1048px;
	height:330px;
        repeat: no-repeat;

                       }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: 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"}

Структура style_cs.css

Код:
/* CS1 Background and text colors
-------------------------------------------------------------
*/

div#pun-navlinks {
text-align: top center;
text-transform: uppercase;
letter-spacing: 0px;
position: absolute;
font-weight: bold;
top: 220px;
left: 130px;}

div#pun-ulinks {
position: absolute;
width: 100%;
text-align: center;
text-transform: lowercase;
font-size: 10px;
top: 240px; left: 110px;
}

#pun-title table {
background-image : url("http://s1.uploads.ru/i/GUkMm.png"); background-position : top center; background-repeat: no-repeat;}

body {background-image : url("");
background-repeat: repeat; background-attachment: scroll;
background-position : top center; background-color: #000;}


#pun { background-image : url("http://forumstatic.ru/files/0010/c4/00/39135.jpg"); paddind-top: 10px;
background-position : center; background-attachment: scroll; background-color: #af9e78;}

.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span,  .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {background-color: transparent;
color: #000000;}

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

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div {
background-color: transparent; background-repeat: no-repeat;
color: #000000;
font-weight: normal;
font-style: normal;}

.punbb .main h1, .punbb .main h2, #pun-debug h2, #pun-stats h2 {
background-color: transparent;
text-transform: uppercase;
font-size: 1em;
font-family: verdana;
font-weight: bold;
text-align: center;
color: 000000;}

#pun-stats h2 {background: url("http://s1.uploads.ru/i/hOXpL.png"); height: 41px; width: 765px;
margin-left: 1;
border-style: none;
margin-left: 0px; color: transparent;}

.punbb .quote-box, .punbb .code-box {
background-color: transparent;
color: #000000;}

#pun-navlinks .container, #pun-ulinks .container {
background-color: transparent;
color: #000000;
text-align: center;}

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

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

.punbb .quote-box, .punbb .code-box {
background-color: transparent;
background-image: url(http://forumstatic.ru/files/0010/d7/56/89051.png);
color: #000000;}

.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;}

.punbb input {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;}

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

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

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

#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
color: transparent;}

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

.punbb th {
border-color: transparent;}

.punbb .quote-box, .punbb .code-box {
border-color: #10110c;}

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

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

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

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

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

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

/* CS3 Links
-------------------------------------------------------------*/
.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: #1e1a0a;
border-bottom: 0px none #000;
text-decoration: none;}

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

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

#pun-navlinks a {
color: #1e1a0a;
border-bottom: 0px none #000;
text-decoration: none;}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #161307;
ffont-weight: bold;
font-style: normal;
border-bottom: 0px none #000;
text-decoration: none;}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #161307; }
/* CS4 Stuff
-------------------------------------------------------------*/
#pun-main div.catleft, #pun-main div.catright {display: none}
.pa-avatar, .pa-title, .pa-author { text-align: center;}
#pun-announcement .container {margin-top: -2em;}
#pun-main .post-author ul {text-align: center;}
#pun-announcement h2 {text-align: center;}
#pun-status .container, #pun-main .post-links li {text-align: left;}
#pun th, #pun-main h2 {text-align: center;}
#pun-crumbs1 .container { text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: left;}
#pun_wrap #pun-viewtopic.punbb #pun-main .topic .container .post-author ul {text-align: left; line-height: 11px;}
.lastedit {display:none;}
#pun-navlinks #navawards {display:none;}

/* CS5 Post status icons
-------------------------------------------------------------*/

#pun-category1.category h2 {
background: url(http://forumstatic.ru/files/0010/c4/00/39846.png) no-repeat;
height: 50px; width: 765px;
margin-left: 1;
border-style: none;
margin-left: 0px;
font-size:0 !important;}

#pun-category2.category h2 {
background: url(http://forumstatic.ru/files/0010/c4/00/44228.png) no-repeat;
height: 50px; width: 765px;
margin-left: 1;
border-style: none;
margin-left: 0px
font-size:0 !important;}

#pun-category3.category h2 {
background: url(http://forumstatic.ru/files/0010/c4/00/11265.png) no-repeat;
height: 50px; width: 765px;
margin-left: 1;
border-style: none;
margin-left: 0px;
font-size:0 !important;}

#pun-category4.category h2 {
background: url(http://forumstatic.ru/files/0010/c4/00/55242.png) no-repeat;
height: 50px; width: 765px;
margin-left: 1;
border-style: none;
margin-left: 0px;
font-size:0 !important;}

#pun-category5.category h2 {
background: url(http://s1.uploads.ru/i/mhYwg.png) no-repeat;
height: 50px; width: 765px;
margin-left: 1;
border-style: none;
margin-left: 0px;
font-size:0 !important;}

#pun-category6.category h2 {
background: url(http://s1.uploads.ru/i/D5fOS.png) no-repeat;
height: 50px; width: 765px;
margin-left: 1;
border-style: none;
margin-left: 0px;
font-size:0 !important;}

#pun-about p.container {
background-image : url(http://forumstatic.ru/files/0010/c4/00/41182.png);
background-position : center top;
background-repeat : no-repeat;
border: none;
margin-bottom: -30px; margin-left: -51px;
float: top center; 
width: 1048px; text-align: center; top: -25px;
height: 48px; }

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

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

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

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

#pun-title h1 span  {display: none;}

.punbb table Div.icon {float: right; display: block; border-style: none none none none; margin-right: -10px; margin-top: 5px; margin-bottom: -10px;
width: 60px;
height: 40px;

        background: url(http://forumstatic.ru/files/0010/c4/00/31979.png) no-repeat;
}

tr.inew div.icon {
        background: url(http://forumstatic.ru/files/0010/c4/00/38748.gif) no-repeat;
}

tr.iclosed div.icon {
        background: url(http://forumstatic.ru/files/0010/c4/00/87606.png) no-repeat;
}

tr.isticky div.icon {
        background: url(http://forumstatic.ru/files/0010/c4/00/77329.gif) no-repeat;
}

HTML-верх

Код:
<!--Боковая таблица-->
<style>

    .sidebar {position: absolute;
      width: 202px;
      top: 0;
      padding: 5px;
      left: 785px;
      padding-top: 210px;
      text-align: center;

    }
    #Rightbar {
      margin-right:0px;
    }

    
#Rightbar .container{
color:#3d3225;
padding:5px;
padding-top: 0px;
text-align: center!important;
margin-bottom:15px;
width:186px;
line-height: 9px;
font-size:11px;
border: 0px red solid;
}

#Rightbar .container.a1{
background: transparent url() repeat 4px 6px;
}

.nav {margin: 0 -5px 0 0px;}
.nav a{display: block; color:#000000; background-color: #c6ad7b; text-align: center; width:186px; padding: 2px; margin: 1px; text-decoration: none}
.nav a:hover{background-color: #291e09;  color:#ffffff}

.scroll {
 width:100%;
 overflow-y: auto;
}
    </style>

<span style="float:Right;">
  <div id="Rightbar" class="sidebar">
<div class="container a1">

<br><font color=#463a2c> Мы рады приветствовать Вас на ролевом проекте <br><b><font size=2>teen wolf ~ wild hearts</font></b>, посвященному одноименному сериалу Волчонок. Действия происходят после второго сезона, поэтому не стесняемся брать на себя роли режиссеров и самим вершить судьбы своих любимых персонажей.
<br>Дорогие гости и наши потенциальные игроки, если Вы не до конца знакомы с данной тематикой ролевой, либо абсолютно не знаете, что такое Волчонок, но хотите присоединиться - смело задавайте свои вопросы администрации и изучайте информацию в <a href="http://wildwolf.rusff.me/viewtopic.php?id=1#p1"><font color=#463a2c>✥ F.A.Q  ✥</font></a>.
<br>Дикие сердца открывают свои двери!</font>

<br><br><img src="http://s1.uploads.ru/i/28nM5.png">
<br><a href="http://wildwolf.rusff.me/profile.php?id=3"><img src='http://s1.uploads.ru/i/mf3zo.png'
onmouseover="this.src='http://s1.uploads.ru/i/FA3cT.gif'"
onmouseout="this.src='http://s1.uploads.ru/i/mf3zo.png'" border=0><a href="http://wildwolf.rusff.me/profile.php?id=6"><img src='http://s1.uploads.ru/i/9LoEj.png'
onmouseover="this.src='http://s1.uploads.ru/i/QbtOg.gif'"
onmouseout="this.src='http://s1.uploads.ru/i/9LoEj.png'" border=0>
<br><a href="http://wildwolf.rusff.me/profile.php?id=54"><font color=#463a2c>✥ Derek</font></a> <a href="http://wildwolf.rusff.me/profile.php?id=33"><font color=#463a2c>✥ Diana ✥</font>

<br><br><img src="http://s1.uploads.ru/i/A6JF0.png">
<br>
<a href="http://wildwolf.rusff.me/viewtopic.php?id=2"><font color=#463a2c>✥ сюжет</font></a> ✥ <a href="http://wildwolf.rusff.me/viewtopic.php?id=3"><font color=#463a2c>правила</font></a> ✥ <a href="http://wildwolf.rusff.me/viewforum.php?id=3"><font color=#463a2c>акции</font></a> ✥ <a href="http://wildwolf.rusff.me/viewtopic.php?id=4"><font color=#463a2c>список персонажей</font></a> ✥ <a href="http://wildwolf.rusff.me/viewtopic.php?id=5"><font color=#463a2c>занятые внешности</font></a> ✥ <a href="http://wildwolf.rusff.me/viewtopic.php?id=1#p1"><font color=#463a2c>гостевая</font></a> ✥ <a href="http://wildwolf.rusff.me/viewforum.php?id=4"><font color=#463a2c>регистрационные шаблоны</font></a> ✥ <a href="http://wildwolf.rusff.me/viewtopic.php?id=28"><font color=#463a2c>наша реклама</font></a> ✥ <a href="http://wildwolf.rusff.me/viewtopic.php?id=30#p76"><font color=#463a2c>шаблон партнерства ✥</font></a> 

<br><br><img src="http://s1.uploads.ru/i/Z6kQq.png">
<br><font color=#463a2c>✥ <b>j</b>ackson <b>w</b>hittemore ✥ <b>p</b>eter <b>h</b>ale ✥</font> <a href="http://wildwolf.rusff.me/viewtopic.php?id=6#p9"><font color=#463a2c><b>e</b>than <b>g</b>ill</font></a>  ✥ <b>j</b>erard <b>a</b>rgent ✥ <a href="http://wildwolf.rusff.me/viewtopic.php?id=7#p6450"><font color=#463a2c><b>c</b>assandra <b>h</b>ayes </font></a> ✥ <a href="http://wildwolf.rusff.me/viewtopic.php?id=7#p10234"><font color=#463a2c><b>a</b>lesandra <b>m</b>idnight </font></a> ✥
<br><br><img src="http://s1.uploads.ru/i/lKxvp.png">
<br> <a href="http://wildwolf.rusff.me/viewtopic.php?id=99#p3877"><font color=#463a2c><font size=2>episode #8</font></a> → <b>Derek</b></font>
<br> <a href="http://wildwolf.rusff.me/viewtopic.php?id=121"><font color=#463a2c><font size=2>episode #9</font></a> → <b>Lillian</b></font>
<br> <a href="http://wildwolf.rusff.me/viewtopic.php?id=122"><font color=#463a2c><font size=2>episode #10</font></a> → <b> Stiles</b></font>
<br> <a href="http://wildwolf.rusff.me/viewtopic.php?id=134#p7992"><font color=#463a2c><font size=2>episode #13</font></a> → <b>Allison</b></font>
<br> <a href="http://wildwolf.rusff.me/viewtopic.php?id=160#p10479"><font color=#463a2c><font size=2>episode #15</font></a> → <b>Michelle</b></font>
<br> <a href="http://wildwolf.rusff.me/viewtopic.php?id=168#p11460"><font color=#463a2c><font size=2>episode #16</font></a> → <b> Elizabeth</b></font>
<br> <a href="http://wildwolf.rusff.me/viewtopic.php?id=173#p12289"><font color=#463a2c><font size=2>episode #17</font></a> → <b> Esti</b></font>

<br><br><img src="http://s1.uploads.ru/i/nzXsM.png">
<br><a href="http://top.roleplay.ru/18852" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> <a href="http://forum-top.ru/vote/1435" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru" /></a>
<BR><BR><MARQUEE onmouseover='this.scroll     
onmouseout='this.scrollAmount="3''' Amount="3"' scrollAmount=3 width=190 height=35>
<a target="_blank" href="http://beteenwolf.rusff.me"><img src="http://funkyimg.com/u2/2052/893/532337bjklbl.gif"border="1" width="88" height="31"  ></a><a href="http://twf.rusff.me/" target=_blank> <img src="http://i43.fastpic.ru/big/2012/0713/1b/d3b819146ca73a1df73adbee7063601b.gif"alt="Teen Wolf" width=88 height=31></a> <a href="http://worldscollide.rusff.me/" target="_blank"><img src="http://s1.hostingkartinok.com/uploads/images/2012/10/8e7c6940c7eb8e6604bff70b0237ff43.gif" width="88" height="31" border="0" alt="Новая ролевая, посвящённая знаменитому сериалу Дневники вампира"></a><a href="http://twbellumsanguinis.mybb.ru/" title="Teen Wolf. Война крови" target="blank"><img  alt="Teen Wolf" src="http://savepic.su/2384705m.gif"></a> <a href="http://perfomensvampire.rusff.me/" title="Театр Вампиров..." target="blank"><img src="http://s005.radikal.ru/i211/1001/f2/fc495da94d89.gif"></a>  <a href="http://morganville.rusff.me/"><img src="http://s1.uploads.ru/i/vytZN.gif" border="0" width="88" height="31" title="MORGANVILLE: DAMNED PARADISE"></a> <a href="http://charme.rusff.me/"><img src="http://s1.uploads.ru/i/3oNkg.gif"></a>	<a href=http://tumultfeelings.rusff.me/><img src="http://savepic.su/1181254m.gif" border="0" alt="TVD: tumult feelings"width=88  height=31 border></a>	<a href="http://la.rolbb.ru/"><img src="http://uploads.ru/i/c/j/Z/cjZiL.gif"></a> <a target="_blank" href="http://leeds.rusff.me"><img src="http://savepic.su/2369239m.png" ></a> <a href="http://racket.rusff.me/" title="Любишь шуметь? Тогда тебе сюда." target=_blank> <img src="http://s1.uploads.ru/ueNf0.gif" border="0" alt="RACKET STEEP"></a>  <a href="http://dragony.rusff.me/" title="FRPG: DEAR AGONY" target="_blank"><img src="http://s1.uploads.ru/i/S9ayk.gif"></a> <a href="http://tvddyingtolive.rusff.me" target="_blank"><img src="http://25.media.tumblr.com/tumblr_matnt4b6Rx1r1r41go1_100.gif"
title="TVD: Dying to Live"></a> <a href="http://mghosts.mybb.ru/" target="_blank"><img src="http://uploads.ru/i/H/v/u/Hvusn.gif" title="Misguided Ghosts"></a>
  </marquee>

<br><br><br><br>Дизайн выполнен мастером <b>wisdom</b> © 2012. 

</div>
</div></span>

<!--Кнопки вверх вниз-->
<div style="position:fixed; right
:8%; bottom: 30%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://s1.uploads.ru/i/G8D5h.png" alt="Вверх страницы" ></a>
<br/>
<br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="http://s1.uploads.ru/i/EiSo9.png" alt="Вниз страницы" ></a> 
</div>
<div id="pircs2"><!-- std.v.1/0/profilaktika --><link rel="stylesheet" type="text/css" href="http://hostjs-mybb2011.narod.ru/css/profilaktika.css" /><div id="msg-n2">У Вас отключён javascript.<br>В данном режиме, отображение ресурса<br/>браузером не поддерживается <br/></div><div id="LogIn_Window" style="display:none"><center>Близки к открытию </center><br/><hr><br/><br/></div></div><!-- --><script type="text/javascript"> 
 
var ON_button=0; //Cвитч включения: 1 - включено!; 0 - выключено
var  moderDostyp_ON=0; //?Модер-доступ включён?: 1 - включен!; 0 - выключен
 
if(ON_button!=1||GroupID ==1||moderDostyp_ON*GroupID==2){
 $("style.#style_st,div.#pircs2").replaceWith("");}
  else {$("#msg-n2").replaceWith("");
 if(GroupID ==3) {$("#LogIn_Window").show();if(document.URL.indexOf("/login.php")==-1){
document.location.href = "../login.php"}else {
$(document).ready(function(){$("form#login").appendTo("#LogIn_Window");
$("#LogIn_Window").find("p.formsubmit a[href*='register.php']").text("");
var v=$("#LogIn_Window").find("p.formsubmit a[href*='action=forget']");
v.replaceWith("<span>Вход только для Администраторов</span>");});};}
else {document.location.href = "../login.php?action=out&id="+UserID};}
</script><!--end/profilaktika-->
<style type="text/css">
.pa-adnote{ text-align: center;}
.pa-from{ text-align: center;}
.pa-reg{ text-align: center;}
.pa-posts{ text-align: center;}
.pa-reputation{ text-align: center;}
.pa-sex{ text-align: center;}
.pa-icq{ text-align: center;}
.pa-ip{ text-align: center;}
.pa-online{ text-align: center;}
.pa-age{ text-align: center;}
.pa-mailagent{ text-align: center;}
.pa-reg { text-align: center;}
.pa-avatar, .pa-title, .pa-author { text-align: center;}
.pa-time-visit{ text-align: center;}
.pa-last-visit{ text-align: center;}
.pa-fld1{ text-align: center;}
.pa-fld2{ text-align: center;}
.pa-fld3{ text-align: center;}
.pa-fld4{ text-align: center;}
</style>
<style type="text/css">
.lastedit {display:none}
</style>
<style>
.punbb .post-sig dt {
  border-top-color: #000000 !important;
  }
</style>

0

4

ВТОРОЙ - ГОЛУБОЙ СЕНАКА КРЕЙН
Структура style.css

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

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

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

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

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

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

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

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

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

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

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


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

/* A3.1 */
body {
font-size: 10px;
}

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

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

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

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

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

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

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

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

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

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


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

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

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


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

/* A5.1 */
#pun {
margin: 0px auto auto auto;
width : 1194px;
padding: 0px 0px 0px 0px;
border: none;
border-top: none;
}

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

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

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

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

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

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

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

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



#pun-main h2 {
padding-bottom: 0px;
font-weight: bold;
color:  #000000;
text-align: center;
font-size: 0px;
font-family: Trajan Pro;
height : 0px;}



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

B - MAIN CONTENT - GENERAL

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



/* B1 Parsed Content, Signatures and Scroll Boxes

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



/* B1.1 */

.punbb .post-content {

  padding: 0;

  margin: 0;

  width: 100%;

  overflow: hidden;

  }



/* B1.2 */

.punbb .post-sig dt {

  display: block;

  border-top: 0px none #6474ab;

  width: 250px;

  margin: 5px 0;

  }



/* B1.3 */

.punbb .post-content p {

  margin: 0;

  padding: 0 0 1em 0;

  line-height: 150%;

  }



/* B1.4 */

.punbb .post-content img {

  vertical-align: text-bottom

  }



/* B1.5 */

.punbb .post-content img.postimg {

  vertical-align: middle;

  }



/* B1.6 */

.punbb .post-content .blockcode, .punbb .post-content blockquote {

  width: 100%;

  overflow: hidden;

  }



/* B1.7 */

.punbb .post-content .scrollbox {

  width: 100%;

  overflow: auto;

  }



/* B1.8 */

.punbb .post-content .quote-box, .punbb .post-content .code-box {

  margin: 0.4em 1.8em 1.4em 1.8em;

  padding: 1em;

  border-style: none;

  border-width: 0px;

  }



/* B1.9 */

.punbb .quote-box cite, .punbb .code-box strong.legend {

  display: block;

  padding-bottom: 0.7em;

  font-size: 1.1em;

  font-weight: bold;

  font-style: normal;

  margin: 0;

  }



/* B2 Information boxes

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



/* B2.1 */

.punbb .info-box {

  padding: 1.1em 1.7em 1em 1.7em;

  border-style: none;

  border-width: 0px;

  margin: 0 0 1.1em 0;

  }



/* B2.2 */

.punbb .info-box * {

  padding: 0 0 0.7em 0;

  }



/* B2.3 */

.punbb #pun-main .info-box .legend {

  font-size: 1.1em;

  font-weight: bold;

  }





/* B3 Pagination and posting links

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



/* B3.1 */

.punbb .linkst {

  float: left;

  position: relative;

  width: 100%;

  font-size: 1.1em;

  height: 0;

  }



/* B3.2 */

.multipage {

  margin-top: 3em;

  }



/* B3.3 */

.linkst .pagelink {

  position: absolute;

  top: -4em;

  left: 1em;

  width: 24em;

  }



/* B3.4 */

.linkst .postlink {

  position: absolute;

  top: -4em;

  right: 1em;

  width: 16em;

  text-align: right;

  font-weight: bold;

  }



/* B3.5 */

.punbb .linksb {

  text-align: right;

  padding: 0.4em 1em 0.5em 1em;

  font-size: 1.1em;

  }



/* B3.6 */

.linksb .pagelink {

  float: left;

  width: 24em;

  text-align: left;

  }



/* B3.7 */

.linksb .postlink {

  float: right;

  width: 16em;

  font-weight: bold

  }



/* B3.8 */

.subscribelink {

  clear:both;

  padding-top: 0.3em;

  padding-bottom: 0.5em;

  }





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

C - MAIN CONTENT - SPECIFIC

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



/* C1 Form layout

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



/* C1.1 */

.punbb .formal .container {

  padding: 1.7em 2.3em 1.1em 2.3em;

  }



/* C1.2 */

.punbb .formsubmit {

  padding: 0 0 0 1.7em;

  margin: 1em 0 0 0;

  }



/* C1.3 */

.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {

  margin: 0 0.6em 0 0

  }



/* C1.4 */

.punbb fieldset {

  border-style: none;

  border-width: 0px;

  padding: 0 18px 0 18px;

  margin: 0 0 1em 0

  }



/* C1.5 */

.punbb fieldset legend {

  padding: 0;

  margin: 0 0 0 11px;

  font-size: 1.1em

  }



/* C1.6 */

.punbb fieldset legend span {

  padding: 0 5px;

  margin: 0 0 0 -15px;

  }



/* C1.7 */

.punbb fieldset fieldset {

  border-style: none;

  margin: 0;

  padding: 0 0 8px 0

  }



/* C1.8 */

.punbb .fs-box {

  padding: 1em 0 0.8em 0;

  }



/* C1.9 */

.punbb .fs-box p, .punbb .fs-box fieldset {

  padding: 0 0 0.8em 0

  }



/* C1.10 */

.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {

  float: left;

  margin-right: 1em;

  }



/* C1.11 */

.punbb .inline .infofield {

  clear:both

  }



/* C1.12 */

.punbb .datafield br {

  display: none

  }



/* C1.13 */

.punbb .required label, .punbb .datafield span.input {

  font-weight: bold

  }



/* C1.14 */

.punbb .datafield span.input a {

  font-weight: normal;

  }



/* C1.15 */

.punbb .areafield span.input, .punbb p.longinput span.input {

  display: block;

  padding: 0 12em 0 0;

  height: 100%; /* For IE */

  }



/* C1.16 */

.punbb textarea, .punbb .longinput input {

  width: 64%;

  margin: 0;

  }



/* C1.17 */

.punbb .hashelp {

  position: relative;

  }



/* C1.18 */

.punbb .helplinks {

  display: block;

  position: absolute;

  top: 1em;

  right: 0;

  font-weight: normal;

  width: 36%;

  }



/* c1.19 */

.punbb #profile .helplinks {

  top: 1.5em;

  }



/* C1.20 */

.punbb .helplinks span {

  display: block;

  padding-bottom: 0.2em;

  }



/* C1.21 */

#pun-post .formal .info-box li {

  padding-left: 4px;

  list-style-type: square;

  list-style-position: inside;

  line-height: 1.5;

  margin: 0;

  }





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

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

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

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

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

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

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

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

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

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

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

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

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

/* C2.14 */

.punbb td div.tclcon {
  margin-left: 41px;
}

.punbb div.icon {
  float: right;
  display: block;
  width: 70px;
  height: 60px;
  padding-right: 12px;
}

/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
    width: 70px;
    height: 70px;
margin-left: 25px;}

/* C3 Topics

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



/* C3.1 */

.punbb .post .container {

  border-style: none none none none;

  border-width: 0px;

  margin-top: -1px;

  padding-bottom: 1px;

  }



/* C3.2 */

.punbb .post h3 {

  border-style: none none none none;

  border-width: 0px;

  }



/* C3.3 */

.punbb .post h3 span {

  padding: 0.5em 1em;

  display: block;

  margin-left: 19em;

  border-left-style: none;

  border-left-width: 0px
  

  }



/* C3.4 */

.punbb .post h3 strong {

  float: right;

  width: 5em;

  text-align: right;

  font-weight: normal;
  padding-right: 30 px;

  }



/* C3.5 */

.punbb .post .post-author {

  float: left;

  width: 19em;

  margin-top: -1.5em;

  overflow: hidden;

  }



/* C3.6 */

.punbb .post .post-author ul, .punbb .post .post-author p {

  padding: 0 1em 1em 1em;

  line-height: 140%;

  text-align: left;

  }



/* C3.7 */

.pa-author {

  font-size: 1.1em;

  font-weight: bold;

  }



/* C3.8 */

.pa-author a {

  text-decoration: none

  }



/* C3.9 */

li.pa-title {

  padding-bottom: 0.4em;

  font-weight: bold;

  }





li.pa-online {

  line-height: 0.8em;

  border-left-style: solid;

  border-left-width: 0.7em;

  padding-left: 0.4em;

  margin-top: 0.7em;

  }



/* C3.11 */

.punbb .post-body {

  margin-left: 19em;

  border-left-style: none;

  border-left-width: 0px;

  padding: 0 0 1px 0;
  padding-right: 20px;

  }



/* C3.12 */

.punbb .post-box {

  padding: 1em;

  }



/*C3.13 */

.punbb fieldset .post-box {

  margin-bottom: 0.8em

  }



/* C3.14 */

.punbb .post-links {

  margin-left: 19em;

  border-left-style: solid;

  border-left-width: 1px;

  }



/* C3.15 */

.punbb .post-links ul {

  padding: 0 1em 0 0;

  height: 2em;

  line-height: 2em;

  margin-left: -19em;

  border-top-style: none;

  border-top-width: 0px;

  background: transparent;

  text-align: right;

  }



/* C3.16 */

.punbb .post-links li {

  display: inline;

  padding-left: 1em;

  }



/* C3.17 */

.pl-email, .pl-website {

  float: left;

  }



/* C3.18 */

.punbb .clearer {

  clear: both;

  height: 0;

  font-size: 0;

  }





/* C4 Moderator menu

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



/* C4.1 */

.punbb .modmenu .container {

  padding: 0.5em 1em;

  text-align: right;

  }



/* C4.2 */

.punbb .modmenu strong, .punbb .modmenu a {

  height: 1.8em;

  line-height: 1.8em;

  }



/* C4.3 */

.punbb .modmenu .container strong {

  float: left;

  }



/* C4.4 */

.punbb .modmenu input {

  margin-left: 1em;

  }





/* C5 Message boxes

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



/* C5.1 */

.punbb .info .container {

  padding: 0.8em 1em

  }



/* C5.2 */

.punbb .info .container .backlink {

  padding-top: 0.8em;

  }





/* C6 Profile

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



/* C6.1 */

#profile .container {

  padding-left: 18.6em;

  }



/* C6.2 */

#profilenav {

  float: left;

  width: 14em;

  margin-left: -16.3em;

  display: inline;

  }



/* C6.3 */

#profilenav li {

  padding-bottom: 0.8em;

  font-weight: bold;

  }



/* C6.4 */

#viewprofile ul, #profilenav ul {

  border-style: solid;

  border-width: 1px;

  padding: 1.5em 18px 0.8em 18px;

  margin: 0 0 1em 0;

  }



/* C6.5 */

#viewprofile h2, #profilenav h2 {

  background: transparent;

  border: none;

  padding: 0 0 0 0;

  margin: 0 14px -0.6em 14px;

  }



/* C6.6 */

#viewprofile h2 span, #profilenav h2 span {

  padding: 0 5px;

  position: relative;

  }



/* C6.7 */

#viewprofile li, #setmods dl {

  padding: 0 0 0 16em;

  margin-bottom: 0.2em;

  }



/* C6.8 */

#viewprofile li span {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.5em 1em;

  font-weight: bold;

  }



/*C6.9 */

#setmods dt {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.8em 1em;

  font-weight: bold;

  display: inline;

  }



/* C6.10 */

#viewprofile li strong, #viewprofile li div, #setmods dd {

  display: block;

  padding: 0.5em 1em;

  font-weight: normal;

  }



/* C6.11 */

.punbb img.avatardemo {

  float: right;

  margin: 0 0 0.8em 1.8em

  }





/* C7 User list

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



/* C7.1 */

#pun-userlist .formal, #pun-userlist .formal .container {

  border-bottom: none;

  margin-bottom: 0;

  }



/* C7.2 */

#pun-userlist .usertable .container {

  padding: 0 2.3em 2.3em 2.3em;

  border-top: none;

  }



/* C7.3 */

#pun-userlist .usertable table {

  border-style: solid;

  border-width: 1px;

  }





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

D - PUNBB SECTIONS OTHER THAN MAIN CONTENT

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



/* D1 Logo and description

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



/* D1.1 */

#pun-title {

  margin: 0;

  border-style: none none none none;

  border-width: 0px 0px 0 0px;


  }



/* D1.2 */

#pun-title h1 {

  display : block;

  height : 40px;

  padding: 2em 1em 0 1em;

  }



/* D1.3 */

#pun-title .container {

  border-style: none none none none;

  }



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

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



/* D2 Page navigation

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

/* D2.1 */

#pun-pagelinks {

  position: absolute;

  top: -15px;

  left: 0;

  margin: 0;

  border: none;

  padding: 0;

  width: 100%;

  }



/* D2.2 */

#pun-pagelinks .container {

  background: transparent;

  border: none;

  padding: 0}



/* D2.3 */

#pun-pagelinks .container li {

  display: inline

  }



/* D2.4 */

#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {

  height: 2em;

  line-height: 2em;

  padding: 0;

  font-size: 1.2em;

  margin-left: -9999px;

  display: block;

  float:left;

  width: 100%;

  }



/* D2.5 */

#pun-pagelinks a:active, #pun-pagelinks a:focus {

  position:relative;

  margin: 0;
}



#pun-pagelinks li a span {

  display:block;

  margin: 0 1em

  }



/* D3 Forum navigation

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



/* D3.1 */

#pun-navlinks, #pun-navlinks .container {

  border-style: none;

  border-width: 0;

  margin: 0;
  text-align: center;
  }



/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
margin-top : 0px;
  font-size: 12px;
  text-transform: uppercase;
font-family: OptimusPrincepsSemiBold;
  }



/* D.3 */

#pun-navlinks li {

  display: inline;

  padding-right: 1em;

  }



/* D3.4 */

#pun-navlinks li a {

  font-size: 1.1em;

  }



/* D4 User links

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



/* D4.1 */

#pun-ulinks  {

  margin-top: 0;
  text-align: center;

  }


/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.7em 1em;
margin-top : 0px;
  text-transform: lowercase;
  }


/* D4.3 */

#pun-ulinks li, #pun-ulinks li a {

  display: inline;

  border-left-style: solid;

  border-left-width: 1px;

  white-space: nowrap;

  }



/* D4.4 */

#pun-ulinks li a {

  padding: 0 0.3em 0 0.6em

  }



/* D4.5 */

#pun-ulinks li.item1, #pun-ulinks li.item1 a {

  border-left-style: none;

  border-left-width: 0;

  padding-left: 0

  }



/* D5 Welcome box and Top Breadcrumbs

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



/* D5.1 */

#pun-status, #pun-status .container {

  border-bottom: none;

  margin-bottom: 0;
  width: 890px;

  }



/* D5.2 */

#pun-status .container {

  padding: 0.8em 1em 1em 1em;
   width: 890px;

  }



/* D5.3 */

#pun-status span {

  white-space: nowrap;

  margin-right: 0.5em;

  }



/* D5.4 */

#pun-crumbs1 {

  font-weight: bold;

  overflow: hidden;

  margin-top: 0;

  }



/* D5.5 */

#pun-crumbs1 p.container {

  border-top: none;

  padding: 1em 1em 0.8em 1em;

  font-size: 1.1em;
  margin-right: 35px;
  }



/* D5.6 */

#pun-break1 {

  margin: 0 1em;

  border-style: solid none;

  border-width: 1px 0;

  height: 0;

  margin: -2px 1em;

  position: relative;

  z-index: 1;

  }



/* D6 Announcement

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



/* D6.1 */

#pun-announcement h2 {

  padding: 0;

  margin: 0 1em -3.5em 1em;

  border-style: none none solid none;

  border-width: 0 0 1px 0;

  position: relative;

  font-weight: bold;

  }



/* D6.2 */

#pun-announcement h2 span {

  display: block;

  padding: 1em 0 0.8em 0;

  border-bottom-style: solid;

  border-bottom-width: 1px;

  }



/* D6.3 */

#pun-announcement .container {

  padding: 4.3em 1em 1em 1em;

  }


/* D7 Statistics

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



/* D7.1 */

#pun-stats .container {

  padding: 0.8em 1em

  }



/* D7.2 */

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

  float: left;

  clear: both;

  line-height: 150%;

  }



/* D7.3 */

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

  text-align: right;

  line-height: 150%;

  }



/* D7.4 */

li#onlinelist {

  margin-top: 1em;

  border-top-style: solid;

  border-top-width: 1px;

  float: left;

  width: 100%;

  line-height: 130%;

  }



/* D7.5 */

li#onlinelist div {

  border-top-style: solid;

  border-top-width: 1px;

  padding: 0.7em 0 0 0;

  }



/* D8 Quick Jump - About - Bottom Breadcrumbs

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



/* D8.1 */

#pun-qjump {

  margin: 0;

  border: none;

  width: 50%;

  position: relative;

  float: left;

  }



/* D8.2 */

#pun-qjump .container {

  border: none;

  background: transparent;

  padding: 0.8em 1em;

  }



/* D8.3 */

#pun-about {

  margin-top: 0;

  }



/* D8.4 */

#pun-about .container {

  border-top-style: none;

  text-align: right;

  line-height: 150%;

  padding: 0.8em 1em;

  }



/* D8.5 */

#pun-about p span {

  display:block;

  padding-left: 50%;

  }



/* D8.6 */

#pun-crumbs2 {

  font-weight: bold;

  overflow: hidden;

  margin-bottom: 0;

  border-bottom: none;

  }



/* D8.7 */

#pun-crumbs2 .container {

  border-bottom: none;

  padding: 0.8em 1em;

  font-size: 1.1em;

  }



/* D8.8 */

#pun-break4 {

  margin: -2px 1em;

  border-style: solid none;

  border-width: 1px 0;

  position: relat

Структура style_cs.css

Код:
/* CS1 Background and text colours
-------------------------------------------------------------
*/

#pun-title TABLE { 
background : transparent url(http://funkyimg.com/u2/2218/928/855381__________.png) no-repeat left top; 
margin-left : -200px;
  height: 386px;
  width: 1194px;

}

body {background-color: #191e29;
background-repeat: repeat;
background-position : top center;
background-attachment : no-fixed;

}

#pun {
background-image : url("http://funkyimg.com/u2/2218/924/460083__________.png");
background-color: #bfd6f1;
background-repeat: repeat;
background-position : center;
background-attachment : no-fixed;


}

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

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

/* CS1.3 */
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div  {
  background-color: transparent;
  color: #191e29;
  font-weight: bold;
  font-style: normal;
  }


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

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
 background-color: #a4bcdc;
  color: #191e29;
  }

/* CS1.8 */
#pun-navlinks .container, #pun-ulinks .container {
  background-color: transparent;
  color: #a4bcdc;
  text-align: center;
  }

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #a4bcdc;
  color: #191e29;
}

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

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

  }

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

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

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

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

  }

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

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

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

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

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

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

  }

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

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


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

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #3e527f;
    border-bottom: 0px none #3e527f;
  text-decoration: none;

  }

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

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

  }

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

  }

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

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #2d190d;
  color: #2d190d;
  }


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

div.icon {border-color: #7e5b40 #5E3B20 #4E2B10 #5E3B20}
tr.iredirect div.icon {border-color: #7e5b40 #7e5b40 #7e5b40 #7e5b40}
div.inew {border-color: #7e5b40 #5E3B20 #4E2B10 #5E3B20}

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


.punbb table Div.icon {float: left; display: block; border-style: none none none none; margin-left: 5px;margin-right: 5px;
width: 70px;
height: 70px;
background-image : url(http://funkyimg.com/u2/2218/956/956691____________.png);
background-repeat: no-repeat;
}

TR.inew Div.icon {
background-image : url(http://funkyimg.com/u2/2218/957/518985__________.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;
}

TR.isticky Div.icon {
background-image : url(http://funkyimg.com/u2/2218/954/760623__________.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;
}

TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/u2/2218/955/116068______________.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;
}


a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: tahoma;
font-size: 11px;
background-color:#b1daff;
color: #191e29; 
font-weight: normal;
text-align:center;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: #455a8c;
border-left-width: 5px;
width:200px;
}

a.tvm:hover {
font-family: tahoma;
font-size: 11px;
color: #191e29; 
background-color:#455a8c;
display: block;
font-weight: bold;
text-align:center;
cursor:crosshair; 
text-decoration: none;
border-left-style: solid;
border-left-color: #769ace;
border-left-width: 5px;
width:200px;
}

Верх

Код:
<style> #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 480px; top: 10px
}
</style>


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

<style>
#pun-title .title-logo { 
display : none; 
}
</style>

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

Низ

Код:
<div style="position:absolute; margin-top: -20px; margin-right: 0px;"><img src="http://funkyimg.com/u2/2218/942/540769__________.png"style="margin-left: -200px;">
</div>



<script type="text/javascript"><!--Своя картинка в каждую категорию -->
 $(document).ready(function(){

myarray=new Array(
"Администрирование", "http://s1.uploads.ru/8Ohq6.png",
"Гостевая", "http://s1.uploads.ru/Y76EJ.png",
"Орг.вопросы", "http://s1.uploads.ru/rouZf.png",
"Игра", "http://s1.uploads.ru/w4zPu.png",
"Флуд", "http://s1.uploads.ru/wEeS8.png",
"Реклама", "http://s1.uploads.ru/4bVL7.png",
"Архивы", "http://s1.uploads.ru/s3uGv.png"
)
       $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
 for(q=0;q<myarray.length;q++){

var cssObj = {
   "height":"91px",
   "background-color": "transparent",
   "background-image":"url("+myarray[q+1]+")",
   "background-position":"50% 50%",
   "background-repeat":"no-repeat"
}

        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
 });
</script>
Код:
<!-- Спойлер наград -->

<div id="html-footer" class="section">
	<div class="container"><!-- спойлер наград на Rusff в Профиле, в Топике -->
<style>
.post-author-Sp{
/*background-color:transparent!important;*/
}
img.aw{
background-color:transparent!important;
}
ul.wrapper{
margin-left:-15px;
width:167px!important;
margin-bottom:-15px;
display:none;
}
ul.wrapper,
ul.wrapper li.pa-awards{
border-color:transparent;
}
</style>
<script>
// кнопка - ссылка на Картинку
var Img="http://funkyimg.com/u2/2223/792/230724______________.png";

wrapp1="<li class='post-author-Sp'><img class=aw style='cursor:pointer' src='";
wrappEnd="'><ul class=wrapper></ul></li>";
wrapp1=wrapp1+Img+wrappEnd;

$(window).load(function () {
$(".post .post-author .pa-awards").each(function() {
  if($(this).css("display")!="none"){
  $(this).before(wrapp1);a=$(this).parents('.post').find('.post-author-Sp ul')
  $(this).appendTo(a)
  }
});});
$(".post .post-author-Sp ").live("click", function(){
 $(this).find('ul:first').toggle('slow')
});</script>
<!--Конец//=спойлер наград в Профиле, в Топике-->

0

5

КОНСТАНЦИЯ
1е окно

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

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

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

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

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

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

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

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

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

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

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


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

/* A3.1 */
body {
  font-size: 15px;
  }


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


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

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

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

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

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

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

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

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

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


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

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

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


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

/* A5.1 */
#pun {
margin: 0px auto 0px auto;
width : 898px;
padding: 0px 0px 0px 0px;
border: none;
border-top: none;
}

/* A5.2 */
.punbb {
margin-left: 40px;
float: left;
width: 820px;}

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

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

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

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

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

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

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

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



#pun-main h2 {
padding-bottom: 15px;
font-style: normal;
color:  #000000;
text-align: center;
text-transform: uppercase;
font-size: 18px;
font-family: Times New Roman;
height : 16px;}



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

B - MAIN CONTENT - GENERAL

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



/* B1 Parsed Content, Signatures and Scroll Boxes

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



/* B1.1 */

.punbb .post-content {

  padding: 0;

  margin: 0;

  width: 100%;

  overflow: hidden;

  }



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



/* B1.3 */

.punbb .post-content p {

  margin: 0;

  padding: 0 0 1em 0;

  line-height: 150%;

  }



/* B1.4 */

.punbb .post-content img {

  vertical-align: text-bottom

  }



/* B1.5 */

.punbb .post-content img.postimg {

  vertical-align: middle;

  }



/* B1.6 */

.punbb .post-content .blockcode, .punbb .post-content blockquote {

  width: 100%;

  overflow: hidden;

  }



/* B1.7 */

.punbb .post-content .scrollbox {

  width: 100%;

  overflow: auto;

  }



/* B1.8 */

.punbb .post-content .quote-box, .punbb .post-content .code-box {

  margin: 0.4em 1.8em 1.4em 1.8em;

  padding: 1em;

  border-style: none;

  border-width: 0px;

  }



/* B1.9 */

.punbb .quote-box cite, .punbb .code-box strong.legend {

  display: block;

  padding-bottom: 0.7em;

  font-size: 1.1em;

  font-weight: bold;

  font-style: normal;

  margin: 0;

  }



/* B2 Information boxes

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



/* B2.1 */

.punbb .info-box {

  padding: 1.1em 1.7em 1em 1.7em;

  border-style: none;

  border-width: 0px;

  margin: 0 0 1.1em 0;

  }



/* B2.2 */

.punbb .info-box * {

  padding: 0 0 0.7em 0;

  }



/* B2.3 */

.punbb #pun-main .info-box .legend {

  font-size: 1.1em;

  font-weight: bold;

  }





/* B3 Pagination and posting links

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



/* B3.1 */

.punbb .linkst {

  float: left;

  position: relative;

  width: 100%;

  font-size: 1.1em;

  height: 0;

  }



/* B3.2 */

.multipage {

  margin-top: 3em;

  }



/* B3.3 */

.linkst .pagelink {

  position: absolute;

  top: -4em;

  left: 1em;

  width: 24em;

  }



/* B3.4 */

.linkst .postlink {

  position: absolute;

  top: -4em;

  right: 1em;

  width: 16em;

  text-align: right;

  font-weight: bold;

  }



/* B3.5 */

.punbb .linksb {

  text-align: right;

  padding: 0.4em 1em 0.5em 1em;

  font-size: 1.1em;

  }



/* B3.6 */

.linksb .pagelink {

  float: left;

  width: 24em;

  text-align: left;

  }



/* B3.7 */

.linksb .postlink {

  float: right;

  width: 16em;

  font-weight: bold

  }



/* B3.8 */

.subscribelink {

  clear:both;

  padding-top: 0.3em;

  padding-bottom: 0.5em;

  }





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

C - MAIN CONTENT - SPECIFIC

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



/* C1 Form layout

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



/* C1.1 */

.punbb .formal .container {

  padding: 1.7em 2.3em 1.1em 2.3em;

  }



/* C1.2 */

.punbb .formsubmit {

  padding: 0 0 0 1.7em;

  margin: 1em 0 0 0;

  }



/* C1.3 */

.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {

  margin: 0 0.6em 0 0

  }



/* C1.4 */

.punbb fieldset {

  border-style: none;

  border-width: 0px;

  padding: 0 18px 0 18px;

  margin: 0 0 1em 0

  }



/* C1.5 */

.punbb fieldset legend {

  padding: 0;

  margin: 0 0 0 11px;

  font-size: 1.1em

  }



/* C1.6 */

.punbb fieldset legend span {

  padding: 0 5px;

  margin: 0 0 0 -15px;

  }



/* C1.7 */

.punbb fieldset fieldset {

  border-style: none;

  margin: 0;

  padding: 0 0 8px 0

  }



/* C1.8 */

.punbb .fs-box {

  padding: 1em 0 0.8em 0;

  }



/* C1.9 */

.punbb .fs-box p, .punbb .fs-box fieldset {

  padding: 0 0 0.8em 0

  }



/* C1.10 */

.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {

  float: left;

  margin-right: 1em;

  }



/* C1.11 */

.punbb .inline .infofield {

  clear:both

  }



/* C1.12 */

.punbb .datafield br {

  display: none

  }



/* C1.13 */

.punbb .required label, .punbb .datafield span.input {

  font-weight: bold

  }



/* C1.14 */

.punbb .datafield span.input a {

  font-weight: normal;

  }



/* C1.15 */

.punbb .areafield span.input, .punbb p.longinput span.input {

  display: block;

  padding: 0 12em 0 0;

  height: 100%; /* For IE */

  }



/* C1.16 */

.punbb textarea, .punbb .longinput input {

  width: 64%;

  margin: 0;

  }



/* C1.17 */

.punbb .hashelp {

  position: relative;

  }



/* C1.18 */

.punbb .helplinks {

  display: block;

  position: absolute;

  top: 1em;

  right: 0;

  font-weight: normal;

  width: 36%;

  }



/* c1.19 */

.punbb #profile .helplinks {

  top: 1.5em;

  }



/* C1.20 */

.punbb .helplinks span {

  display: block;

  padding-bottom: 0.2em;

  }



/* C1.21 */

#pun-post .formal .info-box li {

  padding-left: 4px;

  list-style-type: square;

  list-style-position: inside;

  line-height: 1.5;

  margin: 0;

  }





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

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

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

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

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

  }

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

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

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

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

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

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

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

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

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }
* html .tclcon {height: 1px}
/* C2.14 */
.punbb td div.tclcon {
  margin-left: 40px;

}
/* C2.15 */
.punbb div.icon {
      float: left;
  display: block;
  width: 30px;
  height: 40px;
  padding-top: 0px;
 padding-right: 0px;
  margin-left: 5px;
}


/* C3 Topics

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



/* C3.1 */

.punbb .post .container {

  border-style: none none none none;

  border-width: 0px;

  margin-top: -1px;

  padding-bottom: 1px;

  }



/* C3.2 */

.punbb .post h3 {

  border-style: none none none none;

  border-width: 0px;

  }



/* C3.3 */

.punbb .post h3 span {

  padding: 0.5em 1em;

  display: block;

  margin-left: 19em;

  border-left-style: none;

  border-left-width: 0px
  

  }



/* C3.4 */

.punbb .post h3 strong {

  float: right;

  width: 5em;

  text-align: right;

  font-weight: normal;
  padding-right: 30 px;

  }



/* C3.5 */

.punbb .post .post-author {

  float: left;

  width: 19em;

  margin-top: -1.5em;

  overflow: hidden;

  }



/* C3.6 */

.punbb .post .post-author ul, .punbb .post .post-author p {

  padding: 0 1em 1em 1em;

  line-height: 140%;

  text-align: right;

  }



/* C3.7 */

.pa-author {

  font-size: 1.1em;

  font-weight: bold;

  }



/* C3.8 */

.pa-author a {

  text-decoration: none

  }



/* C3.9 */

li.pa-title {

  padding-bottom: 0.4em;

  font-weight: bold;

  }





li.pa-online {

  line-height: 0.8em;

  border-left-style: solid;

  border-left-width: 0.7em;

  padding-left: 0.4em;

  margin-top: 0.7em;

  }



/* C3.11 */

.punbb .post-body {

  margin-left: 19em;

  border-left-style: none;

  border-left-width: 0px;

  padding: 0 0 1px 0;
  padding-right: 20px;

  }



/* C3.12 */

.punbb .post-box {

  padding: 1em;

  }



/*C3.13 */

.punbb fieldset .post-box {

  margin-bottom: 0.8em

  }



/* C3.14 */

.punbb .post-links {

  margin-left: 19em;

  border-left-style: solid;

  border-left-width: 1px;

  }



/* C3.15 */

.punbb .post-links ul {

  padding: 0 1em 0 0;

  height: 2em;

  line-height: 2em;

  margin-left: -19em;

  border-top-style: none;

  border-top-width: 0px;

  background: transparent;

  text-align: right;

  }



/* C3.16 */

.punbb .post-links li {

  display: inline;

  padding-left: 1em;

  }



/* C3.17 */

.pl-email, .pl-website {

  float: left;

  }



/* C3.18 */

.punbb .clearer {

  clear: both;

  height: 0;

  font-size: 0;

  }





/* C4 Moderator menu

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



/* C4.1 */

.punbb .modmenu .container {

  padding: 0.5em 1em;

  text-align: right;

  }



/* C4.2 */

.punbb .modmenu strong, .punbb .modmenu a {

  height: 1.8em;

  line-height: 1.8em;

  }



/* C4.3 */

.punbb .modmenu .container strong {

  float: left;

  }



/* C4.4 */

.punbb .modmenu input {

  margin-left: 1em;

  }





/* C5 Message boxes

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



/* C5.1 */

.punbb .info .container {

  padding: 0.8em 1em

  }



/* C5.2 */

.punbb .info .container .backlink {

  padding-top: 0.8em;

  }





/* C6 Profile

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



/* C6.1 */

#profile .container {

  padding-left: 18.6em;

  }



/* C6.2 */

#profilenav {

  float: left;

  width: 14em;

  margin-left: -16.3em;

  display: inline;

  }



/* C6.3 */

#profilenav li {

  padding-bottom: 0.8em;

  font-weight: bold;

  }



/* C6.4 */

#viewprofile ul, #profilenav ul {

  border-style: solid;

  border-width: 1px;

  padding: 1.5em 18px 0.8em 18px;

  margin: 0 0 1em 0;

  }



/* C6.5 */

#viewprofile h2, #profilenav h2 {

  background: transparent;

  border: none;

  padding: 0 0 0 0;

  margin: 0 14px -0.6em 14px;

  }



/* C6.6 */

#viewprofile h2 span, #profilenav h2 span {

  padding: 0 5px;

  position: relative;

  }



/* C6.7 */

#viewprofile li, #setmods dl {

  padding: 0 0 0 16em;

  margin-bottom: 0.2em;

  }



/* C6.8 */

#viewprofile li span {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.5em 1em;

  font-weight: bold;

  }



/*C6.9 */

#setmods dt {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.8em 1em;

  font-weight: bold;

  display: inline;

  }



/* C6.10 */

#viewprofile li strong, #viewprofile li div, #setmods dd {

  display: block;

  padding: 0.5em 1em;

  font-weight: normal;

  }



/* C6.11 */

.punbb img.avatardemo {

  float: right;

  margin: 0 0 0.8em 1.8em

  }





/* C7 User list

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



/* C7.1 */

#pun-userlist .formal, #pun-userlist .formal .container {

  border-bottom: none;

  margin-bottom: 0;

  }



/* C7.2 */

#pun-userlist .usertable .container {

  padding: 0 2.3em 2.3em 2.3em;

  border-top: none;

  }



/* C7.3 */

#pun-userlist .usertable table {

  border-style: solid;

  border-width: 1px;

  }





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

D - PUNBB SECTIONS OTHER THAN MAIN CONTENT

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



/* D1 Logo and description

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



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



/* D1.2 */

#pun-title h1 {

  display : block;

  height :350px;

  padding: 2em 1em 0 1em;

  }



/* D1.3 */

#pun-title .container {

  border-style: none none none none;

  }



/* D1.4 */

#pun-title h1 span  {

  font-size: 1.5em;

  }



#pun-title table {
height: 390px;
	border: none;
	width: 898px;
}





#pun-title td.title-logo-tdl {

    border: none;

    width: 100%;

}



#pun-title td.title-logo-tdr {
border: none;
width: 898px;
  position: relative;
  left: 100px;
  top: 20;
}


/* D2 Page navigation

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

/* D2.1 */

#pun-pagelinks {

  position: absolute;



  margin: 0;

  border: none;

  padding: 0;

  width: 100%;
top: 315px;
left: 95px;
  }



/* D2.2 */

#pun-pagelinks .container {

  background: transparent;

  border: none;

  padding: 0}



/* D2.3 */

#pun-pagelinks .container li {

  display: inline

  }



/* D2.4 */

#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {

  height: 2em;

  line-height: 2em;

  padding: 0;

  font-size: 1.2em;

  margin-left: -9999px;

  display: block;

  float:left;

  width: 100%;

  }



/* D2.5 */

#pun-pagelinks a:active, #pun-pagelinks a:focus {

  position:relative;

  margin: 0;
}



#pun-pagelinks li a span {

  display:block;

  margin: 0 1em

  }



/* D3 Forum navigation

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



/* D3.1 */

#pun-navlinks, #pun-navlinks .container {

  border-style: none;

  border-width: 0;

  margin: 0;
  text-align: center;
  }



/* D3.2 */

#pun-navlinks .container {  
  color: #e1e1e1;
  padding-top: 15px;
  padding-bottom: 3px;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  font-family: Verdana;
text-transform: lowercase;
text-shadow: none;
top: 290px;
left: 98px;

}



/* D.3 */

#pun-navlinks li {

  display: inline;

  padding-right: 1em;

  }



/* D3.4 */

#pun-navlinks li a {

  font-size: 1.1em;

  }



/* D4 User links

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



/* D4.1 */

#pun-ulinks  {

  margin-top: 0;
  text-align: center;
 font-family: Verdana;
text-transform: lowercase;
 font-size: 10px;
  }



/* D4.2 */

#pun-ulinks .container {

  border-top: none;

  padding: 0.7em 1em;

  }



/* D4.3 */

#pun-ulinks li, #pun-ulinks li a {

  display: inline;

  border-left-style: solid;

  border-left-width: 1px;

  white-space: nowrap;

  }



/* D4.4 */

#pun-ulinks li a {

  padding: 0 0.3em 0 0.6em

  }



/* D4.5 */

#pun-ulinks li.item1, #pun-ulinks li.item1 a {

  border-left-style: none;

  border-left-width: 0;

  padding-left: 0

  }



/* D5 Welcome box and Top Breadcrumbs

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



/* D5.1 */

#pun-status, #pun-status .container {

  border-bottom: none;

  margin-bottom: 0;
  width: 890px;

  }



/* D5.2 */

#pun-status .container {

  padding: 0.8em 1em 1em 1em;
   width: 890px;

  }



/* D5.3 */

#pun-status span {

  white-space: nowrap;

  margin-right: 0.5em;

  }



/* D5.4 */

#pun-crumbs1 {

  font-weight: bold;

  overflow: hidden;

  margin-top: 0;

  }



/* D5.5 */

#pun-crumbs1 p.container {

  border-top: none;

  padding: 1em 1em 0.8em 1em;

  font-size: 1.1em;
  margin-right: 35px;
  }



/* D5.6 */

#pun-break1 {

  margin: 0 1em;

  border-style: solid none;

  border-width: 1px 0;

  height: 0;

  margin: -2px 1em;

  position: relative;

  z-index: 1;

  }



/* D6 Announcement

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



/* D6.1 */

#pun-announcement h2 {

  padding: 0;

  margin: 0 1em -3.5em 1em;

  border-style: none none solid none;

  border-width: 0 0 1px 0;

  position: relative;

  font-weight: bold;

  }



/* D6.2 */

#pun-announcement h2 span {

  display: block;

  padding: 1em 0 0.8em 0;

  border-bottom-style: solid;

  border-bottom-width: 1px;

  }



/* D6.3 */

#pun-announcement .container {

  padding: 4.3em 1em 1em 1em;

  }



/* D7 Statistics

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



/* D7.1 */

#pun-stats .container {

  padding: 0.8em 1em

  }



/* D7.2 */

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

  float: left;

  clear: both;

  line-height: 150%;

  }



/* D7.3 */

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

  text-align: right;

  line-height: 150%;

  }



/* D7.4 */

li#onlinelist {

  margin-top: 1em;

  border-top-style: solid;

  border-top-width: 1px;

  float: left;

  width: 100%;

  line-height: 130%;

  }



/* D7.5 */

li#onlinelist div {

  border-top-style: solid;

  border-top-width: 1px;

  padding: 0.7em 0 0 0;

  }



/* D8 Quick Jump - About - Bottom Breadcrumbs

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



/* D8.1 */

#pun-qjump {

  margin: 0;

  border: none;

  width: 50%;

  position: relative;

  float: left;

  }



/* D8.2 */

#pun-qjump .container {

  border: none;

  background: transparent;

  padding: 0.8em 1em;

  }



/* D8.3 */

#pun-about {

  margin-top: 0;

  }



/* D8.4 */

#pun-about .container {

  border-top-style: none;

  text-align: right;

  line-height: 150%;

  padding: 0.8em 1em;

  }



/* D8.5 */

#pun-about p span {

  display:block;

  padding-left: 50%;

  }



/* D8.6 */

#pun-crumbs2 {

  font-weight: bold;

  overflow: hidden;

  margin-bottom: 0;

  border-bottom: none;

  }



/* D8.7 */

#pun-crumbs2 .container {

  border-bottom: none;

  padding: 0.8em 1em;

  font-size: 1.1em;

  }



/* D8.8 */

#pun-break4 {

  margin: -2px 1em;

  border-style: solid none;

  border-width: 1px 0;

  position: relative;

  height: 0;

  z-index: 1;

  }



/* D8.9 */

div.punbb-admin #pun-about .container {

  border-top-style: solid;

  border-top-width: 1px;

  }





/* D9 Help file

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



/* D9.1 */

#pun-help .formal .info-box h3.legend {

  border-bottom-style: none;

  border-bottom-width: 0px;

  padding-bottom: 0;

  margin-bottom: 0.8em;

  }



/* D9.2 */

#pun-help .formal .info-box h3.legend span {

  padding-bottom: 0.6em;

  display: block;

  border-bottom-style: none;

  border-bottom-width: 0px;

  font-size: 1.1em;

  }



/* D9.3 */

#pun-help .formal p, #pun-help .formal dd {

  margin-bottom: 1em

  }



/* D9.4 */

#pun-help .formal ul, #pun-help .formal dl {

  padding: 0 0 0 1em

  }



/* D9.5 */

#pun-help .formal li {

  padding: 0;

  line-height: 130%

  }



/* D9.6 */

#pun-help .formal li * {

  vertical-align: text-top

  }



/* D9.7 */

#pun-help .formal dt span {

  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace

  }



/* D9.8 */

#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {

  padding-bottom: 0;

  }


.table_new2 { padding: 0px;
background-color: rgba(255, 255, 255);
color: #625239;
width : 0px;
height: 0px;
position: absolute; 
z-index: 7;  
top: 95px; 
margin-left: 253px !important;
}

2е окно

Код:
/* CS1 Background and text colours
-------------------------------------------------------------
*/




#pun-title TABLE { 
background-image : url("http://s2.uploads.ru/542uq.png");
 background-position : top center;
background-repeat: no-repeat;
margin-left: 0px;
height: 460px; width: 898px; margin-left: -60px; margin-top: 0px;}

body {background-color: #050404;
background-image: url("");
background-repeat: repeat;
background-position : center;
background-attachment: fixed;

}

#pun {
background-image : url("http://s3.uploads.ru/YCgk8.png");
background-color: #cab8a0;
background-repeat: repeat;
background-position : center;
border-right: 20px solid #cab8a0; border-left: 20px solid #cab8a0; 

}

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

/* CS1.3 */
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div  {
  background-color: transparent;
  color: #000000;
  font-style: normal;

  }


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

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: transparent;
background-image: url("http://s2.uploads.ru/KqndD.png"); background-position: top center; background-repeat: repeat;
border-color: #797066;
color: #412118
}

/* CS1.8 */
#pun-navlinks .container, #pun-ulinks .container {
  background-color: transparent;
  color: #000000;
  text-align: center;
top: 290px;
left: 98px;
  }

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

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

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

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

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

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

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

/* CS2.5 */
.punbb th {
  border-color: none; border-style:none !important;
  }

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

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

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

.punbb .divider {
  border-color: none none none none; border-style:none !important;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 0px solid #603b28

  }

li.pa-online {
  border-left-color: none; border-style:none !important;
  }

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

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

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #1d1a15;
    border-bottom: 0px none #1d1a15;
  text-decoration: none;

  }

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

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
 color: #1d1a15;


  }

/* CS3.3 */
#pun-navlinks a {
 color: #1d1a15;
    border-bottom: 0px none #1d1a15;


  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #1d1a15;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #1d1a15;


  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #15294c;
  color: #15294c;
  }


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



/* CS4.1 Иконка старых сообщений*/
.punbb table Div.icon {float: left; 
display: block; 
border-style: none none none none;
margin-left: 5px;
margin-right: 5px;
width: 45px;
height: 45px;
background-image : url(http://s2.uploads.ru/UgFwt.png);
background-repeat: no-repeat;}

/* CS4.2 Иконка новых */
TR.inew Div.icon {
background-image : url(http://s2.uploads.ru/PDiW4.png);
background-repeat: no-repeat;
width: 45px;
height: 45px;}

/* CS4.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://s3.uploads.ru/Ajy2k.png);
background-repeat: no-repeat;
width: 45px;
height: 45px;}

/* CS4.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://s3.uploads.ru/El2vm.png);
background-repeat: no-repeat;
width: 45px;
height: 45px;}

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


.title-logo-tdr a img, .title-logo-tdr iframe, .title-logo-tdr object, #tieser-bottom{
  filter:alpha(opacity=40);
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
}
.title-logo-tdr a img:hover, .title-logo-tdr iframe:hover, .title-logo-tdr objec:hover, #tieser-bottom:hover{
filter:alpha(opacity=40);
opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}
/* CS5 футер
-------------------------------------------------------------*/
#pun-about p.container {background-image: url(http://s2.uploads.ru/ifRYK.png); background-position: top center; background-repeat: no-repeat; height: 242px; width: 898px; margin-left: -50px;}
div#html-footer {
margin: -120px 0px 0px 0px;}



#ex4 {
	width: auto;
	margin: 0 auto;
}
 
#ex4 img {
	margin: 20px;
	border: 4x solid #eee;
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
 
#ex4 img:hover {
	-webkit-transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
	-o-transform: rotate(-7deg);
}.pa-author {font-size: 11px; text-transform:uppercase!important;}

ВВЕРХ

Код:
<div class="table_new2"> <img src="http://s2.uploads.ru/kXcr9.gif" /></div>


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

<style> 
.title-logo-tdr a, .title-logo-tdr iframe, .title-logo-tdr object{
  position: relative;
  right: -220px;
  top: 80px;}
</style>


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


<style> #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 390px; top: 255px;
}
</style>
<style type="text/css">#pun .tcl { text-align: left;
  width: 50%;
  }</style>
<style type="text/css">
.lastedit {display:none}
</style>

<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>

<style>
#pun-title .title-logo { 
display : none; 
}
</style>
<div id="pircs2"><!-- std.v.1/0/profilaktika --><link rel="stylesheet" type="text/css" href="http://hostjs-mybb2011.narod.ru/css/profilaktika.css" /><div id="msg-n2">У Вас отключён javascript.<br>В данном режиме, отображение ресурса<br/>браузером не поддерживается <br/></div><div id="LogIn_Window" style="display:none"><center>Дорогие волчата, не разбегаемся! Мы закрылись всего на несколько часов, если быть точными, то до 1-2 часов дня по МСК, для некоторой реконструкции и обновлений. Надеемся, что в этот вечер, который пройдет без Диких Сердец, Вы не заскучаете.
<br>С любовью, Лидия, Эллисон и Хлоя *_* </center><br/><hr><br/><br/></div></div><!-- --><script type="text/javascript"> 
 
var ON_button=0; //Cвитч включения: 1 - включено!; 0 - выключено
var  moderDostyp_ON=0; //?Модер-доступ включён?: 1 - включен!; 0 - выключен
 
if(ON_button!=1||GroupID ==1||moderDostyp_ON*GroupID==2){
 $("style.#style_st,div.#pircs2").replaceWith("");}
  else {$("#msg-n2").replaceWith("");
 if(GroupID ==3) {$("#LogIn_Window").show();if(document.URL.indexOf("/login.php")==-1){
document.location.href = "../login.php"}else {
$(document).ready(function(){$("form#login").appendTo("#LogIn_Window");
$("#LogIn_Window").find("p.formsubmit a[href*='register.php']").text("");
var v=$("#LogIn_Window").find("p.formsubmit a[href*='action=forget']");
v.replaceWith("<span>Вход только для Администраторов</span>");});};}
else {document.location.href = "../login.php?action=out&id="+UserID};}
</script><!--end/profilaktika-->
<style type="text/css">
.pa-adnote{ text-align: center;}
.pa-from{ text-align: center;}
.pa-reg{ text-align: center;}
.pa-posts{ text-align: center;}
.pa-reputation{ text-align: center;}
.pa-sex{ text-align: center;}
.pa-icq{ text-align: center;}
.pa-ip{ text-align: center;}
.pa-online{ text-align: center;}
.pa-age{ text-align: center;}
.pa-mailagent{ text-align: center;}
.pa-reg { text-align: center;}
.pa-time-visit{ text-align: center;}
.pa-last-visit{ text-align: center;}
.pa-fld1{ text-align: center;}
.pa-fld2{ text-align: center;}
.pa-fld3{ text-align: center;}
.pa-fld4{ text-align: center;}
</style>
<style type="text/css">
.lastedit {display:none}
</style>
<style>
.punbb .post-sig dt {
  border-top-color: #000000 !important;
  }
</style>

НИЗ

Код:
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld1")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>


<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld2")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld3")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>

<script type="text/javascript">
$.getScript("http://lab.rusff.me/j/conf/i/" + BoardID + ".conf.js");
</script>

<div style="position:fixed; right
:0.5%; bottom: 45%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://s2.uploads.ru/Ucfjy.png" alt="Вверх страницы" ></a>
<br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="http://s2.uploads.ru/jkASz.png" alt="Вниз страницы" ></a>
</div>

<script type="text/javascript"><!--Своя картинка в каждую категорию -->
    $(document).ready(function(){

    myarray=new Array(
    "administration", "http://s2.uploads.ru/ckwGn.png",
    "welcome", "http://s3.uploads.ru/bugLO.png",
    "organization", "http://s2.uploads.ru/XfhgU.png",
    "Beacon Hills", "http://s2.uploads.ru/v1L2X.png",
    "flood & time", "http://s2.uploads.ru/x2V79.png",
    "advertising", "http://s3.uploads.ru/xRPYH.png",
    "archives", "http://s2.uploads.ru/xoKAW.png"
    )
           $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
    for(q=0;q<myarray.length;q++){

    var cssObj = {
       "height":"115px",
       "background-color": "transparent",
       "background-image":"url("+myarray[q+1]+")",
       "background-position":"50% 50%",
       "background-repeat":"no-repeat"
    }

            if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
            q++}
        });
    });
    </script>



<script>
<!--
indexof="<img src='http://s2.uploads.ru/YrlVX.png' />"
str = document.getElementById("navindex").innerHTML
pos = str.indexOf("Форум")
document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1)
--></script>
<script>
<!--
userof="<img src='http://s2.uploads.ru/kI6mX.png' />"
str = document.getElementById("navuserlist").innerHTML
if( (pos=str.indexOf("Участники")) != -1 )
document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1)
--></script>
<script>
<!--
findof="<img src='http://s2.uploads.ru/mwMGB.png' />"
str = document.getElementById("navsearch").innerHTML
pos = str.indexOf("Поиск")
document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1)
--></script>
<script>

<script>
<!--
pravilof="<img src='ССЫЛКА НА КАРТИНКУ' />"
str = document.getElementById("navrules").innerHTML
pos = str.indexOf("Правила")
document.getElementById("navrules").innerHTML=str.substring(0,pos)+pravilof+str.substring(pos+14,str.length-1)
-->
</script>

<script>
<!--
faseof="<img src='http://s3.uploads.ru/t/c2j0B.png' />"
str = document.getElementById("navprofile").innerHTML
pos = str.indexOf("Профиль")
document.getElementById
("navprofile").innerHTML=str.substring(0,pos)+faseof
+str.substring(pos+14,str.length-1)
-->
</script>
<script>
<!--
pismaof="<img src='http://s3.uploads.ru/5ORtj.png' />"
str = document.getElementById("navpm").innerHTML
pos = str.indexOf("Сообщения")
document.getElementById("navpm").innerHTML=str.substring
(0,pos)+pismaof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
godof="<img src='http://s3.uploads.ru/QH9IY.png' />"
str = document.getElementById("navadmin").innerHTML
pos = str.indexOf("Администрирование")
document.getElementById("navadmin").innerHTML=str.substring
(0,pos)+godof+str.substring(pos+17,str.length-1)
-->
</script>
<script>
<!--
valiof="<img src='http://s3.uploads.ru/h29qg.png' />"
str = document.getElementById("navlogout").innerHTML
pos = str.indexOf("Выход")
document.getElementById("navlogout").innerHTML=str.substring
(0,pos)+valiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
vxodiof="<img src='http://s3.uploads.ru/JDewT.png' />"
str = document.getElementById("navlogin").innerHTML
pos = str.indexOf("Войти")
document.getElementById("navlogin").innerHTML=str.substring
(0,pos)+vxodiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
regof="<img src='http://s3.uploads.ru/cDQ4w.png' />"
str = document.getElementById("navregister").innerHTML
pos = str.indexOf("Регистрация")
document.getElementById
("navregister").innerHTML=str.substring(0,pos)+regof
+str.substring(pos+18,str.length-1)
-->
</script>


<script type="text/javascript">
li=document.getElementsByTagName("li")
f=0
while(li[++f]){
s=li[f].innerHTML
if((p=s.indexOf("Новые сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s2.uploads.ru/SwFUr.png'>"+s.substring(p+15)
else if((p=s.indexOf("Активные темы")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s2.uploads.ru/m8kPs.png'>"+s.substring(p+13)
else if((p=s.indexOf("Темы без ответов")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s2.uploads.ru/nNQZC.png'>"+s.substring(p+21)
else if((p=s.indexOf("Мои сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s3.uploads.ru/zki6S.png'>"+s.substring(p+13)
else if((p=s.indexOf("Подписка")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s3.uploads.ru/iMThQ.png'>"+s.substring(p+8)
else if((p=s.indexOf("Все прочитано")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s3.uploads.ru/hrzaR.png'>"+s.substring(p+13)
}
</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>
   

 <style>.Myimge {position:absolute;margin-top: 3px;}</style> 
    <script type="text/javascript">
    PiarNik="teen wolf";
    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://s3.uploads.ru/txU5N.png\" onmouseover=\"this.src='http://s3.uploads.ru/txU5N.png' \" onmouseout=\"this.src='http://s3.uploads.ru/txU5N.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 to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>
<style>
.punbb .post-sig dt {
background:url("http://s1.uploads.ru/IWGJc.png");
height: 4px;width: 280px; border: none;
}
</style>

ОБЪЯВЛЕНИЕ

Код:
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tr>
    <td width="40%">
<br><b><center>МАСТЕРСКИЙ СОСТАВ</b>
<br><a href="http://wildwolf.rusff.me/profile.php?id=3"><img src="http://s3.uploads.ru/qQwa4.png"></a> <a href="http://wildwolf.rusff.me/profile.php?id=6"><img src="http://s3.uploads.ru/clrqI.png"></a> <a href="http://wildwolf.rusff.me/profile.php?id=47"><img src="http://s3.uploads.ru/bg3PA.png"></a> <a href="http://wildwolf.rusff.me/profile.php?id=32"><img src="http://s3.uploads.ru/mhH3i.png"></a> <a href="http://wildwolf.rusff.me/profile.php?id=33"><img src="http://s3.uploads.ru/6ECYr.png"></a></center>
<center><b><i>teen wolf ~ wild hearts</b></font> —  кто живет игрой и чувствами, чье сердце так же горячо и отчаянно, кто ценит мгновенье и его быстротечность, кому небезразлично — для Вас наши Дикие Сердца!</i><br>
<br><font size=3><font face="Book Antiqua"><b><i>WILD NEWS!</i></b></font></font></center>
<font size=2>✥</font><b> 20.10.</b> — у нас стартовал новый конкурс: <a href="http://wildwolf.rusff.me/viewtopic.php?id=193#p13759"><i>Не в своей шкуре</i></a>! ознакомится со всеми подробностями проведения, а так же записаться Вы можете в этой же теме.
<br><font size=2>✥</font><b> 29.10.</b> — дорогие волчата, мы вновь сменили одежку нашего проекта, на ещё более прекрасную, нежели была. И на этот раз свои огромные благодарности<br> мы выражаем чудеснейшему дизайнеру <b>констанция</b>! <img src="http://www.doodoo.ru/smiles/heart2/h244.gif"></img>
<br><font size=2>✥</font><b> 29.10.</b> — <a href="http://wildwolf.rusff.me/viewtopic.php?id=206#p14917"><b>ОПРОСНЫЙ ЛИСТ</b></a> - ознакомление/отпись в обязательном порядке!
<br><font size=2>✥</font> Ребятки, не забываем посетить столь халявно-шикарную тему, как <a href="http://wildwolf.rusff.me/viewtopic.php?id=165#p12625"><i>Беспроигрышная лотерея</i></a>! Там осталось совсем немного чисел, за которыми спрятаны настоящие подарки, дерзайте же, испытайте свою интуицию вкупе с удачей!)
<br><font size=2>✥</font> Многоуважаемые тинвульфные мужчины:  <b><i><font size=2><font face="Book Antiqua">ДЖЕКСОН УИТТМОР, КРИС АРДЖЕНТ</font></font></i></b>, дедуля <b><i><font size=2><font face="Book Antiqua">ДЖЕРАРД</font></font></i></b>, дядюшка <b><i><font size=2><font face="Book Antiqua">ПИТЕР</font></font></i></b> и его брутальный племянник <b><i><font size=2><font face="Book Antiqua">ДЕРЕК ХЕЙЛ</font></font></i></b>, а так же несравненный <b><i><font size=2><font face="Book Antiqua">АЙЗЕК ЛЕЙХИ</font></font></i></b> и сексуальный альфа всех альф <b><i><font size=2><font face="Book Antiqua"><a href="http://wildwolf.rusff.me/viewtopic.php?id=6#p7"><u>БЕНДЖАМИН УИНТЕР</u></a></font></font></i></b> мы всех<br> вас очень ждем на Диких Сердцах! Аконитовые пули и плетка с наручниками уже приготовлены. :З 

<br><br><b><center>БАННЕРЫ ПАРТНЕРОВ</center></b>
<marquee scrollamount="3" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=3" width="100%" height="70">
<a href="http://twbellumsanguinis.mybb.ru/" title="Teen Wolf. Война крови" target="blank"><img  alt="Teen Wolf" src="http://s1.uploads.ru/i/HFzJS.gif"></a>  <a href="http://charme.rusff.me/"><img src="http://s1.uploads.ru/i/4h8Iq.gif"></a>  <a href="http://twf.rusff.me/" target=_blank> <img src="http://i43.fastpic.ru/big/2012/0713/1b/d3b819146ca73a1df73adbee7063601b.gif"alt="Teen Wolf" width=88 height=31></a>  <a target="_blank" href="http://leeds.rusff.me"><img src="http://savepic.su/2369239m.png" ></a>  <a href="http://worldscollide.rusff.me/" target="_blank"><img src="http://s1.hostingkartinok.com/uploads/images/2012/10/8e7c6940c7eb8e6604bff70b0237ff43.gif
" width="88" height="31" border="0" alt="Новая ролевая, посвящённая знаменитому сериалу Дневники вампира"></a>  <a href="http://alarmme.ru/" title="Alarm with LA me" target=_blank> <img src="http://uploads.ru/i/c/j/Z/cjZiL.gif"></a" border="0" alt="LA me"></a>   <a href="http://dragony.rusff.me/" title="FRPG: DEAR AGONY" target="_blank"><img src="http://s1.uploads.ru/i/S9ayk.gif"></a>  <a href="http://mghosts.mybb.ru/" target="_blank"><img src="http://uploads.ru/i/H/v/u/Hvusn.gif" title="Misguided Ghosts"></a>  <a href="http://racket.rusff.me/" title="Любишь шуметь? Тогда тебе сюда." target=_blank> <img src="http://s1.uploads.ru/ueNf0.gif" border="0" alt="RACKET STEEP"></a>  <a href=http://tumultfeelings.rusff.me/><img src="http://savepic.su/1181254m.gif" border="0" alt="TVD: tumult feelings"width=88  height=31 border></a>  <a target="_blank" href="http://beteenwolf.rusff.me"><img src="http://funkyimg.com/u2/2052/893/532337bjklbl.gif"border="1" width="88" height="31"  ></a>  <a href="http://tvddyingtolive.rusff.me" target="_blank"><img src="http://25.media.tumblr.com/tumblr_matnt4b6Rx1r1r41go1_100.gif"
title="TVD: Dying to Live"></a>  <a href="http://ddays.rusff.me/" title="DANGER DAYS"><img src="http://s1.uploads.ru/P6khp.gif" border="0" /></a> <a href="http://surveillance.1bb.ru/"><img src="http://ipic.su/img/img5/tn/z_ddcb7ee6.1349900012.jpg" title="ZONE SURVEILLANCE 1BB"></a>
</marquee>

</div></td>

<td width="30%">

<br><b><center>НАШИ АКТИВИСТЫ</b>
<br><a href="http://wildwolf.rusff.me/profile.php?id=60"><img src="http://s2.uploads.ru/oqUaf.png"></a>
<a href="http://wildwolf.rusff.me/profile.php?id=32"><img src="http://s3.uploads.ru/U6pFS.png"></a>
<a href="http://wildwolf.rusff.me/profile.php?id=6"><img src="http://s3.uploads.ru/Izl4H.png"></a>
<a href="http://wildwolf.rusff.me/profile.php?id=62"><img src="http://s2.uploads.ru/b4k9R.png"></a>
<a href="http://wildwolf.rusff.me/profile.php?id=33"><img src="http://s3.uploads.ru/xj1VS.png "></a></center>
<br>
<br><b><center>ОЧЕРЕДНОСТЬ НАПИСАНИЯ ПОСТОВ</center></b> 
<a href="http://wildwolf.rusff.me/viewtopic.php?id=99">#8. ‛у тебя, кажется, кровь.</a> - Scott McCall; (!)
<br><a href="http://wildwolf.rusff.me/viewtopic.php?id=121">#9. ‛тебе стоит быть осторожнее.</a> —  Lillian Flatcher;
<br><a href="http://wildwolf.rusff.me/viewtopic.php?id=122">#10. ‛сколько мне это будет стоить?</a> — Diana Howl;
<br><a href="http://wildwolf.rusff.me/viewtopic.php?id=168">#16. ‛если друг, оказался вдруг.</a> — Elizabeth Farmer;
<br><a href="http://wildwolf.rusff.me/viewtopic.php?id=173">#17. ‛друг или враг?</a> — Esti Molligan;
<br><a href="http://wildwolf.rusff.me/viewtopic.php?id=180#p12947">#18. ‛у нас чуть большего общего, чем ты думаешь.</a> — Regina Ace;
<br><a href="http://wildwolf.rusff.me/viewtopic.php?id=183#p13255">#19. ‛бойся меня, бойся.</a> — Derek Hale;
<br><a href="http://wildwolf.rusff.me/viewtopic.php?id=203">#20. ‛новые знакомые, старые друзья.</a> — Alex Hoggart;
<br><a href="http://wildwolf.rusff.me/viewtopic.php?id=204"> #21. ‛а я смотрю, ты подготовилась.</a> — Jonathan Wayland;
<br><a href="http://wildwolf.rusff.me/viewtopic.php?id=214"> #22. 'очень приятно, альфа.</a> — Tamsyn Sharp;

<br><b><center>НАВИГАЦИЯ</b>
<br><a href="http://wildwolf.rusff.me/viewtopic.php?id=2">✥ сюжетная линия </a> <a href="http://wildwolf.rusff.me/viewtopic.php?id=3">✥ свод законов</a> <a href="http://wildwolf.rusff.me/viewtopic.php?id=4">✥ список персонажей</a> <a href="http://wildwolf.rusff.me/viewtopic.php?id=5">✥ занятые внешности</a> <a href="http://wildwolf.rusff.me/viewtopic.php?id=1#p1">✥ FAQ </a> <a href="http://wildwolf.rusff.me/viewforum.php?id=3">✥ хранилище акций</a> <a href="http://wildwolf.rusff.me/viewforum.php?id=4">✥ регистрационные шаблоны</a> <a href="http://wildwolf.rusff.me/viewtopic.php?id=7#p12493">✥ нужные персонажи ✥</a></center>
<br><center><b>ДЛЯ ЕЖЕДНЕВНЫХ ЛАСК  <img src="http://noid.su/tns/furhandcuffs.gif"></img><br><a href="http://top.roleplay.ru/18852" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> <a href="http://forum-top.ru/vote/1435" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru" /></a></b> </center>

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

<br><center><font size=3><font face="Palatino Linotype">ОЧЕРЕДНОЕ <a href="http://wildwolf.rusff.me/viewtopic.php?id=14#p14918"> <i><b>ОБЪЯВЛЕНИЕ ОТ АДМИНИСТРАЦИИ!</b></i></a></font></font><br>И важный <font size=3><font face="Palatino Linotype"><a href="http://wildwolf.rusff.me/viewtopic.php?id=206"><u>ОПРОСНЫЙ ЛИСТ</u></a>.</font></font></center>

0

6

Д Е Л А Ю   Д И З А Й Н Ы   Н А   З А К А З
Доброго  времени суток!
Меня зовут Алина. Мои ники эвердин, авиаль,  Sweet Dreams.  Дизайны делаю на ролевые разных тематик, кроме аниме и животные. Платформа mybb и партнеры. Я делаю дизайны на платной основе. Стоимость дизайна будет составлять от 200 до 300 рублей (зависит от сложности выполнения).  Также вы можете заказать у меня баннер, рекламу, логотип.  Сроки выполнения от 3 до 7 дней.

П Р А В И Л А
Если Вас что-то не устраивает в сделанном дизайне - исправляю до тех пор пока вам не понравится.
Я не беру предоплаты
Запрещено перепродавать мои дизайны!
Запрещено удалять мой копирайт снизу.

О П Л А Т А
Оплата переводится через яндекс деньги.
После выполнения дизайна я показываю вам принтскрин/тестовик, после оплата. Если дизайн будет не оплачен в течении 3 дней, то я выставляю его на продажу.
После оплаты дизайна, я вам присылаю коды от дизайна, или устанавливаю коды вам на форум.
Н О М Е Р   К О Ш Е Л Ь К А
webmoney
гривна - U383049050376
рубли - R400100505147
яндекс.деньги
410011608083022

К А К   С О   М Н О Й   С В Я З А Т Ь С Я ?

http://png-1.findicons.com/files/icons/727/leopard/16/skype.png - miss_alinаchka
http://youstatus.ru/i/status/32658icq.gif - 579381451
Чтобы заказать, вы должны заполнить следующий шаблон:

Ш А Б Л О Н

ШАБЛОН
Код:
[b]Адресс форума:[/b]
[b]Название форума:[/b]
[b]Тематика:[/b]
[b]Срок выполнения: [/b]
[b]Связь с вами:[/b]
[b]Примеры дизайнов:[/b]
[b]Цветовая гамма:[/b]
[b]Название категорий:[/b]
[b]Дополнительное[/b](нужны ли кнопка под баннеры, стрелочки вверх-вниз, таблица, реклама и т.д):
[b]Какие либо другие пожелания:[/b]

П О Р Т Ф О Л И О

ПОРТФОЛИО

http://s2.uploads.ru/t/VYfkS.png
http://s2.uploads.ru/t/9eE3t.png
http://s3.uploads.ru/t/4XSh0.png

0

7

сандиего

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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


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

/* A5.1 */
#pun {
margin: 0px auto auto auto;
width : 900px;
padding: 0px 0px 0px 0px;
border: none;
border-top: none;
}

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

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

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

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

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

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

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

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



#pun-main h2 {
padding-bottom: 0px;
font-weight: bold;
color:  #000000;
text-align: center;
font-size: 0px;
font-family: Trajan Pro;
height : 0px;}



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

B - MAIN CONTENT - GENERAL

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



/* B1 Parsed Content, Signatures and Scroll Boxes

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



/* B1.1 */

.punbb .post-content {

  padding: 0;

  margin: 0;

  width: 100%;

  overflow: hidden;

  }



/* B1.2 */

.punbb .post-sig dt {

  display: block;

  border-top: 0px none #6474ab;

  width: 250px;

  margin: 5px 0;

  }



/* B1.3 */

.punbb .post-content p {

  margin: 0;

  padding: 0 0 1em 0;

  line-height: 150%;

  }



/* B1.4 */

.punbb .post-content img {

  vertical-align: text-bottom

  }



/* B1.5 */

.punbb .post-content img.postimg {

  vertical-align: middle;

  }



/* B1.6 */

.punbb .post-content .blockcode, .punbb .post-content blockquote {

  width: 100%;

  overflow: hidden;

  }



/* B1.7 */

.punbb .post-content .scrollbox {

  width: 100%;

  overflow: auto;

  }



/* B1.8 */

.punbb .post-content .quote-box, .punbb .post-content .code-box {

  margin: 0.4em 1.8em 1.4em 1.8em;

  padding: 1em;

  border-style: none;

  border-width: 0px;

  }



/* B1.9 */

.punbb .quote-box cite, .punbb .code-box strong.legend {

  display: block;

  padding-bottom: 0.7em;

  font-size: 1.1em;

  font-weight: bold;

  font-style: normal;

  margin: 0;

  }



/* B2 Information boxes

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



/* B2.1 */

.punbb .info-box {

  padding: 1.1em 1.7em 1em 1.7em;

  border-style: none;

  border-width: 0px;

  margin: 0 0 1.1em 0;

  }



/* B2.2 */

.punbb .info-box * {

  padding: 0 0 0.7em 0;

  }



/* B2.3 */

.punbb #pun-main .info-box .legend {

  font-size: 1.1em;

  font-weight: bold;

  }





/* B3 Pagination and posting links

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



/* B3.1 */

.punbb .linkst {

  float: left;

  position: relative;

  width: 100%;

  font-size: 1.1em;

  height: 0;

  }



/* B3.2 */

.multipage {

  margin-top: 3em;

  }



/* B3.3 */

.linkst .pagelink {

  position: absolute;

  top: -4em;

  left: 1em;

  width: 24em;

  }



/* B3.4 */

.linkst .postlink {

  position: absolute;

  top: -4em;

  right: 1em;

  width: 16em;

  text-align: right;

  font-weight: bold;

  }



/* B3.5 */

.punbb .linksb {

  text-align: right;

  padding: 0.4em 1em 0.5em 1em;

  font-size: 1.1em;

  }



/* B3.6 */

.linksb .pagelink {

  float: left;

  width: 24em;

  text-align: left;

  }



/* B3.7 */

.linksb .postlink {

  float: right;

  width: 16em;

  font-weight: bold

  }



/* B3.8 */

.subscribelink {

  clear:both;

  padding-top: 0.3em;

  padding-bottom: 0.5em;

  }





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

C - MAIN CONTENT - SPECIFIC

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



/* C1 Form layout

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



/* C1.1 */

.punbb .formal .container {

  padding: 1.7em 2.3em 1.1em 2.3em;

  }



/* C1.2 */

.punbb .formsubmit {

  padding: 0 0 0 1.7em;

  margin: 1em 0 0 0;

  }



/* C1.3 */

.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {

  margin: 0 0.6em 0 0

  }



/* C1.4 */

.punbb fieldset {

  border-style: none;

  border-width: 0px;

  padding: 0 18px 0 18px;

  margin: 0 0 1em 0

  }



/* C1.5 */

.punbb fieldset legend {

  padding: 0;

  margin: 0 0 0 11px;

  font-size: 1.1em

  }



/* C1.6 */

.punbb fieldset legend span {

  padding: 0 5px;

  margin: 0 0 0 -15px;

  }



/* C1.7 */

.punbb fieldset fieldset {

  border-style: none;

  margin: 0;

  padding: 0 0 8px 0

  }



/* C1.8 */

.punbb .fs-box {

  padding: 1em 0 0.8em 0;

  }



/* C1.9 */

.punbb .fs-box p, .punbb .fs-box fieldset {

  padding: 0 0 0.8em 0

  }



/* C1.10 */

.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {

  float: left;

  margin-right: 1em;

  }



/* C1.11 */

.punbb .inline .infofield {

  clear:both

  }



/* C1.12 */

.punbb .datafield br {

  display: none

  }



/* C1.13 */

.punbb .required label, .punbb .datafield span.input {

  font-weight: bold

  }



/* C1.14 */

.punbb .datafield span.input a {

  font-weight: normal;

  }



/* C1.15 */

.punbb .areafield span.input, .punbb p.longinput span.input {

  display: block;

  padding: 0 12em 0 0;

  height: 100%; /* For IE */

  }



/* C1.16 */

.punbb textarea, .punbb .longinput input {

  width: 64%;

  margin: 0;

  }



/* C1.17 */

.punbb .hashelp {

  position: relative;

  }



/* C1.18 */

.punbb .helplinks {

  display: block;

  position: absolute;

  top: 1em;

  right: 0;

  font-weight: normal;

  width: 36%;

  }



/* c1.19 */

.punbb #profile .helplinks {

  top: 1.5em;

  }



/* C1.20 */

.punbb .helplinks span {

  display: block;

  padding-bottom: 0.2em;

  }



/* C1.21 */

#pun-post .formal .info-box li {

  padding-left: 4px;

  list-style-type: square;

  list-style-position: inside;

  line-height: 1.5;

  margin: 0;

  }





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

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

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

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

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

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

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

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

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

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

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

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

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

/* C2.14 */

.punbb td div.tclcon {
  margin-left: 41px;
}

.punbb div.icon {
  float: right;
  display: block;
  width: 70px;
  height: 60px;
  padding-right: 12px;
}

/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
    width: 70px;
    height: 70px;
margin-left: 25px;}

/* C3 Topics

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



/* C3.1 */

.punbb .post .container {

  border-style: none none none none;

  border-width: 0px;

  margin-top: -1px;

  padding-bottom: 1px;

  }



/* C3.2 */

.punbb .post h3 {

  border-style: none none none none;

  border-width: 0px;

  }



/* C3.3 */

.punbb .post h3 span {

  padding: 0.5em 1em;

  display: block;

  margin-left: 19em;

  border-left-style: none;

  border-left-width: 0px
  

  }



/* C3.4 */

.punbb .post h3 strong {

  float: right;

  width: 5em;

  text-align: right;

  font-weight: normal;
  padding-right: 30 px;

  }



/* C3.5 */

.punbb .post .post-author {

  float: left;

  width: 19em;

  margin-top: -1.5em;

  overflow: hidden;

  }



/* C3.6 */

.punbb .post .post-author ul, .punbb .post .post-author p {

  padding: 0 1em 1em 1em;

  line-height: 140%;

  text-align: left;

  }



/* C3.7 */

.pa-author {

  font-size: 1.1em;

  font-weight: bold;

  }



/* C3.8 */

.pa-author a {

  text-decoration: none

  }



/* C3.9 */

li.pa-title {

  padding-bottom: 0.4em;

  font-weight: bold;

  }





li.pa-online {

  line-height: 0.8em;

  border-left-style: solid;

  border-left-width: 0.7em;

  padding-left: 0.4em;

  margin-top: 0.7em;

  }



/* C3.11 */

.punbb .post-body {

  margin-left: 19em;

  border-left-style: none;

  border-left-width: 0px;

  padding: 0 0 1px 0;
  padding-right: 20px;

  }



/* C3.12 */

.punbb .post-box {

  padding: 1em;

  }



/*C3.13 */

.punbb fieldset .post-box {

  margin-bottom: 0.8em

  }



/* C3.14 */

.punbb .post-links {

  margin-left: 19em;

  border-left-style: solid;

  border-left-width: 1px;

  }



/* C3.15 */

.punbb .post-links ul {

  padding: 0 1em 0 0;

  height: 2em;

  line-height: 2em;

  margin-left: -19em;

  border-top-style: none;

  border-top-width: 0px;

  background: transparent;

  text-align: right;

  }



/* C3.16 */

.punbb .post-links li {

  display: inline;

  padding-left: 1em;

  }



/* C3.17 */

.pl-email, .pl-website {

  float: left;

  }



/* C3.18 */

.punbb .clearer {

  clear: both;

  height: 0;

  font-size: 0;

  }





/* C4 Moderator menu

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



/* C4.1 */

.punbb .modmenu .container {

  padding: 0.5em 1em;

  text-align: right;

  }



/* C4.2 */

.punbb .modmenu strong, .punbb .modmenu a {

  height: 1.8em;

  line-height: 1.8em;

  }



/* C4.3 */

.punbb .modmenu .container strong {

  float: left;

  }



/* C4.4 */

.punbb .modmenu input {

  margin-left: 1em;

  }





/* C5 Message boxes

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



/* C5.1 */

.punbb .info .container {

  padding: 0.8em 1em

  }



/* C5.2 */

.punbb .info .container .backlink {

  padding-top: 0.8em;

  }





/* C6 Profile

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



/* C6.1 */

#profile .container {

  padding-left: 18.6em;

  }



/* C6.2 */

#profilenav {

  float: left;

  width: 14em;

  margin-left: -16.3em;

  display: inline;

  }



/* C6.3 */

#profilenav li {

  padding-bottom: 0.8em;

  font-weight: bold;

  }



/* C6.4 */

#viewprofile ul, #profilenav ul {

  border-style: solid;

  border-width: 1px;

  padding: 1.5em 18px 0.8em 18px;

  margin: 0 0 1em 0;

  }



/* C6.5 */

#viewprofile h2, #profilenav h2 {

  background: transparent;

  border: none;

  padding: 0 0 0 0;

  margin: 0 14px -0.6em 14px;

  }



/* C6.6 */

#viewprofile h2 span, #profilenav h2 span {

  padding: 0 5px;

  position: relative;

  }



/* C6.7 */

#viewprofile li, #setmods dl {

  padding: 0 0 0 16em;

  margin-bottom: 0.2em;

  }



/* C6.8 */

#viewprofile li span {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.5em 1em;

  font-weight: bold;

  }



/*C6.9 */

#setmods dt {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.8em 1em;

  font-weight: bold;

  display: inline;

  }



/* C6.10 */

#viewprofile li strong, #viewprofile li div, #setmods dd {

  display: block;

  padding: 0.5em 1em;

  font-weight: normal;

  }



/* C6.11 */

.punbb img.avatardemo {

  float: right;

  margin: 0 0 0.8em 1.8em

  }





/* C7 User list

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



/* C7.1 */

#pun-userlist .formal, #pun-userlist .formal .container {

  border-bottom: none;

  margin-bottom: 0;

  }



/* C7.2 */

#pun-userlist .usertable .container {

  padding: 0 2.3em 2.3em 2.3em;

  border-top: none;

  }



/* C7.3 */

#pun-userlist .usertable table {

  border-style: solid;

  border-width: 1px;

  }





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

D - PUNBB SECTIONS OTHER THAN MAIN CONTENT

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



/* D1 Logo and description

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



/* D1.1 */

#pun-title {

  margin: 0;

  border-style: none none none none;

  border-width: 0px 0px 0 0px;


  }



/* D1.2 */

#pun-title h1 {

  display : block;

  height : 40px;

  padding: 2em 1em 0 1em;

  }



/* D1.3 */

#pun-title .container {

  border-style: none none none none;

  }



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

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



/* D2 Page navigation

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

/* D2.1 */

#pun-pagelinks {

  position: absolute;

  top: -15px;

  left: 0;

  margin: 0;

  border: none;

  padding: 0;

  width: 100%;

  }



/* D2.2 */

#pun-pagelinks .container {

  background: transparent;

  border: none;

  padding: 0}



/* D2.3 */

#pun-pagelinks .container li {

  display: inline

  }



/* D2.4 */

#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {

  height: 2em;

  line-height: 2em;

  padding: 0;

  font-size: 1.2em;

  margin-left: -9999px;

  display: block;

  float:left;

  width: 100%;

  }



/* D2.5 */

#pun-pagelinks a:active, #pun-pagelinks a:focus {

  position:relative;

  margin: 0;
}



#pun-pagelinks li a span {

  display:block;

  margin: 0 1em

  }



/* D3 Forum navigation

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



/* D3.1 */

#pun-navlinks, #pun-navlinks .container {

  border-style: none;

  border-width: 0;

  margin: 0;
  text-align: center;
  }



/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
margin-top : -15px;
  font-size: 12px;
  text-transform: uppercase;
  }



/* D.3 */

#pun-navlinks li {

  display: inline;

  padding-right: 1em;

  }



/* D3.4 */

#pun-navlinks li a {

  font-size: 1.1em;

  }



/* D4 User links

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



/* D4.1 */

#pun-ulinks  {

  margin-top: 0;
  text-align: center;

  }


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


/* D4.3 */

#pun-ulinks li, #pun-ulinks li a {

  display: inline;

  border-left-style: solid;

  border-left-width: 1px;

  white-space: nowrap;

  }



/* D4.4 */

#pun-ulinks li a {

  padding: 0 0.3em 0 0.6em

  }



/* D4.5 */

#pun-ulinks li.item1, #pun-ulinks li.item1 a {

  border-left-style: none;

  border-left-width: 0;

  padding-left: 0

  }



/* D5 Welcome box and Top Breadcrumbs

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



/* D5.1 */

#pun-status, #pun-status .container {

  border-bottom: none;

  margin-bottom: 0;
  width: 890px;

  }



/* D5.2 */

#pun-status .container {

  padding: 0.8em 1em 1em 1em;
   width: 890px;

  }



/* D5.3 */

#pun-status span {

  white-space: nowrap;

  margin-right: 0.5em;

  }



/* D5.4 */

#pun-crumbs1 {

  font-weight: bold;

  overflow: hidden;

  margin-top: 0;

  }



/* D5.5 */

#pun-crumbs1 p.container {

  border-top: none;

  padding: 1em 1em 0.8em 1em;

  font-size: 1.1em;
  margin-right: 35px;
  }



/* D5.6 */

#pun-break1 {

  margin: 0 1em;

  border-style: solid none;

  border-width: 1px 0;

  height: 0;

  margin: -2px 1em;

  position: relative;

  z-index: 1;

  }



/* D6 Announcement

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



/* D6.1 */

#pun-announcement h2 {

  padding: 0;

  margin: 0 1em -3.5em 1em;

  border-style: none none solid none;

  border-width: 0 0 1px 0;

  position: relative;

  font-weight: bold;

  }



/* D6.2 */

#pun-announcement h2 span {

  display: block;

  padding: 1em 0 0.8em 0;

  border-bottom-style: solid;

  border-bottom-width: 1px;

  }



/* D6.3 */

#pun-announcement .container {

  padding: 4.3em 1em 1em 1em;

  }



/* D7 Statistics

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



/* D7.1 */

#pun-stats .container {

  padding: 0.8em 1em

  }



/* D7.2 */

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

  float: left;

  clear: both;

  line-height: 150%;

  }



/* D7.3 */

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

  text-align: right;

  line-height: 150%;

  }



/* D7.4 */

li#onlinelist {

  margin-top: 1em;

  border-top-style: solid;

  border-top-width: 1px;

  float: left;

  width: 100%;

  line-height: 130%;

  }



/* D7.5 */

li#onlinelist div {

  border-top-style: solid;

  border-top-width: 1px;

  padding: 0.7em 0 0 0;

  }



/* D8 Quick Jump - About - Bottom Breadcrumbs

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



/* D8.1 */

#pun-qjump {

  margin: 0;

  border: none;

  width: 50%;

  position: relative;

  float: left;

  }



/* D8.2 */

#pun-qjump .container {

  border: none;

  background: transparent;

  padding: 0.8em 1em;

  }



/* D8.3 */

#pun-about {

  margin-top: 0;

  }



/* D8.4 */

#pun-about .container {

  border-top-style: none;

  text-align: right;

  line-height: 150%;

  padding: 0.8em 1em;

  }



/* D8.5 */

#pun-about p span {

  display:block;

  padding-left: 50%;

  }



/* D8.6 */

#pun-crumbs2 {

  font-weight: bold;

  overflow: hidden;

  margin-bottom: 0;

  border-bottom: none;

  }



/* D8.7 */

#pun-crumbs2 .container {

  border-bottom: none;

  padding: 0.8em 1em;

  font-size: 1.1em;

  }



/* D8.8 */

#pun-break4 {

  margin: -2px 1em;

  border-style: solid none;

  border-width: 1px 0;

  position: relative;

  height: 0;

  z-index: 1;

  }



/* D8.9 */

div.punbb-admin #pun-about .container {

  border-top-style: solid;

  border-top-width: 1px;

  }





/* D9 Help file

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



/* D9.1 */

#pun-help .formal .info-box h3.legend {

  border-bottom-style: none;

  border-bottom-width: 0px;

  padding-bottom: 0;

  margin-bottom: 0.8em;

  }



/* D9.2 */

#pun-help .formal .info-box h3.legend span {

  padding-bottom: 0.6em;

  display: block;

  border-bottom-style: none;

  border-bottom-width: 0px;

  f

Код:
/* CS1 Background and text colours
-------------------------------------------------------------
*/


#pun-title TABLE { 
background : transparent url("http://s2.uploads.ru/Yotrd.png") no-repeat left top; 
margin-left : -13px;
  height: 350px;
  width: 900px;

}

body {background-color: #1a120e;
background-image : url("http://s2.uploads.ru/rNz5U.png");
background-repeat: repeat;
background-position : top center;
background-attachment : no-fixed;

}

#pun {
background-image : url("http://s2.uploads.ru/lAwOy.png");
background-color: #e1cfbc;
background-repeat: repeat;
background-position : center;
background-attachment : no-fixed;


}

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

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

/* CS1.3 */
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div  {
  background-color: transparent;
  color: #1d1410;
  font-weight: bold;
  font-style: normal;
  }


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

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

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

/* CS1.7 */
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: transparent;
border-radius:17px;
-webkit-border-radius:17px;
-khtml-border-radius:17px;
-moz-border-radius:17px;
-o-border-radius:17px;
box-shadow: 0px 5px 22px #2f1b06;
-webkit-box-shadow:0px 5px 22px #2f1b06;
-khtml-box-shadow:0px 5px 22px #2f1b06;
-moz-box-shadow:0px 5px 22px #2f1b06;
}
color: #535254

/* CS1.8 */
#pun-navlinks .container, #pun-ulinks .container {
  background-color: transparent;
  color: #d5bca1;
  text-align: center;
  }

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #d5bca1;
  color: #1d1410;
}

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

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

  }

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

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

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

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

  }

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

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

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

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

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

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

  }

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

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


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

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #432810;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

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

  }

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

  }

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

  }

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

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

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


div.icon {border-color: #7e5b40 #5E3B20 #4E2B10 #5E3B20}
tr.iredirect div.icon {border-color: #7e5b40 #7e5b40 #7e5b40 #7e5b40}
div.inew {border-color: #7e5b40 #5E3B20 #4E2B10 #5E3B20}

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


.punbb table Div.icon {float: left; display: block; border-style: none none none none; margin-left: 5px;margin-right: 5px;
width: 50px;
height: 50px;
background-image : url("http://s2.uploads.ru/rXKEG.png");
background-repeat: no-repeat;
}

TR.inew Div.icon {
background-image : url("http://s3.uploads.ru/NapQI.png");
background-repeat: no-repeat;
width: 50px;
height: 50px;
}

TR.isticky Div.icon {
background-image : url(http://s2.uploads.ru/dKkDA.png);
background-repeat: no-repeat;
width: 50px;
height: 50px;
}

TR.iclosed Div.icon {
background-image : url("http://s3.uploads.ru/p9mV8.png");
background-repeat: no-repeat;
width: 50px;
height: 50px;
}

#pun-category1.category h2 {
background: url("http://s3.uploads.ru/ctMlJ.png") no-repeat top center;
height: 51px;
margin-left : 0px;
border-style: none;
font-size:0 !important;}

#pun-category2.category h2 {
background: url(http://s2.uploads.ru/uoQj7.png) no-repeat top center;
height: 51px;
margin-left : 0px;
border-style: none;
font-size:0 !important;}

#pun-category3.category h2 {
background: url(http://s2.uploads.ru/A9sD4.png) no-repeat top center;
height: 51px;
margin-left : 0px;
border-style: none;
font-size:0 !important;}

#pun-category4.category h2 {
background: url(http://s2.uploads.ru/0Cozk.png) no-repeat top center;
height: 51px;
margin-left : 0px;
border-style: none;
font-size:0 !important;}

#pun-category5.category h2 {
background: url(http://s2.uploads.ru/XLPhR.png) no-repeat top center;
height: 51px;
margin-left : 0px;
border-style: none;
font-size:0 !important;}

#pun-category6.category h2 {
background: url(http://s2.uploads.ru/7c2vK.png) no-repeat top center;
height: 51px;
margin-left : 0px;
border-style: none;
font-size:0 !important;}

#pun-category7.category h2 {
background: url(http://s2.uploads.ru/bm57l.png) no-repeat top center;
height: 51px;
margin-left : 0px;
border-style: none;
font-size:0 !important;}

.lastedit {display: none;}
}

0

8

1 окно, диз гп

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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


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

/* A5.1 */
#pun {
margin: 0px auto auto auto;
width : 1066px;
padding: 0px 0px 0px 0px;
border: none;
border-top: none;
}

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

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

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

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

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

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

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

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



#pun-main h2 {
padding-bottom: 0px;
font-weight: bold;
color:  #000000;
text-align: center;
font-size: 0px;
font-family: Trajan Pro;
height : 0px;}
/*********************************/*************************************************************

B - MAIN CONTENT - GENERAL

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



/* B1 Parsed Content, Signatures and Scroll Boxes

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



/* B1.1 */

.punbb .post-content {

  padding: 0;

  margin: 0;

  width: 100%;

  overflow: hidden;

  }



/* B1.2 */

.punbb .post-sig dt {

  display: block;

  border-top: 0px none #6474ab;

  width: 250px;

  margin: 5px 0;

  }



/* B1.3 */

.punbb .post-content p {

  margin: 0;

  padding: 0 0 1em 0;

  line-height: 150%;

  }



/* B1.4 */

.punbb .post-content img {

  vertical-align: text-bottom

  }



/* B1.5 */

.punbb .post-content img.postimg {

  vertical-align: middle;

  }



/* B1.6 */

.punbb .post-content .blockcode, .punbb .post-content blockquote {

  width: 100%;

  overflow: hidden;

  }



/* B1.7 */

.punbb .post-content .scrollbox {

  width: 100%;

  overflow: auto;

  }



/* B1.8 */

.punbb .post-content .quote-box, .punbb .post-content .code-box {

  margin: 0.4em 1.8em 1.4em 1.8em;

  padding: 1em;

  border-style: none;

  border-width: 0px;

  }



/* B1.9 */

.punbb .quote-box cite, .punbb .code-box strong.legend {

  display: block;

  padding-bottom: 0.7em;

  font-size: 1.1em;

  font-weight: bold;

  font-style: normal;

  margin: 0;

  }



/* B2 Information boxes

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



/* B2.1 */

.punbb .info-box {

  padding: 1.1em 1.7em 1em 1.7em;

  border-style: none;

  border-width: 0px;

  margin: 0 0 1.1em 0;

  }



/* B2.2 */

.punbb .info-box * {

  padding: 0 0 0.7em 0;

  }



/* B2.3 */

.punbb #pun-main .info-box .legend {

  font-size: 1.1em;

  font-weight: bold;

  }





/* B3 Pagination and posting links

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



/* B3.1 */

.punbb .linkst {

  float: left;

  position: relative;

  width: 100%;

  font-size: 1.1em;

  height: 0;

  }



/* B3.2 */

.multipage {

  margin-top: 3em;

  }



/* B3.3 */

.linkst .pagelink {

  position: absolute;

  top: -4em;

  left: 1em;

  width: 24em;

  }



/* B3.4 */

.linkst .postlink {

  position: absolute;

  top: -4em;

  right: 1em;

  width: 16em;

  text-align: right;

  font-weight: bold;

  }



/* B3.5 */

.punbb .linksb {

  text-align: right;

  padding: 0.4em 1em 0.5em 1em;

  font-size: 1.1em;

  }



/* B3.6 */

.linksb .pagelink {

  float: left;

  width: 24em;

  text-align: left;

  }



/* B3.7 */

.linksb .postlink {

  float: right;

  width: 16em;

  font-weight: bold

  }



/* B3.8 */

.subscribelink {

  clear:both;

  padding-top: 0.3em;

  padding-bottom: 0.5em;

  }





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

C - MAIN CONTENT - SPECIFIC

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



/* C1 Form layout

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



/* C1.1 */

.punbb .formal .container {

  padding: 1.7em 2.3em 1.1em 2.3em;

  }



/* C1.2 */

.punbb .formsubmit {

  padding: 0 0 0 1.7em;

  margin: 1em 0 0 0;

  }



/* C1.3 */

.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {

  margin: 0 0.6em 0 0

  }



/* C1.4 */

.punbb fieldset {

  border-style: none;

  border-width: 0px;

  padding: 0 18px 0 18px;

  margin: 0 0 1em 0

  }



/* C1.5 */

.punbb fieldset legend {

  padding: 0;

  margin: 0 0 0 11px;

  font-size: 1.1em

  }



/* C1.6 */

.punbb fieldset legend span {

  padding: 0 5px;

  margin: 0 0 0 -15px;

  }



/* C1.7 */

.punbb fieldset fieldset {

  border-style: none;

  margin: 0;

  padding: 0 0 8px 0

  }



/* C1.8 */

.punbb .fs-box {

  padding: 1em 0 0.8em 0;

  }



/* C1.9 */

.punbb .fs-box p, .punbb .fs-box fieldset {

  padding: 0 0 0.8em 0

  }



/* C1.10 */

.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {

  float: left;

  margin-right: 1em;

  }



/* C1.11 */

.punbb .inline .infofield {

  clear:both

  }



/* C1.12 */

.punbb .datafield br {

  display: none

  }



/* C1.13 */

.punbb .required label, .punbb .datafield span.input {

  font-weight: bold

  }



/* C1.14 */

.punbb .datafield span.input a {

  font-weight: normal;

  }



/* C1.15 */

.punbb .areafield span.input, .punbb p.longinput span.input {

  display: block;

  padding: 0 12em 0 0;

  height: 100%; /* For IE */

  }



/* C1.16 */

.punbb textarea, .punbb .longinput input {

  width: 64%;

  margin: 0;

  }



/* C1.17 */

.punbb .hashelp {

  position: relative;

  }



/* C1.18 */

.punbb .helplinks {

  display: block;

  position: absolute;

  top: 1em;

  right: 0;

  font-weight: normal;

  width: 36%;

  }



/* c1.19 */

.punbb #profile .helplinks {

  top: 1.5em;

  }



/* C1.20 */

.punbb .helplinks span {

  display: block;

  padding-bottom: 0.2em;

  }



/* C1.21 */

#pun-post .formal .info-box li {

  padding-left: 4px;

  list-style-type: square;

  list-style-position: inside;

  line-height: 1.5;

  margin: 0;

  }





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

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

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

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

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

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

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

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

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

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

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

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

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

/* C2.14 */

.punbb td div.tclcon {
  margin-left: 41px;
}

.punbb div.icon {
  float: right;
  display: block;
  width: 70px;
  height: 60px;
  padding-right: 12px;
}

/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
    width: 70px;
    height: 70px;
margin-left: 25px;}

/* C3 Topics

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



/* C3.1 */

.punbb .post .container {

  border-style: none none none none;

  border-width: 0px;

  margin-top: -1px;

  padding-bottom: 1px;

  }



/* C3.2 */

.punbb .post h3 {

  border-style: none none none none;

  border-width: 0px;

  }



/* C3.3 */

.punbb .post h3 span {

  padding: 0.5em 1em;

  display: block;

  margin-left: 19em;

  border-left-style: none;

  border-left-width: 0px
  

  }



/* C3.4 */

.punbb .post h3 strong {

  float: right;

  width: 5em;

  text-align: right;

  font-weight: normal;
  padding-right: 30 px;

  }



/* C3.5 */

.punbb .post .post-author {

  float: left;

  width: 19em;

  margin-top: -1.5em;

  overflow: hidden;

  }



/* C3.6 */

.punbb .post .post-author ul, .punbb .post .post-author p {

  padding: 0 1em 1em 1em;

  line-height: 140%;

  text-align: left;

  }



/* C3.7 */

.pa-author {

  font-size: 1.1em;

  font-weight: bold;

  }



/* C3.8 */

.pa-author a {

  text-decoration: none

  }



/* C3.9 */

li.pa-title {

  padding-bottom: 0.4em;

  font-weight: bold;

  }





li.pa-online {

  line-height: 0.8em;

  border-left-style: solid;

  border-left-width: 0.7em;

  padding-left: 0.4em;

  margin-top: 0.7em;

  }



/* C3.11 */

.punbb .post-body {

  margin-left: 19em;

  border-left-style: none;

  border-left-width: 0px;

  padding: 0 0 1px 0;
  padding-right: 20px;

  }



/* C3.12 */

.punbb .post-box {

  padding: 1em;

  }



/*C3.13 */

.punbb fieldset .post-box {

  margin-bottom: 0.8em

  }



/* C3.14 */

.punbb .post-links {

  margin-left: 19em;

  border-left-style: solid;

  border-left-width: 1px;

  }



/* C3.15 */

.punbb .post-links ul {

  padding: 0 1em 0 0;

  height: 2em;

  line-height: 2em;

  margin-left: -19em;

  border-top-style: none;

  border-top-width: 0px;

  background: transparent;

  text-align: right;

  }



/* C3.16 */

.punbb .post-links li {

  display: inline;

  padding-left: 1em;

  }



/* C3.17 */

.pl-email, .pl-website {

  float: left;

  }



/* C3.18 */

.punbb .clearer {

  clear: both;

  height: 0;

  font-size: 0;

  }





/* C4 Moderator menu

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



/* C4.1 */

.punbb .modmenu .container {

  padding: 0.5em 1em;

  text-align: right;

  }



/* C4.2 */

.punbb .modmenu strong, .punbb .modmenu a {

  height: 1.8em;

  line-height: 1.8em;

  }



/* C4.3 */

.punbb .modmenu .container strong {

  float: left;

  }



/* C4.4 */

.punbb .modmenu input {

  margin-left: 1em;

  }





/* C5 Message boxes

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



/* C5.1 */

.punbb .info .container {

  padding: 0.8em 1em

  }



/* C5.2 */

.punbb .info .container .backlink {

  padding-top: 0.8em;

  }





/* C6 Profile

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



/* C6.1 */

#profile .container {

  padding-left: 18.6em;

  }



/* C6.2 */

#profilenav {

  float: left;

  width: 14em;

  margin-left: -16.3em;

  display: inline;

  }



/* C6.3 */

#profilenav li {

  padding-bottom: 0.8em;

  font-weight: bold;

  }



/* C6.4 */

#viewprofile ul, #profilenav ul {

  border-style: solid;

  border-width: 1px;

  padding: 1.5em 18px 0.8em 18px;

  margin: 0 0 1em 0;

  }



/* C6.5 */

#viewprofile h2, #profilenav h2 {

  background: transparent;

  border: none;

  padding: 0 0 0 0;

  margin: 0 14px -0.6em 14px;

  }



/* C6.6 */

#viewprofile h2 span, #profilenav h2 span {

  padding: 0 5px;

  position: relative;

  }



/* C6.7 */

#viewprofile li, #setmods dl {

  padding: 0 0 0 16em;

  margin-bottom: 0.2em;

  }



/* C6.8 */

#viewprofile li span {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.5em 1em;

  font-weight: bold;

  }



/*C6.9 */

#setmods dt {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.8em 1em;

  font-weight: bold;

  display: inline;

  }



/* C6.10 */

#viewprofile li strong, #viewprofile li div, #setmods dd {

  display: block;

  padding: 0.5em 1em;

  font-weight: normal;

  }



/* C6.11 */

.punbb img.avatardemo {

  float: right;

  margin: 0 0 0.8em 1.8em

  }





/* C7 User list

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



/* C7.1 */

#pun-userlist .formal, #pun-userlist .formal .container {

  border-bottom: none;

  margin-bottom: 0;

  }



/* C7.2 */

#pun-userlist .usertable .container {

  padding: 0 2.3em 2.3em 2.3em;

  border-top: none;

  }



/* C7.3 */

#pun-userlist .usertable table {

  border-style: solid;

  border-width: 1px;

  }





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

D - PUNBB SECTIONS OTHER THAN MAIN CONTENT

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



/* D1 Logo and description

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



/* D1.1 */

#pun-title {

  margin: 0;

  border-style: none none none none;

  border-width: 0px 0px 0 0px;


  }



/* D1.2 */

#pun-title h1 {

  display : block;

  height : 40px;

  padding: 2em 1em 0 1em;

  }



/* D1.3 */

#pun-title .container {

  border-style: none none none none;

  }



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

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



/* D2 Page navigation

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

/* D2.1 */

#pun-pagelinks {

  position: absolute;

  top: -15px;

  left: 0;

  margin: 0;

  border: none;

  padding: 0;

  width: 100%;

  }



/* D2.2 */

#pun-pagelinks .container {

  background: transparent;

  border: none;

  padding: 0}



/* D2.3 */

#pun-pagelinks .container li {

  display: inline

  }



/* D2.4 */

#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {

  height: 2em;

  line-height: 2em;

  padding: 0;

  font-size: 1.2em;

  margin-left: -9999px;

  display: block;

  float:left;

  width: 100%;

  }



/* D2.5 */

#pun-pagelinks a:active, #pun-pagelinks a:focus {

  position:relative;

  margin: 0;
}



#pun-pagelinks li a span {

  display:block;

  margin: 0 1em

  }



/* D3 Forum navigation

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



/* D3.1 */

#pun-navlinks, #pun-navlinks .container {

  border-style: none;

  border-width: 0;

  margin: 0;
  text-align: center;
  }



/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
margin-top : 0px;
  font-size: 12px;
  text-transform: uppercase;
  }



/* D.3 */

#pun-navlinks li {

  display: inline;

  padding-right: 1em;

  }



/* D3.4 */

#pun-navlinks li a {

  font-size: 1.1em;

  }



/* D4 User links

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



/* D4.1 */

#pun-ulinks  {

  margin-top: 0;
  text-align: center;

  }


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


/* D4.3 */

#pun-ulinks li, #pun-ulinks li a {

  display: inline;

  border-left-style: solid;

  border-left-width: 1px;

  white-space: nowrap;

  }



/* D4.4 */

#pun-ulinks li a {

  padding: 0 0.3em 0 0.6em

  }



/* D4.5 */

#pun-ulinks li.item1, #pun-ulinks li.item1 a {

  border-left-style: none;

  border-left-width: 0;

  padding-left: 0

  }



/* D5 Welcome box and Top Breadcrumbs

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



/* D5.1 */

#pun-status, #pun-status .container {

  border-bottom: none;

  margin-bottom: 0;
  width: 890px;

  }



/* D5.2 */

#pun-status .container {

  padding: 0.8em 1em 1em 1em;
   width: 890px;

  }



/* D5.3 */

#pun-status span {

  white-space: nowrap;

  margin-right: 0.5em;

  }



/* D5.4 */

#pun-crumbs1 {

  font-weight: bold;

  overflow: hidden;

  margin-top: 0;

  }



/* D5.5 */

#pun-crumbs1 p.container {

  border-top: none;

  padding: 1em 1em 0.8em 1em;

  font-size: 1.1em;
  margin-right: 35px;
  }



/* D5.6 */

#pun-break1 {

  margin: 0 1em;

  border-style: solid none;

  border-width: 1px 0;

  height: 0;

  margin: -2px 1em;

  position: relative;

  z-index: 1;

  }



/* D6 Announcement

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



/* D6.1 */

#pun-announcement h2 {

  padding: 0;

  margin: 0 1em -3.5em 1em;

  border-style: none none solid none;

  border-width: 0 0 1px 0;

  position: relative;

  font-weight: bold;

  }



/* D6.2 */

#pun-announcement h2 span {

  display: block;

  padding: 1em 0 0.8em 0;

  border-bottom-style: solid;

  border-bottom-width: 1px;

  }



/* D6.3 */

#pun-announcement .container {

  padding: 4.3em 1em 1em 1em;

  }



/* D7 Statistics

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



/* D7.1 */

#pun-stats .container {

  padding: 0.8em 1em

  }



/* D7.2 */

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

  float: left;

  clear: both;

  line-height: 150%;

  }



/* D7.3 */

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

  text-align: right;

  line-height: 150%;

  }



/* D7.4 */

li#onlinelist {

  margin-top: 1em;

  border-top-style: solid;

  border-top-width: 1px;

  float: left;

  width: 100%;

  line-height: 130%;

  }



/* D7.5 */

li#onlinelist div {

  border-top-style: solid;

  border-top-width: 1px;

  padding: 0.7em 0 0 0;

  }



/* D8 Quick Jump - About - Bottom Breadcrumbs

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



/* D8.1 */

#pun-qjump {

  margin: 0;

  border: none;

  width: 50%;

  position: relative;

  float: left;

  }



/* D8.2 */

#pun-qjump .container {

  border: none;

  background: transparent;

  padding: 0.8em 1em;

  }



/* D8.3 */

#pun-about {

  margin-top: 0;

  }



/* D8.4 */

#pun-about .container {

  border-top-style: none;

  text-align: right;

  line-height: 150%;

  padding: 0.8em 1em;

  }



/* D8.5 */

#pun-about p span {

  display:block;

  padding-left: 50%;

  }



/* D8.6 */

#pun-crumbs2 {

  font-weight: bold;

  overflow: hidden;

  margin-bottom: 0;

  border-bottom: none;

  }



/* D8.7 */

#pun-crumbs2 .container {

  border-bottom: none;

  padding: 0.8em 1em;

  font-size: 1.1em;

  }



/* D8.8 */

#pun-break4 {

  margin: -2px 1em;

  border-style: solid none;

  border-width: 1px 0;

  position: relat;

2е окно

Код:
/* CS1 Background and text colours
-------------------------------------------------------------
*/



#pun-title TABLE { 
background : transparent url("http://s3.uploads.ru/tzjGN.png") no-repeat left top; 
margin-left : -150px;
  height: 386px;
  width: 1066px;

}

body {
background-color: #150505;
background-repeat: repeat;
background-position : top center;
background-attachment : no-fixed;

}

#pun {
background-image : url("http://s2.uploads.ru/yDvHf.png");
background-color: #bfd6f1;
background-repeat: repeat;
background-position : center;
background-attachment : no-fixed;

}

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

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

/* CS1.3 */
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div  {
  background-color: transparent;
  color: #1d1410;
  font-weight: bold;
  font-style: normal;
  }


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

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
 background-color: #bb9b78;
  color: #1d1410;
  }

/* CS1.8 */
#pun-navlinks .container, #pun-ulinks .container {
  background-color: transparent;
  color: #d5bca1;
  text-align: center;
  }

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #d5bca1;
  color: #1d1410;
}

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

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

  }

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

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

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

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

  }

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

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

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

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

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

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

  }

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

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


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

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #432810;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

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

  }

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

  }

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

  }

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

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

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

div.icon {border-color: #7e5b40 #5E3B20 #4E2B10 #5E3B20}
tr.iredirect div.icon {border-color: #7e5b40 #7e5b40 #7e5b40 #7e5b40}
div.inew {border-color: #7e5b40 #5E3B20 #4E2B10 #5E3B20}

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


.punbb table Div.icon {float: left; display: block; border-style: none none none none; margin-left: 5px;margin-right: 5px;
width: 47px;
height: 47px;
background-image : url(http://s1.uploads.ru/i/uhCpw.png);
background-repeat: no-repeat;
}

TR.inew Div.icon {
background-image : url(http://s1.uploads.ru/i/fP09y.png);
background-repeat: no-repeat;
width: 47px;
height: 47px;
}

TR.isticky Div.icon {
background-image : url(http://s1.uploads.ru/i/XGvcI.png);
background-repeat: no-repeat;
width: 47px;
height: 47px;
}

TR.iclosed Div.icon {
background-image : url(http://s1.uploads.ru/i/leJMr.png);
background-repeat: no-repeat;
width: 47px;
height: 47px;
}

#pun-category1.category h2 {
background: url("http://s1.uploads.ru/i/A4OWa.png") no-repeat top center;
height: 39px;
margin-left : 0px;
border-style: none;
font-size:0 !important;}

#pun-category2.category h2 {
background: url(http://s1.uploads.ru/i/YWmVH.png) no-repeat top center;
height: 60px;
margin-left : 0px;
border-style: none;
font-size:0 !important;}

#pun-category3.category h2 {
background: url(http://s1.uploads.ru/i/wv9Ln.png) no-repeat top center;
height: 60px;
margin-left : 0px;
border-style: none;
font-size:0 !important;}

#pun-category4.category h2 {
background: url(http://s1.uploads.ru/i/7mhX1.png) no-repeat top center;
height: 60px;
margin-left : 0px;
border-style: none;
font-size:0 !important;}

#pun-category5.category h2 {
background: url(http://s1.uploads.ru/i/lFAdg.png) no-repeat top center;
height: 60px;
margin-left : 0px;
border-style: none;
font-size:0 !important;}

#pun-category6.category h2 {
background: url(http://s1.uploads.ru/i/Dty5z.png) no-repeat top center;
height: 60px;
margin-left : 0px;
border-style: none;
font-size:0 !important;}

#pun-category7.category h2 {
background: url(http://s1.uploads.ru/i/3MWFQ.png) no-repeat top center;
height: 60px;
margin-left : 0px;
border-style: none;
font-size:0 !important;}


#pun-category8.category h2 {
background: url(http://s1.uploads.ru/i/tnNmd.png) no-repeat top center;
height: 60px;
margin-left : 0px;
border-style: none;
font-size:0 !important;}

#pun-category9.category h2 {
background: url(http://s1.uploads.ru/i/81CKU.png) no-repeat top center;
height: 60px;
margin-left : 0px;
border-style: none;
font-size:0 !important;}

#pun-stats ul.container {
   background: url(http://s1.uploads.ru/i/r0KXn.png) no-repeat 18px 10px;
height: 108px;
padding-left: 130px;
}

.lastedit {display: none;}

хтмл-вверх

Код:
<style> #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 480px; top: 10px
}
</style>


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

<style>
#pun-title .title-logo { 
display : none; 
}
</style>

0

9

реал-лайф

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

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

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

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

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

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

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

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

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

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

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


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

/* A3.1 */
body {
font-size: 10px;
}

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

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

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

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

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

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

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

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

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

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


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

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

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


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

/* A5.1 */
#pun {
margin: 0px auto auto auto;
width : 1194px;
padding: 0px 0px 0px 0px;
border: none;
border-top: none;
}

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

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

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

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

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

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

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

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



#pun-main h2 {
padding-bottom: 0px;
font-weight: bold;
color:  #000000;
text-align: center;
font-size: 0px;
font-family: Trajan Pro;
height : 0px;}



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

B - MAIN CONTENT - GENERAL

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



/* B1 Parsed Content, Signatures and Scroll Boxes

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



/* B1.1 */

.punbb .post-content {

  padding: 0;

  margin: 0;

  width: 100%;

  overflow: hidden;

  }



/* B1.2 */

.punbb .post-sig dt {

  display: block;

  border-top: 0px none #6474ab;

  width: 250px;

  margin: 5px 0;

  }



/* B1.3 */

.punbb .post-content p {

  margin: 0;

  padding: 0 0 1em 0;

  line-height: 150%;

  }



/* B1.4 */

.punbb .post-content img {

  vertical-align: text-bottom

  }



/* B1.5 */

.punbb .post-content img.postimg {

  vertical-align: middle;

  }



/* B1.6 */

.punbb .post-content .blockcode, .punbb .post-content blockquote {

  width: 100%;

  overflow: hidden;

  }



/* B1.7 */

.punbb .post-content .scrollbox {

  width: 100%;

  overflow: auto;

  }



/* B1.8 */

.punbb .post-content .quote-box, .punbb .post-content .code-box {

  margin: 0.4em 1.8em 1.4em 1.8em;

  padding: 1em;

  border-style: none;

  border-width: 0px;

  }



/* B1.9 */

.punbb .quote-box cite, .punbb .code-box strong.legend {

  display: block;

  padding-bottom: 0.7em;

  font-size: 1.1em;

  font-weight: bold;

  font-style: normal;

  margin: 0;

  }



/* B2 Information boxes

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



/* B2.1 */

.punbb .info-box {

  padding: 1.1em 1.7em 1em 1.7em;

  border-style: none;

  border-width: 0px;

  margin: 0 0 1.1em 0;

  }



/* B2.2 */

.punbb .info-box * {

  padding: 0 0 0.7em 0;

  }



/* B2.3 */

.punbb #pun-main .info-box .legend {

  font-size: 1.1em;

  font-weight: bold;

  }





/* B3 Pagination and posting links

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



/* B3.1 */

.punbb .linkst {

  float: left;

  position: relative;

  width: 100%;

  font-size: 1.1em;

  height: 0;

  }



/* B3.2 */

.multipage {

  margin-top: 3em;

  }



/* B3.3 */

.linkst .pagelink {

  position: absolute;

  top: -4em;

  left: 1em;

  width: 24em;

  }



/* B3.4 */

.linkst .postlink {

  position: absolute;

  top: -4em;

  right: 1em;

  width: 16em;

  text-align: right;

  font-weight: bold;

  }



/* B3.5 */

.punbb .linksb {

  text-align: right;

  padding: 0.4em 1em 0.5em 1em;

  font-size: 1.1em;

  }



/* B3.6 */

.linksb .pagelink {

  float: left;

  width: 24em;

  text-align: left;

  }



/* B3.7 */

.linksb .postlink {

  float: right;

  width: 16em;

  font-weight: bold

  }



/* B3.8 */

.subscribelink {

  clear:both;

  padding-top: 0.3em;

  padding-bottom: 0.5em;

  }





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

C - MAIN CONTENT - SPECIFIC

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



/* C1 Form layout

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



/* C1.1 */

.punbb .formal .container {

  padding: 1.7em 2.3em 1.1em 2.3em;

  }



/* C1.2 */

.punbb .formsubmit {

  padding: 0 0 0 1.7em;

  margin: 1em 0 0 0;

  }



/* C1.3 */

.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {

  margin: 0 0.6em 0 0

  }



/* C1.4 */

.punbb fieldset {

  border-style: none;

  border-width: 0px;

  padding: 0 18px 0 18px;

  margin: 0 0 1em 0

  }



/* C1.5 */

.punbb fieldset legend {

  padding: 0;

  margin: 0 0 0 11px;

  font-size: 1.1em

  }



/* C1.6 */

.punbb fieldset legend span {

  padding: 0 5px;

  margin: 0 0 0 -15px;

  }



/* C1.7 */

.punbb fieldset fieldset {

  border-style: none;

  margin: 0;

  padding: 0 0 8px 0

  }



/* C1.8 */

.punbb .fs-box {

  padding: 1em 0 0.8em 0;

  }



/* C1.9 */

.punbb .fs-box p, .punbb .fs-box fieldset {

  padding: 0 0 0.8em 0

  }



/* C1.10 */

.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {

  float: left;

  margin-right: 1em;

  }



/* C1.11 */

.punbb .inline .infofield {

  clear:both

  }



/* C1.12 */

.punbb .datafield br {

  display: none

  }



/* C1.13 */

.punbb .required label, .punbb .datafield span.input {

  font-weight: bold

  }



/* C1.14 */

.punbb .datafield span.input a {

  font-weight: normal;

  }



/* C1.15 */

.punbb .areafield span.input, .punbb p.longinput span.input {

  display: block;

  padding: 0 12em 0 0;

  height: 100%; /* For IE */

  }



/* C1.16 */

.punbb textarea, .punbb .longinput input {

  width: 64%;

  margin: 0;

  }



/* C1.17 */

.punbb .hashelp {

  position: relative;

  }



/* C1.18 */

.punbb .helplinks {

  display: block;

  position: absolute;

  top: 1em;

  right: 0;

  font-weight: normal;

  width: 36%;

  }



/* c1.19 */

.punbb #profile .helplinks {

  top: 1.5em;

  }



/* C1.20 */

.punbb .helplinks span {

  display: block;

  padding-bottom: 0.2em;

  }



/* C1.21 */

#pun-post .formal .info-box li {

  padding-left: 4px;

  list-style-type: square;

  list-style-position: inside;

  line-height: 1.5;

  margin: 0;

  }





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

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

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

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

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

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

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

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

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

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

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

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

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

/* C2.14 */

.punbb td div.tclcon {
  margin-left: 41px;
}

.punbb div.icon {
  float: right;
  display: block;
  width: 70px;
  height: 60px;
  padding-right: 12px;
}

/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
    width: 70px;
    height: 70px;
margin-left: 25px;}

/* C3 Topics

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



/* C3.1 */

.punbb .post .container {

  border-style: none none none none;

  border-width: 0px;

  margin-top: -1px;

  padding-bottom: 1px;

  }



/* C3.2 */

.punbb .post h3 {

  border-style: none none none none;

  border-width: 0px;

  }



/* C3.3 */

.punbb .post h3 span {

  padding: 0.5em 1em;

  display: block;

  margin-left: 19em;

  border-left-style: none;

  border-left-width: 0px
  

  }



/* C3.4 */

.punbb .post h3 strong {

  float: right;

  width: 5em;

  text-align: right;

  font-weight: normal;
  padding-right: 30 px;

  }



/* C3.5 */

.punbb .post .post-author {

  float: left;

  width: 19em;

  margin-top: -1.5em;

  overflow: hidden;

  }



/* C3.6 */

.punbb .post .post-author ul, .punbb .post .post-author p {

  padding: 0 1em 1em 1em;

  line-height: 140%;

  text-align: left;

  }



/* C3.7 */

.pa-author {

  font-size: 1.1em;

  font-weight: bold;

  }



/* C3.8 */

.pa-author a {

  text-decoration: none

  }



/* C3.9 */

li.pa-title {

  padding-bottom: 0.4em;

  font-weight: bold;

  }





li.pa-online {

  line-height: 0.8em;

  border-left-style: solid;

  border-left-width: 0.7em;

  padding-left: 0.4em;

  margin-top: 0.7em;

  }



/* C3.11 */

.punbb .post-body {

  margin-left: 19em;

  border-left-style: none;

  border-left-width: 0px;

  padding: 0 0 1px 0;
  padding-right: 20px;

  }



/* C3.12 */

.punbb .post-box {

  padding: 1em;

  }



/*C3.13 */

.punbb fieldset .post-box {

  margin-bottom: 0.8em

  }



/* C3.14 */

.punbb .post-links {

  margin-left: 19em;

  border-left-style: solid;

  border-left-width: 1px;

  }



/* C3.15 */

.punbb .post-links ul {

  padding: 0 1em 0 0;

  height: 2em;

  line-height: 2em;

  margin-left: -19em;

  border-top-style: none;

  border-top-width: 0px;

  background: transparent;

  text-align: right;

  }



/* C3.16 */

.punbb .post-links li {

  display: inline;

  padding-left: 1em;

  }



/* C3.17 */

.pl-email, .pl-website {

  float: left;

  }



/* C3.18 */

.punbb .clearer {

  clear: both;

  height: 0;

  font-size: 0;

  }





/* C4 Moderator menu

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



/* C4.1 */

.punbb .modmenu .container {

  padding: 0.5em 1em;

  text-align: right;

  }



/* C4.2 */

.punbb .modmenu strong, .punbb .modmenu a {

  height: 1.8em;

  line-height: 1.8em;

  }



/* C4.3 */

.punbb .modmenu .container strong {

  float: left;

  }



/* C4.4 */

.punbb .modmenu input {

  margin-left: 1em;

  }





/* C5 Message boxes

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



/* C5.1 */

.punbb .info .container {

  padding: 0.8em 1em

  }



/* C5.2 */

.punbb .info .container .backlink {

  padding-top: 0.8em;

  }





/* C6 Profile

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



/* C6.1 */

#profile .container {

  padding-left: 18.6em;

  }



/* C6.2 */

#profilenav {

  float: left;

  width: 14em;

  margin-left: -16.3em;

  display: inline;

  }



/* C6.3 */

#profilenav li {

  padding-bottom: 0.8em;

  font-weight: bold;

  }



/* C6.4 */

#viewprofile ul, #profilenav ul {

  border-style: solid;

  border-width: 1px;

  padding: 1.5em 18px 0.8em 18px;

  margin: 0 0 1em 0;

  }



/* C6.5 */

#viewprofile h2, #profilenav h2 {

  background: transparent;

  border: none;

  padding: 0 0 0 0;

  margin: 0 14px -0.6em 14px;

  }



/* C6.6 */

#viewprofile h2 span, #profilenav h2 span {

  padding: 0 5px;

  position: relative;

  }



/* C6.7 */

#viewprofile li, #setmods dl {

  padding: 0 0 0 16em;

  margin-bottom: 0.2em;

  }



/* C6.8 */

#viewprofile li span {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.5em 1em;

  font-weight: bold;

  }



/*C6.9 */

#setmods dt {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.8em 1em;

  font-weight: bold;

  display: inline;

  }



/* C6.10 */

#viewprofile li strong, #viewprofile li div, #setmods dd {

  display: block;

  padding: 0.5em 1em;

  font-weight: normal;

  }



/* C6.11 */

.punbb img.avatardemo {

  float: right;

  margin: 0 0 0.8em 1.8em

  }





/* C7 User list

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



/* C7.1 */

#pun-userlist .formal, #pun-userlist .formal .container {

  border-bottom: none;

  margin-bottom: 0;

  }



/* C7.2 */

#pun-userlist .usertable .container {

  padding: 0 2.3em 2.3em 2.3em;

  border-top: none;

  }



/* C7.3 */

#pun-userlist .usertable table {

  border-style: solid;

  border-width: 1px;

  }





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

D - PUNBB SECTIONS OTHER THAN MAIN CONTENT

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



/* D1 Logo and description

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



/* D1.1 */

#pun-title {

  margin: 0;

  border-style: none none none none;

  border-width: 0px 0px 0 0px;


  }



/* D1.2 */

#pun-title h1 {

  display : block;

  height : 40px;

  padding: 2em 1em 0 1em;

  }



/* D1.3 */

#pun-title .container {

  border-style: none none none none;

  }



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

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



/* D2 Page navigation

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

/* D2.1 */

#pun-pagelinks {

  position: absolute;

  top: -15px;

  left: 0;

  margin: 0;

  border: none;

  padding: 0;

  width: 100%;

  }



/* D2.2 */

#pun-pagelinks .container {

  background: transparent;

  border: none;

  padding: 0}



/* D2.3 */

#pun-pagelinks .container li {

  display: inline

  }



/* D2.4 */

#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {

  height: 2em;

  line-height: 2em;

  padding: 0;

  font-size: 1.2em;

  margin-left: -9999px;

  display: block;

  float:left;

  width: 100%;

  }



/* D2.5 */

#pun-pagelinks a:active, #pun-pagelinks a:focus {

  position:relative;

  margin: 0;
}



#pun-pagelinks li a span {

  display:block;

  margin: 0 1em

  }



/* D3 Forum navigation

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



/* D3.1 */

#pun-navlinks, #pun-navlinks .container {

  border-style: none;

  border-width: 0;

  margin: 0;
  text-align: center;
  }



/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
margin-top : 0px;
  font-size: 12px;
  text-transform: uppercase;
font-family: OptimusPrincepsSemiBold;
  }



/* D.3 */

#pun-navlinks li {

  display: inline;

  padding-right: 1em;

  }



/* D3.4 */

#pun-navlinks li a {

  font-size: 1.1em;

  }



/* D4 User links

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



/* D4.1 */

#pun-ulinks  {

  margin-top: 0;
  text-align: center;

  }


/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.7em 1em;
margin-top : 0px;
  text-transform: lowercase;
  }


/* D4.3 */

#pun-ulinks li, #pun-ulinks li a {

  display: inline;

  border-left-style: solid;

  border-left-width: 1px;

  white-space: nowrap;

  }



/* D4.4 */

#pun-ulinks li a {

  padding: 0 0.3em 0 0.6em

  }



/* D4.5 */

#pun-ulinks li.item1, #pun-ulinks li.item1 a {

  border-left-style: none;

  border-left-width: 0;

  padding-left: 0

  }



/* D5 Welcome box and Top Breadcrumbs

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



/* D5.1 */

#pun-status, #pun-status .container {

  border-bottom: none;

  margin-bottom: 0;
  width: 890px;

  }



/* D5.2 */

#pun-status .container {

  padding: 0.8em 1em 1em 1em;
   width: 890px;

  }



/* D5.3 */

#pun-status span {

  white-space: nowrap;

  margin-right: 0.5em;

  }



/* D5.4 */

#pun-crumbs1 {

  font-weight: bold;

  overflow: hidden;

  margin-top: 0;

  }



/* D5.5 */

#pun-crumbs1 p.container {

  border-top: none;

  padding: 1em 1em 0.8em 1em;

  font-size: 1.1em;
  margin-right: 35px;
  }



/* D5.6 */

#pun-break1 {

  margin: 0 1em;

  border-style: solid none;

  border-width: 1px 0;

  height: 0;

  margin: -2px 1em;

  position: relative;

  z-index: 1;

  }



/* D6 Announcement

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



/* D6.1 */

#pun-announcement h2 {

  padding: 0;

  margin: 0 1em -3.5em 1em;

  border-style: none none solid none;

  border-width: 0 0 1px 0;

  position: relative;

  font-weight: bold;

  }



/* D6.2 */

#pun-announcement h2 span {

  display: block;

  padding: 1em 0 0.8em 0;

  border-bottom-style: solid;

  border-bottom-width: 1px;

  }



/* D6.3 */

#pun-announcement .container {

  padding: 4.3em 1em 1em 1em;

  }


/* D7 Statistics

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



/* D7.1 */

#pun-stats .container {

  padding: 0.8em 1em

  }



/* D7.2 */

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

  float: left;

  clear: both;

  line-height: 150%;

  }



/* D7.3 */

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

  text-align: right;

  line-height: 150%;

  }



/* D7.4 */

li#onlinelist {

  margin-top: 1em;

  border-top-style: solid;

  border-top-width: 1px;

  float: left;

  width: 100%;

  line-height: 130%;

  }



/* D7.5 */

li#onlinelist div {

  border-top-style: solid;

  border-top-width: 1px;

  padding: 0.7em 0 0 0;

  }



/* D8 Quick Jump - About - Bottom Breadcrumbs

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



/* D8.1 */

#pun-qjump {

  margin: 0;

  border: none;

  width: 50%;

  position: relative;

  float: left;

  }



/* D8.2 */

#pun-qjump .container {

  border: none;

  background: transparent;

  padding: 0.8em 1em;

  }



/* D8.3 */

#pun-about {

  margin-top: 0;

  }



/* D8.4 */

#pun-about .container {

  border-top-style: none;

  text-align: right;

  line-height: 150%;

  padding: 0.8em 1em;

  }



/* D8.5 */

#pun-about p span {

  display:block;

  padding-left: 50%;

  }



/* D8.6 */

#pun-crumbs2 {

  font-weight: bold;

  overflow: hidden;

  margin-bottom: 0;

  border-bottom: none;

  }



/* D8.7 */

#pun-crumbs2 .container {

  border-bottom: none;

  padding: 0.8em 1em;

  font-size: 1.1em;

  }



/* D8.8 */

#pun-break4 {

  margin: -2px 1em;

  border-style: solid none
Код:
/* CS1 Background and text colours
-------------------------------------------------------------
*/

#pun-title TABLE { 
background : transparent url(http://s2.uploads.ru/siS0Y.png) no-repeat left top; 
margin-left : -200px;
  height: 386px;
  width: 1194px;

}

body {background-color: #1e0f0a;
background-image : url("http://s3.uploads.ru/K8vfU.png");
background-repeat: repeat;
background-position : top center;
background-attachment : no-fixed;

}

#pun {
background-image : url("http://s2.uploads.ru/COXIp.png");
background-color: #e2d8bb;
background-repeat: repeat;
background-position : center;
background-attachment : no-fixed;


}

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

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

/* CS1.3 */
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div  {
  background-color: transparent;
  color: #191e29;
  font-weight: bold;
  font-style: normal;
  }


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

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

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

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

/* CS1.8 */
#pun-navlinks .container, #pun-ulinks .container {
  background-color: transparent;
  color: #a4bcdc;
  text-align: center;
  }

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #e2d8bb;
  color: #191e29;
}

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

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

  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
 
 }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS1.3 */
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;

  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: transparent;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #0c0201

  }

li.pa-online {
  border-left-color: transparent;
  }

.punbb .post-sig dt {
  border-top-color: transparent !important;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #1e0f0a;
    border-bottom: 0px none #1e0f0a;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #1e0f0a;
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
 color: #1e0f0a;
    border-bottom: 0px none #1e0f0a;
  text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
 color: #1e0f0a;
    border-bottom: 0px none #1e0f0a;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #1e0f0a;
  font-weight: normal;
font-style: normal;
  border-bottom: 1px none #1e0f0a;
  text-decoration: none;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #1e0f0a;
  color: #1e0f0a;
  }


/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {border-color: #7e5b40 #5E3B20 #4E2B10 #5E3B20}
tr.iredirect div.icon {border-color: #7e5b40 #7e5b40 #7e5b40 #7e5b40}
div.inew {border-color: #7e5b40 #5E3B20 #4E2B10 #5E3B20}

#pun-main div.catleft, #pun-main div.catright {display: none}


.punbb table Div.icon {float: left; display: block; border-style: none none none none; margin-left: 5px;margin-right: 5px;
width: 70px;
height: 70px;
background-image : url(http://s2.uploads.ru/blFCv.png);
background-repeat: no-repeat;
}

TR.inew Div.icon {
background-image : url(http://s2.uploads.ru/CQdYb.gif);
background-repeat: no-repeat;
width: 70px;
height: 70px;
}

TR.isticky Div.icon {
background-image : url(http://s2.uploads.ru/NMVJC.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;
}

TR.iclosed Div.icon {
background-image : url(http://s3.uploads.ru/N07Bw.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;
}


a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: tahoma;
font-size: 11px;
background-color:#b1daff;
color: #191e29; 
font-weight: normal;
text-align:center;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: #455a8c;
border-left-width: 5px;
width:200px;
}

a.tvm:hover {
font-family: tahoma;
font-size: 11px;
color: #191e29; 
background-color:#455a8c;
display: block;
font-weight: bold;
text-align:center;
cursor:crosshair; 
text-decoration: none;
border-left-style: solid;
border-left-color: #769ace;
border-left-width: 5px;
width:200px;
}

настройки
вверх

Код:
<style> #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: -3px; top: -65px
}
</style>

<div style="position:absolute; margin-top: 270px; margin-right: 0px;"><img src="http://s3.uploads.ru/ydoqZ.gif"style="margin-left: 460px;">
</div>
<div style="position:absolute; margin-top: 130px; margin-right: 0px;"><img src="http://s2.uploads.ru/Dz0Si.gif"style="margin-left: 90px;">
</div>

низ

Код:
<div style="position:absolute; margin-top: 0px; margin-right: 0px;"><img src="http://s3.uploads.ru/nkdHz.png"style="margin-left: -200px;">
</div>
<script><!--Своя картинка или Слово в Панель навигации -->
var Img_Word=0;   //0-Картинка;1-Cлово /Ставим картинку или Слово ?
   navlinks=new Array(
  "navindex","http://uploads.ru/i/4/S/G/4SGVW.png",   // Форум
  "navuserlist","http://uploads.ru/i/k/6/3/k63fJ.png",// Участники
  "navsearch","http://uploads.ru/i/p/1/2/p12dG.png",  // Поиск
  "navprofile","http://uploads.ru/i/g/t/y/gtykX.png", // Профиль
  "navpm","http://uploads.ru/i/e/3/a/e3aRn.png",      // Сообщения
  "navadmin","http://uploads.ru/i/l/H/P/lHPut.png",   // Администрирование
  "navregister","http://uploads.ru/i/G/P/8/GP8mO.png",// Регистрация
  "navlogin","http://uploads.ru/i/E/V/B/EVB7I.png",   // Войти
  "navlogout","http://uploads.ru/i/d/n/N/dnNHa.png"   // Выход - !ПОСЛЕДНИЙ элемент без запятой
)

var s,i;for (i=0; i < navlinks.length; i++){s=navlinks[i+1];
   if(!Img_Word){s='<img class="navlinks" src="'+s+'" border="0" />'}
   $("#"+navlinks[i]+" a").html("<span>"+s+"</span>");i++;}
</script>

<script>
$(function(){
<!--
userof="<img src='http://uploads.ru/i/6/T/l/6Tlqv.png' >" 
str = document.getElementById("navawards").innerHTML
if( (pos=str.indexOf("Награды")) != -1 )
document.getElementById("navawards").innerHTML=str.substring(0,pos)+userof+str.substring(pos+7,str.length-1)
-->
});
</script>

<script type="text/javascript"><!--Своя картинка в каждую категорию -->
 $(document).ready(function(){

myarray=new Array(
"1", "http://s3.uploads.ru/28ynI.png",
"2", "http://uploads.ru/xoqmb.png",
"3", "http://s2.uploads.ru/KFa74.png",
"4", "http://s3.uploads.ru/MJH4o.png",
"5", "http://s3.uploads.ru/pnDRj.png",
"6", "http://s3.uploads.ru/XemGh.png",
"7", "http://s3.uploads.ru/c0Vpz.png",
"8", "http://s2.uploads.ru/buQIT.png",
"9", "http://s3.uploads.ru/48GOy.png"
)
       $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
 for(q=0;q<myarray.length;q++){

var cssObj = {
   "height":"91px",
   "background-color": "transparent",
   "background-image":"url("+myarray[q+1]+")",
   "background-position":"50% 50%",
   "background-repeat":"no-repeat"
}

        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
 });
</script>

0


Вы здесь » Magic Everywhere » Новый форум » Дизайны


Рейтинг форумов | Создать форум бесплатно