02.12.16. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.
16.10.16. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.

Так далек от того, кем я был, от того, кого я любил, кем хотел быть. Так далек от наших мечт, от смысла любви, от тебя рядом со мной. Так далек от надежды на горизонте, стою в одиночестве. Разве я прошу многого? Так далек от свободы, прошлое преследует меня, будущее не в моей власти. Но если ты возьмешь меня за руку, прошу, вытащи меня из темноты и вновь зажги огонек надежды. Мы побежим рядом, не скрывая ничего, защищены от боли.
Так далек от того, кем я был, от того, кого я любил, кем хотел быть. Так далек от наших мечт, от смысла любви, от тебя рядом со мной. Так далек от надежды на горизонте, стою в одиночестве. Разве я прошу многого? Так далек от свободы, прошлое преследует меня, будущее не в моей власти. Но если ты возьмешь меня за руку, прошу, вытащи меня из темноты и вновь зажги огонек надежды. Мы побежим рядом, не скрывая ничего, защищены от боли. Читать далее

Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.
Так далек от того, кем я был, от того, кого я любил, кем хотел быть. Так далек от наших мечт, от смысла любви, от тебя рядом со мной. Так далек от надежды на горизонте, стою в одиночестве. Разве я прошу многого? Так далек от свободы, прошлое преследует меня, будущее не в моей власти. Но если ты возьмешь меня за руку, прошу, вытащи меня из темноты и вновь зажги огонек надежды. Мы побежим рядом, не скрывая ничего, защищены от боли.

по ту сторону изгороди

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

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


Вы здесь » по ту сторону изгороди » Так близко » So far from who I was. From who I love From who I want to be, So far f


So far from who I was. From who I love From who I want to be, So far f

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

1

вуху

0

2

Код:
/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: normal;
  text-align: left;
  }

#profilenav li a, #profilenav li a:hover, #profilenav li а:link,  #profilenav li a:visited {
  font-family: 'arial';
  font-style: none;
  font-size:12.5px;
  font-weight: bold;
  text-shadow: #ffffff 1px 1px 0px;
  text-transform: lowercase;
}


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

#profilenav ul {
  background-color: #e6e3d1;
  border-width: 1px;
  margin: 0 0 1em 0;
  padding: 1.5em 18px 0.8em 18px;
  box-shadow: inset 0 0 2px 1px #;
  border-bottom: 3px solid #414b2c !important;
  border-top: 3px solid #414b2c !important;
  border-left: 1px solid #414b2c !important;
  border-right: 1px solid #414b2c !important;
  border-bottom-right-radius:12px;
  border-top-left-radius:12px;
  }



/* 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;
  float: left;
  font-size:18.5px;
  font-weight: bold;
  font-style: italic;
  font-family: 'Constantia';
  color: #62301b;
  text-shadow: #f6f6f6 1px 1px 0px;
  text-transform: lowercase;
  text-decoration: underline;
  }

0

3

Код:
/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background:url(http://s5.uploads.ru/XhMmc.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin:12px 0!important;
}
.punbb .post .post-author > ul {
  background:url(http://s4.uploads.ru/bE3dQ.png) 0 top no-repeat,url(http://s5.uploads.ru/LHcVs.png) 0 bottom no-repeat; /*Фон верха - низа*/
  margin:-12px 0 -12px 0!important;
  padding:12px 17px!important;
}

0

4

Код:
<!-- HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<style>img.post-img-Sp {margin:6px 3px;}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script>
Код:
<!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<script>
var a1 = 0	// 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
var a2 = 0	// 0 - Скрытие первой вкладки; 1 - Показ первой вкладки; 
var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко;
var LiArr=new Array(
//При наличии двух косых => // в начале пункта, - пункт не скрывается.
//"pa-author",     //Ник-Нейм
//"pa-avatar",     //Аватар
//"pa-title",      //статус
// 1 кнопка - ссылка на Картинку
//В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию)
"http://s3.uploads.ru/VymNB.png[Описание 1]",
"pa-reg",        //Зарегистрирован
"pa-invites", //Приглашений
"pa-posts",      //Кол-во сообщений:
"pa-respect",    //Уважение:
"pa-positive",   //Позитив
"pa-sex",        //Пол
"pa-age",        //Возраст
"pa-icq",        //Аська
"pa-ip",         //IP Юзера
"pa-time-visit", //Провел на форуме:
"pa-last-visit", //Последний визит:
//"pa-online",     //Пользователь online - Не засовываем в спойлеры
// 2 кнопка- ссылка на Картинку
"http://s3.uploads.ru/T7hLI.png",
"pa-from",       //Откуда
"pa-fld1",       //Доп.Поле.1
// 3 кнопка- ссылка на Картинку
"http://s3.uploads.ru/VtGQ4.png",
"pa-fld2",       //Доп.Поле.2
"pa-fld3",       //Доп.Поле.3 
"pa-fld4",       //Доп.Поле.4
"pa-fld5",       //Доп.Поле.5
//"award",      //Награды(только для rusff и ork)
//"gift",         //Подарки(только для rusff и ork)
//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>
<!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->

0

5

Код:
<!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<script>
var a1 = 1	//
var a2 = 1	//
var a3 = 0 //
var LiArr=new Array(
//
//"pa-author",     //Ник-Нейм
//"pa-avatar",     //Аватар
//"pa-title",      //статус
//
"http://s3.uploads.ru/JCNXL.png[Описание 1]",
"pa-reg",        //Зарегистрирован
"pa-invites", //Приглашений
"pa-posts",      //Кол-во сообщений:
"pa-respect",    //Уважение:
"pa-positive",   //Позитив
"pa-sex",        //Пол
"pa-age",        //Возраст
"pa-from",       //Откуда
"pa-icq",        //Аська
"pa-ip",         //IP Юзера
"pa-time-visit", //Провел на форуме:
"pa-last-visit", //Последний визит:
//"pa-online",     //Пользователь online - Не засовываем в спойлеры
//
"http://s2.uploads.ru/Xx1kB.png",
"pa-fld1",       //Доп.Поле.1
"pa-fld2",       //Доп.Поле.2
"pa-fld3",       //Доп.Поле.3 
"pa-fld4",       //Доп.Поле.4
"pa-fld5",       //Доп.Поле.5
//
"http://s2.uploads.ru/wdTj5.png",
//"award",      //Награды
//"gift",         //Подарки
//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>
<!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->

0

6

Вариант растягивающейся рамки на Аватар

http://s3.uploads.ru/m9fje.jpg

Рамка + меняющаяся прозрачность аватара при наведении
Код:
<!--Ставим рамки для Аватара --> 
<style type="text/css">
li.pa-avatar .Wrp-ava img[alt]{
  display:block;
  padding:0;
  border-width:0;
  margin:6px; /*Отступ рамки*/
}
</style>
<script>
  $(document).ready(function(){
    var imgWrp = "http://s2.uploads.ru/h3rnz.png"; // Ccылка на картинку;
    imgWrp = '<img src="'+imgWrp+'" width=100% height=100% style="position:absolute;z-index:100;"/>'
    $("div.post-author ul li.pa-avatar img[alt]").each(function () {
    $(this).wrap('<div class="Wrp-ava" style="display:inline-block;text-align:left;position:relative;"></div>');
    $(this).parent().prepend(imgWrp)
});});
</script><!--Конец//Рамки для Аватара-->

<style type="text/css">
li.pa-avatar .Wrp-ava img[alt]{
  opacity:0.7; /*Начальная прозрачность*/
  display:block;
  padding:0;
  border-width:0;
  margin:6px; /*Отступ рамки*/
  -webkit-transition-duration: 0.96s;
  -moz-transition-duration: 0.96s;
  -o-transition-duration: 0.96s;
  transition-duration: 0.96s;
}
li.pa-avatar:hover .Wrp-ava img[src*="avatars"]{
  opacity:1.0;
}
</style>
<script>
  $(document).ready(function(){
    var imgWrp = "http://s2.uploads.ru/h3rnz.png"; // Ccылка на картинку;
    imgWrp = '<img src="'+imgWrp+'" width=100% height=100% style="position:absolute;z-index:100;"/>'
    $("div.post-author ul li.pa-avatar img[alt]").each(function () {
    $(this).wrap('<div class="Wrp-ava" style="display:inline-block;text-align:left;position:relative;"></div>');
    $(this).parent().prepend(imgWrp)
});});
</script><!--Конец//Рамки для Аватара-->

0

7

...

0

8

структура 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: 100.01%;
  }

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

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

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

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

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

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

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

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

/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  float: none;
  padding: 0px 0px 0px 0px;
  padding-bottom: 210px;
  border: none;
  width: 880px;
  }
/* A5.2 */
.punbb {
  width: 100%;
  height: auto;
  }

/* A5.3 */
#pun-redirect {
  margin: 150px 20% 12px 0%;
  float: center;
  position:absolute;
  width: 560px; !important;
  height: 240px;!important;
  font-family: Times;
  font-size: 0em;
  padding-left: 455px!important;
  padding-top: 68px!important;
  color: transparent !important;
  background-image: url("http://s7.uploads.ru/oO81L.png");
  background-position: top center;  
  background-repeat: no-repeat;
  margin-left: -60px !important;
  }

#pun-maint, #pun-redirect h1 {display:none;} 
#pun-redirect a {
  position:absolute;
  font-style: normal;
  font-family: 'Cambria';
  font-size: 0em;
  font-style: italic;
  text-decoration: none;
  margin-top:20px !important;
  margin-left:-155px !important;
  width:400px!important;
  line-height:80%;
  text-align:center;}


/* 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 {
   border-style: solid; 
    border-width: 1px;
    padding: 0.5em 1em;
  }


/*************************************************************
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: double 3px #;
  width: 560px;
  margin: 7px 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: -6.9em;
  left: 1em;
  width: 24em;
  color: #1e575e;
  font-weight: bold;
  text-transform: lowercase;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -6.9em;
  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;
  font-weight: bold;
  color: #1e575e;
  text-transform: lowercase;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  font-weight: bold;
  color: #1e575e;
  text-transform: lowercase;
  }

/* 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: right;
  width: 70%;
  }

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

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

.punbb .main .tcr a {
  font-weight: bold;
  text-transform: lowercase;
  font-family: 'Constantia';
  font-size: 13px;
  text-shadow: -1px 1px 0px #
}


/* 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: 15px;
  font-family: 'Constantia';
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0px;
}

#pun-index .tcl h3 a:link, #pun-index .tcl h3 a:visited, #pun-index .tcl h3 a:hover {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-shadow: -1px 1px 0px #f4f4f4
}


/* 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;
  text-align: left;
  font-family: arial;
  font-size: 13px;
  }

.punbb td .modlist a {
  font-style: normal;
}


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

/* C2.12 */
.punbb .main th {
  padding: 1px 1em 1px 1em;
  border-left: none;
  border-top: none;
  border-bottom: 1px groove #;
  font-size:11px;
  }

/* 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: 15px;
  text-align: left;
}

/* C2.15 */
.punbb div.icon {
  float: right;
  display: block;
  width: 77px;
  height: 45px;
  padding-top: 1px;
  margin-top: 4px;
  margin-left: -7px;
  margin-bottom: -5px;
}

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

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

#pun-main .post .permalink {
  font-family: 'Times New Roman';
  font-size:13.5px;
  font-weight: normal;
  text-shadow: -1px -0px #1d444b,
  1px 1px #efede7;
}

#pun-main .post-links li a:link,  #pun-main .post-links li a:visited, #pun-main .post-links li a:hover {
  color: #b5b5a9;
  font-family: 'Constantia';
  font-size:13.5px;
  font-weight: normal;
  text-transform:  lowercase;
  font-style: italic;
  text-shadow: -1px -0px #75736d,
  1px 1px #eceae5;
}

#pun-main .post-links ul {
background-color: #;
}


/* 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 0.2em 0.2em 0.2em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  font-size: 1.2em;
  font-family: Constantia;
  font-weight: bold;
  text-transform: uppercase;
}

.pa-author a:link,  .pa-author a:visited, .pa-author a:hover {
  font-size: 1.2em;
  font-family: Constantia;
  font-weight: bold;
  text-transform: uppercase;
}


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

 #pun-messages .post-box {
width: 400px;
}


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

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

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


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

#profilenav li a, #profilenav li a:hover, #profilenav li а:link,  #profilenav li a:visited {
  font-family: 'arial';
  font-style: none;
  font-size:12.5px;
  font-weight: bold;
  text-shadow: #ffffff 1px 1px 0px;
  text-transform: lowercase;
}


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

#profilenav ul {
  background-color: #ebe9e4;
  border-width: 1px;
  margin: 0 0 1em 0;
  padding: 1.5em 18px 0.8em 18px;
  box-shadow: inset 0 0 2px 1px #;
  border-bottom: 3px solid #1c575c !important;
  border-top: 3px solid #1c575c !important;
  border-left: 1px solid #1c575c !important;
  border-right: 1px solid #1c575c !important;
  border-bottom-right-radius:12px;
  border-top-left-radius:12px;
  }



/* 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;
  float: left;
  font-size:18.5px;
  font-weight: bold;
  font-style: italic;
  font-family: 'Constantia';
  color: #1c575c;
  padding-top: 17px!important;
  text-shadow: #f6f6f6 1px 1px 0px;
  text-transform: lowercase;
  }


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

#profilenav {
margin-top: -2em; padding: 0px !important;
}
#profilenav ul {
margin-top: -1em; padding: 0px !important;
}
#profilenav li {
margin-left: 2em !important;
}


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

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

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

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


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

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

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

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

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

#pun-title TABLE {
  border: none;
  height: 170px;
  width: 100%; 
  margin-bottom: 0px; 
  margin-top: 0px;
}

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

#pun-title TD.title-logo-tdr {
  border: none;
  width: 320px;
  vertical-align: top;
  padding-top: 0px;
  padding-right: 200px;
}



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

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


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

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

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

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

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

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

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

/* D3.2 */
#pun-navlinks .container { 
  font-family: Haettenschweiler Regular;
  font-size: 18px;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: -1px;
}

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

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

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

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

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  font-size: 13px;
  font-family: Constantia;
  text-transform: lowercase;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  }


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

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

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



/* 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;
  font-family: Times New Roman;
  font-size:14px;
  text-align: center;
  }

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

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: -20px;
  margin-bottom: -10px;
  font-family: 'Times New Roman';
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  font-size:13px;
  }

#pun-crumbs1 a:link, #pun-crumbs1 a:visited, #pun-crumbs1 a:hover {
  font-weight: bold;
  text-transform: uppercase;
}



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

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

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

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

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

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

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

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em;
  font-family: 'Cambria';
  font-size:13.5px
  }

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

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

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

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


/* 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;
  font-family: 'Times New Roman';
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  font-size:13px;
  }

#pun-crumbs2 a:link, #pun-crumbs2 a:visited, #pun-crumbs2 a:hover {
  font-weight: bold;
  text-transform: uppercase;
}


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

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

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


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

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

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

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

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

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

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

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

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
цвета style.css
Код:
/*Убираем слово объявление из таблицы*/
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
/*Ставим шапку*/
body {
background-image: url("http://s6.uploads.ru/amcGt.png");
background-repeat: no-repeat;
background-position: top center; 
}
/*Ставим фон*/
HTML {
background-color: #0c1820;
background-image: url("http://s6.uploads.ru/7ScdB.png");
background-repeat: repeat-xy; 
background-position: center top;
}
/*Ставим низ*/
#pun_wrap {  
background-image: url("http://s7.uploads.ru/Q85qe.png");
background-repeat: no-repeat; 
background-position: center bottom;
}



/* CS1 Background and text colours
-------------------------------------------------------------*/
/* 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: #000000;
  }

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


/* CS1.3 */
 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent; 
  color: #65526e;
  font-size:18px;
  font-weight: bold;
  font-family: 'New Timas Roman';
  font-style: none;
  text-align: center;
  text-shadow: none;
}

/* 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;
  font-style: none;
  font-family: none;
  font-size: 13px;
  }

/* CS1.7 */
#pun-main .quote-box, #pun-main .code-box {
background: #ebe9e4;
color: #000000;
text-shadow: 1px 1px 1px #ffffff;
box-shadow: inset 1px 1px 16px rgba(122,122,122,0.5);
border-bottom: 2px solid #1c575c !important;
border-top: 2px solid #1c575c !important;
border-left: 1px solid #1c575c !important;
border-right: 0px !important;
  border-bottom-right-radius:0px;
  border-top-left-radius:0px;
  border-bottom-left-radius:12px;
  border-top-right-radius:12px;
  }


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

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

.punbb textarea, .punbb select, .punbb input {
color: #000000;
background: #ebe9e4;
border-bottom: 2px solid #1c575c !important;
border-top: 2px solid #1c575c !important;
border-left: 0px !important;
border-right: 0px !important;
    border-radius:12px;
    -webkit-border-radius:12px;
    -khtml-border-radius:12px;
    -moz-border-radius:12px;
    -o-border-radius:12px;
}



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

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

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

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

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


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

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

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


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

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

.punbb .formal fieldset .post-box, .punbb .info-box {
  border-color: transparent;
  }

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

.punbb .post-sig dt {
  border-top-color: # !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: #556f74;
  font-weight: normal;
  border-bottom: 0px none #;
  text-decoration: none;
  text-shadow: -1px 1px 0px #;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #556f74;
  text-decoration: none;
  text-shadow: -1px 1px 0px #;
}


/* 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: #0e4a4f;
  text-transform: none;
  font-weight: normal;
  text-shadow: -1px 0px 0px #989897;
  }


/* CS3.3 */
#pun-navlinks a {
  color: #072c7c;
  font-weight: bold;
  border-bottom: 0 none #;
  text-shadow: -1px -0px #031a4b,
  1px 1px #4163ac;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #88a9cf;
  background: none;
  font-weight: bold;
  border-bottom: 0px none #;
  text-shadow: -1px 0px 0px #05333b;
  text-transform: uppercase;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #32241e;
  color: #66483d;
  }



/* CS4 Post status icons
-------------------------------------------------------------*/
/*Старые сообщения*/
Div.icon {  
background-image : url('http://s7.uploads.ru/d8A2G.png');
background-repeat: no-repeat;
}
/*Новые сообщения*/
TR.inew Div.icon {  
background-image : url('http://s7.uploads.ru/bwPiK.png');
background-repeat: no-repeat;
}
/*Важные темы*/
TR.isticky Div.icon {
background-image : url('http://s6.uploads.ru/Q5WVM.png');
background-repeat: no-repeat;
}
/*Закрытые темы*/
TR.iclosed Div.icon {
background-image : url('http://s6.uploads.ru/JXsay.png');
background-repeat: no-repeat;
}



/*Категории тем*/
.punbb .main h1 {background-image : url(http://s6.uploads.ru/B6tR1.png);
background-repeat: no-repeat;
background-position: center;
height: 40px;
   width: 923px;
margin-left: -51px;
color: #7b7181;
font-size:18px;
text-align: center;
font-weight: normal;
font-style: none;
font-family: 'Constantia';
text-transform: uppercase;
padding-top: 26px!important;
text-shadow: -1px -0px #351d48,
1px 1px #e8e6e1;
   }


/*Категории главной страницы и статистики*/
.punbb .main h2 {background-image : url();
background-repeat: no-repeat;
background-position: center;
height: 64px;
   width: 923px;
margin-left: -49px;
   }
#pun-stats h2 {background-image : url();
background-repeat: no-repeat;
background-position: center;
height: 64px;
   width: 923px;
margin-left: -42px;
   }


/*Иконка статистики*/
#pun-stats ul.container {
    background: url("http://s6.uploads.ru/YMmpW.png") no-repeat scroll -2px 18px transparent!important;
    padding-left: 100px; height: 80px;
}


/* Пользовательские ссылки */
 #pun-ulinks  a:link, #pun-ulinks  a:visited {;
  color: #545b57;
  text-shadow: none;
  letter-spacing: -1px;
}
#pun-ulinks  a:hover, #pun-ulinks  a:focus, #pun-ulinks  a:active {
  color: #51705d;
  text-transform: lowercase;
  text-shadow: 1px 1px 0px #;
  letter-spacing: -1px;
}


/*Окно шрифта*/
#font-area, #size-area, #color-area, #smilies-area, #imageup-area, #keyboard-area, #video-area { 
background: #e3e1db;
border-style: inset;
border-width: 1px;
color: #000000;
border-color: #1c575c;
box-shadow: inset 1px 1px 8px rgba(122,122,122,0.5);
}

/*Окно репутации*/
#pun-main #pun-reputation .reputation .container, div#pun-reputation div.inner h1   {background:#ebe9e4; color: #000000; !important;}


/*Количество тем, количество сообщений*/
#pun th {text-transform: uppercase; font-size:10px; !important; color: #2d3033; font-family: 'Times New Roman';
}
#pun .tc2, #pun .tc3 {
font-family: 'Times New Roman';
font-size:10px;
}
.punbb th {
background-color: #;
border-radius:12px;
}


/*Страница наград*/
#pun-mod #pun-main .category h2 span {
text-align: center !important;
}
#pun-mod #pun-main .category h2 span a:link, #pun-mod #pun-main .category h2 span a:visited, #pun-mod #pun-main .category h2 span a:hover {
  text-transform: uppercase;
}
#pun-mod #pun-main .category h2 select {
margin-top: 50px;
margin-bottom: 20px;
font-size:11px;
width: 170px;
margin-left: -100px !important;
}
HTML-верх
Код:
<!--Отключения сервера рекомендаций-->
<script type="text/javascript">
rusffLive.enable = false;
</script>

<!--Убираем надпись награды из навигации форума -->
<style type="text/css">
li#navawards {display: none;}
</style>

<!--Окантовка профиля-->
<style>
.post-author ul {
margin-left: 0px;
text-align: center;
background-color: #c9c9c5;
box-shadow: inset 1px 1px 16px rgba(122,122,122,0.5);
border-radius: 18px;
text-shadow: none;
}

.pa-author {
font-weight: bold; !important;  padding-top: 7px !important;
}

.post-author ul li.pa-avatar img {
text-align: center;
box-shadow: 0 0 5px;
}
.punbb .post .pa-title {
font-style: oblique;
font-weight: normal;
}
.punbb .post .pa-online {
  color: #71637e;
  font-size:13.5px;
  font-weight: bold;
  font-family: cambria;
  text-align: center;
  font-style: italic;
  margin-left:-15px;
  margin-bottom: 5px;
}

.pa-awards .mini_awards_label a {
display: none;
}
</style>



<!--Картинки в каждую категорию-->
<style>
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}
</style>


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




<!--ТАБЛИЦА-->
<script src="http://hostjs-mybb2011.narod.ru/js/Deff_BigPalette.js"></script>

<style>
#submenu {
height: 280px;
text-align: center;
font-size: 12px;
width: 820px;
margin-left: -25px;
background-color: #dddbd6;
box-shadow: inset 1px 1px 16px rgba(122,122,122,0.5);
border-radius: 18px;
}
#menu span {
text-align:left;
display:inline-block;
color:#bcb8ad;
text-shadow: -1px -0px #d3cfc2,
1px 1px #efede7;
margin: 5px 0;
padding: 8px;
font-family: 'Constantia';
text-transform: uppercase;
font-size: 17px;
}
#menu .tabactive {
color: #9f9e99;
font-family: 'Constantia';
text-transform: uppercase;
font-size: 17px;
}
.submenutext {
display: none; 
height: 40px;
}
</style>
HTML-вниз
Код:
<!--Замена навигации меню-->
<script type="text/javascript">
var itemMass = new Array("Forum", "User", "Seach", "Frofile", "Mess", "Admin", "Register", "Login", "Logout");
var itemIdMass = new Array("navindex", "navuserlist", "navsearch", "navprofile", "navpm", "navadmin", "navregister", "navlogin", "navlogout");
for(i=0; i<itemIdMass.length; i++){
if(document.getElementById(itemIdMass[i])){
    var str = document.getElementById(itemIdMass[i]).firstChild.firstChild
    str.innerHTML=itemMass[i];
}
}
</script>


<!--Аватар по умолчанию-->
<script type="text/javascript">
    var DefAvtr="http://s7.uploads.ru/PdOyS.png";

    var s='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';$("li.pa-title").each(function(){if (($(this).parent("ul").find("li.pa-avatar").html())==null){$(this).after(s);};});
    </script>


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

    myarray=new Array(
    "Информационный отдел", "http://s7.uploads.ru/aXiZl.png",
    "Регистрационная", "http://s7.uploads.ru/eUGAW.png",
    "Игровая территория ", "http://s6.uploads.ru/cOo3N.png",
    "Вне игры", "http://s7.uploads.ru/l43zm.png",
    "Пиар зона", "http://s7.uploads.ru/LxPdr.png",
    "Архивы", "http://s7.uploads.ru/1cQJv.png",
    "Статистика форума", "http://s7.uploads.ru/SdtMK.png"    //Последний элемент без запятой! 
    )

            $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
    for(q=0;q<myarray.length;q++){

    var cssObj = {
       "height":"118px",
       "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 style="width:700px; height: 110px; margin-bottom: -300px; margin-left: 90px; overflow-x: auto; text-align: center;">
<center>
<br>
<br>
<br>
<br>
<br>
<br><b>ЗДЕСЬ БУДУТ БАННЕРЫ</b>
</center>
</div></div>
</div>

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


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





<!--ТАБЛИЦА-->
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>
объявления
Код:
<center><a href= <!-- http://96kingdom.ru/ Banner Network -->
<div style="width: 88px; height:41px" >
<script type="text/javascript" src="http://96kingdom.ucoz.ru/rtr/3"></script>
<a href="http://96kingdom.ru/" target=_blank><img src="https://forumstatic.ru/files/0012/66/88/68445.png" border="0" alt="96 Banner Network"></a>
</div><!-- http://96kingdom.ru/ Banner Network --></a></center>
<center><table style="width: 800px">
 <tbody>
  <tr>
   <td>
    <div id="menu"> <b><center>
<span alt="#sm1" style="cursor: pointer;">Новости</span>
<span alt="#sm2" style="cursor: pointer;">Власть</span>
<span alt="#sm3" style="cursor: pointer;">Активисты</span>
<span alt="#sm4" style="cursor: pointer;">Друзья</span></center>
           </b>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext"  style="display:block; style="display:block;">
<table width="100%"><tr><td width="60%"><center>
<font style="font-family: Cambria; color: #666563; font-size: 14px"><b>ДОБРО ПОЖАЛОВАТЬ</b></font>
<br> Добро пожаловать на ролевой форум, созданный по мотивам манги и аниме Loveless!<br>Ролевая этого форума отходит от манги, создавая свою, новую историю. 
<br>На этот раз, вы столкнетесь не только с приключениями универсального Бойца Агацумы Соби и стеснительного, но храброго сердцем мальчика Рицки. 
<br>Вашему вниманию будут представлены противостояние двух школ.
<br>Всем известной школы "Семь Лун" и новой школы "Семь Звезд". 
<br>Не засиживайтесь долго на главной странице, мы ждем вас в игре!
<br>с уважением, Администрация форума.
<td width="40%"><br><br><center>
<font style="font-family: Times; color: #666563; font-size: 14px"><b>НОВОСТИ И ОБЪЯВЛЕНИЯ</b></font></center>
<p style="overflow: auto; height: 260px; overflow-x: auto;" align="center"><br>
<font style=font-size: 12px"><b>ВАЖНЫЕ ССЫЛКИ</b></font>
<br><a href="http://lovelessnewworld.mybb.ru/viewtopic.php?id=3">ПРАВИЛА</a>
<a href="http://lovelessnewworld.mybb.ru/viewtopic.php?id=25">СЮЖЕТ</a> • <a href="http://lovelessnewworld.mybb.ru/viewtopic.php?id=4">КАНОНЫ</a>
<br><a href="http://lovelessnewworld.mybb.ru/viewforum.php?id=4">АКЦИИ</a>
<br><a href="http://lovelessnewworld.mybb.ru/viewtopic.php?id=9">ЗАНЯТЫЕ ВНЕШНОСТИ</a><br>
<br><img src="http://s6.uploads.ru/eZOz8.png" a=""> Уважаемые игроки давайте поддержим наш форум. Это не трудно - нажать баннеры топов один раз в день.
<br><img src="http://s6.uploads.ru/eZOz8.png" a="">Все игроки внимательно ознакомьтесь с  <a href="http://lovelessnewworld.mybb.ru/viewtopic.php?id=76#p2298&quot;"><u>ЭТОЙ</u></a> темой.
</p>
</tr></td>
</table>
</div>
     <div id="sm2" class="submenutext">
<table width="100%"><tr><td width="60%"><center><br>
<font style="font-family: Cambria; color: #666563; font-size: 14px"><b>АДМИНИСТРАТОРЫ</b></font>
<p style="overflow: auto; height: 270px; overflow-x: auto;" align="center"><br>
<a href="http://lovelessnewworld.mybb.ru/profile.php?id=2"><img style='max-width:50px; max-height:50px;border: 1px solid #fff;' src="http://s7.uploads.ru/i2jg1.png" border=0 title="Натсуо Саган.
Создатель форума. Одного занятия на форуме не имеет, вносит свой вклад во все. Можно обращаться по любым вопросам. Всегда поможет. Строго относится к написанию постов. Увидеть его можно везде. как в игре, так и во флуде. Чаще появляется во флуде."></a>
<a href="http://lovelessnewworld.mybb.ru/profile.php?id=4"><img style='max-width:50px; max-height:50px;border: 1px solid #fff;' src="http://s6.uploads.ru/CQLAW.png" border=0 title="Йоджи Саган.
Второй администратор. Тоже не имеет одного занятия на форуме, вносит свои вклады во все. Не любит, когда с ним спорят. К нему так же можно обратиться по любому вопросу."></a>
</p>
<td width="40%"><center>
<font style="font-family: Times; color: #666563; font-size: 14px"><b>МОДЕРАТОРЫ</b></font></center>
<p style="overflow: auto; height: 270px; overflow-x: auto;" align="center"><br>
<a href="http://lovelessnewworld.mybb.ru/profile.php?id=13"><img style='max-width:50px; max-height:50px;border: 1px solid #fff;' src="http://s6.uploads.ru/DMKZH.png" border=0 title="Нагиса Саган.
http://s6.uploads.ru/t/VRQZm.jpg
	

Ученая Леди. Занимается исправлением маленьких недочетов главного администратора. Следит за порядком на форуме."></a>
<a href="http://lovelessnewworld.mybb.ru/profile.php?id=14"><img style='max-width:50px; max-height:50px;border: 1px solid #fff;' src="http://s7.uploads.ru/L5E0u.png" border=0 title="Мураки Казутака.
Директор Семи Звезд. Занимается всей технической частью форума : баннерообменом, партнерством, иногда дизайном. Хорошо разбирается кодах. Знает язык программиста. За игровым процессом не следит, поэтому, что, как и где происходит не в курсе."></a>
<a href="http://lovelessnewworld.mybb.ru/profile.php?id=18"><img style='max-width:50px; max-height:50px;border: 1px solid #fff;' src="http://s7.uploads.ru/eXJ6T.png" border=0 title="Акира Сакурай.
Прелестное создание и милая девушка. Изготавливает для форума аватары."></a>
</p>
</tr></td>
</table>
</div>
     <div id="sm3" class="submenutext"><table width="100%"><tr><td width="60%"><center><br>
<font style="font-family: Cambria; color: #666563; font-size: 14px"><b>ЛУЧШИЙ ИГРОК МЕСЯЦА</b></font>
<br><a href="ссылка"><img style='max-width:50px; max-height:50px;border: 1px solid #fff;' src="http://s7.uploads.ru/Du9gt.png" border=0 title="Активист недели"></a>
<a href="ссылка"><img style='max-width:50px; max-height:50px;border: 1px solid #fff;' src="http://s7.uploads.ru/Du9gt.png" border=0 title="Активист недели"></a>
<td width="40%"><center>
<font style="font-family: Times; color: #666563; font-size: 14px"><b>КОНКУРСЫ</b></font></center><br>
<a href="ссылка"><img style='max-width:50px; max-height:50px;border: 1px solid #fff;' src="http://s7.uploads.ru/Du9gt.png" border=0 title="победитель, место"></a>
<a href="ссылка"><img style='max-width:50px; max-height:50px;border: 1px solid #fff;' src="http://s7.uploads.ru/Du9gt.png" border=0 title="победитель, место"></a>
<a href="ссылка"><img style='max-width:50px; max-height:50px;border: 1px solid #fff;' src="http://s7.uploads.ru/Du9gt.png" border=0 title="победитель, место"></a>
</tr></td>
</table>
</div>
     <div id="sm4" class="submenutext">
<table width="100%"><tr><td width="60%"><center><br>
<font style="font-family: Cambria; color: #666563; font-size: 14px"><b>ДРУЗЬЯ</b></font>
<br><p style="overflow: auto; height: 270px; overflow-x: auto;" align="center"><br>
<a href="http://sympathyforthedevil.spybb.ru/" target="_blank"><img border="0" src="http://s1.ipicture.ru/uploads/20130630/xkb2dseI.gif" title="Final Fantasy: CrossWorlds" width="88" height="31" ></a>
<a href="http://betrayalknowsmyname.rolka.su/" target="_blank"><img border="0" src="http://s019.radikal.ru/i626/1210/b4/b95b83516a58.jpg" title="Betrayal Knows My Namе" width="88" height="31" ></a>
</p>
<td width="40%"><center>
<font style="font-family: Times; color: #666563; font-size: 14px"><b>ЛУЧШИЕ ДРУЗЬЯ</b></font></center>
<p style="overflow: auto; height: 270px; overflow-x: auto;" align="center"><br>
<a target="_blank" href="http://nihon.f-rpg.ru/"><img src="http://s4.uploads.ru/Mdcyt.jpg" border="0" height="31" width="88"></a>
</p>
</tr></td>
</table>
</div>

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

0

9

Код:
    #pun-navlinks a {
    display: ;
    height: 36px;
    width: 127px;
    margin-left: 10px;
    }
    #navindex a, #navindex a:hover {background: url(http://s7.uploads.ru/82Ok1.png) no-repeat top center;}
    #navuserlist a {background: url(адрес_изображения) no-repeat top center;}
    #navsearch a {background: url(адрес_изображения) no-repeat top center;}
    #navprofile a {background: url(адрес_изображения) no-repeat top center;}
    #navpm a {background: url(адрес_изображения) no-repeat top center;}
    #navadmin a {background: url(адрес_изображения) no-repeat top center;}
    #navlogout a {background: url(адрес_изображения) no-repeat top center;}
    #navlogin a {background: url(адрес_изображения) no-repeat top center;}
    #navregister  a {background: url(адрес_изображения) no-repeat top center;}
    #pun-navlinks a span {display: none;}

0

10

Код:
<!--Замена навигации меню-->
<script> var Img_Word=0;
   navlinks=new Array(
  "navindex", "http://s7.uploads.ru/82Ok1.png",
    "navuserlist", "http://s6.uploads.ru/jSBP5.png",
    "navsearch", "http://s6.uploads.ru/X61M2.png",
    "navprofile", "http://s6.uploads.ru/Le4mW.png",
    "navpm", "http://s6.uploads.ru/mB0TD.png",
    "navadmin", "http://s6.uploads.ru/z5UGe.png",
    "navlogout", "http://s6.uploads.ru/p7Nth.png",
    "navlogin", "http://s7.uploads.ru/Wx72l.png",
    "navregister", "http://s7.uploads.ru/UXaiz.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>

0

11

...

0

12

Эридан

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.8em;
  vertical-align: middle
  }

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

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

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

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

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

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

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

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

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

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

/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  float: none;
  padding: 0px 0px 0px 0px;
  padding-bottom: 210px;
  border: none;
  width: 920px;
  }
/* A5.2 */
.punbb {
  width: 100%;
  height: auto;
  }

/* A5.3 */
#pun-redirect {
  margin: 150px 20% 12px 0%;
  float: center;
  position:absolute;
  width: 560px; !important;
  height: 240px;!important;
  font-family: Times;
  font-size: 0em;
  padding-left: 455px!important;
  padding-top: 68px!important;
  color: transparent !important;
  background-image: url("http://s6.uploads.ru/shdFX.png");
  background-position: top center;  
  background-repeat: no-repeat;
  margin-left: -60px !important;
  }

#pun-maint, #pun-redirect h1 {display:none;} 
#pun-redirect a {
  position:absolute;
  font-style: normal;
  font-family: 'Cambria';
  font-size: 0em;
  font-style: italic;
  text-decoration: none;
  margin-top:20px !important;
  margin-left:-155px !important;
  width:400px!important;
  line-height:80%;
  text-align:center;}


/* 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 {
   border-style: solid; 
    border-width: 1px;
    padding: 0.5em 1em;
  }


/*************************************************************
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: double 3px #;
  width: 560px;
  margin: 7px 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: -1.4em;
  left: 1em;
  width: 24em;
  color: #4a290f;
  font-weight: bold;
  text-transform: lowercase;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -1.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;
  font-weight: bold;
  color: #4a290f;
  text-transform: lowercase;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  font-weight: bold;
  color: #4a290f;
  text-transform: lowercase;
  }

/* 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: right;
  width: 70%;
  }

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

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

.punbb .main .tcr a {
  font-weight: bold;
  text-transform: lowercase;
  font-family: 'Constantia';
  font-size: 13px;
  text-shadow: -1px 1px 0px #
}


/* 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: 15px;
  font-family: 'Constantia';
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0px;
}

#pun-index .tcl h3 a:link, #pun-index .tcl h3 a:visited, #pun-index .tcl h3 a:hover {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-shadow: 1px 0px 0px #e9d7ba;
}


/* 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;
  text-align: left;
  font-family: arial;
  font-size: 13px;
  }

.punbb td .modlist a {
  font-style: normal;
}


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

/* C2.12 */
.punbb .main th {
  padding: 1px 1em 1px 1em;
  border-left: none;
  border-top: none;
  border-bottom: 1px groove #;
  font-size:11px;
  }

/* 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: 15px;
  text-align: left;
}

/* C2.15 */
.punbb div.icon {
  float: right;
  display: block;
  width: 102px;
  height: 88px;
  padding-top: 1px;
  margin-top: 4px;
  margin-left: -7px;
  margin-bottom: -5px;
}

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

/* C3.1 */
.punbb .post .container {
  border-style: none none solid none;
  border-color: #937a5c;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  margin-left: -13px;
  margin-right: 7px;
  }

#pun-main .post .permalink {
  font-family: 'Times New Roman';
  font-size:13.5px;
  text-align: center;
  font-weight: bold;
  font-style: italic;
  text-shadow: -1px -0px #e8dac4;
}

#pun-main .post-links li a:link,  #pun-main .post-links li a:visited, #pun-main .post-links li a:hover {
  color: #540000;
  font-family: 'Times New Roman';
  font-size:13px;
  font-weight: bold;
  text-transform:  lowercase;
  font-style: italic;
  text-shadow: 1px 1px 0px #ddcdb0;
  letter-spacing: 1px;
}

#pun-main .post-links ul {
background-color: #;
}


/* 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 0.2em 0.2em 0.2em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  font-size: 1.2em;
  font-family: Constantia;
  font-weight: bold;
  text-transform: uppercase;
}

.pa-author a:link,  .pa-author a:visited, .pa-author a:hover {
  font-size: 1.2em;
  font-family: Constantia;
  font-weight: bold;
  text-transform: uppercase;
}


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

 #pun-messages .post-box {
width: 400px;
}


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

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

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


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

#profilenav li a, #profilenav li a:hover, #profilenav li а:link,  #profilenav li a:visited {
  font-family: 'arial';
  font-style: none;
  font-size:12.5px;
  font-weight: bold;
  text-shadow: #e7decf 1px 1px 0px;
  text-transform: lowercase;
}


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

#profilenav ul {
  background-image: url("http://s7.uploads.ru/gx7bB.png");
  border-width: 1px;
  margin: 0 0 1em 0;
  padding: 1.5em 18px 0.8em 18px;
  box-shadow: inset 0 0 2px 1px #;
  border-bottom: 3px solid #5f2f23 !important;
  border-top: 3px solid #5f2f23 !important;
  border-left: 1px solid #5f2f23 !important;
  border-right: 1px solid #5f2f23 !important;
  border-bottom-right-radius:12px;
  border-top-left-radius:12px;
  }



/* 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;
  float: left;
  font-size:18.5px;
  font-weight: bold;
  font-style: italic;
  font-family: 'Constantia';
  color: #5f2f23;
  padding-top: 17px!important;
  text-shadow: #e9d7ba 1px 1px 0px;
  text-transform: lowercase;
  }


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

#profilenav {
margin-top: -8em; padding: 0px !important;
}
#profilenav ul {
margin-top: -3em; padding: 0px !important;
}
#profilenav li {
margin-left: 1em !important;
}


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

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

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

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


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

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

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

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

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

#pun-title TABLE {
  border: none;
  height: 170px;
  width: 100%; 
  margin-bottom: 0px; 
  margin-top: 0px;
}

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

#pun-title TD.title-logo-tdr {
  border: none;
  width: 320px;
  vertical-align: top;
  padding-top: 0px;
  padding-right: 200px;
}



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

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


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

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

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

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

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

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

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

/* D3.2 */
#pun-navlinks .container { 
  font-family: 'Arial Narrow';
  font-size: 21px;
  text-align: right;
  text-transform: uppercase;
  letter-spacing: -1px;
}

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

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

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

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

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  font-size: 16px;
  font-family: Arial Narrow;
  text-transform: lowercase;
  text-decoration: none;
  text-align: right;
  font-weight: normal;
  }


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

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

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



/* 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;
  font-family: Times New Roman;
  font-size:14px;
  text-align: center;
  }

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

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: -20px;
  margin-bottom: -10px;
  font-family: 'Times New Roman';
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  font-size:13px;
  }

#pun-crumbs1 a:link, #pun-crumbs1 a:visited, #pun-crumbs1 a:hover {
  font-weight: bold;
  text-transform: uppercase;
}



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

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

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

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

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

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

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

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em;
  font-family: 'Cambria';
  font-size:13.5px
  }

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

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: left;
  clear: both;
  line-height: 120%;
  }

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

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


/* 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;
  font-family: 'Times New Roman';
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  font-size:13px;
  }

#pun-crumbs2 a:link, #pun-crumbs2 a:visited, #pun-crumbs2 a:hover {
  font-weight: bold;
  text-transform: uppercase;
}


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

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

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


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

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

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

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

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

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

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

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

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
2 окно
Код:
/*Убираем слово объявление из таблицы*/
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
/*Ставим шапку*/
body {
background-image: url("http://s6.uploads.ru/qbRNg.png");
background-repeat: no-repeat;
background-position: top center; 
}
/*Ставим фон*/
HTML {
background-color: #090404;
background-image: url("http://s6.uploads.ru/m6FqB.png");
background-repeat: repeat-xy; 
background-position: center top;
}
/*Ставим низ*/
#pun_wrap {  
background-image: url("http://s6.uploads.ru/TXOm4.png");
background-repeat: no-repeat; 
background-position: center bottom;
}



/* CS1 Background and text colours
-------------------------------------------------------------*/
/* 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: #000000;
  }

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


/* CS1.3 */
 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent; 
  color: #614517;
  font-size:18px;
  font-weight: bold;
  font-family: 'New Timas Roman';
  font-style: none;
  text-align: center;
  text-shadow: none;

}

/* 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;
  font-style: none;
  font-family: none;
  font-size: 13px;
  }

/* CS1.7 */
#pun-main .quote-box, #pun-main .code-box {
background-image: url("http://s7.uploads.ru/wW2pE.png");
color: #000000;
box-shadow: inset #896f46 1px 1px 26px;
border-bottom: 2px solid #5f391c !important;
border-top: 2px solid #5f391c !important;
border-left: 1px solid #5f391c !important;
border-right: 1px solid #5f391c !important;
  border-bottom-right-radius:12px;
  border-top-left-radius:12px;
  border-bottom-left-radius:0px;
  border-top-right-radius:0px;
  }


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

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

.punbb textarea, .punbb select, .punbb input {
color: #000000;
background: #ebe0cf;
border-bottom: 2px solid #5f391c !important;
border-top: 2px solid #5f391c !important;
border-left: 0px !important;
border-right: 0px !important;
    border-radius:12px;
    -webkit-border-radius:12px;
    -khtml-border-radius:12px;
    -moz-border-radius:12px;
    -o-border-radius:12px;
}



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

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

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

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

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


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

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

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


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

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

.punbb .formal fieldset .post-box, .punbb .info-box {
  border-color: transparent;
  }

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

.punbb .post-sig dt {
  border-top-color: # !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: #53351e;
  font-weight: normal;
  border-bottom: 0px none #;
  text-decoration: none;
  text-shadow: -1px 1px 0px #;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #53351e4;
  text-decoration: none;
  text-shadow: -1px 1px 0px #;
}


/* 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: #3f0000;
  text-transform: none;
  font-weight: normal;
  text-shadow: -1px 0px 0px #;
  }


/* CS3.3 */
#pun-navlinks a {
  color: #480000;
  font-weight: normal;
  border-bottom: 0 none #;
  text-shadow: -1px -0px #260000,
  1px 1px #910000;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #370000;
  background: none;
  font-weight: normal;
  border-bottom: 0px none #;
  text-shadow: -1px -0px #260000,
  1px 1px #910000;
  text-transform: uppercase;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #32241e;
  color: #66483d;
  }



/* CS4 Post status icons
-------------------------------------------------------------*/
/*Старые сообщения*/
Div.icon {  
background-image : url('http://s7.uploads.ru/4hGvq.png');
background-repeat: no-repeat;
}
/*Новые сообщения*/
TR.inew Div.icon {  
background-image : url('http://s6.uploads.ru/M0pl5.png');
background-repeat: no-repeat;
}
/*Важные темы*/
TR.isticky Div.icon {
background-image : url('http://s7.uploads.ru/ehU2y.png');
background-repeat: no-repeat;
}
/*Закрытые темы*/
TR.iclosed Div.icon {
background-image : url('http://s6.uploads.ru/Ha3rF.png');
background-repeat: no-repeat;
}



/*Категории тем*/
.punbb .main h1 {background-image : url(http://s6.uploads.ru/Fxnzd.png);
background-repeat: no-repeat;
background-position: center;
height: 40px;
   width: 923px;
margin-left: -25px;
color: #614517;
font-size:18px;
text-align: center;
font-weight: normal;
font-style: none;
font-family: 'Constantia';
text-transform: uppercase;
padding-top: 54px!important;
text-shadow: -1px -0px #3f2b0a,
1px 1px #d8cdba;
   }


/*Категории главной страницы и статистики*/
.punbb .main h2, #pun-stats h2 {background-image : url(http://s7.uploads.ru/WxsTn.png);
background-repeat: no-repeat;
background-position: center;
height: 80px;
   width: 923px;
margin-left: -31px;
color: #614517;
font-size:18px;
text-align: center;
font-weight: normal;
font-style: none;
font-family: 'Constantia';
text-transform: uppercase;
padding-top: 86px!important;
margin-top: -48px!important;
margin-bottom: -42px!important;
text-shadow: -1px -0px #3f2b0a,
1px 1px #d8cdba;
   }



/*Иконка статистики*/
#pun-stats ul.container {
    background: url("http://s7.uploads.ru/zVSyi.png") no-repeat scroll -2px 18px transparent!important;
    padding-left: 100px; height: 80px;
}


/* Пользовательские ссылки */
 #pun-ulinks  a:link, #pun-ulinks  a:visited {;
  color: #270000;
  text-shadow: -1px -0px #260000,
  1px 1px #790000;
  font-weight: normal;
  letter-spacing: 0px;
}
#pun-ulinks  a:hover, #pun-ulinks  a:focus, #pun-ulinks  a:active {
  text-transform: lowercase;
  font-weight: normal;
  letter-spacing: 0px;
}


/*Окно шрифта*/
#font-area, #size-area, #color-area, #smilies-area, #imageup-area, #keyboard-area, #video-area { 
background: #c7b18f;
border-style: inset;
border-width: 1px;
color: #000000;
border-color: #5f391c;
box-shadow: inset #896f46 1px 1px 8px;
}

/*Окно репутации*/
#pun-main #pun-reputation .reputation .container, div#pun-reputation div.inner h1   {background:#dfd2bf; color: #000000; !important;}


/*Количество тем, количество сообщений*/
#pun th {text-transform: uppercase; font-size:10px; !important; color: #2d3033; font-family: 'Times New Roman';
}


/*Страница наград*/
#pun-mod #pun-main .category h2 span {
text-align: center !important;
}
#pun-mod #pun-main .category h2 span a:link, #pun-mod #pun-main .category h2 span a:visited, #pun-mod #pun-main .category h2 span a:hover {
  text-transform: uppercase;
}
#pun-mod #pun-main .category h2 select {
margin-top: 50px;
margin-bottom: 20px;
font-size:11px;
width: 170px;
margin-left: -100px !important;
}


/*Меню навигации*/
#pun-navlinks a {
margin-left: -10px;
}


<!--Иконки администрации в таблице-->
#pun-viewtopic li.pa-gifts {display: none;}
.mini_gifts img {
   max-width: 50px !important;
   max-height: 50px !important;
}
.pa-fld1, .pa-fld2, .pa-fld3 {
font-family: Tahoma;
}
.pa-fld5, {
display: none;
}
.pa-awards .mini_awards_label a { display: none; }
.tooltip {
border: 1px; 
color: #000000;
text-decoration: none;
position: relative;}
.tooltip span {
margin-left: -999em;
position: absolute;}
.tooltip:hover span {
font-family:verdana;
position: absolute;
left: 40px; 
top: -60px; 
z-index: 223;
margin-left: 0;}
.tooltip:hover img {
left: 1em; 
top: 2em; 
z-index: 223;
margin-left: 0;}
.tip { 
position: absolute;
background: #b7bacd !important;
color: #000000;
z-index: 1000;
width: 224px;
padding: 5px; 
}
HTML-верх
Код:
<!--Отключения сервера рекомендаций-->
<script type="text/javascript">
rusffLive.enable = false;
</script>

<!--Убираем надпись награды из навигации форума -->
<style type="text/css">
li#navawards {display: none;}
</style>

<!--Окантовка профиля-->
<style>
.post-author ul {
margin-left: 0px;
text-align: center;
background-image: url("http://s6.uploads.ru/fOZ0J.png");
box-shadow: inset #896f46 1px 1px 36px;
  border-bottom-right-radius:12px;
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
  border-top-right-radius:12px;
text-shadow: none;
}

.pa-author {
font-weight: bold; !important;  padding-top: 7px !important;
}

.post-author ul li.pa-avatar img {
text-align: center;
box-shadow: 0 0 5px;
}
.punbb .post .pa-title {
font-style: oblique;
font-weight: normal;
}
.punbb .post .pa-online {
  font-size:14px;
  font-weight: bold;
  color: #540000;
  font-family: 'Times New Roman';
  text-shadow: 1px 0px 0px #ddcdb0;
  text-align: center;
  font-style: italic;
  margin-left:-15px;
  margin-bottom: 5px;
}

.pa-awards .mini_awards_label a {
display: none;
}
</style>




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


<!--Стрелки вверх, вниз-->
<div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;">
  <a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
    <img src="http://s6.uploads.ru/mU1Dx.png" alt="Вверх страницы">
  </a>
  <br>
  <br>
  <a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
    <img src="http://s6.uploads.ru/jcSze.png" alt="Вниз страницы">
  </a>
</div>


<!--ТАБЛИЦА-->
<style>
#submenu {
height: 280px;
text-align: center;
font-size: 12px;
width: 820px;
margin-left: -10px;
background-image: url();
box-shadow: inset #896f46 1px 1px 26px;
border-radius: 18px;
}
#menu span {
text-align:left;
display:inline-block;
color: #614517;
text-shadow: -1px -0px #3f2b0a,
1px 1px #d8cdba;
font-style: italic;
font-family: 'Constantia';
text-transform: lowercase;
font-size: 17px;
font-weight: normal;
}
#menu .tabactive {
color: #702319;
font-family: 'Constantia';
text-transform: lowercase;
font-size: 17px;
font-weight: normal;
}
</style>
HTML-низ
Код:
<!--Аватар по умолчанию-->
<script type="text/javascript">
    var DefAvtr="http://s7.uploads.ru/TN0dg.png";

    var s='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';$("li.pa-title").each(function(){if (($(this).parent("ul").find("li.pa-avatar").html())==null){$(this).after(s);};});
    </script>


<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>
Объявления
Код:
<center><table width="750" height="390">
<tbody>
<tr>
<td>
<center><div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">WELCOME</span>
<span alt=#sm2 "style="cursor: pointer;">АДМИНИСТРАЦИЯ</span>
<span alt=#sm3 "style="cursor: pointer;">НАВИГАЦИЯ</span>
<span alt=#sm4 "style="cursor: pointer;">ДАТА+ПОГОДА</span>
<span alt=#sm5 "style="cursor: pointer;">ПАРТНЕРЫ</span>
</b>
</div></center>
</td>
</tr>
<tr>
<td id="MenuTxT"  align="center" valign="top">
<div id="submenu" align="center"> 

<div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
<center>
<center>
<table><center><tr><td width="350">
<b>Рейтинг:</b> NC-17<br>
<b>Организация игры:</b> локационная
</td>
<td width="350">
<b>БАЛАНС:</b>
<br>Демоны - 24;    Люди - 24;
</td>
</tr></center>
</table>
<br><br>
<table><center><tr><td width="350">
<b>Победители конкурса "Superman"</b><br>
<a href="http://eriidan.rusff.me/profile.php?id=16"><img src="http://s6.uploads.ru/GXLir.png"/></a><br>
<a href="http://eriidan.rusff.me/profile.php?id=13"><img src="http://s6.uploads.ru/6TpkN.png"/></a><br>
</td>
<td width="350">
<b>Победители конкурса "На защиту редкостей!"</b><br>
<a href="http://eriidan.rusff.me/profile.php?id=45"><img src="http://s7.uploads.ru/hopfY.png"/></a><br>
<a href="http://eriidan.rusff.me/profile.php?id=2"><img src="http://s7.uploads.ru/8zl6n.png"/></a><br>
<a href="http://eriidan.rusff.me/profile.php?id=17"><img src="http://s6.uploads.ru/KNusz.png"/></a><br>
</td>
</tr></center>
</table>
<center><br><br> 
<br><a href="http://forum-top.ru/vote/2955" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru" /></a>
 <!-- Top.Roleplay.Ru -->
<script type="text/javascript" language="javascript">
var topRPGc="<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=21450&rnd=" + Math.random();
topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://top.roleplay.ru/21450' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='top_'>"+
"<img src='http://img.rpgtop.su/88x31x11x8.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> ";
document.write(topRPGc);
</script>
<noscript>
<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=21450' width='1' height='1' border='0'><a href='http://top.roleplay.ru/21450' target='_top'><img src='http://img.rpgtop.su/88x31x11x8.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
</noscript>
<!-- /Top.Roleplay.Ru -->
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=17838' target='_blank'>	
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=17838&cid=counter2007_17.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="'  alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=17838&cid=counter2007_17.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a>
</center><br>


</center>
</div>

<div id="sm2" class="submenutext"><br/><br/>
<table><center><tr><td width="150">
АДМИНИСТРАТОРЫ
</td>
<td width="150">
GM
</td>
<td width="150">
МОДЕРАТОРЫ
</td>
<td width="150">
АВАТАРМЕЙКЕРЫ
</td>
<td width="150">
ПИАР-АГЕНТЫ
</td>
</tr></center>
<center><tr>
<td width="220">
<a  href="http://eriidan.rusff.me/profile.php?id=2" title="Annabel" class="tooltip"><img src="http://s6.uploads.ru/OsrXo.jpg">
<span class="tip">
<img width="220" src="http://s7.uploads.ru/MropF.gif"/>
Аннабель - вполне себе адекватная дама с характером по типу "стандартный Гитлер". Может и по головке погладить, может и пинок отвесить. Занимается всем и ничем одновременно, следит за порядком по мере возможностей.
</span></a><br>
<a  href="http://eriidan.rusff.me/profile.php?id=10" title="Lilith" class="tooltip"><img src="http://s6.uploads.ru/ERY70.jpg">
<span class="tip">
<img width="220" src="http://s6.uploads.ru/CDTju.gif"/>
Лилит - личный кот её величества Аннабель. Делает всего и понемногу, ибо на много её просто не хватает. Просьба не гладить против шерсти и руки в рот не совать - кусается.</a>
</span><br>
<a  href="http://eriidan.rusff.me/profile.php?id=13" title="Michel" class="tooltip"><img src="http://s7.uploads.ru/On0vD.jpg">
<span class="tip">
<img width="220" src="http://s7.uploads.ru/ZrEmQ.gif"/>
Мишель - рыжий-рыжий конопатый, убил дедушку лопатой! Слова эти не о нашем красавце-докторе с просто очень фапательным телом и привлекательным лицом. Выполняет свою работу честно, относится ко всему ответственно.</a></span><br>
</td>
<td width="150">
<a href="http://eriidan.rusff.me/profile.php?id=33"><img src="http://s7.uploads.ru/dlHwb.jpg"/></a><br>
</td>
<td width="180">
<a  href="http://eriidan.rusff.me/profile.php?id=25" title="Velial" class="tooltip"><img src="http://s7.uploads.ru/SbTA7.jpg">
<span class="tip">
<img width="180" src="http://s7.uploads.ru/jofYq.gif"/>
Велиал - ходячий сгусток феромонов. Совет девушкам держаться подальше, этот донжуан не одну кровать шатал! Поразительно исполнительный и надежный субъект.</a></span><br>
</td>
<td width="150">
  ...<br>
</td>
<td width="220">
<a  href="http://eriidan.rusff.me/profile.php?id=17" title="Shi" class="tooltip"><img src="http://s6.uploads.ru/nu5Ij.jpg">
<span class="tip">
<img width="220" src="http://s7.uploads.ru/Xwi7d.gif"/>
Ши - баба-огонь. И коня на скаку остановит, и в горящую избу войдёт. А наша Ши-тян не только войдет, но и выйдет, прихватив все свои вещички.
  Занимается расклейкой реклам. Зашибись почтальон.</a></span><br>
</td>
</tr></center>
</table>
</div>

<div id="sm3" class="submenutext"><br/><br/>
<table>
<tr>
<td width="350">
<center><b>ГОСТЕВАЯ НАВИГАЦИЯ</b><br><br>
<a href="http://eriidan.rusff.me/viewtopic.php?id=2">Правила форума</a><br>
<a href="http://eriidan.rusff.me/viewtopic.php?id=3">Сюжет</a><br>
<a href="http://eriidan.rusff.me/viewtopic.php?id=156#p8354">F.A.Q.</a><br>
<a href="http://eriidan.rusff.me/viewtopic.php?id=110">Списки игроков</a><br>
<a href="http://eriidan.rusff.me/viewforum.php?id=4">Акции форума</a><br>
<a href="http://eriidan.rusff.me/viewtopic.php?id=26">Занятые внешности</a><br>
<a href="http://eriidan.rusff.me/viewtopic.php?id=170">Занятые способности</a><br>
<a href="http://eriidan.rusff.me/viewtopic.php?id=5&p=2#p3960">Задать вопрос</a>
</td>
<td width="350">
<center><b>ИГРОВАЯ НАВИГАЦИЯ</b></center><br><br>
<a href="http://eriidan.rusff.me/viewtopic.php?id=8">Шаблон анкеты</a><br>
<a href="http://eriidan.rusff.me/viewtopic.php?id=13">Поиск надзирателей/подопечных</a><br>
<a href="http://eriidan.rusff.me/viewtopic.php?id=12">Личное звание</a><br>
<a href="http://eriidan.rusff.me/viewtopic.php?id=15">Поиск партнера по игре</a><br>
<a href="http://eriidan.rusff.me/viewtopic.php?id=125#p5233">Поиск отношений</a><br>
<a href="http://eriidan.rusff.me/viewtopic.php?id=10">Аватаризация</a><br>
<a href="http://eriidan.rusff.me/viewtopic.php?id=14">Отсутствие/Уход</a><br>
</td>
</tr>
</table>
<br>
</div>

<div id="sm4" class="submenutext"><br/><br/>
<b>Время в игре</b><br>
День [12:00 - 16:00] (7)<br>
<br>
<b>Дата</b><br>
20 сентября (суббота)<br>
<br><b>Погода</b><br>
Ночная прохлада отступила и дала место теплому ветерку и яркому солнцу. Легкие облака на голубом небосклоне не предвещают дождя, хоть в воздухе и царит пока привычная осенняя влажность. Асфальт подсох, но кое-где еще виднеются лужи.
<br>
</div>


<div id="sm5" class="submenutext"><br/><br/>

<a href="http://worldbloodlad.rusff.me/" title="Blood lad: Dark Emperor" target="_blank"><img src="http://savepic.net/3982817.gif" border="0" width="88" height="31"></a>
<a href="http://supernaturalbrothers.ru" target=_blank title="Ныряй в Сверхъестественное!)))"><img src="http://s1.uploads.ru/i/Xc2mT.gif"></a>
<a href="http://cursesuit.anihub.ru/" target=_blank> <img src="http://s018.radikal.ru/i509/1201/0d/be13fdccfe15.jpg"border="0"alt="curse. suit." width=88 height=31></a>
<br>

<a href="http://snk.roleforum.ru/" target="_blank"><img src="http://s4.uploads.ru/DfYQH.gif" title="Advancing Giants: Palladium Of Liberty"></a>
<a target="_blank" href="http://palaceofstars.rolka.su" title="Город, которого Нет ">
<img src="http://s4.uploads.ru/A3hyJ.gif"></a>
<a href="http://anysie.mybb.ru/"><img src="http://i001.radikal.ru/1109/4a/336f734d10c0.jpg" border=0 title="Другая сторона"></a>
<a href="http://yamaku.f-rpg.ru/"><img src=http://s4.uploads.ru/LVGNY.gif></a>
<a href="http://sympathyforthedevil.spybb.ru/" target="_blank"><img border="0" src="http://s1.ipicture.ru/uploads/20130630/xkb2dseI.gif" title="Final Fantasy: CrossWorlds" width="88" height="31" ></a><a href="http://academyvamp.rusff.me" title="Vampire Academy" target='_blank'><img src='http://savepic.su/537267m.gif'></a><br>

<a href="http://str.rolebb.ru/"><img src="http://i052.radikal.ru/1208/47/ccce1e6d4af6.gif" ></a>
<a target="_blank" href="http://love.rolfor.ru/"><img src="http://s2.uploads.ru/bELXc.gif" border="0" width="88" height="31"/></a>
<a href="http://alternativereality.mybb.ru/" title="Ролевая игра по миру Аниты Блейк. Вампиры, оборотни и прочие существа в наши дни." target='_blank'><img src='https://forumstatic.ru/files/000d/56/27/53267.gif'></a>
<a href="http://sw.webtalk.ru/" target=_blank> <img src="http://s2.uploads.ru/x9572.gif" title=" Bleach: Swords' world" ></a>
<a href="http://katinanarutorolka.ru/" target=_blank> <img src="https://forumstatic.ru/files/0002/12/e4/30011.gif" title="Naruto. Next Generation." ></a>
<a href="http://secretsofmagic.anihub.ru"_blank" title="Hous of Cards"><img src="http://s1.uploads.ru/Sko7r.gif" alt="MAGIC SCHOOL" border="0" width="88" height="31"></a>
<br><br>

<a target="_blank" href="http://tank.mybb.ru" title="Ролевой Каталог 'ТАНКЪ'"><img src="https://forumstatic.ru/files/000e/fd/f7/73767.gif" border="0"></a><a href="http://cyanide.mybb.ru/" target="_blank"><img src="http://s3.uploads.ru/MgbrF.jpg
" title="CYANIDE" border="0" width="88" height="31"></a>
</div>

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

0

13

Темные Материалы: Двери Хаоса

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

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

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

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

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

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

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

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

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

/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  float: none;
  padding: 0px 0px 0px 0px;
  padding-bottom: 210px;
  border: none;
  width: 870px;
  }
/* A5.2 */
.punbb {
  width: 100%;
  height: auto;
  }

/* A5.3 */
#pun-redirect {
  margin: 150px 20% 12px 0%;
  float: center;
  position:absolute;
  width: 560px; !important;
  height: 240px;!important;
  font-family: Times;
  font-size: 0em;
  padding-left: 455px!important;
  padding-top: 68px!important;
  color: transparent !important;
  background-image: url("http://s9.uploads.ru/4aucg.png");
  background-position: top center;  
  background-repeat: no-repeat;
  margin-left: -60px !important;
  }

#pun-maint, #pun-redirect h1 {display:none;} 
#pun-redirect a {
  position:absolute;
  font-style: normal;
  font-family: 'Cambria';
  font-size: 0em;
  font-style: italic;
  text-decoration: none;
  margin-top:20px !important;
  margin-left:-155px !important;
  width:400px!important;
  line-height:80%;
  text-align:center;}


/* 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 {
   border-style: solid; 
    border-width: 1px;
    padding: 0.5em 1em;
  }


/*************************************************************
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: double 3px #;
  width: 560px;
  margin: 7px 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: -1.4em;
  left: 1em;
  width: 24em;
  color: #272727;
  font-weight: bold;
  text-transform: lowercase;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -1.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;
  font-weight: bold;
  color: #272727;
  text-transform: lowercase;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  font-weight: bold;
  color: #272727;
  text-transform: lowercase;
  }

/* 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: right;
  width: 70%;
  }

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

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

.punbb .main .tcr a {
  font-weight: bold;
  text-transform: lowercase;
  font-family: 'Constantia';
  font-size: 13px;
  text-shadow: -1px 1px 0px #;
  font-style: italic;
}


/* 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: 16px;
  font-family: 'Constantia';
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0px;
}

#pun-index .tcl h3 a:link, #pun-index .tcl h3 a:visited, #pun-index .tcl h3 a:hover {
  font-weight: bold;
  color: #64130c;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-shadow: -1px 1px 0px #dddddd;
}


/* 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;
  text-align: right;
  font-family: cambria;
  font-size: 13px;
  }

.punbb td .modlist a {
  font-style: normal;
}


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

/* C2.12 */
.punbb .main th {
  padding: 1px 1em 1px 1em;
  border-left: none;
  border-top: none;
  border-bottom: 1px groove #;
  font-size:11px;
  }

/* 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: 4px;
  text-align: right;
}

/* C2.15 */
.punbb div.icon {
  float: right;
  display: block;
  width: 68px;
  height: 71px;
  padding-top: 1px;
  margin-top: 4px;
  margin-left: 3px;
  margin-bottom: -19px;
}

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

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

#pun-main .post .permalink {
  font-family: 'Monotype Corsiva';
  font-size:14.5px;
  text-align: center;
  float: center;
  font-weight: bold;
  font-style: italic;
  text-shadow: -1px -0px #cdcdcd,
  1px 1px #dedede;
}

#pun-main .post-links li a:link,  #pun-main .post-links li a:visited, #pun-main .post-links li a:hover {
  color: #511a1a;
  font-family: 'Monotype Corsiva';
  font-size:16px;
  font-weight: bold;
  text-transform:  lowercase;
  font-style: italic;
  text-shadow: -1px -0px #cdcdcd,
  1px 1px #d8d8d8;
  letter-spacing: 0px;
}
#pun-main .post-links li a:hover {
  color: #7b1919;
}
#pun-main .post-links ul {
background-image: url("http://s9.uploads.ru/NTd6H.png");
}



/* 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 0.2em 0.2em 0.2em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  font-size: 1.2em;
  font-family: Constantia;
  font-weight: bold;
  text-transform: uppercase;
}

.pa-author a:link,  .pa-author a:visited, .pa-author a:hover {
  font-size: 1.2em;
  font-family: Constantia;
  font-weight: bold;
  text-transform: uppercase;
}


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

 #pun-messages .post-box {
width: 400px;
}


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

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

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


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

#profilenav li a, #profilenav li a:hover, #profilenav li а:link,  #profilenav li a:visited {
  font-family: 'arial';
  font-style: none;
  font-size:12.5px;
  font-weight: bold;
  text-shadow: #e1e1e1 1px 1px 0px;
  text-transform: lowercase;
}


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


#profilenav ul {
  background-image: url("");
  border-width: 1px;
  margin: 0 0 1em 0;
  padding: 1.5em 18px 0.8em 18px;
  box-shadow: inset #a7a7a7 1px 1px 16px;
  border-bottom: 3px solid #6a6a6a !important;
  border-top: 3px solid #6a6a6a !important;
  border-left: 1px solid #6a6a6a !important;
  border-right: 1px solid #6a6a6a !important;
  border-bottom-right-radius:12px;
  border-top-left-radius:12px;
  }



/* 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;
  float: left;
  font-size:18.5px;
  font-weight: bold;
  font-style: italic;
  font-family: 'Constantia';
  color: #2b2b2b;
  padding-top: 17px!important;
  text-shadow: #eae9e9 1px 1px 0px;
  text-transform: lowercase;
  }


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

#profilenav {
margin-top: -6em; padding: 0px !important;
}
#profilenav ul {
margin-top: -3em; padding: 0px !important;
}
#profilenav li {
margin-left: 1em !important;
}


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

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

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

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


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

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

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

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

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

#pun-title TABLE {
  border: none;
  height: 170px;
  width: 100%; 
  margin-bottom: 0px; 
  margin-top: 0px;
}

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

#pun-title TD.title-logo-tdr {
  border: none;
  width: 320px;
  vertical-align: top;
  padding-top: 0px;
  padding-right: 200px;
}



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

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


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

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

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

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

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

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

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

/* D3.2 */
#pun-navlinks .container { 
  font-family: 'Monotype Corsiva';
  font-weight: bold;
  text-transform:  lowercase;
  font-size: 27px;
  text-align: center;
  letter-spacing: -1px;
}

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

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

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

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

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  font-size: 11px;
  font-family: Arial;
  text-transform: lowercase;
  text-decoration: none;
  text-align: center;
  font-weight: normal;
  }


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

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

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



/* 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;
  font-family: Times New Roman;
  font-size:14px;
  text-align: center;
  font-style: italic;
  }

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

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: -20px;
  margin-bottom: -10px;
  font-family: 'Book Antiqua';
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  font-size:13px;
  }

#pun-crumbs1 a:link, #pun-crumbs1 a:visited, #pun-crumbs1 a:hover {
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: -1px 1px 0px #dddddd;
}



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

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

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

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

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

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

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

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em;
  font: normal verdana, arial, helvetica, sans-serif, cassandra;
  font-size:11px
  }

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

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

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

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


/* 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;
  font-family: 'Book Antiqua';
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  font-size:13px;
  }

#pun-crumbs2 a:link, #pun-crumbs2 a:visited, #pun-crumbs2 a:hover {
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: -1px 1px 0px #dddddd;
}


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

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

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


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

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

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

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

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

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

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

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

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
Цвета style_cs.css
Код:
/*Убираем слово объявление из таблицы*/
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
/*Ставим шапку*/
body {
background-image: url("http://s8.uploads.ru/Rwjb4.png");
background-repeat: no-repeat;
background-position: top center; 
}
/*Ставим фон*/
HTML {
background-color: #000000;
background-image: url("http://s9.uploads.ru/xhtyl.png");
background-repeat: repeat-xy; 
background-position: center top;
}
/*Ставим низ*/
#pun_wrap {  
background-image: url("http://s8.uploads.ru/oVtB2.png");
background-repeat: no-repeat; 
background-position: center bottom;
}



/* CS1 Background and text colours
-------------------------------------------------------------*/
/* 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: #000000;
  }

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

/* CS1.3 */
 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent; 
color: #5a5a5a;
font-size:18px;
text-align: center;
font-weight: normal;
font-family: 'Constantia';
text-transform: lowercase;
text-shadow: -1px -0px #313131,
1px 0px #c6c6c6;
font-style: none;
}

/* 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;
  font-style: none;
  font-family: none;
  font-size: 13px;
  }

/* CS1.7 */
#pun-main .quote-box, #pun-main .code-box {
background-image: url("http://s8.uploads.ru/RQZKJ.png");
color: #000000;
box-shadow: inset #8e8e8e 1px 1px 37px;
border-bottom: 1px solid #9a9a9a !important;
border-top: 1px solid #9a9a9a !important;
border-left: 1px solid #9a9a9a !important;
border-right: 1px solid #9a9a9a !important;
  border-bottom-right-radius:0px;
  border-top-left-radius:12px;
  border-bottom-left-radius:0px;
  border-top-right-radius:0px;
  text-shadow: -1px -0px #bfbdbd,
             1px 1px #c8c8c8;
  }


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

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

.punbb textarea, .punbb select, .punbb input {
color: #000000;
background: #f1f1f1;
border-bottom: 2px solid #6d6d6d !important;
border-top: 2px solid #6d6d6d !important;
border-left: 1px solid #6d6d6d !important;
border-right: 1px solid #6d6d6d !important;
    border-radius:20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
}



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

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

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

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

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


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

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

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


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

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

.punbb .formal fieldset .post-box, .punbb .info-box {
  border-color: transparent;
  }

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

.punbb .post-sig dt {
  border-top-color: # !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: #5b5b5b;
  font-weight: normal;
  border-bottom: 0px none #;
  text-decoration: none;
  text-shadow: -1px 0px 0px #;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #5b5b5b;
  text-decoration: none;
  text-shadow: -1px 0px 0px #;
}


/* 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: #2b2b2b;
  text-transform: none;
  font-weight: normal;
  text-shadow: -1px 0px 0px #dddddd;
  }


/* CS3.3 */
#pun-navlinks a {
  color: #959595;
  font-weight: normal;
  border-bottom: 0 none #;
  text-shadow: -1px -0px #575757,
  1px 1px #e5e5e5;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #910000;
  background: none;
  font-weight: normal;
  border-bottom: 0px none #;
  text-shadow: -1px -0px #410000,
  1px 1px #e5e5e5;
  text-transform: lowercase;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #32241e;
  color: #66483d;
  }



/* CS4 Post status icons
-------------------------------------------------------------*/
/*Старые сообщения*/
Div.icon {  
background-image : url('http://s9.uploads.ru/j6Tt9.png');
background-repeat: no-repeat;
}
/*Новые сообщения*/
TR.inew Div.icon {  
background-image : url('http://s9.uploads.ru/S8CYN.png');
background-repeat: no-repeat;
}
/*Важные темы*/
TR.isticky Div.icon {
background-image : url('http://s9.uploads.ru/CWTic.png');
background-repeat: no-repeat;
}
/*Закрытые темы*/
TR.iclosed Div.icon {
background-image : url('http://s8.uploads.ru/LH80F.png');
background-repeat: no-repeat;
}



/*Категории тем*/
.punbb .main h1 {background-image : url(http://s9.uploads.ru/Uzn3e.png);
background-repeat: no-repeat;
background-position: center;
height: 40px;
   width: 923px;
margin-left: -48px;
color: #5a5a5a;
font-size:18px;
text-align: center;
font-weight: normal;
font-style: italic;
font-family: 'Constantia';
text-transform: lowercase;
padding-top: 30px!important;
text-shadow: -1px -0px #313131,
1px 0px #c6c6c6;
   }


/*Категории главной страницы и статистики*/
.punbb .main h2, #pun-stats h2 {background-image : url();
background-repeat: no-repeat;
background-position: center;
height: 80px;
   width: 923px;
margin-left: -48px;
color: #5a5a5a;
font-size:18px;
text-align: center;
font-weight: normal;
font-style: italic;
font-family: 'Constantia';
text-transform: lowercase;
padding-top: 72px!important;
margin-top: -48px!important;
margin-bottom: -42px!important;
text-shadow: -1px -0px #313131,
1px 0px #c6c6c6;
   }



/*Иконка статистики*/
#pun-stats ul.container {
    background: url("") no-repeat scroll -2px 18px transparent!important;
    padding-left: 100px; height: 80px;
}


/* Пользовательские ссылки */
 #pun-ulinks  a:link, #pun-ulinks  a:visited {;
  color: #959595;
  text-shadow: -1px -0px #575757,
  1px 1px #e5e5e5;
  font-weight: normal;
  letter-spacing: 1px;
}
#pun-ulinks  a:hover, #pun-ulinks  a:focus, #pun-ulinks  a:active {
  text-transform: lowercase;
  font-weight: normal;
  letter-spacing: 1px;
}


/*Окно шрифта*/
#font-area, #size-area, #color-area, #smilies-area, #imageup-area, #keyboard-area, #video-area { 
background: #cacaca;
border-style: solid;
border-width: 1px;
color: #000000;
border-color: #9a9a9a;
}

/*Окно репутации*/
#pun-main #pun-reputation .container {background-image: url("http://s8.uploads.ru/RQZKJ.png"); color: #000000; width: 276px; box-shadow: inset #8e8e8e 1px 1px 26px; margin-left: -16px;!important;}
#pun-main #pun-reputation .container, div#pun-reputation div.inner h1 {background-image: url("http://s8.uploads.ru/RQZKJ.png"); color: #000000; width: 776px; box-shadow: inset 0 0 6px; !important;}


/*Количество тем, количество сообщений*/
#pun th {text-transform: uppercase; font-size:10px; !important; color: #2d3033; font-family: 'Times New Roman';
}


/*Страница наград*/
#pun-mod #pun-main .category h2 span {
text-align: center !important;
}
#pun-mod #pun-main .category h2 span a:link, #pun-mod #pun-main .category h2 span a:visited, #pun-mod #pun-main .category h2 span a:hover {
  text-transform: uppercase;
}
#pun-mod #pun-main .category h2 select {
margin-top: 50px;
margin-bottom: 20px;
font-size:11px;
width: 170px;
margin-left: -100px !important;
}
HTML-верх
Код:
<!--Отключения сервера рекомендаций-->
<script type="text/javascript">
rusffLive.enable = false;
</script>

<!--Убираем надпись награды из навигации форума -->
<style type="text/css">
li#navawards {display: none;}
</style>

<!--Окантовка профиля-->
<style>
.post-author ul {
margin-left: 0px;
text-align: center;
background-image: url();
box-shadow: inset #a7a7a7 1px 1px 16px;
border: 1px solid #a3a3a3;
text-shadow: none;
}

.pa-author {
font-weight: bold; !important;  padding-top: 7px !important;
}

.post-author ul li.pa-avatar img {
text-align: center;
box-shadow: 0 0 5px;
}
.punbb .post .pa-title {
font-style: normal;
font-weight: normal;
}
.punbb .post .pa-online {
  font-size:14px;
  font-weight: bold;
  color: #2b2b2b;
  font-family: 'cambria';
  text-shadow: 1px 0px 0px #ddcdb0;
  text-align: center;
  font-style: italic;
  margin-left:-15px;
  margin-bottom: 5px;
  text-transform: lowercase;
}

.pa-awards .mini_awards_label a {
display: none;
}
</style>




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


<!--Стрелки вверх, вниз-->
<div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;">
  <a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
    <img src="http://s6.uploads.ru/mU1Dx.png" alt="Вверх страницы">
  </a>
  <br>
  <br>
  <a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
    <img src="http://s6.uploads.ru/jcSze.png" alt="Вниз страницы">
  </a>
</div>


<!--Своя картинка в каждую категорию-->
<style>
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}
</style>






<!--ТАБЛИЦА-->
<style>
#submenu {
height: 280px;
text-align: center;
font-size: 12px;
width: 820px;
margin-left: -10px;
background-image: url();
box-shadow: inset #896f46 1px 1px 26px;
border-radius: 18px;
}
#menu span {
text-align:left;
display:inline-block;
color: #614517;
text-shadow: -1px -0px #3f2b0a,
1px 1px #d8cdba;
font-style: italic;
font-family: 'Constantia';
text-transform: lowercase;
font-size: 17px;
font-weight: normal;
margin: 5px;
}
#menu .tabactive {
color: #702319;
font-family: 'Constantia';
text-transform: lowercase;
font-size: 17px;
font-weight: normal;
margin: 5px;
}
</style>
HTML-низ
Код:
<!--Аватар по умолчанию-->
<script type="text/javascript">
    var DefAvtr="http://s8.uploads.ru/Ol1E5.png";

    var s='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';$("li.pa-title").each(function(){if (($(this).parent("ul").find("li.pa-avatar").html())==null){$(this).after(s);};});
    </script>


<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>



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




<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"Информационный отдел", "http://s8.uploads.ru/uXocf.png",
"Техническая поддержка", "",
"Форумы опытных пользователей", "",
"Разное", "",
"Статистика форума", "http://s8.uploads.ru/nRY1g.png"    //Последний элемент без запятой!  
)
        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
  "height":"80px",
  "padding-top": "72px!important",
  "margin-top":"-48px!important",
  "margin-bottom":"-42px!important",
  "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

14

Небесный Город

Окно 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.8em;
  vertical-align: middle
  }

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

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

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

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

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

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

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

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

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

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

/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  float: none;
  padding: 0px 0px 0px 0px;
  padding-bottom: 210px;
  border: none;
  width: 930px;
  }
/* A5.2 */
.punbb {
  width: 100%;
  height: auto;
  }

/* A5.3 */
#pun-redirect {
  margin: 150px 20% 12px 0%;
  float: center;
  position:absolute;
  width: 560px; !important;
  height: 240px;!important;
  font-family: Times;
  font-size: 0em;
  padding-left: 455px!important;
  padding-top: 68px!important;
  color: transparent !important;
  background-image: url("http://s8.uploads.ru/uAf2j.png");
  background-position: top center;  
  background-repeat: no-repeat;
  margin-left: -60px !important;
  }

#pun-maint, #pun-redirect h1 {display:none;} 
#pun-redirect a {
  position:absolute;
  font-style: normal;
  font-family: 'Cambria';
  font-size: 0em;
  font-style: italic;
  text-decoration: none;
  margin-top:20px !important;
  margin-left:-155px !important;
  width:400px!important;
  line-height:80%;
  text-align:center;}


/* 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 {
   border-style: solid; 
    border-width: 1px;
    padding: 0.5em 1em;
  }


/*************************************************************
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: double 3px #;
  width: 560px;
  margin: 7px 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: -1.2em;
  left: 1em;
  width: 24em;
  color: #315880;
  font-weight: bold;
  text-transform: lowercase;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -1.2em;
  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;
  font-weight: bold;
  color: #315880;
  text-transform: lowercase;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  font-weight: bold;
  color: #315880;
  text-transform: lowercase;
  }

/* 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: right;
  width: 70%;
  }

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

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

.punbb .main .tcr a {
  font-weight: bold;
  text-transform: lowercase;
  font-family: 'Constantia';
  font-size: 13px;
  text-shadow: -1px 1px 0px #ffffff;
  font-style: italic;
}


/* 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: 16px;
  font-family: 'Constantia';
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0px;
}

#pun-index .tcl h3 a:link, #pun-index .tcl h3 a:visited, #pun-index .tcl h3 a:hover {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-shadow: -1px 1px 0px #ffffff;
}


/* 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;
  text-align: right;
  font-family: cambria;
  font-size: 13px;
  }

.punbb td .modlist a {
  font-style: normal;
}


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

/* C2.12 */
.punbb .main th {
  padding: 1px 1em 1px 1em;
  border-left: none;
  border-top: none;
  border-bottom: 1px groove #;
  font-size:11px;
  }

/* 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: 4px;
  text-align: right;
}

/* C2.15 */
.punbb div.icon {
  float: right;
  display: block;
  width: 90px;
  height: 71px;
  padding-top: 1px;
  margin-top: 4px;
  margin-left: 2px;
  margin-bottom: -17px;
}

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

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

#pun-main .post .permalink {
  font-family: 'cambria';
  font-size:13px;
  text-align: center;
  float: center;
  font-weight: bold;
  font-style: italic;
}

#pun-main .post-links li a:link,  #pun-main .post-links li a:visited, #pun-main .post-links li a:hover {
  color: #98b0bd;
  text-shadow: -1px -0px #456d81,
  1px 1px #ececec;
  font-family: 'times New Roman';
  font-size:13.5px;
  font-weight: normal;
  text-transform:  lowercase;
  font-style: italic;
  letter-spacing: 1px;
}
#pun-main .post-links li a:hover {
  color: #005298;
  font-family: 'times New Roman';
  font-size:13.5px;
  font-weight: normal;
  text-transform:  lowercase;
  font-style: italic;
  letter-spacing: 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 0.2em 0.2em 0.2em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  font-size: 1.2em;
  font-family: Constantia;
  font-weight: bold;
  text-transform: uppercase;
}

.pa-author a:link,  .pa-author a:visited, .pa-author a:hover {
  font-size: 1.2em;
  font-family: Constantia;
  font-weight: bold;
  text-transform: uppercase;
}


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

 #pun-messages .post-box {
width: 400px;
}


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

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

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


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

#profilenav li a, #profilenav li a:hover, #profilenav li а:link,  #profilenav li a:visited {
  font-family: 'arial';
  font-style: none;
  font-size:12.5px;
  font-weight: bold;
  text-shadow: #e1e1e1 1px 1px 0px;
  text-transform: lowercase;
}


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


#profilenav ul {
  background-image: url("http://s8.uploads.ru/LlvKn.png");
  border-width: 1px;
  margin: 0 0 1em 0;
  padding: 1.5em 18px 0.8em 18px;
  box-shadow: inset # 1px 1px 16px;
  border-bottom: 3px solid #6a6a6a !important;
  border-top: 3px solid #6a6a6a !important;
  border-left: 1px solid #6a6a6a !important;
  border-right: 1px solid #6a6a6a !important;
  border-bottom-right-radius:12px;
  border-top-left-radius:12px;
  }



/* 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;
  float: left;
  font-size:18.5px;
  font-weight: bold;
  font-style: italic;
  font-family: 'Constantia';
  color: #304e9a;
  padding-top: 17px!important;
  text-shadow: -1px 0px 0px #ffffff;
  text-transform: lowercase;
  }


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

#profilenav {
margin-top: -6em; padding: 0px !important;
}
#profilenav ul {
margin-top: -3em; padding: 0px !important;
}
#profilenav li {
margin-left: 1em !important;
}


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

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

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

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


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

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

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

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

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

#pun-title TABLE {
  border: none;
  height: 170px;
  width: 100%; 
  margin-bottom: 0px; 
  margin-top: 0px;
}

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

#pun-title TD.title-logo-tdr {
  border: none;
  width: 320px;
  vertical-align: top;
  padding-top: 0px;
  padding-right: 200px;
}



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

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


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

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

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

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

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

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

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

/* D3.2 */
#pun-navlinks .container { 
  font-family: 'times new roman';
  font-weight: bold;
  text-transform:  lowercase;
  font-size: 22px;
  text-align: center;
  letter-spacing: -1px;
  font-style: italic;
}

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

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

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

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

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  font-size: 11px;
  font-family: Arial;
  text-transform: lowercase;
  text-decoration: none;
  text-align: center;
  font-weight: normal;
  }


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

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

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



/* 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.5em 1em 1em 1em;
  font-family: Times New Roman;
  font-size:14px;
  text-align: center;
  font-style: italic;
  text-transform: lowercase;
  }

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

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: -20px;
  margin-bottom: -10px;
  font-family: 'Book Antiqua';
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  font-size:13px;
  }

#pun-crumbs1 a:link, #pun-crumbs1 a:visited, #pun-crumbs1 a:hover {
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: -1px 1px 0px #ffffff;
}



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

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

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

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

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

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

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

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em;
  font-family: 'cambria';
  font-size:14px;
  font-style: italic;
  }

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

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

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

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


/* 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;
  font-family: 'Book Antiqua';
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  font-size:13px;
  }

#pun-crumbs2 a:link, #pun-crumbs2 a:visited, #pun-crumbs2 a:hover {
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: -1px 1px 0px #ffffff;
}


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

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

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


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

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

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

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

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

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

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

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

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
Окно 2
Код:
/*Убираем слово объявление из таблицы*/
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
/*Ставим шапку*/
body {
background-image: url("http://s8.uploads.ru/skcMe.png");
background-repeat: no-repeat;
background-position: top center; 
}
/*Ставим фон*/
HTML {
background-color: #33b6e6;
background-image: url("http://s9.uploads.ru/25TEz.png");
background-repeat: repeat-xy; 
background-position: center top;
}
/*Ставим низ*/
#pun_wrap {  
background-image: url("http://s8.uploads.ru/Qe6xL.png");
background-repeat: no-repeat; 
background-position: center bottom;
}



/* CS1 Background and text colours
-------------------------------------------------------------*/
/* 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: #000000;
  }

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


/* CS1.3 */
 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent; 
  color: #304e9a;
  text-shadow: -1px -0px #6093b1,
  1px 0px #e8eff4;
  font-size:18px;
  font-weight: bold;
  font-family: 'New Timas Roman';
  font-style: none;
  text-align: center;
  text-shadow: none;

}

/* 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;
  font-style: none;
  font-family: none;
  font-size: 13px;
  }

/* CS1.7 */
#pun-main .quote-box, #pun-main .code-box {
background-image: url("http://s8.uploads.ru/VRa8f.png");
color: #09417b;
border: 3px double #bcbcbc !important;
  border-bottom-right-radius:0px;
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
  border-top-right-radius:0px;
  text-shadow: -1px -0px #,
             1px 1px #f3f3f3;
  }


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

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

.punbb textarea, .punbb select, .punbb input {
color: #000000;
background-image: url("http://s8.uploads.ru/VRa8f.png");
border-bottom: 2px solid #6d6d6d !important;
border-top: 2px solid #6d6d6d !important;
border-left: 1px solid #6d6d6d !important;
border-right: 1px solid #6d6d6d !important;
    border-radius:20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
}



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

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

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

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

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


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

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

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


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

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

.punbb .formal fieldset .post-box, .punbb .info-box {
  border-color: transparent;
  }

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

.punbb .post-sig dt {
  border-top-color: # !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: #24415c;
  font-weight: normal;
  border-bottom: 0px none #;
  text-decoration: none;
  text-shadow: -1px 0px 0px #;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #24415c;
  text-decoration: none;
  text-shadow: -1px 0px 0px #;
}


/* 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: #006db2;
  text-transform: none;
  font-weight: normal;
  text-shadow: -1px 0px 0px #;
  }


/* CS3.3 */
#pun-navlinks a {
  color: #959595;
  font-weight: normal;
  border-bottom: 0 none #;
  text-shadow: -1px -0px #575757,
  1px 1px #e5e5e5;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #004b91;
  background: none;
  font-weight: normal;
  border-bottom: 0px none #;
  text-shadow: -1px -0px #002548,
  1px 1px #e5e5e5;
  text-transform: lowercase;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #32241e;
  color: #66483d;
  }



/* CS4 Post status icons
-------------------------------------------------------------*/
/*Старые сообщения*/
Div.icon {  
background-image : url('http://s8.uploads.ru/MCUzk.png');
background-repeat: no-repeat;
}
/*Новые сообщения*/
TR.inew Div.icon {  
background-image : url('http://s8.uploads.ru/e2Vil.png');
background-repeat: no-repeat;
}
/*Важные темы*/
TR.isticky Div.icon {
background-image : url('http://s9.uploads.ru/BbLMt.png');
background-repeat: no-repeat;
}
/*Закрытые темы*/
TR.iclosed Div.icon {
background-image : url('http://s9.uploads.ru/8kOJw.png');
background-repeat: no-repeat;
}



/*Категории тем*/
.punbb .main h1 {background-image : url(http://s8.uploads.ru/jkB7p.png);
background-repeat: no-repeat;
background-position: center;
height: 40px;
   width: 1056px;
margin-left: -79px;
color: #304e9a;
font-size:18px;
text-align: center;
font-weight: normal;
font-style: italic;
font-family: 'Constantia';
text-transform: lowercase;
padding-top: 35px!important;
text-shadow: -1px -0px #6093b1,
1px 0px #e8eff4;
   }


/*Категории главной страницы и статистики*/
.punbb .main h2, #pun-stats h2 {background-image : url(http://s8.uploads.ru/jkB7p.png);
background-repeat: no-repeat;
background-position: center;
height: 80px;
   width: 1056px;
margin-left: -79px;
color: #304e9a;
font-size:18px;
text-align: center;
font-weight: normal;
font-style: italic;
font-family: 'Constantia';
text-transform: lowercase;
padding-top: 76px!important;
margin-top: -48px!important;
margin-bottom: -42px!important;
text-shadow: -1px -0px #6093b1,
1px 0px #e8eff4;
   }



/*Иконка статистики*/
#pun-stats ul.container {
    background: url("http://s9.uploads.ru/ByaKV.png") no-repeat scroll 20px 5px transparent!important;
    padding-left: 100px; height: 80px;
}


/* Пользовательские ссылки */
 #pun-ulinks  a:link, #pun-ulinks  a:visited {;
  color: #959595;
  text-shadow: -1px -0px #575757,
  1px 1px #e5e5e5;
  font-weight: normal;
  letter-spacing: 1px;
}
#pun-ulinks  a:hover, #pun-ulinks  a:focus, #pun-ulinks  a:active {
  text-transform: lowercase;
  font-weight: normal;
  letter-spacing: 1px;
  color: #002548;
  text-shadow: -1px -0px #575757,
  1px 1px #e5e5e5;
}


/*Окно шрифта*/
#font-area, #size-area, #color-area, #smilies-area, #imageup-area, #keyboard-area, #video-area { 
background: #eaeaea;
border-style: solid;
border-width: 1px;
color: #000000;
border-color: #9a9a9a;
}

/*Окно репутации*/
#pun-main #pun-reputation .container {background-image: url("http://s8.uploads.ru/VRa8f.png"); color: #000000; width: 276px; box-shadow: inset #b6c3cc 1px 1px 26px; margin-left: -16px;!important;}
#pun-main #pun-reputation .container, div#pun-reputation div.inner h1 {background-image: url("http://s8.uploads.ru/VRa8f.png"); color: #000000; width: 776px; box-shadow: inset 0 0 6px; !important;}


/*Количество тем, количество сообщений*/
#pun th {text-transform: lowercase; font-size:13px; !important; color: #2d3033; font-family: 'cambria'; font-style: italic;
}


/*Страница наград*/
#pun-mod #pun-main .category h2 span {
text-align: center !important;
}
#pun-mod #pun-main .category h2 span a:link, #pun-mod #pun-main .category h2 span a:visited, #pun-mod #pun-main .category h2 span a:hover {
  text-transform: uppercase;
}
#pun-mod #pun-main .category h2 select {
margin-top: 50px;
margin-bottom: 20px;
font-size:11px;
width: 170px;
margin-left: -100px !important;
}
HTML-верх
Код:
<!--Отключения сервера рекомендаций-->
<script type="text/javascript">
rusffLive.enable = false;
</script>

<!--Убираем надпись награды из навигации форума -->
<style type="text/css">
li#navawards {display: none;}
</style>

<!--Окантовка профиля-->
<style>
.post-author ul {
margin-left: 0px;
text-align: center;
background-image: url(http://s8.uploads.ru/LlvKn.png);
box-shadow: inset #b6c3cc 1px 1px 16px;
border: 3px double #b6c3cc;
text-shadow: none;
}

.pa-author {
font-weight: bold; !important;  padding-top: 7px !important;
}
.post-author ul li.pa-avatar img {
text-align: center;
border: solid 2px #b6c3cc;
}
.punbb .post .pa-title {
font-style: italic;
font-weight: normal;
}
.punbb .post .pa-online {
  font-size:14px;
  font-weight: bold;
  color: #185991;
  font-family: 'cambria';
  text-align: center;
  font-style: italic;
  margin-left:-15px;
  margin-bottom: 5px;
  text-transform: lowercase;
  text-shadow: -1px 0px -0px #ffffff;
}

.pa-awards .mini_awards_label a {
display: none;
}
</style>




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


<!--Стрелки вверх, вниз-->
<div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;">
  <a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
    <img src="http://s8.uploads.ru/VpLqQ.png" alt="Вверх страницы">
  </a>
  <br>
  <br>
  <a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
    <img src="http://s9.uploads.ru/Czbt2.png" alt="Вниз страницы">
  </a>
</div>
HTML-низ
Код:
<!--Аватар по умолчанию-->
<script type="text/javascript">
    var DefAvtr="http://s9.uploads.ru/3smqN.png";

    var s='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';$("li.pa-title").each(function(){if (($(this).parent("ul").find("li.pa-avatar").html())==null){$(this).after(s);};});
    </script>

0

15

HTML-верх
Код:
<!--Отключения сервера рекомендаций-->
<script type="text/javascript">
rusffLive.enable = false;
</script>

<!--Убираем надпись награды из навигации форума -->
<style type="text/css">
li#navawards {display: none;}
</style>

<!--Окантовка профиля-->
<style>
.post-author ul {
margin-left: 0px;
text-align: center;
background-image: url(http://s8.uploads.ru/LlvKn.png);
box-shadow: inset #b6c3cc 1px 1px 16px;
border: 3px double #b6c3cc;
text-shadow: none;
}

.pa-author {
font-weight: bold; !important;  padding-top: 7px !important;
}

.post-author ul li.pa-avatar img {
text-align: center;
border: solid 2px #b6c3cc;
}
.punbb .post .pa-title {
font-style: italic;
font-weight: normal;
}
.punbb .post .pa-online {
  font-size:14px;
  font-weight: bold;
  color: #185991;
  font-family: 'cambria';
  text-align: center;
  font-style: italic;
  margin-left:-15px;
  margin-bottom: 5px;
  text-transform: lowercase;
  text-shadow: -1px 0px -0px #ffffff;
}

.pa-awards .mini_awards_label a {
display: none;
}
</style>




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


<!--Стрелки вверх, вниз-->
<div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;">
  <a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
    <img src="http://s8.uploads.ru/VpLqQ.png" alt="Вверх страницы">
  </a>
  <br>
  <br>
  <a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
    <img src="http://s9.uploads.ru/Czbt2.png" alt="Вниз страницы">
  </a>
</div>




<!--Таблица-->
<style>	
#menu {
margin-top: -5px;
width: 180px;
height: 60px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
  font-family: 'times new roman';
  font-weight: nomal;
  color: #575757;
  font-size: 18px;
  letter-spacing: -1px;
  text-transform: lowercase;
margin: 7px 0;
padding: 11px;
}
#submenu {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background-image: url(http://s8.uploads.ru/LlvKn.png);
box-shadow: inset #b6c3cc 1px 1px 16px;
border-bottom: 2px solid #6d6d6d !important;
border-top: 2px solid #6d6d6d !important;
border-left: 1px solid #6d6d6d !important;
border-right: 1px solid #6d6d6d !important
}
#menu span {
background-image: url();
}
#menu .tabactive {
  color: #004b91;
  background: none;
  border-bottom: 0px none #;
  text-shadow: -1px -0px #002548,
  1px 1px #e5e5e5;
  text-transform: lowercase;
  font-family: 'times new roman';
  font-weight: normal;
  font-size: 18px;
  letter-spacing: -1px;
  font-style: italic;
}

#submenu {
padding: 3px;
height: 180px;
text-align: center;
font-size: 12px;
width: 700px;
}

.submenutext {
display: none; 
height: 40px;
}
</style>
HTML-низ
Код:
<!--Аватар по умолчанию-->
<script type="text/javascript">
    var DefAvtr="http://s9.uploads.ru/3smqN.png";

    var s='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';$("li.pa-title").each(function(){if (($(this).parent("ul").find("li.pa-avatar").html())==null){$(this).after(s);};});
    </script>




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


<!--Пиарвход-->
<script type="text/javascript">
    PiarNik="AirPiar";
    PiarPas="1111";

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

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


<!--Таблица-->
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>
Объявления
Код:
<center><table style="width: 800px">
 <tbody>
  <tr>
   <td valign=top>
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">Добро пожаловать</span>
<span alt="#sm2" style="cursor: pointer;">Новости форума</span>
<span alt="#sm3" style="cursor: pointer;">Администрация</span>
<span alt="#sm4" style="cursor: pointer;">Баннеры партнеров</span>
           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
текст добро пожаловать
</div>
     <div id="sm2" class="submenutext"><br /><br />
текст новости форума
</div>
     <div id="sm3" class="submenutext"><br /><br />
текст Администрация
</div>
     <div id="sm4" class="submenutext"><br /><br />
текст баннеры партнеров
</div>

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

0

16

Код:
Monotype Corsiva

0

17

Illusion of the Sunlight: The destroyed dreams

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.8em;
  vertical-align: middle
  }

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

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

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

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

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

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

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

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

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

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

/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  float: none;
  padding: 0px 0px 0px 0px;
  padding-bottom: 210px;
  border: none;
  width: 930px;
  }
/* A5.2 */
.punbb {
  width: 100%;
  height: auto;
  }

/* A5.3 */
#pun-redirect {
  margin: 150px 20% 12px 0%;
  float: center;
  position:absolute;
  width: 560px; !important;
  height: 240px;!important;
  font-family: Times;
  font-size: 0em;
  padding-left: 455px!important;
  padding-top: 68px!important;
  color: transparent !important;
  background-image: url("http://s9.uploads.ru/1HQM0.png");
  background-position: top center;  
  background-repeat: no-repeat;
  margin-left: -60px !important;
  }

#pun-maint, #pun-redirect h1 {display:none;} 
#pun-redirect a {
  position:absolute;
  font-style: normal;
  font-family: 'Cambria';
  font-size: 0em;
  font-style: italic;
  text-decoration: none;
  margin-top:20px !important;
  margin-left:-155px !important;
  width:400px!important;
  line-height:80%;
  text-align:center;}


/* 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 {
   border-style: solid; 
    border-width: 1px;
    padding: 0.5em 1em;
  }


/*************************************************************
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: double 3px #;
  width: 560px;
  margin: 7px 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: -1.2em;
  left: 1em;
  width: 24em;
  color: #686f4a;
  font-weight: bold;
  text-transform: lowercase;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -1.2em;
  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;
  font-weight: bold;
  color: #686f4a;
  text-transform: lowercase;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  font-weight: bold;
  color: #686f4a;
  text-transform: lowercase;
  }

/* 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: right;
  width: 70%;
  }

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

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

.punbb .main .tcr a {
  font-weight: bold;
  text-transform: lowercase;
  font-family: 'Constantia';
  font-size: 13px;
  text-shadow: -1px 1px 0px #e6decf;
  font-style: italic;
}


/* 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: 16px;
  font-family: 'Constantia';
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0px;
}

#pun-index .tcl h3 a:link, #pun-index .tcl h3 a:visited, #pun-index .tcl h3 a:hover {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-shadow: -1px 0px 0px #e6decf;
}


/* 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;
  text-align: right;
  font-family: cambria;
  font-size: 13px;
  }

.punbb td .modlist a {
  font-style: normal;
}


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

/* C2.12 */
.punbb .main th {
  padding: 1px 1em 1px 1em;
  border-left: none;
  border-top: none;
  border-bottom: 1px groove #;
  font-size:11px;
  }

/* 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: 4px;
  text-align: right;
}

/* C2.15 */
.punbb div.icon {
  float: right;
  display: block;
  width: 90px;
  height: 76px;
  padding-top: 1px;
  margin-top: 4px;
  margin-left: 2px;
  margin-bottom: -17px;
}

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

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

#pun-main .post .permalink {
  font-family: 'cambria';
  font-size:13px;
  text-align: center;
  float: center;
  font-weight: bold;
  font-style: italic;
  text-transform:  lowercase;
  text-shadow: -1px -0px #ded6c8;
}

#pun-main .post-links li a:link,  #pun-main .post-links li a:visited, #pun-main .post-links li a:hover {
  color: #9a8f7c;
  text-shadow: -1px -0px #5a4f3b,
  1px 1px #ded6c8;
  font-family: 'times New Roman';
  font-size:13.5px;
  font-weight: normal;
  text-transform:  lowercase;
  font-style: italic;
  letter-spacing: 1px;
}
#pun-main .post-links li a:hover {
  color: #5f7236;
  font-family: 'times New Roman';
  font-size:13.5px;
  font-weight: normal;
  text-transform:  lowercase;
  font-style: italic;
  letter-spacing: 1px;
  text-shadow: -1px -0px #394f0a,
  1px 1px #ded6c8;
}


/* 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: 19.3em;
  margin-top: -1.5em;
  overflow: hidden;
  }

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

/* C3.7 */
.pa-author {
  font-size: 1.2em;
  font-family: Constantia;
  font-weight: bold;
  text-transform: uppercase;
}

.pa-author a:link,  .pa-author a:visited, .pa-author a:hover {
  font-size: 1.2em;
  font-family: Constantia;
  font-weight: bold;
  text-transform: uppercase;
}


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

 #pun-messages .post-box {
width: 400px;
}


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

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

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


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

#profilenav li a, #profilenav li a:hover, #profilenav li а:link,  #profilenav li a:visited {
  font-family: 'arial';
  font-style: none;
  font-size:12.5px;
  font-weight: bold;
  text-shadow: #dcd3be 1px 1px 0px;
  text-transform: lowercase;
}


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


#profilenav ul {
  background-image: url("http://s9.uploads.ru/G2MKW.png");
  border-width: 1px;
  margin: 0 0 1em 0;
  padding: 1.5em 18px 0.8em 18px;
  box-shadow: inset # 1px 1px 16px;
  box-shadow: inset #c8c1b4 1px 1px 37px;
  border-bottom: 3px solid #614e28 !important;
  border-top: 3px solid #614e28 !important;
  border-left: 1px solid #614e28 !important;
  border-right: 1px solid #614e28 !important;
  border-bottom-right-radius:12px;
  border-top-left-radius:12px;
  }



/* 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;
  float: left;
  font-size:18.5px;
  font-weight: bold;
  font-style: italic;
  font-family: 'Constantia';
  color: #574b38;
  padding-top: 17px!important;
  text-shadow: -1px 0px 0px #d1cabd;
  text-transform: lowercase;
  }


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

#profilenav {
margin-top: -6em; padding: 0px !important;
}
#profilenav ul {
margin-top: -3em; padding: 0px !important;
}
#profilenav li {
margin-left: 1em !important;
}


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

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

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

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


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

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

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

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

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

#pun-title TABLE {
  border: none;
  height: 170px;
  width: 100%; 
  margin-bottom: 0px; 
  margin-top: 0px;
}

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

#pun-title TD.title-logo-tdr {
  border: none;
  width: 320px;
  vertical-align: top;
  padding-top: 0px;
  padding-right: 200px;
}



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

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


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

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

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

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

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

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

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

/* D3.2 */
#pun-navlinks .container { 
  font-family: 'Book Antiqua';
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  letter-spacing: -1px;
  font-style: none;
}

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

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

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

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

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  font-size: 13px;
  font-family: cambria;
  text-transform: lowercase;
  text-decoration: none;
  text-align: center;
  font-weight: normal;
  font-style: italic;
  }


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

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

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



/* 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.5em 1em 1em 1em;
  font-family: Times New Roman;
  font-size:14px;
  text-align: center;
  font-style: italic;
  text-transform: lowercase;
  }

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

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: -20px;
  margin-bottom: -10px;
  font-family: 'Book Antiqua';
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  font-size:13px;
  }

#pun-crumbs1 a:link, #pun-crumbs1 a:visited, #pun-crumbs1 a:hover {
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: -1px 1px 0px #e6decf;
}



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

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

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

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

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

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

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

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em;
  font-family: 'cambria';
  font-size:14px;
  font-style: italic;
  }

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

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

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

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


/* 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;
  font-family: 'Book Antiqua';
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  font-size:13px;
  }

#pun-crumbs2 a:link, #pun-crumbs2 a:visited, #pun-crumbs2 a:hover {
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: -1px 1px 0px #e6decf;
}


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

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

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


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

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

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

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

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

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

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

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

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
2 окно
Код:
/*Убираем слово объявление из таблицы*/
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
/*Ставим шапку*/
body {
background-image: url("http://s8.uploads.ru/NyrxK.png");
background-repeat: no-repeat;
background-position: top center; 
}
/*Ставим фон*/
HTML {
background-color: #ac9e92;
background-image: url("http://s9.uploads.ru/TU2da.png");
background-repeat: repeat-xy; 
background-position: center top;
}
/*Ставим низ*/
#pun_wrap {  
background-image: url("http://s8.uploads.ru/wHno4.png");
background-repeat: no-repeat; 
background-position: center bottom;
}



/* CS1 Background and text colours
-------------------------------------------------------------*/
/* 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: #000000;
  }

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


/* CS1.3 */
 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent; 
  color: #5a4f3b;
  font-size:18px;
  font-weight: bold;
  font-family: 'New Timas Roman';
  font-style: none;
  text-align: center;
  text-shadow: none;

}

/* 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;
  font-style: none;
  font-family: none;
  font-size: 13px;
  }

/* CS1.7 */
#pun-main .quote-box, #pun-main .code-box {
background-image: url("http://s9.uploads.ru/G2MKW.png");
color: #5a4f3b;
box-shadow: inset #c8c1b4 1px 1px 37px;
border: 3px double #aa9f89 !important;
  border-bottom-right-radius:0px;
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
  border-top-right-radius:0px;
  }


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

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

.punbb textarea, .punbb select, .punbb input {
color: #000000;
background-image: url("http://s9.uploads.ru/G2MKW.png");
border-bottom: 2px solid #614e28 !important;
border-top: 2px solid #614e28 !important;
border-left: 1px solid #614e28 !important;
border-right: 1px solid #614e28 !important;
    border-radius:20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
}



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

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

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

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

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


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

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

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


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

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

.punbb .formal fieldset .post-box, .punbb .info-box {
  border-color: transparent;
  }

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

.punbb .post-sig dt {
  border-top-color: # !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: #66532e;
  font-weight: normal;
  border-bottom: 0px none #;
  text-decoration: none;
  text-shadow: -1px 0px 0px #;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #66532e;
  text-decoration: none;
  text-shadow: -1px 0px 0px #;
}


/* 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: #3b5901;
  text-transform: none;
  font-weight: normal;
  text-shadow: -1px 0px 0px #;
  }


/* CS3.3 */
#pun-navlinks a {
  color: #a88c6d;
  font-weight: normal;
  border-bottom: 0 none #;
  text-shadow: -1px -0px #575757,
  1px 1px #e5e5e5;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #927548;
  background: none;
  font-weight: normal;
  border-bottom: 0px none #;
  text-shadow: -1px -0px #6f4f27,
  1px 1px #f9f1e2;
  text-transform: uppercase;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #32241e;
  color: #66483d;
  }



/* CS4 Post status icons
-------------------------------------------------------------*/
/*Старые сообщения*/
Div.icon {  
background-image : url('http://s9.uploads.ru/3ClbJ.png');
background-repeat: no-repeat;
}
/*Новые сообщения*/
TR.inew Div.icon {  
background-image : url('http://s8.uploads.ru/euMOU.png');
background-repeat: no-repeat;
}
/*Важные темы*/
TR.isticky Div.icon {
background-image : url('http://s8.uploads.ru/DYVl4.png');
background-repeat: no-repeat;
}
/*Закрытые темы*/
TR.iclosed Div.icon {
background-image : url('http://s9.uploads.ru/zc2GT.png');
background-repeat: no-repeat;
}



/*Категории тем*/
.punbb .main h1 {background-image : url(http://s8.uploads.ru/rzt5J.png);
background-repeat: no-repeat;
background-position: center;
height: 40px;
   width: 1056px;
margin-left: -79px;
color: #8b7552;
font-size:18px;
text-align: center;
font-weight: normal;
font-style: italic;
font-family: 'Constantia';
text-transform: lowercase;
padding-top: 35px!important;
text-shadow: -1px -0px #6a5431,
1px 0px #cbbea5;
   }


/*Категории главной страницы и статистики*/
.punbb .main h2, #pun-stats h2 {background-image : url(http://s8.uploads.ru/iMTzt.png);
background-repeat: no-repeat;
background-position: center;
height: 80px;
   width: 1056px;
margin-left: -79px;
color: #62150b;
font-size:17px;
text-align: center;
font-weight: normal;
font-style: normal;
font-family: 'Constantia';
text-transform: uppercase;
padding-top: 91px!important;
margin-top: -40px!important;
margin-bottom: -42px!important;
text-shadow: -1px -0px #420800,
1px 1px #d0b69d;
   }



/*Иконка статистики*/
#pun-stats ul.container {
    background: url("http://s8.uploads.ru/blzTP.png") no-repeat scroll 20px 5px transparent!important;
    padding-left: 100px; height: 80px;
}


/* Пользовательские ссылки */
 #pun-ulinks  a:link, #pun-ulinks  a:visited {;
  color: #654228;
  font-weight: bold;
  letter-spacing: 1px;
  text-shadow: -1px -0px #f4e4d3;
}
#pun-ulinks  a:hover, #pun-ulinks  a:focus, #pun-ulinks  a:active {
  text-transform: lowercase;
  font-weight: bold;
  letter-spacing: 1px;
  color: #646300;
  text-shadow: -1px -0px #f4e4d3;
}


/*Окно шрифта*/
#font-area, #size-area, #color-area, #smilies-area, #imageup-area, #keyboard-area, #video-area { 
background: #eaeaea;
border-style: solid;
border-width: 1px;
color: #000000;
border-color: #9a9a9a;
}

/*Окно репутации*/
#pun-main #pun-reputation .container {background-image: url("http://s8.uploads.ru/0dtbo.png"); color: #000000; width: 180px; box-shadow: inset #b6c3cc 1px 1px 26px; margin-left: -20px;!important;}
#pun-main #pun-reputation .container, div#pun-reputation div.inner h1 {background-image: url("http://s8.uploads.ru/0dtbo.png"); color: #000000; width: 760px; box-shadow: inset 0 0 6px; margin-left: -10px!important;}


/*Количество тем, количество сообщений*/
#pun th {text-transform: lowercase; font-size:13px; !important; color: #2d3033; font-family: 'cambria'; font-style: italic;
}


/*Страница наград*/
#pun-mod #pun-main .category h2 span {
text-align: center !important;
}
#pun-mod #pun-main .category h2 span a:link, #pun-mod #pun-main .category h2 span a:visited, #pun-mod #pun-main .category h2 span a:hover {
  text-transform: uppercase;
}
#pun-mod #pun-main .category h2 select {
margin-top: 50px;
margin-bottom: 20px;
font-size:11px;
width: 170px;
margin-left: -100px !important;
}


/*Окантовка профиля*/
.punbb .post .post-author {
background: 
url("http://s9.uploads.ru/wKWVq.png") no-repeat 0px 0px,
url("http://s9.uploads.ru/nFtig.png") no-repeat 0px bottom,
url("http://s9.uploads.ru/DYgPA.png") round 0px 0px;
background-clip: content-box;
margin-left: -4px;
text-align: center;
}
.pa-author {
font-weight: bold; !important;
padding-top: 13px !important;
}
.post-author ul li.pa-avatar img {
text-align: center;
box-shadow: 0 0 5px;
}
.post .pa-title {
font-style: oblique;
font-weight: normal;
}
.post .pa-online {
  color: #454800;
  font-size:13.5px;
  font-weight: bold;
  font-family: cambria;
  text-align: center;
  font-style: italic;
  margin-left:-15px;
  margin-bottom: 10px;
}

.pa-awards .mini_awards_label a {
display: none;
}
HTML-верх
Код:
<!--Отключения сервера рекомендаций-->
<script type="text/javascript">
rusffLive.enable = false;
</script>

<!--Убираем надпись награды из навигации форума -->
<style type="text/css">
li#navawards {display: none;}
</style>


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

<!--Новости шапка-->
<table border=0>
<tr align=center><td style="overflow: scroll; overflow-x: hidden; width: 430px; height: 70px; position:absolute; text-align: justify; margin-left: 490px; top: 460px;"> 
<font color=#53542b>Illusion of the Sunlight: The destroyed dreams
<br>
<br>
<br>
<br>
</div>
</td></tr></table>


<!--Стрелки вверх, вниз-->
<div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;">
  <a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
    <img src="http://s8.uploads.ru/Ohaj7.png" alt="Вверх страницы">
  </a>
  <br>
  <br>
  <a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
    <img src="http://s9.uploads.ru/PNUMn.png" alt="Вниз страницы">
  </a>
</div>




<!--ТАБЛИЦА-->
<style>
#submenu {
margin-top: -10px!important;
height: 280px;
text-align: center;
font-size: 12px;
width: 820px;
margin-left: -10px;
background-image: url(http://s8.uploads.ru/zyPAr.png);
box-shadow: inset #cbc4b7 1px 1px 26px;
border-bottom: 2px solid #614e28 !important;
border-top: 2px solid #614e28 !important;
border-left: 0px solid #614e28 !important;
border-right: 0px solid #614e28 !important;
}
#menu span {
text-align:left;
display:inline-block;
color: #9c9280;
text-shadow: -1px -0px #3f2b0a,
1px 1px #d8cdba;
font-style: italic;
font-family: 'Constantia';
text-transform: lowercase;
font-size: 17px;
font-weight: normal;
margin: 5px;
}
#menu .tabactive {
color: #702319;
font-family: 'Constantia';
text-transform: lowercase;
font-size: 17px;
font-weight: normal;
margin: 5px;
}
</style>
HTML-низ
Код:
<!--Аватар по умолчанию-->
<script type="text/javascript">
    var DefAvtr="http://s9.uploads.ru/DxMq9.png";

    var s='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';$("li.pa-title").each(function(){if (($(this).parent("ul").find("li.pa-avatar").html())==null){$(this).after(s);};});
    </script>




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



<!--Таблица-->
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>
объявления
Код:
<center><a href="http://forum-top.ru/vote/3213" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_4.gif" alt="Рейтинг форумов Forum-top.ru" /></a> <!-- Top.Roleplay.Ru -->
<script type="text/javascript" language="javascript">
var topRPGc="<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=21836&rnd=" + Math.random();
topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://top.roleplay.ru/21836' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='top_'>"+
"<img src='http://img.rpgtop.su/88x31x11x2.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> ";
document.write(topRPGc);
</script>
<noscript>
<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=21836' width='1' height='1' border='0'><a href='http://top.roleplay.ru/21836' target='_top'><img src='http://img.rpgtop.su/88x31x11x2.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
</noscript>
<!-- /Top.Roleplay.Ru --> <a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=18231' target='_blank'>	
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=18231&cid=user1.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="'  alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=18231&cid=user1.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript></a></center>
<center><table width="750" height="390";>
<tbody>
<tr>
<td>
<center><div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">WELCOME</span>
<span alt=#sm2 "style="cursor: pointer;">АДМИНИСТРАЦИЯ</span>
<span alt=#sm3 "style="cursor: pointer;">О ПРОЕКТЕ</span>
<span alt=#sm4 "style="cursor: pointer;">ПАРТНЕРЫ</span>
</b>
</div></center>
</td>
</tr>
<tr>
<td id="MenuTxT"  align="center" valign="top">
<div id="submenu" align="center"> 

<div id="sm1" class="submenutext" style="display:block;"><br/><br/>
ваще не катит
</div>

<div id="sm2" class="submenutext"><br/><br/>
хрень
</div>

<div id="sm3" class="submenutext"><br/><br/>
чо за нафиг
</div>


<div id="sm4" class="submenutext"><br/><br/>
хуиз-ху

</div>

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

<center><a href="http://cyanide.mybb.ru/" target="_blank"><img src="http://s2.uploads.ru/1Jh3Z.png
" title="CYANIDE" border="0" width="88" height="31"></a> <a target="_blank" href="http://tank.mybb.ru" title="Ролевой Каталог 'ТАНКЪ'"><img src="https://forumstatic.ru/files/000e/fd/f7/73767.gif" border="0"></a> <a href="http://lylife.ru/" target="_blank"><img src="https://forumstatic.ru/files/000b/09/4f/76237.gif" title="Каталог форумов" alt="LYL"></a> <a href="http://96kingdom.ru/" alt="96kingdom" title="96kingdom" target=_blank> <img src="https://forumstatic.ru/files/0012/66/88/18401.png" border="0" ></a></center>

+1

18

///

+1

19

Код:
<align=center><font size="1"> <b>И.Ф, возраст:</b> ваши данные <br><b>Раса:</b> ваши данные <br><b>Положение в школе:</b> ваши данные <br><b>Способности:</b> (если есть) ваши данные </font></align><align=center><img src="http://s9.uploads.ru/1wYsj.png"/> <font size="1"> <a href=ссылка на анкету>анкета</a> | <a href=ссылка на отношения>отношения</a> | <a href=ссылка на мобильный(если есть)>телефон</a> </font></align>
Код:
<align=center><font size="1">
<b>Хозяин/Хранитель:</b> <a href=ссылка на профиль Хозяина/Хранителя>имя Хозяина/Хранителя</a>
<br><b>Предмет контракта:</b> ваши данные</font></align><hr>

+1

20

HTML-верх
Код:
<!--Cпойлер cкрытия информации в профиле -->
<style>img.post-img-Sp {margin:6px 3px;}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script>
HTML-вниз
Код:
<!--Убираем название доп. полей-->
<script type="text/javascript">
var A=[1,2,3,4,5]
$(".post .post-author li").each(function (){
for(var i in A){if($(this).hasClass("pa-fld"+A[i])){
$(this).html($(this).html().replace(/^[^:]*:/,''));}};});
</script>
<!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<script>
var a1 = 1	// 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
var a2 = 0	// 0 - Скрытие первой вкладки; 1 - Показ первой вкладки; 
var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко;
var LiArr=new Array(
//При наличии двух косых => // в начале пункта, - пункт не скрывается.
//"pa-author",     //Ник-Нейм
//"pa-avatar",     //Аватар
//"pa-title",      //статус
// 1 кнопка
//В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию)
"http://s8.uploads.ru/pFa5u.png[игрок]",
"pa-from",       //Откуда
"pa-reg",        //Зарегистрирован
"pa-invites", //Приглашений
"pa-posts",      //Кол-во сообщений:
"pa-respect",    //Уважение:
"pa-positive",   //Позитив
"pa-sex",        //Пол
"pa-age",        //Возраст
"pa-icq",        //Аська
"pa-ip",         //IP Юзера
"pa-time-visit", //Провел на форуме:
"pa-last-visit", //Последний визит:
//"pa-online",     //Пользователь online - Не засовываем в спойлеры
// 2 кнопка
"http://s9.uploads.ru/V9ZDE.png[персонаж]",
"pa-fld1",       //Доп.Поле.1
// 3 кнопка- ссылка на Картинку
"http://s8.uploads.ru/pBFi6.png[атрибут]",
"pa-fld2",       //Доп.Поле.2
// 4 кнопка- ссылка на Картинку
"http://s8.uploads.ru/0KE8r.png[награды]",
"pa-fld3",       //Доп.Поле.3 
"pa-fld4",       //Доп.Поле.4
"pa-fld5",       //Доп.Поле.5
"award",      //Награды(только для rusff и ork)
"gift",         //Подарки(только для rusff и ork)
//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>
<!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->

0

21

///

0

22

Код:
url("http://s8.uploads.ru/IH3W0.png") no-repeat 0px 0px,
url("http://s9.uploads.ru/1xkoJ.png") no-repeat 0px 100%,
url("http://s9.uploads.ru/vEKY6.png") repeat-y 0px 0px;

0

23

Наруто: Хоррор Стори

структура
Код:
/*************************************************************
A - SETUP
**************************************************************/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  float: none;
  padding: 0px 0px 0px 0px;
  padding-bottom: 210px;
  border: none;
  width: 950px;
  }
/* A5.2 */
.punbb {
  width: 100%;
  height: auto;
  }

/* A5.3 */
#pun-redirect {
  margin: 150px 20% 12px 0%;
  float: center;
  position:absolute;
  width: 560px; !important;
  height: 240px;!important;
  font-family: Times;
  font-size: 0em;
  padding-left: 455px!important;
  padding-top: 68px!important;
  color: transparent !important;
  background-image: url("http://s9.uploads.ru/LxpTF.png");
  background-position: top center;  
  background-repeat: no-repeat;
  margin-left: -60px !important;
  }

#pun-maint, #pun-redirect h1 {display:none;} 
#pun-redirect a {
  position:absolute;
  font-style: normal;
  font-family: 'Cambria';
  font-size: 0em;
  font-style: italic;
  text-decoration: none;
  margin-top:20px !important;
  margin-left:-155px !important;
  width:400px!important;
  line-height:80%;
  text-align:center;}


/* 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 {
   border-style: solid; 
    border-width: 1px;
    padding: 0.5em 1em;
  }


/*************************************************************
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: double 3px #;
  width: 560px;
  margin: 7px 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: -1.4em;
  left: 1em;
  width: 24em;
  color: #272727;
  font-weight: bold;
  text-transform: lowercase;
  }

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

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  font-weight: bold;
  color: #272727;
  text-transform: lowercase;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  font-weight: bold;
  color: #272727;
  text-transform: lowercase;
  }

/* 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: right;
  width: 70%;
  }

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

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

.punbb .main .tcr a {
  font-weight: bold;
  text-transform: lowercase;
  font-family: 'Constantia';
  font-size: 13px;
  text-shadow: -1px 1px 0px #e6decf;
  font-style: italic;
}


/* 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: 16px;
  font-family: 'Constantia';
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0px;
}

#pun-index .tcl h3 a:link, #pun-index .tcl h3 a:visited, #pun-index .tcl h3 a:hover {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-shadow: -1px 0px 0px #efefef;
}


/* 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;
  text-align: right;
  font-family: cambria;
  font-size: 13px;
  }

.punbb td .modlist a {
  font-style: normal;
}


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

/* C2.12 */
.punbb .main th {
  padding: 1px 1em 1px 1em;
  border-left: none;
  border-top: none;
  border-bottom: 1px groove #;
  font-size:11px;
  }

/* 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: 4px;
  text-align: right;
}

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

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

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

#pun-main .post .permalink {
  font-family: 'cambria';
  font-size:13px;
  text-align: center;
  float: center;
  font-weight: bold;
  font-style: italic;
  text-transform:  lowercase;
  text-shadow: -1px -0px #ded6c8;
}

#pun-main .post-links li a:link,  #pun-main .post-links li a:visited, #pun-main .post-links li a:hover {
  color: #5f7236;
  text-shadow: -1px -0px #3a1d7d,
  1px 1px #d1b6ed;
  font-family: 'times New Roman';
  font-size:13.5px;
  font-weight: normal;
  text-transform:  lowercase;
  font-style: italic;
  letter-spacing: 1px;
}
#pun-main .post-links li a:hover {
  color: #3d2379;
  font-family: 'times New Roman';
  font-size:13.5px;
  font-weight: normal;
  text-transform:  lowercase;
  font-style: italic;
  letter-spacing: 1px;
  text-shadow: -1px -0px #3a1d7d,
  1px 1px #d1b6ed;
}
#pun-main .post-links ul {
background-image: url("http://s8.uploads.ru/tAUVD.png");
}


/* 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: 19.3em;
  margin-top: -1.5em;
  overflow: hidden;
  }

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

/* C3.7 */
.pa-author {
  font-size: 1.2em;
  font-family: Constantia;
  font-weight: bold;
  text-transform: uppercase;
}

.pa-author a:link,  .pa-author a:visited, .pa-author a:hover {
  font-size: 1.2em;
  font-family: Constantia;
  font-weight: bold;
  text-transform: uppercase;
}


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

 #pun-messages .post-box {
width: 400px;
}


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

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

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


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

#profilenav li a, #profilenav li a:hover, #profilenav li а:link,  #profilenav li a:visited {
  font-family: 'arial';
  font-style: none;
  font-size:12.5px;
  font-weight: bold;
  text-shadow: #dcd3be 1px 1px 0px;
  text-transform: lowercase;
}


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


#profilenav ul {
  background-image: url("http://s8.uploads.ru/nMZIm.png");
  border-width: 1px;
  margin: 0 0 1em 0;
  padding: 1.5em 18px 0.8em 18px;
  box-shadow: inset # 1px 1px 16px;
  box-shadow: inset #bebac2 1px 1px 38px;
  border-bottom: 3px solid #969696 !important;
  border-top: 3px solid #969696 !important;
  border-left: 1px solid #969696 !important;
  border-right: 1px solid #969696 !important;
  border-bottom-right-radius:12px;
  border-top-left-radius:12px;
  }



/* 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;
  float: left;
  font-size:18.5px;
  font-weight: bold;
  font-style: italic;
  font-family: 'Constantia';
  color: #424242;
  padding-top: 10px!important;
  text-shadow: -1px 0px 0px #ebeaea;
  text-transform: lowercase;
  }


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

#profilenav {
margin-top: -6em; padding: 0px !important;
}
#profilenav ul {
margin-top: -3em; padding: 0px !important;
}
#profilenav li {
margin-left: 1em !important;
}


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

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

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

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


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

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

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

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

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

#pun-title TABLE {
  border: none;
  height: 170px;
  width: 100%; 
  margin-bottom: 0px; 
  margin-top: 0px;
}

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

#pun-title TD.title-logo-tdr {
  border: none;
  width: 320px;
  vertical-align: top;
  padding-top: 0px;
  padding-right: 200px;
}



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

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


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

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

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

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

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

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

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

/* D3.2 */
#pun-navlinks .container { 
  font-family: 'Book Antiqua';
  font-weight: bold;
  text-transform: uppercase;
  font-size: 17px;
  text-align: center;
  letter-spacing: -1px;
  font-style: none;
}

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

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

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

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

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  font-size: 13px;
  font-family: cambria;
  text-transform: lowercase;
  text-decoration: none;
  text-align: center;
  font-weight: normal;
  font-style: normal;
  }


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

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

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



/* 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.5em 1em 1em 1em;
  font-family: Times New Roman;
  font-size:14px;
  text-align: center;
  font-style: normal;
  text-transform: lowercase;
  }

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

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: -20px;
  margin-bottom: -10px;
  font-family: 'Book Antiqua';
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  font-size:13px;
  }

#pun-crumbs1 a:link, #pun-crumbs1 a:visited, #pun-crumbs1 a:hover {
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: -1px 1px 0px #e6decf;
}



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

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

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

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

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

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

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

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em;
  font-family: 'Book Antiqua';
  font-size:14px;
  font-style: normal;
  }

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

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

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

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


/* 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;
  font-family: 'Book Antiqua';
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  font-size:13px;
  }

#pun-crumbs2 a:link, #pun-crumbs2 a:visited, #pun-crumbs2 a:hover {
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: -1px 1px 0px #e6decf;
}


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

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

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


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

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

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

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

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

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

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

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

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
цвета
Код:
/*Убираем слово объявление из таблицы*/
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
/*Ставим шапку*/
body {
background-image: url("http://s9.uploads.ru/RTVhF.png");
background-repeat: no-repeat;
background-position: top center; 
}
/*Ставим фон*/
HTML {
background-color: #292828;
background-image: url("http://s8.uploads.ru/mVJHM.png");
background-repeat: repeat-xy; 
background-position: center top;
}
/*Ставим низ*/
#pun_wrap {  
background-image: url("http://s9.uploads.ru/eSfl0.png");
background-repeat: no-repeat; 
background-position: center bottom;
}



/* CS1 Background and text colours
-------------------------------------------------------------*/
/* 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: #000000;
  }

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


/* CS1.3 */
 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent; 
  color: #424242;
  font-size:18px;
  font-weight: bold;
  font-family: 'New Timas Roman';
  font-style: none;
  text-align: center;
  text-shadow: none;

}

/* 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;
  font-style: none;
  font-family: none;
  font-size: 13px;
  }

/* CS1.7 */
#pun-main .quote-box, #pun-main .code-box {
background-image: url("http://s8.uploads.ru/nMZIm.png");
color: #210151;
box-shadow: inset #d0d0d0 1px 1px 37px;
border: 3px double #c2c0c0;
  text-shadow: -1px 1px #e5e4e4;
  }


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

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

.punbb textarea, .punbb select, .punbb input {
color: #000000;
background-image: url("http://s8.uploads.ru/nMZIm.png");
box-shadow: inset #d0d0d0 1px 1px 50px;
border: 3px double #bcbcbc;
}



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

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

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

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

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


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

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

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


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

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

.punbb .formal fieldset .post-box, .punbb .info-box {
  border-color: transparent;
  }

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

.punbb .post-sig dt {
  border-top-color: # !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: #424242;
  font-weight: normal;
  border-bottom: 0px none #;
  text-decoration: none;
  text-shadow: -1px 0px 0px #;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #424242;
  text-decoration: none;
  text-shadow: -1px 0px 0px #;
}


/* 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: #740000;
  text-transform: none;
  font-weight: normal;
  text-shadow: -1px 0px 0px #efefef;
  }


/* CS3.3 */
#pun-navlinks a {
  color: #643ea6;
  font-weight: normal;
  border-bottom: 0 none #;
  text-shadow: -1px -0px #240152,
  1px 1px #baa1da;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #492a8a;
  background: none;
  font-weight: normal;
  border-bottom: 0px none #;
  text-shadow: -1px -0px #240152,
  1px 1px #baa1da;
  text-transform: uppercase;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #32241e;
  color: #66483d;
  }



/* CS4 Post status icons
-------------------------------------------------------------*/
/*Старые сообщения*/
Div.icon {  
background-image : url('http://s9.uploads.ru/CIW9l.png');
background-repeat: no-repeat;
}
/*Новые сообщения*/
TR.inew Div.icon {  
background-image : url('http://s8.uploads.ru/qfd1G.png');
background-repeat: no-repeat;
}
/*Важные темы*/
TR.isticky Div.icon {
background-image : url('http://s8.uploads.ru/owTh2.png');
background-repeat: no-repeat;
}
/*Закрытые темы*/
TR.iclosed Div.icon {
background-image : url('http://s8.uploads.ru/fM28z.png');
background-repeat: no-repeat;
}



/*Категории тем*/
.punbb .main h1 {background-image : url(http://s9.uploads.ru/7ra4v.png);
background-repeat: no-repeat;
background-position: center;
height: 40px;
   width: 1056px;
margin-left: -68px;
color: #5a5a5a;
font-size:18px;
text-align: center;
font-weight: normal;
font-style: italic;
font-family: 'Constantia';
text-transform: lowercase;
padding-top: 70px!important;
text-shadow: -1px -0px #313131,
1px 0px #c6c6c6;
   }


/*Категории главной страницы и статистики*/
.punbb .main h2, #pun-stats h2 {background-image : url(http://s9.uploads.ru/7ra4v.png);
background-repeat: no-repeat;
background-position: center;
height: 80px;
   width: 1056px;
margin-left: -70px;
color: #5a5a5a;
font-size:20px;
text-align: center;
font-weight: normal;
font-style: normal;
font-family: 'Book Antiqua';
text-transform: uppercase;
padding-top: 110px!important;
margin-top: -40px!important;
margin-bottom: -50px!important;
text-shadow: -1px -0px #313131,
1px 0px #c6c6c6;
   }



/*Иконка статистики*/
#pun-stats ul.container {
    background: url("http://s9.uploads.ru/fBtHE.png") no-repeat scroll 20px 5px transparent!important;
    padding-left: 106px; height: 80px;
}


/* Пользовательские ссылки */
 #pun-ulinks  a:link, #pun-ulinks  a:visited {;
  color: #4e4d4d;
  font-weight: bold;
  letter-spacing: 1px;
  text-shadow: -1px -0px #cfcfcf;
}
#pun-ulinks  a:hover, #pun-ulinks  a:focus, #pun-ulinks  a:active {
  text-transform: lowercase;
  font-weight: bold;
  letter-spacing: 1px;
  color: #82220e;
  text-shadow: -1px -0px #cfcfcf;
}


/*Окно шрифта*/
#font-area, #size-area, #color-area, #smilies-area, #imageup-area, #keyboard-area, #video-area { 
background: #e5e4e4;
border: double;
border-width: 3px;
color: #000000;
border-color: #c2c0c0;
}

/*Окно репутации*/
#pun-main #pun-reputation .container {background-image: url("http://s8.uploads.ru/nMZIm.png"); color: #000000; width: 180px; box-shadow: inset #b6c3cc 1px 1px 26px; margin-left: -20px;!important;}
#pun-main #pun-reputation .container, div#pun-reputation div.inner h1 {background-image: url("http://s8.uploads.ru/nMZIm.png"); color: #000000; width: 760px; box-shadow: inset 0 0 6px; margin-left: -10px!important;}


/*Количество тем, количество сообщений*/
#pun th {text-transform: lowercase; font-size:13px; !important; color: #2d3033; font-family: 'cambria'; font-style: italic;
}


/*Страница наград*/
#pun-mod #pun-main .category h2 span {
text-align: center !important;
}
#pun-mod #pun-main .category h2 span a:link, #pun-mod #pun-main .category h2 span a:visited, #pun-mod #pun-main .category h2 span a:hover {
  text-transform: uppercase;
}
#pun-mod #pun-main .category h2 select {
margin-top: 50px;
margin-bottom: 20px;
font-size:11px;
width: 170px;
margin-left: -100px !important;
}


/*Окантовка профиля*/
.punbb .post .post-author {
background: 
url("http://s8.uploads.ru/IfXsp.png") no-repeat 0px 0px,
url("http://s9.uploads.ru/RQS9c.png") no-repeat 0px 100%,
url("http://s8.uploads.ru/Emxhg.png") repeat-y 0px 0px;
background-clip: content-box;
margin-left: -4px;
text-align: center;
}
.pa-author {
font-weight: bold;
padding-top: 18px !important;
}
.post-author ul li.pa-avatar img {
text-align: center;
box-shadow: 0 0 5px;
}
.post .pa-title {
font-style: oblique;
font-weight: normal;
}
.post .pa-online {
  color: #490600;
  font-size:13.5px;
  font-weight: bold;
  font-family: cambria;
  text-align: center;
  font-style: italic;
  margin-left:-15px;
  margin-bottom: 10px;
  text-shadow: -1px -0px #cfcfcf;
}

.pa-awards .mini_awards_label a {
display: none;
}
хтмл вверх
Код:
<!--Отключения сервера рекомендаций-->
<script type="text/javascript">
rusffLive.enable = false;
</script>

<!--Убираем надпись награды из навигации форума -->
<style type="text/css">
li#navawards {display: none;}
</style>


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


<!--Стрелки вверх, вниз-->
<div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;">
  <a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
    <img src="http://s8.uploads.ru/6VtUE.png" alt="Вверх страницы">
  </a>
  <br>
  <br>
  <a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
    <img src="http://s8.uploads.ru/upcTR.png" alt="Вниз страницы">
  </a>
</div>
хтмл вниз
Код:
<!--Аватар по умолчанию-->
<script type="text/javascript">
    var DefAvtr="http://s9.uploads.ru/rtOsG.png";

    var s='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';$("li.pa-title").each(function(){if (($(this).parent("ul").find("li.pa-avatar").html())==null){$(this).after(s);};});
    </script>

0

24

хтмл вверх
Код:
<!--Отключения сервера рекомендаций-->
<script type="text/javascript">
rusffLive.enable = false;
</script>

<!--Убираем надпись награды из навигации форума -->
<style type="text/css">
li#navawards {display: none;}
</style>


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


<!--Стрелки вверх, вниз-->
<div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;">
  <a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
    <img src="http://s8.uploads.ru/6VtUE.png" alt="Вверх страницы">
  </a>
  <br>
  <br>
  <a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
    <img src="http://s8.uploads.ru/upcTR.png" alt="Вниз страницы">
  </a>
</div>




<!--Таблица-->
<style>
#submenu {
margin-top: -10px!important;
height: 280px;
text-align: center;
font-size: 12px;
width: 870px;
margin-left: -10px;
background-image: url(http://s8.uploads.ru/nMZIm.png);
box-shadow: inset #929292 1px 1px 26px;
border-bottom: 2px solid #4d0000 !important;
border-top: 2px solid #4d0000 !important;
border-left: 0px !important;
border-right: 0px !important;
}
#menu span {
text-align:left;
display:inline-block;
color: #aaaaaa;
text-shadow: -1px -0px #797979,
1px 1px #e7e6e6;
font-style: normal;
font-family: 'Book Antiqua';
text-transform: uppercase;
font-size: 14px;
font-weight: normal;
margin: 10px;
}
#menu .tabactive {
color: #9e5b5b;
font-family: 'Book Antiqua';
text-transform: uppercase;
font-size: 14px;
font-weight: normal;
margin: 10px;
text-shadow: -1px -0px #783131,
1px 1px #cc9d9d;
}
</style>
хтмл вниз
Код:
<!--Аватар по умолчанию-->
<script type="text/javascript">
    var DefAvtr="http://s9.uploads.ru/rtOsG.png";

    var s='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';$("li.pa-title").each(function(){if (($(this).parent("ul").find("li.pa-avatar").html())==null){$(this).after(s);};});
    </script>

<!--Кнопка баннеров-->
<div align=center style="margin-bottom: -120px"><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; 
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"> 
<img src="http://s8.uploads.ru/Kgvyt.png" ></a><div style="display:none">
баннеры
</div>


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




<!--Таблица-->
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>
объявления

<center><table style="width: 800px">
<tbody>
<tr>
<td>
<center><div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">WELCOME</span>
<span alt=#sm2 "style="cursor: pointer;">АДМИНИСТРАЦИЯ</span>
<span alt=#sm3 "style="cursor: pointer;">О ПРОЕКТЕ</span>
<span alt=#sm4 "style="cursor: pointer;">ПАРТНЕРЫ</span>
</b>
</div></center>
</td>
</tr>
<tr>
<td id="MenuTxT"  align="center" valign="top">
<div id="submenu" align="center">

<div id="sm1" class="submenutext" style="display:block;"><br/><br/>
ваще не катит
</div>

<div id="sm2" class="submenutext"><br/><br/>
хрень
</div>

<div id="sm3" class="submenutext"><br/><br/>
чо за нафиг
</div>

<div id="sm4" class="submenutext"><br/><br/>
хуиз-ху

</div>

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

0

25

Код:
<!--Пиарвход-->
<script type="text/javascript">
    PiarNik="AirPiar";
    PiarPas="1111";

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

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

0

26

Код:
.UnitRightTop 
{ 
background-image: url( 'img/right-top.png' ); 
background-position:right top; 
background-repeat:no-repeat; 
min-height:320px; 
_height:320px; 
} 

.UnitRight 
{ 
background-image: url( 'img/right.png' ); 
background-position:right; 
background-repeat:repeat-y; 
min-height:320px; 
_height:320px; 
} 

.UnitRightBottom 
{ 
background-image: url( 'img/right-bottom.png' ); 
background-position:right bottom; 
background-repeat:no-repeat; 


} 

.UnitBottom 
{ 
background-image: url( 'img/bottom.png' ); 
background-position:bottom; 
background-repeat:repeat-x; 

} 

.UnitLeftBottom 
{ 
background-image: url( 'img/left-bottom.png' ); 
background-position:left bottom; 
background-repeat:no-repeat; 


} 

.UnitLeft 
{ 
background-image: url( 'img/left.png' ); 
background-position:left center; 
background-repeat:repeat-y; 
min-height:320px; 
_height:320px; 


} 

.UnitLeftTop 
{ 
background-image: url( 'img/MainDesign/left-top.png' ); 
background-position:left top; 
background-repeat:no-repeat; 


} 

.UnitTop 
{ 
background-image: url( 'img/top.png' ); 
background-position:top; 
background-repeat:repeat-x;

0

27

Код:
<!--  Табличка Под Авву      -->
<div id="addtable" style="display:none">
<table cols="3" rows="3" valign="top" cellspacing="0" cellpadding="0" class="frameforavatar"><tbody>
<tr class="z1"><td class="W1" colspan="3"></td></tr> 
<tr class="z2"><td class="W2"></td><td class="AvrImd"></td><td class="W3"></td></tr>
<tr class="z3"><td class="W4" colspan="3"></td></tr>
</tbody></table></div>
<style>
table.frameforavatar,
table.frameforavatar tr,
table.frameforavatar td {
 table-layout: auto!important;
 padding:0!important;
 margin:0!important;
 border-collapse:collapse!important;
 border:none 0 transparent!important;
 text-align:center;
}
table.frameforavatar td.AvrImd img {
 display:block;
 padding:0!important;
 margin:0!important;
 border:none 0 transparent!important;
}
table.frameforavatar td.W2,
table.frameforavatar td.W3 {
 width:24px!important;/*Ширина Подрамника cлево-справо*/
}
table.frameforavatar tr.z1,
table.frameforavatar tr.z3 {   
 height:39px!important;/*Высота Подрамника cнизу-сверху*/
}
table.frameforavatar td.AvrImd {
 padding:0!important;
 margin:0!important;
 width:160px;	/*Ширина Аватарки*/
}
table.frameforavatar tr.z1 {/* Cтавим верхнюю часть Рамки */
 background:url(http://uploads.ru/i/E/V/4/EV4eY.png) no-repeat top right;
}
table.frameforavatar td.W2 {/* Cтавим Рамку Слева */
 background:url(http://uploads.ru/i/E/V/4/EV4eY.png) no-repeat left center;
}
table.frameforavatar td.W3 {/* Cтавим Рамку Справо */
 background:url(http://uploads.ru/i/E/V/4/EV4eY.png) no-repeat right center;
}
table.frameforavatar tr.z3 {/* Cтавим Рамку Снизу */   
 background:url(http://uploads.ru/i/E/V/4/EV4eY.png) no-repeat bottom right;
}
table.frameforavatar{ /* Фон Под Аватаркой*/
background:url(http://uploads.ru/i/z/Q/X/zQXNK.png) no-repeat bottom left;
}
li.pa-avatar.item2{
margin:0 18px 0 -18px!important;
}
</style><!--  Конец//Табличка Под Авву -->

0

28

Код:
<!-- Фон жалобы и поделиться-->
<style>
#share,form[target="warningframe"]{
border:outset #B3B1BF 2px!important;
background-color:#B3B1BF!important;
}
div.bg {
background-attachment: scroll;
background-clip: border-box;
background-color: #B3B1BF!important;
z-index: 1000!important;
opacity:.94!important;
}
div.inner{
z-index: 10000!important;
}
</style>
<!-- конец скрипта-->

0

29

///

0

30

ИСПРАВЛЕНО
Наруто: Возвращение Рикудо

Первое окно
Код:
/*********************************
A - SETUP
**************************************************************/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  float: none;
  padding: 0px 0px 0px 0px;
  padding-bottom: 210px;
  border: none;
  width: 880px;
  }
/* A5.2 */
.punbb {
  width: 100%;
  height: auto;
  }

/* A5.3 */
#pun-redirect {
  margin: 150px 20% 12px 0%;
  float: center;
  position:absolute;
  width: 560px; !important;
  height: 240px;!important;
  font-family: Times;
  font-size: 0em;
  padding-left: 455px!important;
  padding-top: 68px!important;
  color: transparent !important;
  background-image: url("http://sc.uploads.ru/dZcOM.png");
  background-position: top center;  
  background-repeat: no-repeat;
  margin-left: -60px !important;
  }

#pun-maint, #pun-redirect h1 {display:none;} 
#pun-redirect a {
  position:absolute;
  font-style: normal;
  font-family: 'Cambria';
  font-size: 0em;
  font-style: italic;
  text-decoration: none;
  margin-top:20px !important;
  margin-left:-155px !important;
  width:400px!important;
  line-height:80%;
  text-align:center;}


/* 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 {
   border-style: solid; 
    border-width: 1px;
    padding: 0.5em 1em;
  }


/*************************************************************
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: double 3px #;
  width: 560px;
  margin: 7px 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: -1.2em;
  left: 1em;
  width: 24em;
  color: #512f23;
  font-weight: bold;
  text-transform: lowercase;
  font-style: italic;
  font-family: 'Constantia';
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -1.2em;
  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;
  font-weight: bold;
  color: #512f23;
  text-transform: lowercase;
  font-style: italic;
  font-family: 'Constantia';
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  font-weight: bold;
  color: #512f23;
  text-transform: lowercase;
  font-style: italic;
  font-family: 'Constantia';
  }

/* 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: right;
  width: 75%;
  }

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

/* C2.3 */
.punbb .main .tcr {
  background-color: transparent;
  overflow: hidden;
  text-align: center;
  width: 25%;
  font-style: italic;
}

.punbb .main .tcr a {
  font-weight: bold;
  text-transform: lowercase;
  font-family: 'Constantia';
  font-size: 13px;
  text-shadow: -1px 1px 0px #e6decf;
  font-style: italic;
}


/* 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: 16px;
  font-family: 'Constantia';
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0px;
}

#pun-index .tcl h3 a:link, #pun-index .tcl h3 a:visited, #pun-index .tcl h3 a:hover {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-shadow: -1px 0px 0px #e6decf;
}


/* 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;
  text-align: left;
  font-family: times new roman;
  font-size: 13px;
  font-style: italic;
  }


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

/* C2.12 */
.punbb .main th {
  padding: 1px 1em 1px 1em;
  border-left: none;
  border-top: none;
  border-bottom: 1px groove #;
  font-size:11px;
  }

/* 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: 4px;
  text-align: left;
}

/* C2.15 */
.punbb div.icon {
  float: right;
  display: block;
  width: 82px;
  height: 85px;
  padding-top: 1px;
  margin-top: 2px;
  margin-left: 2px;
  margin-bottom: -14px;
}

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

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

#pun-main .post .permalink {
  font-family: 'times new roman';
  font-size:13px;
  text-align: center;
  float: center;
  font-weight: bold;
  font-style: normal;
  text-transform: lowercase;
  text-shadow: -1px -0px #ded6c8;
}

#pun-main .post-links li a:link,  #pun-main .post-links li a:visited, #pun-main .post-links li a:hover {
  color: #b7aa8e;
  text-shadow: -1px -0px #97825a,
  1px 1px #e4ddcb;
  font-family: 'Constantia';
  font-size:13px;
  font-weight: normal;
  text-transform:  lowercase;
  font-style: italic;
  letter-spacing: 1px;
}
#pun-main .post-links li a:hover {
  color: #5f7236;
  font-family: 'Constantia';
  font-size:13px;
  font-weight: normal;
  text-transform:  lowercase;
  font-style: italic;
  letter-spacing: 1px;
  text-shadow: -1px -0px #344510,
  1px 1px #ded6c8;
}


/* 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: 19.3em;
  margin-top: -1.5em;
  overflow: hidden;
  }

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

/* C3.7 */
.pa-author {
  font-size: 1.2em;
  font-family: Constantia;
  font-weight: bold;
  text-transform: uppercase;
}

.pa-author a:link,  .pa-author a:visited, .pa-author a:hover {
  font-size: 1.2em;
  font-family: Constantia;
  font-weight: bold;
  text-transform: uppercase;
}


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

 #pun-messages .post-box {
width: 400px;
}


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

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

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


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

#profilenav li a, #profilenav li a:hover, #profilenav li а:link,  #profilenav li a:visited {
  font-family: 'arial';
  font-style: none;
  font-size:12.5px;
  font-weight: bold;
  text-transform: lowercase;
}


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


#profilenav ul {
  background-image: url("http://sc.uploads.ru/tdqzE.png");
  border-width: 1px;
  margin: 0 0 1em 0;
  padding: 1.5em 18px 0.8em 18px;
  box-shadow: inset #9c8a70 1px 1px 37px;
  border-bottom: 3px solid #614e28 !important;
  border-top: 3px solid #614e28 !important;
  border-left: 1px solid #614e28 !important;
  border-right: 1px solid #614e28 !important;
  border-bottom-right-radius:12px;
  border-top-left-radius:12px;
  }



/* 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;
  float: left;
  font-size:18.5px;
  font-weight: bold;
  font-style: italic;
  font-family: 'Constantia';
  color: #5f2916;
  padding-top: 17px!important;
  text-shadow: -1px 0px 0px #d1cabd;
  text-transform: lowercase;
  }


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

#profilenav {
margin-top: -4em; padding: 0px !important;
}
#profilenav ul {
margin-top: -3em; padding: 0px !important;
}
#profilenav li {
margin-left: 1em !important;
}


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

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

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

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


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

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

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

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

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

#pun-title TABLE {
  border: none;
  height: 170px;
  width: 100%; 
  margin-bottom: 0px; 
  margin-top: 0px;
}

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

#pun-title TD.title-logo-tdr {
  border: none;
  width: 320px;
  vertical-align: top;
  padding-top: 0px;
  padding-right: 200px;
}



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

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


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

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

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

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

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

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

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

/* D3.2 */
#pun-navlinks .container { 
  font-family: 'times new roman';
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  letter-spacing: -1px;
  font-style: none;
}

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

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

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

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

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  font-size: 13px;
  font-family: 'Constantia';
  text-transform: lowercase;
  text-decoration: none;
  text-align: center;
  font-weight: normal;
  font-style: italic;
  }


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

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

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



/* 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.5em 1em 1em 1em;
  font-family: cambria;
  font-size:14px;
  text-align: center;
  font-style: italic;
  text-transform: lowercase;
  }

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

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: -20px;
  margin-bottom: -10px;
  font-family: 'Book Antiqua';
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  font-size:13px;
  }

#pun-crumbs1 a:link, #pun-crumbs1 a:visited, #pun-crumbs1 a:hover {
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: -1px 1px 0px #e6decf;
}



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

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

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

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

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

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

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

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em;
  font-family: 'cambria';
  font-size:14px;
  }

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

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

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

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


/* 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;
  font-family: 'Book Antiqua';
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  font-size:13px;
  }

#pun-crumbs2 a:link, #pun-crumbs2 a:visited, #pun-crumbs2 a:hover {
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: -1px 1px 0px #e6decf;
}


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

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

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


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

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

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

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

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

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

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

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

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
Второе окно
Код:
/*Убираем слово объявление из таблицы*/
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
/*Ставим шапку*/
body {
background-image: url("http://sb.uploads.ru/xDlJE.png");
background-repeat: no-repeat;
background-position: top center; 
}
/*Ставим фон*/
HTML {
background-color: #1f0d03;
background-image: url("http://sa.uploads.ru/U2jHP.png");
background-repeat: repeat-xy; 
background-position: center top;
}
/*Ставим низ*/
#pun_wrap {  
background-image: url("http://sb.uploads.ru/UtLfR.png");
background-repeat: no-repeat; 
background-position: center bottom;
}



/* CS1 Background and text colours
-------------------------------------------------------------*/
/* 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: #000000;
  }

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


/* CS1.3 */
 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent; 
  color: #5f2916;
  font-size:18px;
  font-weight: bold;
  font-family: 'Constantia';
  font-style: none;
  text-align: center;
  text-shadow: none;

}

/* 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;
  font-style: none;
  font-family: none;
  font-size: 13px;
  }

/* CS1.7 */
#pun-main .quote-box, #pun-main .code-box {
background-image: url("http://sb.uploads.ru/SErgv.png");
color: #222100;
box-shadow: inset #6c6343 1px 1px 37px;
border: 2px double #aa9f89 !important;
  border-bottom-right-radius:0px;
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
  border-top-right-radius:0px;
  }


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

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

.punbb textarea, .punbb select {
color: #000000;
background-image: url("http://sb.uploads.ru/6Gg82.png");
box-shadow: inset #ad9f80 1px 1px 37px;
border: 1px double #aa9f89 !important;
    border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
}
.punbb input {
color: #000000;
background-image: url("http://sb.uploads.ru/6Gg82.png");
box-shadow: inset #9b8962 1px 1px 37px;
padding: 4px;
border: 1px double #aa9f89 !important;
    border-radius:4px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
}
#post .formsubmit {
text-align: center;
}


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

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

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

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

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


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

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

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


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

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

.punbb .formal fieldset .post-box, .punbb .info-box {
  border-color: transparent;
  }

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

.punbb .post-sig dt {
  border-top-color: # !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: #513517;
  font-weight: normal;
  border-bottom: 0px none #;
  text-decoration: none;
  text-shadow: -1px 0px 0px #;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #423b00;
  text-decoration: none;
  text-shadow: -1px 0px 0px #;
}


/* 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: #505300;
  text-transform: none;
  font-weight: normal;
  text-shadow: -1px 0px 0px #;
  }


/* CS3.3 */
#pun-navlinks a {
  color: #381e00;
  font-weight: normal;
  border-bottom: 0 none #;
  text-shadow: -1px -0px #2a1c0c,
  1px 1px #6c4f2f;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #380d00;
  background: none;
  font-weight: normal;
  border-bottom: 0px none #;
  text-shadow: -1px -0px #2a1c0c,
  1px 1px #6c4f2f;
  text-transform: uppercase;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #32241e;
  color: #66483d;
  }



/* CS4 Post status icons
-------------------------------------------------------------*/
/*Старые сообщения*/
Div.icon {  
background-image : url('http://sa.uploads.ru/r2q9S.png');
background-repeat: no-repeat;
}
/*Новые сообщения*/
TR.inew Div.icon {  
background-image : url('http://sa.uploads.ru/GkIXn.png');
background-repeat: no-repeat;
}
/*Важные темы*/
TR.isticky Div.icon {
background-image : url('http://sa.uploads.ru/OpRqk.png');
background-repeat: no-repeat;
}
/*Закрытые темы*/
TR.iclosed Div.icon {
background-image : url('http://sc.uploads.ru/4V9rv.png');
background-repeat: no-repeat;
}



/*Категории тем*/
.punbb .main h1 {background-image : url(http://sa.uploads.ru/KBWYD.png);
background-repeat: no-repeat;
background-position: center;
height: 50px;
   width: 1056px;
margin-left: -110px;
color: #5f2916;
font-size:18px;
text-align: center;
font-weight: normal;
font-style: italic;
font-family: 'Constantia';
text-transform: lowercase;
padding-top: 30px!important;
margin-top: -40px!important;
text-shadow: -1px -0px #3b190e,
1px 1px #a78c6b;
letter-spacing: 3px;
   }


/*Категории главной страницы и статистики*/
.punbb .main h2, #pun-stats h2 {background-image: url(http://sa.uploads.ru/KBWYD.png);
background-repeat: no-repeat;
background-position: center;
height: 50px;
   width: 1056px;
margin-left: -109px;
color: #5f2916;
font-size:17px;
text-align: center;
font-weight: normal;
font-style: normal;
font-family: 'Constantia';
text-transform: lowercase;
padding-top: 30px!important;
margin-top: -40px!important;
margin-bottom: -30px!important;
text-shadow: -1px -0px #3b190e,
1px 1px #a78c6b;
letter-spacing: 5px;
   }



/*Иконка статистики*/
#pun-stats ul.container {
    background: url("http://sa.uploads.ru/tYCf2.png") no-repeat scroll 20px 5px transparent!important;
    padding-left: 150px; height: 80px;
}


/* Пользовательские ссылки */
 #pun-ulinks  a:link, #pun-ulinks  a:visited {;
  color: #9d9174;
  font-weight: bold;
  letter-spacing: -1px;
text-shadow: 1px 1px #e4dcc9;
}
#pun-ulinks  a:hover, #pun-ulinks  a:focus, #pun-ulinks  a:active {
  text-transform: lowercase;
  font-weight: bold;
  letter-spacing: -1px;
  color: #6f6128;
text-shadow: 1px 1px #e4dcc9;
}


/*Окно шрифта*/
#font-area, #size-area, #color-area, #smilies-area, #imageup-area, #keyboard-area, #video-area { 
background: #d9d0b8;
border-style: solid;
border-width: 1px;
color: #000000;
border-color: #aa9f89;
}

/*Окно репутации*/
#pun-main #pun-reputation .container, #pun-main #pun-report .container, div#pun-reputation div.inner h1, #pun-report h1, #pun-reputation h1 {background-image: url("http://sb.uploads.ru/t39fz.png"); color: #000000; box-shadow: inset 0 0 6px;}
#pun-report h1, #pun-reputation h1 {background-image: url("http://sb.uploads.ru/t39fz.png"); color: #000000; width: auto !important; box-shadow: inset 0 0 6px; margin: auto !important;}


/*Количество тем, количество сообщений*/
#pun th {text-transform: lowercase; font-size:13px; !important; color: #3e2813; font-family: 'cambria'; font-style: italic;
}


/*Страница наград*/
#pun-mod #pun-main .category h2 span {
text-align: center !important;
}
#pun-mod #pun-main .category h2 span a:link, #pun-mod #pun-main .category h2 span a:visited, #pun-mod #pun-main .category h2 span a:hover {
  text-transform: uppercase;
}
#pun-mod #pun-main .category h2 select {
margin-top: 50px;
margin-bottom: 20px;
font-size:11px;
width: 170px;
margin-left: -100px !important;
}


/*Окантовка профиля*/
.punbb .post .post-author {
background: none;
margin-left: -4px;
box-shadow: inset #988567 1px 1px 37px;
text-align: center;
border-bottom: 3px solid #867d5d !important;
border-top: 3px solid #867d5d !important;
border-left: 0px solid #867d5d !important;
border-right: 0px solid #867d5d !important;
}
.pa-author {
font-weight: bold; !important;
padding-top: 13px !important;
}
.post-author ul li.pa-avatar img {
text-align: center;
box-shadow: 0 0 5px;
}
.post .pa-title {
font-style: oblique;
font-weight: normal;
}
.post .pa-online {
  color: #454800;
  font-size:13.5px;
  font-weight: bold;
  font-family: cambria;
  text-align: center;
  font-style: italic;
  margin-left:-15px;
text-shadow: 1px 1px #dbd2bd;
  margin-bottom: 10px;
}

.pa-awards .mini_awards_label a {
display: none;
}
хтмл вверх
Код:
<!--Отключения сервера рекомендаций-->
<script type="text/javascript">
rusffLive.enable = false;
</script>

<!--Убираем надпись награды из навигации форума -->
<style type="text/css">
li#navawards {display: none;}
</style>


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


<!--Стрелки вверх, вниз-->
<div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;">
  <a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
    <img src="http://sa.uploads.ru/SNF1s.png" alt="Вверх страницы">
  </a>
  <br>
  <br>
  <a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
    <img src="http://sc.uploads.ru/vzPDH.png" alt="Вниз страницы">
  </a>
</div>




<!--Таблица-->
<style>
#submenu {
margin-top: -10px!important;
height: 220px;
text-align: center;
font-size: 12px;
width: 870px;
margin-left: -15px;
background-image: url(http://sc.uploads.ru/cFl1b.png);
box-shadow: inset # 1px 1px 0px;
border-bottom: 0px solid #4d0000 !important;
border-top: 0px solid #4d0000 !important;
border-left: 0px !important;
border-right: 0px !important;
}
#menu span {
text-align:left;
display:inline-block;
color: #614517;
text-shadow: -1px -0px #3f2b0a,
1px 1px #d8cdba;
font-style: italic;
font-family: 'Constantia';
text-transform: lowercase;
font-size: 17px;
font-weight: normal;
margin: 5px;
}
#menu .tabactive {
color: #702319;
font-family: 'Constantia';
text-transform: lowercase;
font-size: 17px;
font-weight: normal;
margin: 5px;
}
</style>
хтмл вниз
Код:
<!--Аватар по умолчанию-->
<script type="text/javascript">
    var DefAvtr="http://sc.uploads.ru/jgRVA.png";

    var s='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';$("li.pa-title").each(function(){if (($(this).parent("ul").find("li.pa-avatar").html())==null){$(this).after(s);};});
    </script>

<!--Кнопка баннеров-->
<div align=center style="margin-bottom: -100px"><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; 
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"> 
<img src="http://sa.uploads.ru/iyYbz.png" ></a><div style="display:none">
баннеры
</div>


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




<!--Таблица-->
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>
объявления
Код:
<center><table style="width: 800px">
 <tbody>
<tr>
<td>
<center><div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">WELCOME</span>
<span alt=#sm2 "style="cursor: pointer;">АДМИНИСТРАЦИЯ</span>
<span alt=#sm3 "style="cursor: pointer;">О ПРОЕКТЕ</span>
<span alt=#sm4 "style="cursor: pointer;">ПАРТНЕРЫ</span>
</b>
</div></center>
</td>
</tr>
<tr>
<td id="MenuTxT"  align="center" valign="top">
<div id="submenu" align="center"> 

<div id="sm1" class="submenutext" style="display:block;"><br/><br/>
ваще не катит
</div>

<div id="sm2" class="submenutext"><br/><br/>
хрень
</div>

<div id="sm3" class="submenutext"><br/><br/>
чо за нафиг
</div>


<div id="sm4" class="submenutext"><br/><br/>
хуиз-ху

</div>

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

0


Вы здесь » по ту сторону изгороди » Так близко » So far from who I was. From who I love From who I want to be, So far f


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