Код:

<div class="tablica"><center><b>♦</b> <span class="tooltip"><a href="http://aot-rpg.ru/profile.php?id=3">armin arlert</a><em><img src="http://funkyimg.com/i/U6QN.gif"><br>АРМИН АРЛЕРТ<br>Администратор</em></span> <b>♦</b> <span class="tooltip"><a href="http://aot-rpg.ru/profile.php?id=38">petra ral</a><em><img src="http://funkyimg.com/i/U6QM.gif"><br>ПЕТРА РАЛ<br>Администратор</em></span> <b>♦</b><br>«Я не знаю, что из этого правильно и не могу тебе посоветовать. Не важно, по какому принципу ты выбираешь, никто не скажет о правильности твоего выбора».<br><br><b>♦</b> <a href="http://aot.rolbb.ru/viewtopic.php?id=12">сюжет</a> <b>♦</b> <a href="http://aot.rolbb.ru/viewtopic.php?id=14">правила</a> <b>♦</b> <a href="http://aot-rpg.ru/viewtopic.php?id=47">справочник</a> <b>♦</b><br><b>♦</b> <a href="http://aot.rolbb.ru/viewtopic.php?id=13">список ролей</a> <b>♦</b> <a href="http://aot.rolbb.ru/viewtopic.php?id=9">ищу!</a> <b>♦</b></center></div>





<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script>























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


<style>#pun-navlinks .container {
position: relative; 
text-align: center;
margin-top: -450px;
text-transform: uppercase;
font-weight: bold;
width: 1033px;
margin-left: -45px;
}</style>

<style type="text/css">
#pun-ulinks .container {
position: relative; 
text-align: center;
margin-top: 390px;
color: #26241F !important;
font-family: times new roman;
text-align: top center;
text-transform: lowercase;
}
</style>





<div class="tablica2"><div style="width: 270px; height: 120px; overflow-y: scroll; padding-right: 5px;">● 01.02. Пс-с, не хотите <a href="http://aot-rpg.ru/viewtopic.php?id=16">актуальных новостей</a>? А то у нас есть немного.<br>
● До 10.02. открыта запись в общий сюжетный квест <a href="http://aot-rpg.ru/viewtopic.php?id=147">«Беспорядки»</a>.<br>
● Поприветствуем нового администратора - <a href="http://aot-rpg.ru/profile.php?id=38">Петру Рал</a> - и пожелаем ей удачи! : )<br>
● 06.01. <a href="http://aot.rolbb.ru/viewtopic.php?id=47">Справочник о мире</a> пополнен заметкой о строе дальнего обнаружения. Если найдете какие-либо ошибки - непременно указывайте, исправим : )<br>
● Добро пожаловать на ролевую по аниме «Shingeki no Kyojin» / «Атака титанов». Достаточным знанием фандома для неканонов и манонов являются 16 серий первого сезона сериала. Каноническим персонажам желательно знать мангу.</div></div>




<div class="tablica1"><div style="width: 270px; height: 120px; overflow-y: scroll; padding-right: 5px;">«Джин еще не знает, сколько погибло в этот раз, но наверняка снова много. И хотя шепчутся между собой врачи о каком-то успехе, и разведчики чуть менее угнетенные, чем обычно, но это не изменит того факта, что люди из тех, кого можно назвать лучшими, снова погибли ужаснейшей из смертей. Их там ломали, ели заживо, пока такие, как Вирджиния, отсиживались тут, в тылу. Первое время она задыхалась от чувства вины, но за три года научилась справляться с собой хотя бы в моменты, когда требуется холодная голова и твердая рука». <a href="http://aot-rpg.ru/viewtopic.php?id=124#p16052">«Backstage»</a>.</div></div>

<link rel="stylesheet" href="https://forumstatic.ru/files/0014/82/77/56063.css" type="text/css" />
<script type='text/javascript'>
$(function() {
   $('a[title], img[title],td[title]').tipsy({fade: true, gravity: 'n'});
});
</script>

Код:

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

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

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




<!--скрытие информации о пользователе под кнопки : html-низ, информация-->
    <script>
    var a1 = 1	// 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
    var a2 = 1	// 0 - Скрытие первой вкладки; 1 - Показ первой вкладки;
    var a3 = 0     // Резкость Открытия: 0 - Плавно; 1 - Резко;
    var LiArr=new Array(
    //При наличии двух косых => // в начале пункта, - пункт не скрывается.
    //"pa-author",     //Ник-Нейм
    //"pa-avatar",     //Аватар
    //"pa-title",      //статус
   

    // 1 кнопка- ссылка на Картинку
 "http://se.uploads.ru/eu1wO.jpg[Персонаж]",
 "pa-fld1",       //Доп.Поле.1
  "pa-fld2",       //Доп.Поле.2
  "pa-fld3",       //Доп.Поле3
  "pa-fld4",       //Доп.Поле.4

    // 2 кнопка - ссылка на Картинку
     "http://se.uploads.ru/Q5ci1.jpg[Об игроке]",
    "pa-reg",        //Зарегистрирован
    "pa-invites", //Приглашений
    "pa-posts",      //Кол-во сообщений:
    "pa-sex",        //Пол
    "pa-age",        //Возраст
    "pa-respect",    //Уважение:
    "pa-positive",   //Позитив
    "pa-time-visit", //Провел на форуме:
    "pa-last-visit", //Последний визит:
    "pa-ip",         //IP Юзера
  "pa-icq",        //Аська
  // 3 кнопка- ссылка на Картинку
    "http://se.uploads.ru/pRVjD.jpg[Награды]",
    "award",      //Награды(только для rusff и ork)
    "gift",         //Подарки(только для rusff и ork)

    //Конец Списка,
    "_End"); SetProvilSpoil(a1,a2,a3);
    </script>
<!--конец информации скрытия-->





<script type="text/javascript">
$(".punbb .modmenu .container a").append(",")
</script>




<!-- выравнивание таблицы по верху -->
<style type="text/css">
#pun-main .topic .container .post-body .post-box .post-content table tbody tr td {vertical-align: top;}
</style>


<!-- нет аватара -->
<script type="text/javascript">
var DefAvtr="http://funkyimg.com/i/U6WE.jpg";
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 style="position:fixed;z-index:500; right :0.5%; bottom: 3%;">
<a href="#top" onclick="scrollTo(0,0); return false;">
<img src="http://funkyimg.com/i/U6Xm.png"></a>
<br>
<br>
<a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;">
<img src="http://funkyimg.com/i/U6Xn.png"></a>
</div>




<!--обтекание изображения 2.4-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
$("div.post-content").map(function () {
text = $(this).html();
if(text.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]*)\[\/float\]/gi
$(this).html(text.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")); 
}
}); });
</script>
<div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</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">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>

<!-- Какие-то настройки таблиц -->
<script 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>

<!-- Пиар-вход -->
<style>#spMyimg {cursor: pointer;}</style>
<script type="text/javascript">
PiarNik="pr";
PiarPas="0000";

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()\">PR-Вход</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>

Код:

/*************************************************************
A - SETUP
**************************************************************/

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

/* A3.6 */
.punbb pre {
  font: 11px "Verdana"
  }

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

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

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

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

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


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

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

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



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

/* A5.1 */
#pun {
  margin: 0 auto 0 auto; width: 1033px;
background: #DECFB0 url("http://funkyimg.com/i/U6Np.jpg") top center repeat-y;

  }

/* A5.2 */
.punbb {
  float: left;
  width: 990px;
  margin-left: 30px; 
  height: auto;

  }


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

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

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

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

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

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

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

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



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

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

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


/* B1.2 полоса в подписи*/
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid #897c60;
  width: 350px;
  margin: 5px 0;
  }


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

/* B1.4 картинки в тексте */
.punbb .post-content img {
  vertical-align: text-bottom
  }

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

/* B1.6*/
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  max-width: 910px!important;
  overflow: hidden; 
  }

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

/* B1.8 полная окантовка цитаты-хайда и пр*/
.punbb .post-content .quote-box {
  margin: 0.4em 1.8em 1.4em 1.2em;
  padding: 1em;
font-size: 11px;
  background-color: #d1c19f;
	box-shadow: #3a3307 5px 5px 0px;
text-align: justify;
  }
 .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.2em;
  padding: 1em;
  background-color: #d1c19f;
	box-shadow: #3a3307 5px 5px 0px;
    text-align: justify;  }

/* B1.9 сами названия цитата-код-скрытый и пр*/
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0; 
  }

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

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

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

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


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

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

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

/* B3.3 верхние-страница*/
.linkst .pagelink {
  position: absolute;
  top: -3.4em;
  left: 2em;
  width: 24em; color: #2e2b1a;
  }

/* B3.4 ответить-верхнее*/
.linkst .postlink {
  position: absolute;
  top: -3.4em;
  right: 2em;
  width: 16em;
  text-align: right;
  font-weight: bold; 
  }

/* B3.5 блок нижние-страница-подписаться-ответить*/
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em; 
  }

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

/* 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 input {
color: #6d6d6d; 
padding:4px;
background:  #f4f4f4;
border: none !important;
 border-radius: 2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
}

.punbb .button {
background-color:#D1C19F;
 border-radius: 2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
color: black !important;
border-bottom: 4px solid #b7aa8e !important;
font-size: 14px;
text-transform: uppercase;
font-family: arial narrow;
height:30px;
padding: 3px;
min-width:100px;
text-align:center;
}
.punbb .button:hover {
background-color:#928770;
color: black !important;
border-bottom: 4px solid #b7aa8e !important;
}


.bottom {  background-color: transparent;
color: #340100;
border: #B38854 1px solid !important;}



/* C1.4*/
.punbb fieldset {
border: #B38854 1px solid
  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;
margin: 0 0.6em 0 0;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
text-align: center;
margin-bottom: 5px;
background-color:#D1C19F;
 border-radius: 2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
color: black !important;
border-bottom: 4px solid #94886d !important; }

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

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

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

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

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

/* C1.16 окошко ввода текста - вся*/
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  }

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

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

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

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

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


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

/* C2.1 первый блок таблиц*/
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 50%; 
  }

/* C2.2 второй и третий блок*/
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%; 
  }

/* C2.3 третий блок*/
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 первый блок кроме заглавной страницы*/
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%; 
  }

/* C2.5 второй блок кроме заглавного*/
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%; 
  }

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

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

/* C2.8 названия подфорумов Новый Форум */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold; 
color: #141414;
  }


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

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

/* C2.11 общая табличка*/
.punbb .main td {
  border-style: ridge none none ridge;
border-color: transparent;
  border-width: 0px;
  padding: 0.8em 1em; 
  }

/* C2.12 форум тем сообщений Имя статус*/
.punbb .main th {
  border-style: none none none ridge;
border-color: transparent;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em; 
  }

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

/* C2.14 Отступы иконок */
.punbb td div.tclcon {
padding-top: 5px;
color: #2e2b1a;
font-size: 10px;
margin-left: 60px;
width: 400px;
text-align: justify;
}

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



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

/* C3.1 полностью блок поста после ника и даты*/
.punbb .post .container {
  border-style: none ;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px; 
  }

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

/* C3.3 просто дата на посте */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  }

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

/* C3.6 полоса с профилем в посте*/
.punbb .post .post-author ul, .punbb .post .post-author p {
  line-height: 140%; }

/* C3.7 */
.pa-author {
  text-align: center; 
font-family: arial narrow;
font-style: normal;
text-transform: uppercase;
font-size: 16px;
color: #312d0c !important;
}

.pa-avatar {
  font-size: 1.1em;
  font-weight: bold;
  text-align: center; 
margin-left: 0px;}

 



.pa-awards {
padding: 15px;!important}

.pa-avatar img, .punbb img.avatardemo, #profile-left img {
border: #312d0c solid 5px;
  }

/* C3.8 */
.pa-author a { 
color: #50450e !important;
}

/* C3.9 статус и активен*/
li.pa-title {text-align: center;
  padding-bottom: 0.4em;
font-size: 10px;
text-transform: uppercase;
margin-bottom: 5px;
padding-top: 2px;
  }


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

li.pa-fld3, li.pa-fld2, li.pa-fld1 {
padding-left: 10px;
padding-right: 10px;  }


/* C3.11 тело поста без даты*/
.punbb .post-body {
  margin-left: 20em;
border: none;
  padding: 0 0 1px 0; 
  }

/* C3.12 снова пост, но чуть меньше*/
.punbb .post-box {
  padding: 2em; 
  }

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

/* C3.14 удалить редактировать и прочее*/
.punbb .post-links {
  margin-left: 19em;
border: none;
  }

/* C3.15 полностью строка с лс цитировать и прочим*/
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
 border: none;
  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;
  }
/* C3.19 */
.post-author ul {
    background: transparent repeat scroll 0 0;
padding-top: 0.0em;
    text-align: center;
}


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

/* C4.1 блок модменю и активны*/
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right; 
  }

/* C4.2 рсс атом ники*/
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em; 
  }

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

/* C4.4 Кнопки переместить открыть закрыть*/
.punbb .modmenu input {
  margin-left: 1em; 
  }


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

/* C5.1 переадресация */
.punbb .info .container {
  padding: 0.8em 1em; 
  }

/* C5.2 нажмите сюда блок*/
.punbb .info .container .backlink {
  padding-top: 0.8em; 
  }


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

/* C6.1 профиль вместе с содержимым*/
#profile .container {
  padding-left: 18.6em; 
  }

/* C6.2 блок профиль-меню полностью*/
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline; 
  }

/* C6.3 профиль-ссылочки*/
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold; 
  }

/* C6.4 профиль по обводке*/
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-color: #c7c0af;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0; 
  }

/* C6.5 название профиль*/
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px; 
  }

/* C6.6 еще раз название профиль нормальное*/
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative; 
  }

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

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

/*C6.9 категории модераторства в управлении*/
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline; 
  }

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

/* C6.11 изображение аватара*/
.punbb img.avatardemo {
  float: right; 
  margin: 0 0 0.8em 1.8em; 
  }


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

/* C7.1 блок пониже участники*/
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0; 
  }

/* C7.2 табличка юзеров от края до края*/
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none; 
  }

/* C7.3 просто табличка юзеров*/
#pun-userlist .usertable table {
  border: none;
  }


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

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

/* D1.1 все лого-шапка */
#pun-title {
  margin: 0;
  border-style: none;
  border-width: 0; 
  }

/* D1.2 блок с названием*/
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em; 
  }

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


/* D1.4 одно названьице   шапка нормальная*/
#pun-title h1 span  {
height: 10px;
  font-size: 1.5em; display: none;
  }

#pun-title table {
	border: none;
	height: 460px;
	width: 1033px; 
 background-image: url("http://funkyimg.com/i/U6Nt.png"); 
background-repeat: no-repeat;
background-position: center bottom;
background-color: tansparent;
margin-left: -30px;
}


/*блок до баннера*/
#pun-title td.title-logo-tdl {
	border: none;
	width: 100%; }


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

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

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

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

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

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

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

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

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

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0px; 
z-index: 10;
font-weight: bold !important;
font-family: arial;

  }

/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
font-weight: bold !important;
  }

/* D.3 */
#pun-navlinks li {
font-weight: bold !important;
font-family: arial;
  display: inline;
  padding-right: 1em;
  }


/* D3.4 */
#pun-navlinks li a {
font-weight: bold !important;
font-family: arial;
  font-size: 1.1em;
  font-weight: normal;
  }

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

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

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

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

font-size: 12PX !important;
color: #323232 !important;
font-family: times new roman;
text-align: top center;
font-weight: normal !important;

margin-top: -10px;
text-decoration: none;
  }

#pun-ulinks li a:hover{    color: #2e2b1a !important;}


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

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


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

/* D5.1 приветствие и фонд*/
#pun-status, #pun-status .container, #pun-status .container a {
  border-bottom: none;
  margin-bottom: 0; color: #525252;


  }

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

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

/* D5.4 навигация-верх */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0; 
  }

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

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

#pun-break2, #pun-break3 {border: none; }


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

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

/* D6.2 Название Объявление*/
#pun-announcement h2 span {
  display: none;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

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

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

/* D7.1 ниже статистики все*/
#pun-stats .container {
  padding: 0.8em 1em; color: #525252;
  }

/* D7.2 всего тем сообщений*/
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%; 
  }

/* D7.3 тем сообщений участники вся полоска*/
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%; 
  }

/* D7.4 активны посетители за сутки*/
li#onlinelist {
  margin-top: 1em;
  border-top-style: none;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%; 
  }

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

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

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

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

/* D8.3 создай свою ролевую - в общем копирайт сервисный*/
#pun-about {
  margin-top: 0; 
  }

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

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

/* D8.6 навигация низ*/
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border: none; 
  }

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

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

/* D8.9 создать в админке*/
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px; 
  }

.punbb-admin, #pun-admain1 .adformal p, #pun-admain fieldset p{ background-color: transparent !important; border-left-color: #ECECEC !important }
#pun-admain fieldset, .adcontainer {border-color: transparent !important; 
border-left-color: #ECECEC !important; 
border-right-color: #ECECEC !important; 
border-bottom: transparent !important; }

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

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

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

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

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

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

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

/* D9.7 */
#pun-help .formal dt span {
  font: 11px "Verdana"
  }

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


.title-logo-tdr *, #tieser-bottom{ 
  filter:alpha(opacity=80)!important; 
  opacity: 0.8!important;  
  -moz-opacity: 0.8!important;  
  -khtml-opacity: 0.8!important; 
} 
.title-logo-tdr *:hover, #tieser-bottom:hover{ 
filter:alpha(opacity=100)!important; 
opacity: 1.0!important;  
-moz-opacity: 1.0!important;  
-khtml-opacity: 1.0!important; 
}


#button-spoiler {
    background: url("https://forumupload.ru/uploads/000f/c1/d3/2092-4.gif ") no-repeat scroll 50% 50% transparent;}

.tablica { padding: 10px;
width: 280px;
height: 130px;
position: absolute; 
letter-spacing: 0px;
color: #807764;
z-index: 7;  
font-size: 10px;
text-align: justify;
top: 280px;  /*отступ сверху*/
margin-left: 335px !important;  /*сдвиг*/
}



.tablica1 { padding: 10px;
width: 280px;
height: 160px;
position: absolute; 
letter-spacing: 0px;
color: #807764;
z-index: 7;  
font-size: 11px;
text-align: justify;
top: 280px;  /*отступ сверху*/
margin-left: 640px !important;  /*сдвиг*/
}

.tablica2 { padding: 10px;
width: 280px;
height: 130px;
position: absolute; 
letter-spacing: 0px;
color: #807764;
z-index: 7;  
font-size: 11px;
text-align: justify;
top: 280px;  /*отступ сверху*/
margin-left: 40px !important;  /*сдвиг*/
}


.need { padding: 10px;
width: 500px;
height: 90px;
position: absolute; 
letter-spacing: 0px;
color: #8c9ca5;
z-index: 7;  
font-size: 11px;
top: 129px;  /*отступ сверху*/
margin-left: 362px !important;  /*сдвиг*/
}



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


a.sbla:link, a.sbla:visited {
border-left: #2E1F1C 4px solid;
display: block;
margin-bottom: 1px;
text-transform: lowercase;
font-style: italic;
font-family: georgia;
font-size: 9px;
letter-spacing: 0px;
background: #C2BFAF;
color: black;
text-align: left;
padding: 2px 2px 2px 10px;}

a.sbla:hover, a.sbla:active {
-moz-transition: 1s ease;
-webkit-transition: 1s ease;
border-left: #2E1F1C 12px solid;
display: block;
text-transform: lowercase;
font-family: georgia;
font-size: 9px;
letter-spacing: 5px;
background: #C2BFAF;
text-decoration: none;
color: black;
text-align: center;
padding: 2px 2px 2px 20px;}




/*********************************************************
E - ДРУГОЕ
*********************************************************/
/* E1 Скроллбар
-------------------------------------------------------------*/
/* E1.1 - ширина прокрутки */
::-webkit-scrollbar {
width: 6px;
}
/* E1.2 - прокрутка на общей странице, по которой ездит ползунок */
::-webkit-scrollbar-track {
background: #DDCFAF;
border: #a09782 solid 1px;
}
/* E1.3 */
::-webkit-scrollbar-thumb{
background: #211e06;
}
/* E1.4 - ползунок после нажатия на него мышкой */
::-webkit-scrollbar-thumb:active {
background: #211e06;
}


#html-footer .container { 
background: transparent url(http://funkyimg.com/i/U6TF.png);
background-position : center bottom !important; 
background-repeat : no-repeat; 
border: none !important; 
margin-left: -30px;
width: 1033px;
height: 120px !important;
float: none;
backgroung-color: black;
}
#pun-about p.container {text-align: center;}




hr {
border: none;
border-top: solid 4px #50450e;}

Код:

/* CS1 Background and text colours
-------------------------------------------------------------*/
body {background: url("http://funkyimg.com/i/U6Nr.jpg") repeat-x top,
#0C0C04 url(http://funkyimg.com/i/U6Nq.jpg) repeat fixed;}

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


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

/* CS1.3 .punbb .main .category h2, .punbb .main h2, */
#pun-stats h2, .punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #2b2b2b;
 font-size: 12px;
font-weight: bold;
 text-align: center; 
text-align: left;
  }

#pun-redirect h1{    background-color: transparent; color: #2b2b2b;
  text-shadow: 1px 0px 2px #dfd9cc;
font-size: 14px;
font-weigh: bold !important;
text-align: center;
}


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


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


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


/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
  color: #2b2b2b;
  }


/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
text-align: center;
text-shadow: black 1px 1px 0px;
  }

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

.punbb textarea, .punbb input {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-color: #d1c19f;
	box-shadow: #3a3307 5px 5px 0px;

}

.selectfield, .punbb select {margin: 0 0.6em 0 0;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
text-align: center;
margin-bottom: 1px;
  background-color: transparent;
padding: 2px;
background-color:#D1C19F;
 border-radius: 2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
color: black !important;
border-bottom: 4px solid #94886d !important;
padding: 2px 10px 2px 10px;}


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


.punbb .post h3 span {
  background-color: transparent;
color: #2b2b2b; border-left: #cfc9bf;}


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

#pun-ulinks .container {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: none transparent;
  }

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


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

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  background-color: #d1c19f;
	box-shadow: #3a3307 5px 5px 0px;

  }

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

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

.punbb .divider {
  border: #cfc9bf 1px solid;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #B38854;
background-color: transparent;
  }

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

/*цвет разделителя между постом и подписью*/
.punbb .post-sig dt {
  border-top-color: #897c60 !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: #50450e;
  text-decoration: none;
font-weight: bold;

  }

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


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


/* CS3.3 */
#pun-navlinks a {
color: #685100 !important;
font-family: times new roman;
  border-bottom: 0px none transparent;
  text-decoration: none;
text-shadow: black 1px 1px 0px;
  }



/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #554200 !important;
font-style: normal;
text-shadow: black 1px 1px 0px;
  text-decoration: none;
  }


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

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


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


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


/*цифры - кол-во страниц в теме*/
.linkst .pagelink, .linkst .postlink, .punbb .linksb, 
.linksb .pagelink,  .linksb .postlink, .subscribelink,
{color: black;}


/*быстрая навигация Форум>>тема>>дата сообщения*/
#pun-crumbs2 .container, #pun-crumbs1 .container {color: black;}


div.icon {
	background: url(http://funkyimg.com/i/U6To.jpg) no-repeat;
}

tr.inew div.icon {  float: left;
  display: block;
  width: 76px;
  height: 66px;
background: url(http://funkyimg.com/i/U6Tn.jpg) no-repeat center;
}



/*названия форумов на главной (Новый форум)*/
.hasicon .alt1 .tcl .intd .tclcon h3 a, .hasicon .alt2 .tcl .intd .tclcon h3 a {  font-weight: bold; 
color: #50450e;
text-transform: uppercase;
text-shadow: #ece0c6 1px 1px 0px;
text-decoration: none;
}

/*названия форумов на главной (Новый форум) - при наведении*/
.hasicon .alt1 .tcl .intd .tclcon h3 a:hover, .hasicon .alt1 .tcl .intd .tclcon h3 a:focus, .hasicon .alt2 .tcl .intd .tclcon h3 a:hover, .hasicon .alt2 .tcl .intd .tclcon h3 a:focus {  font-weight: bold; 
color: #262314; 
text-transform: uppercase;
text-shadow: #ece0c6 1px 1px 0px;
}

/*насыщенность баннеров*/
#banners a img {opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=40);}
#banners a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}


/*фон для выпадающих частей формы ответа (шрифт, размер текста, смайлики и т.д.)*/
#size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area {background-color: transparent}

#grey a img {-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65);}
#grey a:hover img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}



.lastedit {text-align: right; color: transparent; font-size: 0px;}

#icons a img {
opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=30);
}

#icons a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}


.punbb .main h2 {color: transparent; 
font-size: 0px !important;}  /*делает прозрачным текст категорий*/

#pun-category1 h2 {height: 69px; width: 1033px; margin-left: -20px; background-image: url("http://se.uploads.ru/GcaAo.jpg"); background-repeat: no-repeat; background-position: center center;}

#pun-category2 h2 {height: 69px; width: 1033px; margin-left: -20px; background-image: url("http://se.uploads.ru/7hf0g.jpg"); background-repeat: no-repeat; background-position: center center;}

#pun-category3 h2 {height: 69px; width: 1033px; margin-left: -20px; background-image: url("http://se.uploads.ru/2TkfB.jpg"); background-repeat: no-repeat; background-position: center center;}

#pun-category4 h2 {height: 69px; width: 1033px; margin-left: -20px; background-image: url("http://se.uploads.ru/Vd7p8.jpg"); background-repeat: no-repeat; background-position: center center;}

#pun-category5 h2 {height: 69px; width: 1033px; margin-left: -20px; background-image: url("http://se.uploads.ru/AyEFO.jpg"); background-repeat: no-repeat; background-position: center center;}

#pun-category6 h2 {height: 69px; width: 1033px; margin-left: -20px; background-image: url("http://se.uploads.ru/f2LtG.jpg"); background-repeat: no-repeat; background-position: center center;}
.tooltip {
	position: relative;
	}
.tooltip em {
	display: none;
	}
.tooltip:hover em {
	font-style: normal;
	display: block;
	position: absolute;
 	background: #100F0B;
	color: silver;
	padding: 10px 10px;
	bottom: 13px;
	right: 5;
        margin-left: 25px;
	box-shadow: 0 0 5px #ccc;
 	border-radius: 5px;
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px #000000;
	-moz-box-shadow: 0 0 5px #000000;
}
.tooltip:hover em i {
	position: RELATIVE;
	bottom: -7px;
	right: 5px;
	border-top: 7px solid #000;
	border-left: 7px solid transparent;
	display: block;
}



.renoheader {
 background: transparent;
 }

.renoheaderhover {
width: 500px; 
height: 200px; 
opacity: 0; 
transition-duration: 1s;  
-moz-transition-duration: 1s;  
-webkit-transition-duration: 1s;  
-o-transition-duration: 1s;
margin-top: 215px;
margin-left: -15px;
position: absolute;
 }

.renoheaderhover:hover {
color: #ededed;
width: 500px; 
height: 200px; 
background-color: transparent;
opacity: 0.8;
 }

.renoheadercontent {
width: 500px; 
height: 200px; 
background: transparent; 
color: #ededed; }


/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background-color: #d1c19f;
margin-left: 5px;
width: 200px;
color: #262314;
border-top: 4px solid #211E06;
border-bottom: 4px solid #211E06;
  overflow: visible!important;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;}


b, p strong {
color: #383205;
}

Код:

<div class="tablica6" id="icons"><center><a href="http://outlast.f-rpg.ru/viewtopic.php?id=86" title="ЛУЧШИЙ ЭПИЗОД"><img src="http://s6.uploads.ru/8chu5.png"></a></center></div>
<div class="tablica5"><center><a href="http://outlast.f-rpg.ru/viewtopic.php?id=91#p10757">ЛУЧШИЙ ПОСТ</a></center><br>Его ввели в операционную и сняли наручники. За спиной закрылась дверь, внутри остались только двое: новоприбывший доктор и его пристегнутый кожаными ремнями к операционному столу пациент.<br>
- Привет, Рэй. Как нога? <br>
В ответ раздалось невнятное мычание. Поприветствовал, надо полагать. <br>
- Знаю-знаю, болит. Я ведь предупреждал, что будет непросто. Но ты ведь хочешь подлечить свою гангрену? </div>

<div class="tablica4"><a href="http://outlast.f-rpg.ru/viewtopic.php?id=114#p10887">НАБОР В АДМИНИСТРАЦИЮ</a>!<br><br>В соответствии с проведенной чисткой мы вынуждены попрощаться с несколькими игроками, так не отметившимися в перекличке.<br><br>Полагаю, смена облика прошла успешно, проводятся ремонтные работы по всяким мелочам. Администрация будет очень благодарна, если вы укажете на ошибки/недочеты.<br><br>Открылись первые квесты, а также проводится запись в тематический квест на Хеллоуин. Спешите записаться: "<a href="http://outlast.f-rpg.ru/viewtopic.php?id=12#p8239">Запись в квесты</a>".</div>

<div class="tablica3" id="icons"><a href="http://outlast.f-rpg.ru/profile.php?id=23" title="ЛУЧШИЙ ИГРОК: ВАЛЬТЕР"><img src="http://s6.uploads.ru/wP0x8.png"></a><br><a href="http://outlast.f-rpg.ru/profile.php?id=8" title="ЛУЧШИЙ ПОСТ: РИЧАРД"><img src="http://s6.uploads.ru/1JR4N.png"></a><br><a href="http://outlast.f-rpg.ru/profile.php?id=24" title="АКТИВИСТ ФЛУДА: ДЭВИД"><img src="http://s6.uploads.ru/RNg89.png"></a></div>

<div class="tablica2" id="icons"><a href="http://outlast.f-rpg.ru/profile.php?id=2" title="EDDIE GLUSKIN"><img src="http://s2.uploads.ru/2vaDx.jpg"></a><br><a href="http://outlast.f-rpg.ru/profile.php?id=4" title="MILES UPSHUR"><img src="http://s3.uploads.ru/LuPGE.jpg"></a></div>

<div class="tablica"><a href="http://outlast.f-rpg.ru/viewtopic.php?id=21#p1692" title="MARTIN ARCHIMBAUD"><img src="http://s3.uploads.ru/HCfGV.jpg"></a><a href="http://outlast.f-rpg.ru/viewtopic.php?id=21#p399" title="FRANK MANERA"><img src="http://s6.uploads.ru/IXBkd.jpg"></a></div>
<div class="tablica1"><a href="http://outlast.f-rpg.ru/viewtopic.php?id=21#p5611" title="SAMUEL"><img src="http://s3.uploads.ru/FoPgq.jpg"></a><a href="http://outlast.f-rpg.ru/viewtopic.php?id=21#p11437" title="WAYLON PARK"><img src="http://funkyimg.com/i/25eAY.png"></a></div>
<div class="renoheaderhover"><div class="renoheadercontent">

<div class="container">
<div class="html-box">
<center><table width="130" cellspacing="10" style="margin-left: -31px; margin-top: 40px; "><tbody><tr>
<td width="120" align="justify"><p style="margin-top: 0; margin-bottom: 0"><br><br><br><br><br><center><a href="http://outlast.f-rpg.ru/viewtopic.php?id=2" class="sbla" style="width: 70px;">Гостевая</a>
<a href="http://outlast.f-rpg.ru/viewtopic.php?id=3#p7" class="sbla" style="width: 90px;">Правила</a>
<a href="http://outlast.f-rpg.ru/viewtopic.php?id=6" class="sbla" style="width: 100px;">Сюжет</a>
<a href="http://outlast.f-rpg.ru/viewtopic.php?id=7" class="sbla" style="width: 130px;">Список персонажей</a>
<a href="http://outlast.f-rpg.ru/viewtopic.php?id=43" class="sbla" style="width: 150px;">Как создать неканона?</a>
<a href="http://outlast.f-rpg.ru/viewtopic.php?id=32" class="sbla" style="width: 140px;">Сюжетные персонажи</a>
<a href="http://outlast.f-rpg.ru/viewtopic.php?id=21" class="sbla" style="width: 120px;">Нужные персонажи</a>
<a href="http://outlast.f-rpg.ru/viewtopic.php?id=52" class="sbla" style="width: 110px;">Занятые внешности</a>
<a href="http://outlast.f-rpg.ru/viewtopic.php?id=47" class="sbla" style="width: 100px;">Гайд по квестам</a>
<a href="http://outlast.f-rpg.ru/viewtopic.php?id=8" class="sbla" style="width: 90px;">Шаблон анкеты</a></center></p></td>

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

</div></div>




<script> //СКРИПТ ПОДГРУЗКИ СМАЙЛО-КОНТЕНТА Ч1 в HTML верх//
//Тут в кавычках Ссылка на файл  подгружаемого контента//
var  Link='http://outlast.f-rpg.ru/files/0016/84/d6/93956.css';
function getXmlHttp(){var xmlhttp;try{xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")}catch(e){try{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")}catch(E){xmlhttp=false}}if(!xmlhttp&&typeof XMLHttpRequest!='undefined'){xmlhttp=new XMLHttpRequest()}return xmlhttp}
var SmileHTml='';function tstSmileLoad_2(){if(SmileHTml!=''&&!($("#Smile_smil_box").length)){
var Lft='</';$("#html-footer").prepend('<script>document.write(SmileHTml)'+Lft+'script>')}};
var xmlhttp=getXmlHttp();
function SmileLoad_0(){
xmlhttp.open('GET',Link,true);xmlhttp.onreadystatechange=function(){if(xmlhttp.readyState==4){if(xmlhttp.status==200){SmileHTml='<div id="Smile_smil_box"></div>'+xmlhttp.responseText;if($("#html-footer").length){$("#html-footer").prepend(SmileHTml)}}}};xmlhttp.send(null);}
if($("#pun-messages").length||$("#pun-viewtopic").length||$("#pun-post").length||$("#pun-edit").length||$("#pun-poll").length){SmileLoad_0()}
</script>




<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script>























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


<style>#pun-navlinks .container {
position: relative; 
text-align: center;
margin-top: -30px;
text-transform: uppercase;
font-weight: bold;
}</style>

<style type="text/css">
#pun-ulinks .container {
position: relative; 
text-align: center;
margin-top: 5px;
color: #413350 !important;
font-family: times new roman;
text-align: top center;
text-transform: lowercase;
margin-bottom: 40px;
}
</style>












<link rel="stylesheet" href="https://forumstatic.ru/files/0014/82/77/56063.css" type="text/css" />
<script type='text/javascript'>
$(function() {
   $('a[title], img[title],td[title]').tipsy({fade: true, gravity: 'n'});
});
</script>


<link href='http://fonts.googleapis.com/css?family=Playfair Display SC' rel='stylesheet' type='text/css'>


<link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>

Код:

<!--Меняем Шрифт в Топике --> 
<style id=a_fnt>.post h3 img{margin:0 7px;cursor:pointer;}</style>
<script type="text/javascript">
function setcookieF(a,b,c){if(c){var d=new Date();d.setTime(d.getTime());d=new Date(d.getTime()+c)}if(a&&b)document.cookie=a+'='+b+(c?'; expires='+d.toGMTString():'');else return false}function getcookieF(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c){c=c[0].split('=')}else{return false}return c[1]?c[1]:false}

a='<strong class=fnt style="width:auto;margin-right:28%;"><img src="img/minus.png" alt="-" />Шрифт<img src="img/plus.png" alt="+" /></strong>';$(".post:first h3 strong,.post:last h3 strong").after(a);
b_Fnt1='<style id=b_fnt>#main-reply,.punbb .post-content{font-size:';b_Fnt2='px;}</style>'
var c_Fnt;
N=getcookieF('c_Fnt')
 if(N){c_Fnt=parseFloat(N);setcookieF('c_Fnt',c_Fnt,30*24*60*60*1000)}else{var c_Fnt=Math.round(parseFloat($(".punbb .post-content").css("font-size")));}
 b_Fnt=b_Fnt1+c_Fnt+b_Fnt2; $("#a_fnt").after(b_Fnt);
function setFnt_Size(){
 b_Fnt=b_Fnt1+c_Fnt+b_Fnt2;
 $("#b_fnt").replaceWith(b_Fnt);//alert(b_Fnt)
 setcookieF('c_Fnt',c_Fnt,30*24*60*60*1000);
}
$(".post h3 img[alt='-']").click(function (){if(c_Fnt){c_Fnt--;setFnt_Size();}});
$(".post h3 img[alt='+']").click(function (){if(c_Fnt<38){c_Fnt++;setFnt_Size();}});
</script><!--End//Меняем Шрифт в Топике -->

<script type="text/javascript"> 
var num = $('.rotation').length;
var rotation = Math.floor(Math.random() * num+1);  
$('.rotation:nth-child('+rotation+')').show();
</script>

<!--audio в одном v.2.4-->
<script type="text/javascript">
var player;
$(function(){
$('td#button-code').before('<td style=\'background-image:url("http://uploads.ru/i/W/Q/P/WQPBO.gif")\' onclick="tag_play()"><img src="/i/blank.gif" title="Загрузить музыку"></td>');
$('div.post-content p').map(function () {
text = $(this).html(); 
if(text.indexOf("zippyshare.com") != -1) {
player = /\[audio\]http:\/\/www(\d+)\.zippyshare\.com\/v\/(\d+)\/file\.html\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed type='application/x-shockwave-flash' src='http://mfygs.pjuxa4dzonugc4tffzrw63i.cmle.ru/api/mediaplayer/mediaplayer.swf' flashvars='height=20&amp;width=400&amp;file=http://www$1.zippyshare.com/downloadMusic%3Fkey%3D$2%26&amp;volume=80&amp;autostart=false&amp;frontcolor=0x000000&amp;backcolor=0xffffff&amp;lightcolor=0x000000&amp;type=flv' quality='high' menu='false' wmode='transparent' allowscriptaccess='always' height='20' width='400' name='mp3player' border='0' style='margin-bottom: 6px;'/>"));}
if(text.indexOf("promodj.ru") != -1) {
player = /\[audio\]http:\/\/(.*?)\.promodj\.ru\/(.*?)\/(\d+)\/(.*?)\.html\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed src='http://ne.mnsg4.obzg63lpmrswk2tbpexg4zlu.cmle.ru/swf/bigwaveplayer_release9.swf' type='application/x-shockwave-flash' wmode='transparent' width='100%' height='150' allowFullScreen='true' flashvars='link=http%3A%2F%2Fpromodj.ru%2Fprelisten%2F$3%2Fbobmarley%3Fwtf%3D0.41394098338022567%26no_external%3D1&amp;wave=http%3A%2F%2Fpromodj.ru%2Fwaveform_prelisten%2F$3%2Fbobmarley.png%3Fwtf%3D0.41394098338022567%26stub%3D1&amp;slowChannel=1&amp;autostart=0&amp;volumePercent=100&amp;wavecolor=12982542'></embed>"));
}
if(text.indexOf("pleer.com") != -1) {
player = /\[audio\](.*?)\/tracks\/(.*?)\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed src='http://mvwwezle.obwgkzlsfzrw63i.cmle.ru/track?id=$2' type='application/x-shockwave-flash'  wmode='transparent' width='550' height='124'></embed>"));
}
if(text.indexOf(".mp3") != -1) {
player = /\[audio\](.*?)\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed src='http://o53xo.mrsw23znnv2xg2ldfzzhk.cmle.ru/pleer/pleer4.swf' type='application/x-shockwave-flash' allowscriptaccess='always' wmode='transparent' flashvars='comment=demo-music.ru&amp;st=http://www.demo-music.ru/pleer/style_pleer.txt&amp;file=$1' width='470' height='33'>"));
}  });  });
function tag_play()
{var FoundErrors = '';
var enterURL = prompt("Введите ссылку на на музыку с promodj.ru, zippyshare.com, prostopleer.com или прямую ссылку формата .mp3 ", "http://");
if (!enterURL)
{FoundErrors += " " + error_no_url;}
if (FoundErrors)
{alert("Ошибка!" + FoundErrors);
return;}
insert("[audio]" + enterURL + "[/audio]");}
</script>


<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){ 
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>

<!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<script>
var a1 = 3	// 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
var a2 = 0	// 0 - Скрытие первой вкладки; 1 - Показ первой вкладки; 
var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко;
var LiArr=new Array(
//При наличии двух косых => // в начале пункта, - пункт не скрывается.
//"pa-author",     //Ник-Нейм
//"pa-avatar",     //Аватар
//"pa-title",      //статус
//"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 - Не засовываем в спойлеры
//"pa-from",       //Откуда
//"pa-fld1",       //Доп.Поле.1
//"pa-fld2",       //Доп.Поле.2
//"pa-fld3",       //Доп.Поле.3 
//"pa-fld4",       //Доп.Поле.4
//"pa-fld5",       //Доп.Поле.5
// 3 кнопка- ссылка на Картинку
"http://funkyimg.com/i/23AKD.png",
"award",      //Награды(только для rusff и ork)
"gift",         //Подарки(только для rusff и ork)
//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>
<!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->

<!--Оповещение о новых ЛС-->
<script type="text/javascript">
var str = new String(document.getElementById("navpm").innerHTML)
var str2 = new String(document.location)
if( (str.indexOf("(") != -1) && (str2.indexOf("messages.php") == -1) )
{
alert("У вас новое сообщение!")
}
</script>


<!-- //ПОДГРУЗКА КОНТЕНТА СМАЙЛОВ Ч2,HTML низ/ -->
<script>tstSmileLoad_2()</script>

<!--вверх вниз-->
<div style="position:fixed;z-index:500; right :0.5%; bottom: 3%;">
<a href="#top" onclick="scrollTo(0,0); return false;">
<img src="http://funkyimg.com/i/23Jg1.png"></a>
<br>
<br>
<a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;">
<img src="http://funkyimg.com/i/23JfZ.png"></a>
</div>


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









<script type="text/javascript">
$(".punbb .modmenu .container a").append(",")
</script>




<!-- выравнивание таблицы по верху -->
<style type="text/css">
#pun-main .topic .container .post-body .post-box .post-content table tbody tr td {vertical-align: top;}
</style>


<!-- нет аватара -->
<script type="text/javascript">
var DefAvtr="http://funkyimg.com/i/23B7e.jpg";
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>











<!--обтекание изображения 2.4-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
$("div.post-content").map(function () {
text = $(this).html();
if(text.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]*)\[\/float\]/gi
$(this).html(text.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")); 
}
}); });
</script>
<div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</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">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>

<!-- Какие-то настройки таблиц -->
<script 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">
PiarNik="PR";
PiarPas="1111";
ReadNik="Murkoff";
ReadPas="1111";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><a onclick=\"PiarIn()\"><span style=\"cursor:pointer\">Реклама</span></a></li>\
<li id=\"navreader\"><a onclick=\"ReadIn()\"><span style=\"cursor:pointer\">Читатель (18+)</span></a></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin

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

Код:

/*************************************************************
A - SETUP
**************************************************************/

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

/* A3.6 */
.punbb pre {
  font: 11px "Verdana"
  }

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

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

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

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

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


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

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

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



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

/* A5.1 */
#pun {
  margin: 0 auto 0 auto; width: 918px;
background: #B7B7B7 url("http://s2.uploads.ru/eKJED.jpg") top center repeat-y;

  }

/* A5.2 */
.punbb {
  float: left;
  width: 890px;
  margin-left: 25px; 
  height: auto;

  }


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

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

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

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

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

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

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

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



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

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

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


/* B1.2 полоса в подписи*/
.punbb .post-sig dt {
  display: block;
border-top: 1px dotted #494b51!important;
  width: 100%;
  margin: 5px 0;
  }


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

/* B1.4 картинки в тексте */
.punbb .post-content img {
  vertical-align: text-bottom
  }

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

/* B1.6*/
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  max-width: 910px!important;
  overflow: hidden; 
  }

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

/* B1.8 полная окантовка цитаты-хайда и пр*/
.punbb .post-content .quote-box {
  margin: 0.4em 1.8em 1.4em 1.2em;
  padding: 1em;
font-size: 10px;
border-radius: 20px;
  background: url(http://s6.uploads.ru/96apI.jpg) #a8a8a8;
  box-shadow: 0px 0px 0px 1px #7e7e7e;
  border: 1px solid #d8d8d8 !important;
text-align: justify;
  }
 .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.2em;
  padding: 1em;
  background: url(http://s6.uploads.ru/96apI.jpg) #a8a8a8;
  box-shadow: 0px 0px 0px 1px #7e7e7e;
border-radius: 20px;
  border: 1px solid #d8d8d8 !important;
    text-align: justify;  }

/* B1.9 сами названия цитата-код-скрытый и пр*/
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0; 
  }

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

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

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

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


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

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

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

/* B3.3 верхние-страница*/
.linkst .pagelink {
  position: absolute;
  top: -3.4em;
  left: 2em;
  width: 24em; color: #2e2b1a;
  }

/* B3.4 ответить-верхнее*/
.linkst .postlink {
  position: absolute;
  top: -3.4em;
  right: 2em;
  width: 16em;
  text-align: right;
  font-weight: bold; 
  }

/* B3.5 блок нижние-страница-подписаться-ответить*/
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em; 
  }

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

/* 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 input {
color: #6d6d6d; 
padding:4px;
background:  #f4f4f4;
border: none !important;
 border-radius: 2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
}

.punbb .button {
background: url(http://funkyimg.com/i/TByg.jpg) #C0C0C0;
border-radius: 2px;
text-shadow: 0px -1px 0px #767676;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
color: #ffffff !important;
border-bottom: 4px solid #9e9e9e !important;
font-size: 11px;
font-weight: bold !important;
text-transform: uppercase;
font-family: verdana;
height: 30px;
padding: 3px;
min-width: 100px;
text-align: center;
}
.punbb .button:hover {
background-color: #3257a2;
color: #ffffff !important;
text-shadow: 0px -1px 0px #767676;
border-bottom: 4px solid #767676 !important;
}






/* C1.4*/
.punbb fieldset {
border: #ABABAB 1px solid
  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;
margin: 0 0.6em 0 0;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
text-align: center;
margin-bottom: 5px;
background-color:#C0C0C0;
 border-radius: 2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
color: black !important;
border-bottom: 4px solid #3257a2 !important; }

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

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

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

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

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

/* C1.16 окошко ввода текста - вся*/
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  }

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

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

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

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

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


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

/* C2.1 первый блок таблиц*/
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 50%; 
  }

/* C2.2 второй и третий блок*/
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%; 
  }

/* C2.3 третий блок*/
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 первый блок кроме заглавной страницы*/
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%; 
  }

/* C2.5 второй блок кроме заглавного*/
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%; 
  }

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

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

/* C2.8 названия подфорумов Новый Форум */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold; 
text-align: center;
color: #141414;
background-image: url(http://s6.uploads.ru/96apI.jpg);  }


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

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

/* C2.11 общая табличка*/
.punbb .main td {
  border-style: ridge none none ridge;
border-color: transparent;
  border-width: 0px;
  padding: 0.8em 1em; 
  }

/* C2.12 форум тем сообщений Имя статус*/
.punbb .main th {
  border-style: none none none ridge;
border-color: transparent;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em; 
  }

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

/* C2.14 Отступы иконок */
.punbb td div.tclcon {
padding-top: 5px;
color: #7c7c7c;
font-size: 10px;
margin-left: 60px;
width: 370px;
text-align: justify;
}

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



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

/* C3.1 полностью блок поста после ника и даты*/
.punbb .post .container {
  border-style: none ;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px; 
  }

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

/* C3.3 просто дата на посте */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  }

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

/* C3.6 полоса с профилем в посте*/
.punbb .post .post-author ul, .punbb .post .post-author p {
  line-height: 140%; }

/* C3.7 */
.pa-author {
  text-align: center; 
font-family: arial narrow;
font-style: normal;
text-transform: uppercase;
font-size: 16px;
margin-top: 3px;
margin-bottom: 3px;
}

.pa-avatar {
  font-size: 1.1em;
  font-weight: bold;
  text-align: center; 
margin-left: 0px;}

 



.pa-awards {
padding: 15px;!important}

.pa-avatar img, .punbb img.avatardemo, #profile-left img {
  border: 3px double #7f7f7f !important; 
box-shadow: #7f7f7f 0 2px 10px; }

/* C3.8 */
.pa-author a {
  text-align: center; 
font-family: arial narrow;
font-style: normal;
text-transform: uppercase;
font-size: 16px;
margin-top: 3px;
margin-bottom: 3px;
}

/* C3.9 статус и активен*/
li.pa-title {text-align: center;
  padding-bottom: 0.4em;
font-size: 10px;
text-transform: uppercase;
height: 12px;
width: 190px;
margin-left: 10px;
margin-bottom: 5px;
background: url(http://s6.uploads.ru/njmsg.jpg);
border-radius: 10px;
padding-top: 2px;
  }


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

li.pa-fld3, li.pa-fld2, li.pa-fld1 {
padding-left: 10px;
padding-right: 10px;
margin-top: 5px;  }


/* C3.11 тело поста без даты*/
.punbb .post-body {
  margin-left: 20em;
border: none;
  padding: 0 0 1px 0; 
  }

/* C3.12 снова пост, но чуть меньше*/
.punbb .post-box {
  padding: 2em;
text-align: justify;
  }

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

/* C3.14 удалить редактировать и прочее*/
.punbb .post-links {
  margin-left: 19em;
border: none;
  }

/* C3.15 полностью строка с лс цитировать и прочим*/
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
 border: none;
  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;
  }
/* C3.19 */
.post-author ul {
    background: transparent repeat scroll 0 0;
padding-top: 0.0em;
    text-align: center;
}


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

/* C4.1 блок модменю и активны*/
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right; 
  }

/* C4.2 рсс атом ники*/
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em; 
  }

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

/* C4.4 Кнопки переместить открыть закрыть*/
.punbb .modmenu input {
  margin-left: 1em; 
  }


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

/* C5.1 переадресация */
.punbb .info .container {
  padding: 0.8em 1em; 
  }

/* C5.2 нажмите сюда блок*/
.punbb .info .container .backlink {
  padding-top: 0.8em; 
  }


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

/* C6.1 профиль вместе с содержимым*/
#profile .container {
  padding-left: 18.6em; 
  }

/* C6.2 блок профиль-меню полностью*/
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline; 
  }

/* C6.3 профиль-ссылочки*/
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold; 
  }

/* C6.4 профиль по обводке*/
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-color: #413350;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0; 
  }

/* C6.5 название профиль*/
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px; 
  }

/* C6.6 еще раз название профиль нормальное*/
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative; 
  }

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

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

/*C6.9 категории модераторства в управлении*/
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline; 
  }

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

/* C6.11 изображение аватара*/
.punbb img.avatardemo {
  float: right; 
  margin: 0 0 0.8em 1.8em; 
  }


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

/* C7.1 блок пониже участники*/
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0; 
  }

/* C7.2 табличка юзеров от края до края*/
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none; 
  }

/* C7.3 просто табличка юзеров*/
#pun-userlist .usertable table {
  border: none;
  }


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

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

/* D1.1 все лого-шапка */
#pun-title {
  margin: 0;
  border-style: none;
  border-width: 0; 
  }

/* D1.2 блок с названием*/
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em; 
  }

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


/* D1.4 одно названьице   шапка нормальная*/
#pun-title h1 span  {
height: 10px;
  font-size: 1.5em; display: none;
  }

#pun-title table {
	border: none;
	height: 462px;
	width: 918px; 
 background-image: url("http://s2.uploads.ru/BjLmb.jpg"); 
background-repeat: no-repeat;
background-position: center bottom;
background-color: tansparent;
margin-left: -25px;
}


/*блок до баннера*/
#pun-title td.title-logo-tdl {
	border: none;
	width: 100%; }


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

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

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

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

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

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

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

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

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

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0px; 
z-index: 10;
font-weight: bold !important;

  }

/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
font-weight: bold !important;
  }

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


/* D3.4 */
#pun-navlinks li a {
font-weight: bold !important;
font-size: 10px;
  font-weight: normal;
  }

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

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

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

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

font-size: 10PX !important;
color: #413350 !important;
text-align: top center;
font-family: verdana;
font-weight: normal !important;

margin-top: -10px;
text-decoration: none;
  }

#pun-ulinks li a:hover{    color: #2a3d5f !important;}


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

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


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

/* D5.1 приветствие и фонд*/
#pun-status, #pun-status .container, #pun-status .container a {
  border-bottom: none;
  margin-bottom: 0; color: #525252;


  }

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

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

/* D5.4 навигация-верх */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0; 
  }

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

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

#pun-break2, #pun-break3 {border: none; }


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

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

/* D6.2 Название Объявление*/
#pun-announcement h2 span {
  display: none;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

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

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

/* D7.1 ниже статистики все*/
#pun-stats .container {
  padding: 0.8em 1em; color: #525252;
  }

/* D7.2 всего тем сообщений*/
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%; 
  }

/* D7.3 тем сообщений участники вся полоска*/
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%; 
  }

/* D7.4 активны посетители за сутки*/
li#onlinelist {
  margin-top: 1em;
  border-top-style: none;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%; 
  }

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

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

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

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

/* D8.3 создай свою ролевую - в общем копирайт сервисный*/
#pun-about {
  margin-top: 0; 
  }

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

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

/* D8.6 навигация низ*/
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border: none; 
  }

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

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

/* D8.9 создать в админке*/
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px; 
  }

.punbb-admin, #pun-admain1 .adformal p, #pun-admain fieldset p{ background-color: transparent !important; border-left-color: #ECECEC !important }
#pun-admain fieldset, .adcontainer {border-color: transparent !important; 
border-left-color: #ECECEC !important; 
border-right-color: #ECECEC !important; 
border-bottom: transparent !important; }

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

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

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

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

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

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

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

/* D9.7 */
#pun-help .formal dt span {
  font: 11px "Verdana"
  }

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


.title-logo-tdr *, #tieser-bottom{ 
  filter:alpha(opacity=80)!important; 
  opacity: 0.8!important;  
  -moz-opacity: 0.8!important;  
  -khtml-opacity: 0.8!important; 
} 
.title-logo-tdr *:hover, #tieser-bottom:hover{ 
filter:alpha(opacity=100)!important; 
opacity: 1.0!important;  
-moz-opacity: 1.0!important;  
-khtml-opacity: 1.0!important; 
}


#button-spoiler {
    background: url("https://forumupload.ru/uploads/000f/c1/d3/2092-4.gif ") no-repeat scroll 50% 50% transparent;}



.tablica {
width: 250px;
height: 20px;
position: absolute; 
letter-spacing: 0px;
color:#726084;
z-index: 7;  
font-size: 10px;
text-align: justify;
margin-top: 286px;  /*отступ сверху*/
margin-left: 309px !important;  /*сдвиг*/
}



.tablica1 {
width: 250px;
height: 20px;
position: absolute; 
letter-spacing: 0px;
color:#726084;
z-index: 7;  
font-size: 10px;
text-align: justify;
margin-top: 311px;  /*отступ сверху*/
margin-left: 309px !important;  /*сдвиг*/
}



.tablica2 {
width: 40px;
height: 140px;
position: absolute; 
letter-spacing: 0px;
color:#726084;
z-index: 7;  
font-size: 10px;
text-align: justify;
margin-top: 293px;  /*отступ сверху*/
margin-left: 230px !important;  /*сдвиг*/
}

.tablica3 {
width: 40px;
height: 140px;
position: absolute; 
letter-spacing: 0px;
color:#726084;
z-index: 7;  
font-size: 10px;
text-align: justify;
margin-top: 293px;  /*отступ сверху*/
margin-left: 601px !important;  /*сдвиг*/
}

.tablica4 {
width: 210px;
height: 130px;
position: absolute; 
letter-spacing: 0px;
color:#737D96;
z-index: 7;  
font-size: 10px;
text-align: justify;
overflow: auto;
margin-top: 293px;  /*отступ сверху*/
margin-left: -17px !important;  /*сдвиг*/
padding-right: 5px;
padding-left: 10px;}

.tablica5 {
width: 210px;
height: 75px;
position: absolute; 
letter-spacing: 0px;
color:#737D96;
z-index: 7;  
font-size: 10px;
text-align: justify;
overflow: auto;
margin-top: 348px;  /*отступ сверху*/
margin-left: 652px !important;  /*сдвиг*/
padding-right: 5px;
padding-left: 10px;}

.tablica6 {
width: 210px;
height: 45px;
position: absolute; 
letter-spacing: 0px;
color:#737D96;
z-index: 7;  
font-size: 10px;
text-align: justify;
overflow: auto;
margin-top: 293px;  /*отступ сверху*/
margin-left: 652px !important;  /*сдвиг*/
padding-right: 5px;
padding-left: 10px;}
#pun-about p.container {text-align: center;}



a.sbla:link, a.sbla:visited {
border-radius: 10px;
display: block;
width: auto;
margin-bottom: 1px;
height: 11px;
text-transform: lowercase;
font-size: 10px;
font-style: normal;
font-weight: normal;
opacity: 0.7;
background: #7e8596;
box-shadow: #545964 0px 0px 15px inset;
color: #D8E2FD;
text-align: center;
padding: 2px 2px 2px 0px;}

a.sbla:hover, a.sbla:active {
border-radius: 10px;
display: block;
text-transform: lowercase;
height: 11px;
opacity: 1.0;
font-size: 10px;
width: auto;
font-style: normal;
font-weight: normal;
background: #0D3B81;
text-decoration: none;
box-shadow: black 0px 0px 15px inset;
text-align: center;
padding: 2px 2px 2px 0px;}




/*********************************************************
E - ДРУГОЕ
*********************************************************/
/* E1 Скроллбар
-------------------------------------------------------------*/
/* E1.1 - ширина прокрутки */
::-webkit-scrollbar {
width: 6px;
}
/* E1.2 - прокрутка на общей странице, по которой ездит ползунок */
::-webkit-scrollbar-track {
background: #C0C0C0;
border: #929292 solid 1px;
}
/* E1.3 */
::-webkit-scrollbar-thumb{
background: #474D5B;
}
/* E1.4 - ползунок после нажатия на него мышкой */
::-webkit-scrollbar-thumb:active {
background: #474D5B;
}



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




hr {
border: none;
border-top: solid 4px #3257a2;}

h6 {
text-align: center;
height: 15px;
background-color: #D9D8D6;
font-weight: bold !important;
color: black;
text-shadow: white 1px 1px 0px;
text-transform: lowercase;
font-size: 10px;}


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

.rotation {
  display: none;
}


  .korpus > div, .korpus > input { display: none; }

.korpus {text-align: center;
 padding: 10px;}

.korpus label {
  width: 200px;
  padding: 5px 5px;
  display: inline-block;
  background: #838383;
  color: #012c54; border-radius:10px 10px 0 0;}

.korpus label:hover {
  background-color:  #838383;
  color:  #696969;}

.korpus input[type="radio"]:checked + label {
  background-color: #A1A1A1;
  font-weight: bold;
  color:  #102a48;
    box-shadow: -3px -2px 4px -0px #4d5257;}

.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3),

.korpus > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.korpus > input:nth-of-type(5):checked ~ div:nth-of-type(5),
.korpus > input:nth-of-type(6):checked ~ div:nth-of-type(6),
.korpus > input:nth-of-type(7):checked ~ div:nth-of-type(7) { 
  display: block; 
  padding-top: 15px;
  text-align: justify;
  background-color: #A1A1A1;
  box-shadow: -2px -1px 4px -0px #4d5257;
padding: 10px;}


.hai { background: #C7B8A1; color: #3f3f3f; text-align: justify; width: 480px; height: 130px; transition-duration: 0.9s;-moz-transition-duration: 0.9s;-webkit-transition-duration: 0.9s;-o-transition-duration: 0.9s; opacity: 0.0; }
.hai:hover { opacity: 1.00; }

.oform {width: 550px;
color: #646464;
background: url(http://s2.uploads.ru/Dt4MH.jpg);
padding: 10px;
text-align: justify;
border: 5px solid #2a3d5f;
font-family:'arial';
padding:20px;}

.oform td {    width: 290px; height: 120px;
padding: 10px;
    font-size: 11px;
    text-align: justify;
    box-shadow: inset #11161C 0 2px 10px;
border: 0px transparent !important;
background: url(http://s6.uploads.ru/96apI.jpg);}

.oform1 {    width: 250px; height: 120px;
padding: 10px;
    font-size: 11px;
    text-align: justify;
    box-shadow: inset #11161C 0 2px 10px;
border: 0px transparent !important;
background: url(http://s6.uploads.ru/96apI.jpg);}

.oform tr {
background: transparent;}

.pers {width: 540px; font-family: Arial Narrow; color: #574d45; padding: 10px;
    font-size: 16px;
    text-align: justify;
    box-shadow: inset #11161C 0 2px 10px;
border: 0px transparent !important;
background: url(http://s6.uploads.ru/96apI.jpg);}

.pers1 {width: 540px; color: #574d45; padding: 10px;
    font-size: 11px;
    text-align: justify;
    box-shadow: inset #11161C 0 2px 10px;
border: 0px transparent !important;
background: url(http://s6.uploads.ru/96apI.jpg);}

Код:

/* CS1 Background and text colours
-------------------------------------------------------------*/
body {background: black url(http://s6.uploads.ru/AX16H.jpg) repeat top center fixed;}

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


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

/* CS1.3 */ 
 .punbb .main .category h2, .punbb .main h2, */
#pun-stats h2, .punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #2b2b2b;
 font-size: 12px;
font-weight: bold;
 text-align: center; 
text-align: left;
  }














#pun-redirect h1{    background-color: transparent; color: #2b2b2b;
  text-shadow: 1px 0px 2px #dfd9cc;
font-size: 14px;
font-weigh: bold !important;
text-align: center;
}


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


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


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


/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
  color: #2b2b2b;
  }


/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
text-align: center;
text-shadow: black 1px 1px 0px;
  }

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

.punbb textarea, .punbb input {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background: url(http://s6.uploads.ru/96apI.jpg) #a8a8a8;
  box-shadow: 0px 0px 0px 1px #7e7e7e;
  border: 1px solid #d8d8d8 !important;
text-align: justify;

}

.selectfield, .punbb select {margin: 0 0.6em 0 0;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
text-align: center;
margin-bottom: 1px;
  background-color: transparent;
padding: 2px;
background-color:#C0C0C0;
 border-radius: 2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
color: black !important;
border-bottom: 4px solid #3257a2 !important;
padding: 2px 10px 2px 10px;}


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


.punbb .post h3 span {
  background-color: transparent;
color: #2b2b2b; border-left: #cfc9bf;}


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

#pun-ulinks .container {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: none transparent;
  }

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


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

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  background: url(http://s6.uploads.ru/96apI.jpg) #a8a8a8;
  box-shadow: 0px 0px 0px 1px #7e7e7e;
  border: 1px solid #d8d8d8 !important;
border-radius: 20px;

  }

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

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

.punbb .divider {
  border: #cfc9bf 1px solid;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #ABABAB;
background-color: transparent;
  }

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

/*цвет разделителя между постом и подписью*/
.punbb .post-sig dt {
  border-top-color: #897c60 !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: #3257a2;
  text-decoration: none;
font-weight: bold;

  }

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


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


/* CS3.3 */
#pun-navlinks a {
  color: #767e8e;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all  0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 10px 6px 11px 5px;
padding: 6px;
border-radius: 8px;
background-color: transparent;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #767e8e;
  font-weight: bold;
  font-style: normal;
padding: 6px;
border-radius: 8px;
background-color: #051026;
  }

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

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


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


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


/*цифры - кол-во страниц в теме*/
.linkst .pagelink, .linkst .postlink, .punbb .linksb, 
.linksb .pagelink,  .linksb .postlink, .subscribelink,
{color: black;}


/*быстрая навигация Форум>>тема>>дата сообщения*/
#pun-crumbs2 .container, #pun-crumbs1 .container {color: black;}


div.icon {
	background: url(http://s7.uploads.ru/izAVI.png) no-repeat;
}

tr.inew div.icon {  float: left;
  display: block;
  width: 56px;
  height: 56px;
background: url(http://s3.uploads.ru/hqUD0.png) no-repeat center;
}



/*названия форумов на главной (Новый форум)*/
.hasicon .alt1 .tcl .intd .tclcon h3 a, .hasicon .alt2 .tcl .intd .tclcon h3 a {  font-weight: bold; 
color: #3257a2;
text-transform: uppercase;
text-shadow: #BABABA 1px 1px 0px;
text-decoration: none;
}

/*названия форумов на главной (Новый форум) - при наведении*/
.hasicon .alt1 .tcl .intd .tclcon h3 a:hover, .hasicon .alt1 .tcl .intd .tclcon h3 a:focus, .hasicon .alt2 .tcl .intd .tclcon h3 a:hover, .hasicon .alt2 .tcl .intd .tclcon h3 a:focus {  font-weight: bold; 
color: #2a3d5f; 
text-transform: uppercase;
text-shadow: #BABABA 1px 1px 0px;
}

/*насыщенность баннеров*/
#banners a img {opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=40);}
#banners a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}


/*фон для выпадающих частей формы ответа (шрифт, размер текста, смайлики и т.д.)*/
#size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area {background-color: transparent}

#grey a img {-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity:0.7; -moz-opacity:0.4; filter:alpha(opacity=40);}
#grey a:hover img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}



.lastedit {text-align: right; color: transparent; font-size: 0px;}

#icons a img {
opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=30);
}

#icons a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}


.punbb .main h2 {font-size: 0px !important;}  /*делает прозрачным текст категорий*/

#pun-category1 h2 {height: 75px; width: 900px; margin-left: -16px; background-image: url("http://s2.uploads.ru/pTevC.jpg"); background-repeat: no-repeat; background-position: center center;}

#pun-category2 h2 {height: 60px; width: 900px; margin-left: -16px; background-image: url("http://s3.uploads.ru/0Tl2E.jpg"); background-repeat: no-repeat; background-position: center center;}

#pun-category3 h2 {height: 75px; width: 900px; margin-left: -16px; background-image: url("http://s3.uploads.ru/G8Riy.jpg"); background-repeat: no-repeat; background-position: center center;}

#pun-category4 h2 {height: 65px; width: 900px; margin-left: -16px; background-image: url("http://s2.uploads.ru/U59uz.jpg"); background-repeat: no-repeat; background-position: center center;}


.tooltip {
	position: relative;
	}
.tooltip em {
	display: none;
	}
.tooltip:hover em {
	display: block;
	position: absolute;
 	background: #1A1A1A;
	color: #535352;
	padding: 5px;
	margin-top: -27px;
	margin-left: 240px;
	width: 210px;
        height: auto;
	right: 5;
text-align: justify;
	box-shadow: #3257a2 2px 2px 0px;

}
.tooltip:hover em i {
	position: absolute;
	margin-top: 7px;
	margin-left: -25px;
	border-top: 7px solid #000;
	border-left: 7px solid transparent;
	display: block;
}



.tooltip1 {
	position: relative;
	}
.tooltip1 em {
	display: none;
	}
.tooltip1:hover em {
	display: block;
	position: absolute;
	background: #1a1a1a url(http://sh.uploads.ru/s1AqT.png) repeat fixed;
	color: #535352;
	padding: 5px;
	margin-top: 7px;
	margin-left: -40px;
	width: 350px;
        height: auto;
	right: 5;
text-align: justify;
	box-shadow: #3257a2 2px 2px 0px;

}
.tooltip1:hover em i {
	position: absolute;
	margin-top: 7px;
	margin-left: -25px;
	border-top: 7px solid #000;
	border-left: 7px solid transparent;
	display: block;
}



.renoheader {
 background: transparent;
 }

.renoheaderhover {
width: 900px; 
height: 200px; 
opacity: 0; 
transition-duration: 1s;  
-moz-transition-duration: 1s;  
-webkit-transition-duration: 1s;  
-o-transition-duration: 1s;
margin-top: 215px;
margin-left: 515px;
position: absolute;
 }

.renoheaderhover:hover {
color: #ededed;
width: 900px; 
height: 200px; 
background-color: transparent;
opacity: 1.0;
 }

.renoheadercontent {
width: 900px; 
height: 200px; 
background: transparent; 
color: #ededed; }















/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background: url(http://s6.uploads.ru/96apI.jpg) #a8a8a8;
  box-shadow: 0px 0px 0px 1px #7e7e7e;
  border: 1px solid #d8d8d8 !important;
text-align: justify;
margin-left: 5px;
width: 200px;
color: #262314;}


b, p strong {
color: #3257a2;
}

.ex1 {
font-family: arial;
font-size: 11px;
color: #3f3f3f;
padding: 7px;
text-align: justify;
border-top-style: solid;
border-top-color: #767e8e;
border-top-width: 4px;
border-bottom-style: solid;
border-bottom-color: #767e8e;
border-bottom-width: 4px;
width: 175px;
line-height: 99% !important;}


.nav {
background: #3257a2;
display:inline-block;
cursor:pointer;
height: 11px;
color:#726084;
font-family: verdana;
text-transform: uppercase;
font-size:10px;
font-weight:bold;
padding:2px 10px 2px 10px;
text-align: center;
}

#nav a {
color:#726084 !important;
}

#nav a:hover {
color:#9e8fae!important;
}

Код:

<div class="tablica3"><table><tr><td style="padding: 3px; background-image: url(http://funkyimg.com/i/24TYW.jpg); text-align: center; width: 250px; font-family: Playfair Display SC; font-size: 13px;">ЖАЖДЕМ ЭТОЙ КРОВИ</td><td style="padding: 3px; background-image: url(http://funkyimg.com/i/24TYW.jpg); text-align: center; width: 190px; font-family: Playfair Display SC; font-size: 13px;">НАВИГАЦИЯ</td><td style="padding: 3px; background-image: url(http://funkyimg.com/i/24TYW.jpg); text-align: center; width: 250px; font-family: Playfair Display SC; font-size: 13px;">ЗОЛОТОЙ СОРТ "МАУНТ-МЭССИВ"</td></tr>
<tr>
<td style="vertical-align: top; width: 250px;">
<ul class="s-tabs" style="margin-top: 0px; text-align: center;">
<span><img src="http://funkyimg.com/i/24Uhc.png"/></span><span><img src="http://funkyimg.com/i/24UgA.png"/></span><span><img src="http://funkyimg.com/i/24Ufb.png"/></span><span><img src="http://funkyimg.com/i/24Uhd.png"/></span><span><img src="http://funkyimg.com/i/24UfE.png"/></span><span><img src="http://funkyimg.com/i/24UfD.png"/></span>
<li class="stab">
<center><a href="http://outlast.f-rpg.ru/viewtopic.php?id=32#p980">КРИС УОКЕР</a></center><br>
Во время беседы подвижность Уокера была вынужденно ограничена ввиду нанесенных им себе повреждений. Ограничительные приспособления пришлось видоизменить в связи с его огромными размерами.<br>
Обширные кожные высыпания соответствуют типичной клеточной активности при неудавшемся морфогенетическом кондиционировании. Он утверждает, что сдирание кожи со лба способствует особому видению.
</li>
<li class="stab">
<center><a href="http://outlast.f-rpg.ru/viewtopic.php?id=21#p1692">МАРТИН АРЧИМБОД</a></center><br>
Мой пациент, Мартин Арчимбод, показывал существенные успехи в ходе терапии, благодаря рисованию пальцами. Всего через неделю после отмены художественной программы его шизоаффективные утверждения о "голосах высших сил" серьезно усилились. Пожалуйста, разрешите человеку рисовать пальцем.
</li>
<li class="stab">
<center><a href="http://outlast.f-rpg.ru/viewtopic.php?id=21#p399">ФРЭНК МАНЕРА</a></center><br>
Он был апатичным и почти совершенно не реагирующим ни на что, проявляя интерес только во время сценария девятого паттерна гипнотерапии Вернике касательно распития крови из груди спящих мужчин.
</li>
<li class="stab">
<center><a href="http://outlast.f-rpg.ru/viewtopic.php?id=21#p5611">СЕМЮЭЛ</a></center><br>
Другое дело - это приступы "очищения" (как он сам их называет) в период между его депрессиями и эмоциональными вспышками. Он продолжает утверждать, что занимался благим делом, поджигая здания, в которых были люди. Про то, что после этого процесса он видит "что-то", пациент говорить перестал. Но не думаю, что по причине разуверования, скорее, наоборот, опасается возможных проблем и дальнейшего лечения в плане этого вопроса.
</li>
<li class="stab">
<center><a href="http://outlast.f-rpg.ru/viewtopic.php?id=21#p2747">ДЕННИС</a></center><br>
- Не нужно никаких сестер. Ну если только некоторых... некоторых девочек без крови...<br>
- Ты еще не такой старый, чтобы беспокоиться об этом.<br>
- У нас проблемы похуже.<br>
- Для начала отрасти волосы у себя в штанах, Тимми, тогда и поговорим о девочках.<br>
- Я что-то слышу, клянусь. Все. Заткнитесь, хоть на некоторое время.</a>
</li>
<li class="stab">
<center><a href="http://outlast.f-rpg.ru/viewtopic.php?id=21#p10591">ДЖЕСС РУД</a></center><br>
Правильно говорят: "Как корабль назовешь, так он и поплывет". Думали родители, как наречь своего первенца, а он взял и вырос безумцем, считающим себя самим Мессией, да еще и с таким говорящим именем - Джесс Руд (прим. автора: Jesus - англ. Иисус, Rood - англ. распятие, крест).
</li></ul></td>
<td style="vertical-align: top;"><center><a href="http://outlast.f-rpg.ru/viewtopic.php?id=3#p7" class="sbla">Правила</a>
<a href="http://outlast.f-rpg.ru/viewtopic.php?id=6" class="sbla">Сюжет</a>
<a href="http://outlast.f-rpg.ru/viewtopic.php?id=7" class="sbla">Список персонажей</a>
<a href="http://outlast.f-rpg.ru/viewforum.php?id=5" class="sbla">Акции</a>
<a href="http://outlast.f-rpg.ru/viewtopic.php?id=52" class="sbla">Занятые внешности</a>
<a href="http://outlast.f-rpg.ru/viewtopic.php?id=8" class="sbla">Шаблон анкеты</a></center></td>
<td style="vertical-align: top; width: 250px;"><ul class="s-tabs" style="margin-top: 0px; text-align: center;"><span><img src="http://s2.uploads.ru/wru13.png"/></span><span><img src="http://s6.uploads.ru/9Q7uG.png"/></span><span><img src="http://s6.uploads.ru/naiZC.png"/></span><span><img src="http://s6.uploads.ru/naiZC.png"/></span>
<li class="stab">
<center>ЛУЧШИЙ ИГРОК: <a href="http://outlast.f-rpg.ru/">ИМЯ И ФАМИЛИЯ</a></center><br>
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст 
</li>
<li class="stab">
<center>ЛУЧШИЙ ЭПИЗОД: <a href="http://outlast.f-rpg.ru/">НАЗВАНИЕ ЭПИЗОДА</a></center><br>
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
</li>
<li class="stab">
<center>АВТОР ЛУЧШЕГО ПОСТА: <a href="http://outlast.f-rpg.ru/">ИМЯ И ФАМИЛИЯ</a></center><br>
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст... <a href="http://outlast.f-rpg.ru/">читать далее</a>
</li>
<li class="stab">
<center>АКТИВИСТ ФЛУДА: <a href="http://outlast.f-rpg.ru/">ИМЯ И ФАМИЛИЯ</a></center><br>
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
</li>
</ul>
</td></tr></table></div>

<div class="tablica2"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="286" height="20">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
    <param name="bgcolor" value="#422300" />
    <param name="FlashVars" value="mp3=http://beresklet.ucoz.com/ravendenorth-autlastovskaja_novogodnjaja_pesenka-o.mp3&amp;bgcolor=422300&amp;loadingcolor=654621&amp;buttoncolor=6E410C&amp;slidercolor=654621" />
</object></div>

<div class="tablica1">Приветствуем вас на пороге клиники для душевнобольных преступников "Маунт-Мэссив".<br>.. .. .. .. .. .. .. ..  .. ..<br><b>администрация</b><br><a href="http://outlast.f-rpg.ru/profile.php?id=2" title="EDDIE GLUSKIN"><img src="http://s2.uploads.ru/wru13.png"></a><a href="http://outlast.f-rpg.ru/profile.php?id=4" title="MILES UPSHUR"><img src="http://s6.uploads.ru/9Q7uG.png"></a><a href="http://outlast.f-rpg.ru/profile.php?id=5" title="WAYLON PARK"><img src="http://s6.uploads.ru/naiZC.png"></a></div>

<div class="tablica"><link href='http://fonts.googleapis.com/css?family=Playfair Display SC' rel='stylesheet' type='text/css'>
<center>
<div id="trc">
  <div class="trcimg"></div>
  <div class="trc1"></div>   <div class="trc2"></div>  <div class="trc3">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.<br>
<center>.. .. .. .. .. .. .. ..<br><div style="font-family: Playfair Display SC; font-size: 13px;">ПОЛУЧИТЬ ПОДАРОК</div><br><img src="http://sd.uploads.ru/1ceHO.png"></center>
</div>
  </div>
</center></div>

<!--audio в одном v.2.4-->
<script type="text/javascript">
var player;
$(function(){
$('td#button-code').before('<td style=\'background-image:url("http://uploads.ru/i/W/Q/P/WQPBO.gif")\' onclick="tag_play()"><img src="/i/blank.gif" title="Загрузить музыку"></td>');
$('div.post-content p').map(function () {
text = $(this).html(); 
if(text.indexOf("zippyshare.com") != -1) {
player = /\[audio\]http:\/\/www(\d+)\.zippyshare\.com\/v\/(\d+)\/file\.html\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed type='application/x-shockwave-flash' src='http://mfygs.pjuxa4dzonugc4tffzrw63i.cmle.ru/api/mediaplayer/mediaplayer.swf' flashvars='height=20&amp;width=400&amp;file=http://www$1.zippyshare.com/downloadMusic%3Fkey%3D$2%26&amp;volume=80&amp;autostart=false&amp;frontcolor=0x000000&amp;backcolor=0xffffff&amp;lightcolor=0x000000&amp;type=flv' quality='high' menu='false' wmode='transparent' allowscriptaccess='always' height='20' width='400' name='mp3player' border='0' style='margin-bottom: 6px;'/>"));}
if(text.indexOf("promodj.ru") != -1) {
player = /\[audio\]http:\/\/(.*?)\.promodj\.ru\/(.*?)\/(\d+)\/(.*?)\.html\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed src='http://ne.mnsg4.obzg63lpmrswk2tbpexg4zlu.cmle.ru/swf/bigwaveplayer_release9.swf' type='application/x-shockwave-flash' wmode='transparent' width='100%' height='150' allowFullScreen='true' flashvars='link=http%3A%2F%2Fpromodj.ru%2Fprelisten%2F$3%2Fbobmarley%3Fwtf%3D0.41394098338022567%26no_external%3D1&amp;wave=http%3A%2F%2Fpromodj.ru%2Fwaveform_prelisten%2F$3%2Fbobmarley.png%3Fwtf%3D0.41394098338022567%26stub%3D1&amp;slowChannel=1&amp;autostart=0&amp;volumePercent=100&amp;wavecolor=12982542'></embed>"));
}
if(text.indexOf("pleer.com") != -1) {
player = /\[audio\](.*?)\/tracks\/(.*?)\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed src='http://mvwwezle.obwgkzlsfzrw63i.cmle.ru/track?id=$2' type='application/x-shockwave-flash'  wmode='transparent' width='550' height='124'></embed>"));
}
if(text.indexOf(".mp3") != -1) {
player = /\[audio\](.*?)\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed src='http://o53xo.mrsw23znnv2xg2ldfzzhk.cmle.ru/pleer/pleer4.swf' type='application/x-shockwave-flash' allowscriptaccess='always' wmode='transparent' flashvars='comment=demo-music.ru&amp;st=http://www.demo-music.ru/pleer/style_pleer.txt&amp;file=$1' width='470' height='33'>"));
}  });  });
function tag_play()
{var FoundErrors = '';
var enterURL = prompt("Введите ссылку на на музыку с promodj.ru, zippyshare.com, prostopleer.com или прямую ссылку формата .mp3 ", "http://");
if (!enterURL)
{FoundErrors += " " + error_no_url;}
if (FoundErrors)
{alert("Ошибка!" + FoundErrors);
return;}
insert("[audio]" + enterURL + "[/audio]");}
</script>

<script> //СКРИПТ ПОДГРУЗКИ CMАЙЛО-КОНТЕНТА Ч1 в HTML верх//
//Тут в кавычках Ссылка на файл  подгружаемого контента//
var  Link='https://forumstatic.ru/files/0014/82/77/27358.css';
function getXmlHttp(){var xmlhttp;try{xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")}catch(e){try{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")}catch(E){xmlhttp=false}}if(!xmlhttp&&typeof XMLHttpRequest!='undefined'){xmlhttp=new XMLHttpRequest()}return xmlhttp}
var SmileHTml='';function tstSmileLoad_2(){if(SmileHTml!=''&&!($("#Smile_smil_box").length)){
var Lft='</';$("#html-footer").prepend('<script>document.write(SmileHTml)'+Lft+'script>')}};
var xmlhttp=getXmlHttp();
function SmileLoad_0(){
xmlhttp.open('GET',Link,true);xmlhttp.onreadystatechange=function(){if(xmlhttp.readyState==4){if(xmlhttp.status==200){SmileHTml='<div id="Smile_smil_box"></div>'+xmlhttp.responseText;if($("#html-footer").length){$("#html-footer").prepend(SmileHTml)}}}};xmlhttp.send(null);}
if($("#pun-messages").length||$("#pun-viewtopic").length||$("#pun-post").length||$("#pun-edit").length||$("#pun-poll").length){SmileLoad_0()}
</script>

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


<style>#pun-navlinks .container {
position: relative; 
text-align: center;
margin-top: -355px;
text-transform: uppercase;
font-weight: bold;
}</style>

<style type="text/css">
#pun-ulinks .container {
position: relative; 
text-align: center;
margin-top: 159px;
width: 670px;
margin-left: 270px;
text-align: top center;
text-transform: uppercase;
margin-bottom: 120px;
}
</style>

<link rel="stylesheet" href="https://forumstatic.ru/files/0014/82/77/56063.css" type="text/css" />
<script type='text/javascript'>
$(function() {
   $('a[title], img[title],td[title]').tipsy({fade: true, gravity: 'n'});
});
</script>


<!-- HTML верх -Спойлер скрытия Инфы под N-кнопок в Профиле Топика -->
<style>img.post-img-Sp {margin-bottom: -16px;}
<style>post-ul-Sp  Sp1 {margin-top: -116px;}</style>
<style>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>

Код:

<script type="text/javascript">
$('.s-tabs').each(function(){
   $(this).children('span:first').addClass('selected');
   $(this).children('.stab').eq(0).show();    
});
$('.s-tabs>span').live('click', function(){
     var a = $(this).parent('.s-tabs');
     var arr = a.children('span');
     var index = arr.index(this);
     arr.removeClass('selected');
     $(this).addClass('selected'); 
     a.children('.stab').hide();   
     a.children('.stab').eq(index).show();    
});
</script>

<script>
var sek = 100;
function setNagrad(){
indexof="<img src='http://funkyimg.com/i/24SCx.png' >" 
str = document.getElementById("navawards").innerHTML
pos = str.indexOf("Награды")
document.getElementById("navawards").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+7,str.length-1)
}
TestRotatorMycontent()
function TestRotatorMycontent() {
if($("#pun-navlinks #navawards").length>0){setNagrad();return;}
timerID = setTimeout("TestRotatorMycontent()",sek);return;}
</script>

<script><!--Своя картинка или Слово в Панель навигации -->
var Img_Word=0;   //0-Картинка;1-Cлово /Ставим картинку или Слово ?
   navlinks=new Array(
  "navextra1","http://funkyimg.com/i/24SCt.png",  // Дополнительный пункт меню 1
  "navextra2","Слово или ссылка на картинку",  // Дополнительный пункт меню 2
  "navextra3","Слово или ссылка на картинку",  // Дополнительный пункт меню 3
  "navindex","http://funkyimg.com/i/24SCD.png",   // Форум
  "navuserlist","http://funkyimg.com/i/24SCw.png",// Участники
  "navrules","Слово или ссылка на картинку",   // Правила
  "navawards","http://funkyimg.com/i/24SCx.png",   // Награды
  "navsearch","http://funkyimg.com/i/24SCy.png",  // Поиск
  "navprofile","http://funkyimg.com/i/24SCA.png", // Профиль
  "navpm","http://funkyimg.com/i/24SCB.png",      // Сообщения
  "navadmin","http://funkyimg.com/i/24SCs.png",   // Администрирование
  "navregister","http://funkyimg.com/i/24SD4.png",// Регистрация
  "navlogin","http://funkyimg.com/i/24SCu.png",   // Войти
  "navpiar","http://funkyimg.com/i/24SCz.png",   // Пиар
  "navlogout","http://funkyimg.com/i/24SCv.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>

<!--audio в одном v.2.4-->
<script type="text/javascript">
var player;
$(function(){
$('td#button-code').before('<td style=\'background-image:url("http://uploads.ru/i/W/Q/P/WQPBO.gif")\' onclick="tag_play()"><img src="/i/blank.gif" title="Загрузить музыку"></td>');
$('div.post-content p').map(function () {
text = $(this).html(); 
if(text.indexOf("zippyshare.com") != -1) {
player = /\[audio\]http:\/\/www(\d+)\.zippyshare\.com\/v\/(\d+)\/file\.html\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed type='application/x-shockwave-flash' src='http://mfygs.pjuxa4dzonugc4tffzrw63i.cmle.ru/api/mediaplayer/mediaplayer.swf' flashvars='height=20&amp;width=400&amp;file=http://www$1.zippyshare.com/downloadMusic%3Fkey%3D$2%26&amp;volume=80&amp;autostart=false&amp;frontcolor=0x000000&amp;backcolor=0xffffff&amp;lightcolor=0x000000&amp;type=flv' quality='high' menu='false' wmode='transparent' allowscriptaccess='always' height='20' width='400' name='mp3player' border='0' style='margin-bottom: 6px;'/>"));}
if(text.indexOf("promodj.ru") != -1) {
player = /\[audio\]http:\/\/(.*?)\.promodj\.ru\/(.*?)\/(\d+)\/(.*?)\.html\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed src='http://ne.mnsg4.obzg63lpmrswk2tbpexg4zlu.cmle.ru/swf/bigwaveplayer_release9.swf' type='application/x-shockwave-flash' wmode='transparent' width='100%' height='150' allowFullScreen='true' flashvars='link=http%3A%2F%2Fpromodj.ru%2Fprelisten%2F$3%2Fbobmarley%3Fwtf%3D0.41394098338022567%26no_external%3D1&amp;wave=http%3A%2F%2Fpromodj.ru%2Fwaveform_prelisten%2F$3%2Fbobmarley.png%3Fwtf%3D0.41394098338022567%26stub%3D1&amp;slowChannel=1&amp;autostart=0&amp;volumePercent=100&amp;wavecolor=12982542'></embed>"));
}
if(text.indexOf("pleer.com") != -1) {
player = /\[audio\](.*?)\/tracks\/(.*?)\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed src='http://mvwwezle.obwgkzlsfzrw63i.cmle.ru/track?id=$2' type='application/x-shockwave-flash'  wmode='transparent' width='550' height='124'></embed>"));
}
if(text.indexOf(".mp3") != -1) {
player = /\[audio\](.*?)\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed src='http://o53xo.mrsw23znnv2xg2ldfzzhk.cmle.ru/pleer/pleer4.swf' type='application/x-shockwave-flash' allowscriptaccess='always' wmode='transparent' flashvars='comment=demo-music.ru&amp;st=http://www.demo-music.ru/pleer/style_pleer.txt&amp;file=$1' width='470' height='33'>"));
}  });  });
function tag_play()
{var FoundErrors = '';
var enterURL = prompt("Введите ссылку на на музыку с promodj.ru, zippyshare.com, prostopleer.com или прямую ссылку формата .mp3 ", "http://");
if (!enterURL)
{FoundErrors += " " + error_no_url;}
if (FoundErrors)
{alert("Ошибка!" + FoundErrors);
return;}
insert("[audio]" + enterURL + "[/audio]");}
</script>

<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){ 
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</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",      //статус
//"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 - Не засовываем в спойлеры
//"pa-from",       //Откуда
//"pa-fld1",       //Доп.Поле.1
//"pa-fld2",       //Доп.Поле.2
//"pa-fld3",       //Доп.Поле.3 
//"pa-fld4",       //Доп.Поле.4
//"pa-fld5",       //Доп.Поле.5
// 3 кнопка- ссылка на Картинку
"http://funkyimg.com/i/24T3d.png",
"award",      //Награды(только для rusff и ork)
"gift",         //Подарки(только для rusff и ork)
//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>
<!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->

<!--Оповещение о новых ЛС-->
<script type="text/javascript">
var str = new String(document.getElementById("navpm").innerHTML)
var str2 = new String(document.location)
if( (str.indexOf("(") != -1) && (str2.indexOf("messages.php") == -1) )
{
alert("У вас новое сообщение!")
}
</script>

<!-- //ПОДГРУЗКА КОНТЕНТА СМАЙЛОВ Ч2,HTML низ/ -->
<script>tstSmileLoad_2()</script>

<!--вверх вниз-->
<div style="position:fixed;z-index:500; right :0.5%; bottom: 3%;">
<a href="#top" onclick="scrollTo(0,0); return false;">
<img src="http://s6.uploads.ru/oE803.png"></a>
<br>
<br>
<a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;">
<img src="http://s7.uploads.ru/eNBYs.png"></a>
</div>

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

<script type="text/javascript">
$(".punbb .modmenu .container a").append(",")
</script>

<!-- выравнивание таблицы по верху -->
<style type="text/css">
#pun-main .topic .container .post-body .post-box .post-content table tbody tr td {vertical-align: top;}
</style>

<!-- нет аватара -->
<script type="text/javascript">
var DefAvtr="http://funkyimg.com/i/21HYp.jpg";
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>

<!--обтекание изображения 2.4-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
$("div.post-content").map(function () {
text = $(this).html();
if(text.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]*)\[\/float\]/gi
$(this).html(text.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")); 
}
}); });
</script>
<div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</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">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>

<!-- Какие-то настройки таблиц -->
<script 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">
PiarNik="PR";
PiarPas="1111";
ReadNik="Murkoff";
ReadPas="1111";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><a onclick=\"PiarIn()\"><span style=\"cursor:pointer\"><img src=\"http://funkyimg.com/i/24SHx.png\"></span></a></li>\
<li id=\"navreader\"><a onclick=\"ReadIn()\"><span style=\"cursor:pointer\"><img src=\"http://funkyimg.com/i/24SHy.png\"></span></a></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin

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

Код:

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

  }

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

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

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

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

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


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

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

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

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

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

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

/* A3.6 */
.punbb pre {
  font: 11px "Verdana"
  }

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

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

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

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

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


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

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

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



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

/* A5.1 */
#pun {
  margin: 0 auto 0 auto; width: 1007px;
background: #b69d78 url("http://s7.uploads.ru/azi6I.jpg") top center repeat-y;

  }

/* A5.2 */
.punbb {
  float: left;
  width: 940px;
  margin-left: 35px; 
  height: auto;

  }


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

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

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

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

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

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

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

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



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

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

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


/* B1.2 полоса в подписи*/
.punbb .post-sig dt {
  display: block;
border-top: 1px dotted #494b51!important;
  width: 100%;
  margin: 5px 0;
  }


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

/* B1.4 картинки в тексте */
.punbb .post-content img {
  vertical-align: text-bottom
  }

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

/* B1.6*/
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  max-width: 910px!important;
  overflow: hidden; 
  }

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

/* B1.8 полная окантовка цитаты-хайда и пр*/
.punbb .post-content .quote-box {
    padding: 5px;
  border: 3px double #3C362A !important;
    box-shadow: inset #3C362A 0 2px 10px;
margin-bottom: 15px;
  }
 .punbb .post-content .code-box {
    padding: 15px;
  border: 3px double #3C362A !important;
    box-shadow: inset #3C362A 0 2px 10px; }

/* B1.9 сами названия цитата-код-скрытый и пр*/
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
text-align: center;
letter-spacing: 3px;
  font-style: normal;
  margin: 0; 
  }

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

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

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

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


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

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

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

/* B3.3 верхние-страница*/
.linkst .pagelink {
  position: absolute;
  top: -3.4em;
padding-top: 20px;
padding-bottom: -20px;
  left: 2em;
  width: 24em; color: #2e2b1a;
  }

/* B3.4 ответить-верхнее*/
.linkst .postlink {
  position: absolute;
  top: -3.4em;
padding-top: 20px;
padding-bottom: -20px;
  right: 2em;
  width: 16em;
  text-align: right;
  font-weight: bold; 
  }

/* B3.5 блок нижние-страница-подписаться-ответить*/
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em; 
  }

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

/* 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 input {
color: #6d6d6d; 
padding:4px;
background:  #f4f4f4;
border: none !important;
 border-radius: 2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
}

.punbb .button {
background: url(http://s3.uploads.ru/B4UDa.png) #847860;
    box-shadow: inset #3B3529 0 2px 10px;
    border-radius: 25px;
font-size: 11px;
font-weight: bold !important;
text-transform: uppercase;
font-family: verdana;
height: 30px;
color: #2a3117;
padding: 3px;
min-width: 100px;
text-align: center;
}
.punbb .button:hover {
background: url(http://s2.uploads.ru/CEKS6.jpg) #847860;
    box-shadow: inset #221B13 0 2px 10px;
color: #2a3117;
    border-radius: 25px;
}


.bottom {  background-color: transparent;
color: #340100;
border: #B38854 1px solid !important;}



/* C1.4*/
.punbb fieldset {
border: #B38854 1px solid
  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;
margin: 0 0.6em 0 0;
background: url(http://s3.uploads.ru/B4UDa.png) #847860;
    box-shadow: inset #3B3529 0 2px 10px;
    border-radius: 25px;
font-size: 11px;
font-weight: bold !important;
text-transform: uppercase;
font-family: verdana;
height: 30px;
color: #2a3117;
padding: 3px;
min-width: 100px;
text-align: center; }

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

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

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

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

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

/* C1.16 окошко ввода текста - вся*/
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  }

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

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

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

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

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


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

/* C2.1 первый блок таблиц*/
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 50%; 
  }

/* C2.2 второй и третий блок*/
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%; 
  }

/* C2.3 третий блок*/
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 первый блок кроме заглавной страницы*/
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%; 
  }

/* C2.5 второй блок кроме заглавного*/
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%; 
  }

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

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

/* C2.8 названия подфорумов Новый Форум */
#pun-index .tcl h3 {
   text-align: center;
   font-weight:normal!important;
   color: #1b200d;
text-shadow: #81755D 1px 1px 0px;
text-transform: uppercase;  }


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

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

/* C2.11 общая табличка*/
.punbb .main td {
  border-style: ridge none none ridge;
border-color: transparent;
  border-width: 0px;
  padding: 0.8em 1em; 
  }

/* C2.12 форум тем сообщений Имя статус*/
.punbb .main th {
  border-style: none none none ridge;
border-color: transparent;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em; 
  }

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

/* C2.14 Отступы иконок */
.punbb td div.tclcon {
color: #17120C;
margin-left: -10px;
padding-left: 60px;
padding-right: 15px;
padding-bottom: 10px;
width: 386px;
text-align: justify;
font-size: 10px;
background-image: url(http://s3.uploads.ru/B4UDa.png);
  border: 3px double #584F3F !important;
    box-shadow: inset #584F3F 0 0px 10px;
}





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



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

/* C3.1 полностью блок поста после ника и даты*/
.punbb .post .container {
  border-style: none ;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px; 
  }

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

/* C3.3 просто дата на посте */
.punbb .post h3 span {

  padding: -0.5em 1em;
  display: block;
  margin-left: 21em;
  }

/* C3.4 номер поста*/
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal; 
  }


/* C3.5 ник*/
.punbb .post .post-author {
  float: left;
margin-top: -30px;
  width: 210px;
  overflow: hidden;
}

/* C3.6 полоса с профилем в посте*/
.punbb .post .post-author ul, .punbb .post .post-author p {
  line-height: 140%; }

/* C3.7 */
.pa-author {
  text-align: center; 
font-family: arial narrow;
font-style: normal;
text-transform: uppercase;
font-size: 16px;
margin-top: 33px;
margin-bottom: 3px;
}

.pa-avatar {
  font-size: 1.1em;
  font-weight: bold;
  text-align: center; 
margin-left: 0px;}

 



.pa-awards {
width: 180px;
margin-top: 15px;
margin-left: 12px;
    min-height: 80px;
    padding: 5px;
    font-size: 10px;
background-image: url(http://s2.uploads.ru/CEKS6.jpg);
    text-align: center;
  border: 3px double #3C362A !important;
    line-height: 99% !important;
    box-shadow: inset #3C362A 0 2px 10px;}

.pa-avatar img, .punbb img.avatardemo, #profile-left img {
box-shadow: #2b261e 0 2px 10px;
  border: 3px double #2b261e !important;
  }

/* C3.8 */
.pa-author a {
  text-align: center; 
font-style: normal;
text-transform: uppercase;
font-size: 16px;
font-family: Playfair Display SC;
text-shadow: #2B261E 1px 1px 0px;
font-weight: bold;
color: #7D7159 !important;
margin-top: 33px;
margin-bottom: 3px;
}

.pa-author a:hover {
  text-align: center; 
font-style: normal;
text-transform: uppercase;
font-size: 16px;
font-family: Playfair Display SC;
text-shadow: #2B261E 1px 1px 0px;
font-weight: bold;
color: #635948 !important;
margin-top: 33px;
margin-bottom: 3px;
}

/* C3.9 статус и активен*/
li.pa-title {text-align: center;
  padding-bottom: 0.4em;
font-size: 10px;
text-transform: uppercase;
height: 12px;
letter-spacing: 1px;
width: 190px;
font-family: Playfair Display SC;
margin-left: 10px;
margin-bottom: 5px;
border-radius: 10px;
padding-top: 2px;
  }


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

li.pa-fld3, li.pa-fld2, li.pa-fld1 {
padding-left: 10px;
padding-right: 10px;
margin-top: 5px;  }


/* C3.11 тело поста без даты*/
.punbb .post-body {
  margin-left: 21em;
border: none;
  padding: 0 0 1px 0;
 
  }

/* C3.12 снова пост, но чуть меньше*/
.punbb .post-box {
  padding: 2em;
text-align: justify;
  }

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

/* C3.14 удалить редактировать и прочее*/
.punbb .post-links {
  margin-left: 19em;
border: none;
  }

/* C3.15 полностью строка с лс цитировать и прочим*/
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
 border: none;
  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;
  }
/* C3.19 */
.post-author ul {
    background: transparent repeat scroll 0 0;
padding-top: 0.0em;
    text-align: center;
}


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

/* C4.1 блок модменю и активны*/
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right; 
  }

/* C4.2 рсс атом ники*/
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em; 
  }

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

/* C4.4 Кнопки переместить открыть закрыть*/
.punbb .modmenu input {
  margin-left: 1em; 
  }


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

/* C5.1 переадресация */
.punbb .info .container {
  padding: 0.8em 1em; 
  }

/* C5.2 нажмите сюда блок*/
.punbb .info .container .backlink {
  padding-top: 0.8em; 
  }


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

/* C6.1 профиль вместе с содержимым*/
#profile .container {
  padding-left: 18.6em; 
  }

/* C6.2 блок профиль-меню полностью*/
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline; 
  }

/* C6.3 профиль-ссылочки*/
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold; 
  }

/* C6.4 профиль по обводке*/
#viewprofile ul, #profilenav ul {
    padding: 5px;
    font-size: 10px;
margin-left: 2px;
background-image: url(http://funkyimg.com/i/251md.png);
    text-align: justify;
  border: 3px double #3C362A !important;
    line-height: 99% !important;
    box-shadow: inset #3C362A 0 2px 10px;
  }

/* C6.5 название профиль*/
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px; 
  }

/* C6.6 еще раз название профиль нормальное*/
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative; 
  }

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

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

/*C6.9 категории модераторства в управлении*/
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline; 
  }

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

/* C6.11 изображение аватара*/
.punbb img.avatardemo {
  float: right; 
  margin: 0 0 0.8em 1.8em; 
  }


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

/* C7.1 блок пониже участники*/
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0; 
  }

/* C7.2 табличка юзеров от края до края*/
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none; 
  }

/* C7.3 просто табличка юзеров*/
#pun-userlist .usertable table {
  border: none;
  }


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

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

/* D1.1 все лого-шапка */
#pun-title {
  margin: 0;
  border-style: none;
  border-width: 0; 
  }

/* D1.2 блок с названием*/
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em; 
  }

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


/* D1.4 одно названьице   шапка нормальная*/
#pun-title h1 span  {
height: 10px;
  font-size: 1.5em; display: none;
  }

#pun-title table {
	border: none;
	height: 481px;
	width: 1007px; 
 background-image: url("http://s3.uploads.ru/lJhcT.jpg"); 
background-repeat: no-repeat;
background-position: center bottom;
background-color: tansparent;
margin-left: -35px;
}


/*блок до баннера*/
#pun-title td.title-logo-tdl {
	border: none;
	width: 100%; }


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

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

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

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

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

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

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

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

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

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0px; 
z-index: 10;
font-weight: bold !important;

  }

/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
font-weight: bold !important;
  }

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


/* D3.4 */
#pun-navlinks li a {
font-weight: bold !important;
font-family: Playfair Display SC;
font-size: 16px;
  font-weight: normal;
  }

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

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

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

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 0px;
  white-space: nowrap;
font-size: 8PX !important;
color: #453F33 !important;
text-align: top center;
font-family: verdana;
font-weight: bold !important;

margin-top: -10px;
text-decoration: none;
  }

#pun-ulinks li a:hover{    color: #2D291E !important;}


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

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


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

/* D5.1 приветствие и фонд*/
#pun-status, #pun-status .container, #pun-status .container a {
  border-bottom: none;
  margin-bottom: 0; color: #17120C;


  }

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

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

/* D5.4 навигация-верх */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0; 
  }

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

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

#pun-break2, #pun-break3 {border: none; }


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

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

/* D6.2 Название Объявление*/
#pun-announcement h2 span {
  display: none;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

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

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

/* D7.1 ниже статистики все*/
#pun-stats .container {
  padding: 0.8em 1em; color: #17120C;
  }

/* D7.2 всего тем сообщений*/
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%; 
  }

/* D7.3 тем сообщений участники вся полоска*/
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%; 
  }

/* D7.4 активны посетители за сутки*/
li#onlinelist {
  margin-top: 1em;
  border-top-style: none;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%; 
  }

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

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

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

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

/* D8.3 создай свою ролевую - в общем копирайт сервисный*/
#pun-about {
  margin-top: 0; 
  }

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

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

/* D8.6 навигация низ*/
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border: none; 
  }

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

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

/* D8.9 создать в админке*/
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px; 
  }

.punbb-admin, #pun-admain1 .adformal p, #pun-admain fieldset p{ background-color: transparent !important; border-left-color: #ECECEC !important }
#pun-admain fieldset, .adcontainer {border-color: transparent !important; 
border-left-color: #ECECEC !important; 
border-right-color: #ECECEC !important; 
border-bottom: transparent !important; }

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

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

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

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

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

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

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

/* D9.7 */
#pun-help .formal dt span {
  font: 11px "Verdana"
  }

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


.title-logo-tdr *, #tieser-bottom{ 
  filter:alpha(opacity=80)!important; 
  opacity: 0.8!important;  
  -moz-opacity: 0.8!important;  
  -khtml-opacity: 0.8!important; 
} 
.title-logo-tdr *:hover, #tieser-bottom:hover{ 
filter:alpha(opacity=100)!important; 
opacity: 1.0!important;  
-moz-opacity: 1.0!important;  
-khtml-opacity: 1.0!important; 
}


#button-spoiler {
    background: url("https://forumupload.ru/uploads/000f/c1/d3/2092-4.gif ") no-repeat scroll 50% 50% transparent;}




.tablica1 {
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
width: 230px;
height: 110px;
position: absolute; 
letter-spacing: 0px;
color: #17120C;
z-index: 7;  
font-size: 10px;
text-align: justify;
margin-top: 265px;  /*отступ сверху*/
margin-left: 712px !important;  /*сдвиг*/
    line-height: 99% !important;}



.tablica2 {
width:425px;
height: 160px;
position: absolute; 
letter-spacing: 0px;
color: #17120C;
z-index: 7;  
font-size: 10px;
text-align: center;
margin-top: 265px;  /*отступ сверху*/
margin-left: 255px !important;  /*сдвиг*/
}

.tablica3 {
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
width: 230px;
height: 110px;
position: absolute; 
letter-spacing: 0px;
color: #17120C;
z-index: 7;  
font-size: 10px;
text-align: justify;
margin-top: 265px;  /*отступ сверху*/
margin-left: -10px !important;  /*сдвиг*/
    line-height: 99% !important;
}



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



a.sbla:link, a.sbla:visited {
display: block;
width: 210px;
margin-bottom: 1px;
border-radius: 10px;
    box-shadow: inset #231C14 0 0px 10px;
text-transform: lowercase;
text-shadow: #50483b 1px 1px 0px;
font-size: 10px;
font-style: normal;
font-weight: bold;
background: #433D31;
text-align: center;
padding: 1px;}

a.sbla:hover, a.sbla:active {
display: block;
text-transform: lowercase;
border-radius: 10px;
    box-shadow: inset #231C14 0 0px 10px;
font-size: 10px;
width: 210px;
text-shadow: #50483b 1px 1px 0px;
font-style: normal;
font-weight: bold;
background: #4F473A;
text-decoration: none;
text-align: center;
padding: 1px;}


a.sbla1:link, a.sbla1:visited {
display: block;
width: 180px;
margin-bottom: 1px;
border-radius: 10px;
    box-shadow: inset #3c3022 0 0px 10px;
text-transform: lowercase;
text-shadow: #897c65 1px 1px 0px;
font-size: 10px;
font-style: normal;
font-weight: bold;
background: #736954;
text-align: center;
padding: 1px;}

a.sbla1:hover, a.sbla1:active {
display: block;
width: 180px;
margin-bottom: 1px;
border-radius: 10px;
    box-shadow: inset #474032 0 0px 10px;
text-transform: lowercase;
text-shadow: #897c65 1px 1px 0px;
font-size: 10px;
font-style: normal;
font-weight: bold;
background: #645b49;
text-align: center;
padding: 1px;}

/*********************************************************
E - ДРУГОЕ
*********************************************************/
/* E1 Скроллбар
-------------------------------------------------------------*/
/* E1.1 - ширина прокрутки */
::-webkit-scrollbar {
width: 6px;
}
/* E1.2 - прокрутка на общей странице, по которой ездит ползунок */
::-webkit-scrollbar-track {
background: #4D4538;
}
/* E1.3 */
::-webkit-scrollbar-thumb{
background: #342D23;
}
/* E1.4 - ползунок после нажатия на него мышкой */
::-webkit-scrollbar-thumb:active {
background: #342D23;
}



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




hr {
border: none;
border-top: solid 4px #292c0e;}

h6 {
text-align: center;
height: 15px;
background-color: #D9D8D6;
font-weight: bold !important;
color: black;
text-shadow: white 1px 1px 0px;
text-transform: lowercase;
font-size: 10px;}


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

.rotation {
  display: none;
}


.news {    padding: 3px;
    font-size: 10px;
background-image: url(http://s2.uploads.ru/CEKS6.jpg);
    text-align: justify;
height: 50px;
overflow: auto;
  border: 3px double #3C362A !important;
    line-height: 99% !important;
    box-shadow: inset #3C362A 0 2px 10px;
margin-bottom: -7px;}


.img.post-img-Sp {margin-bottom: 10px;}
.post-ul-Sp  Sp1 {margin-top: -116px;}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner {font-size:14px; letter-spacing:1px;}



/******************************************************************
  Cтиль:"таблица с вкладками"
******************************************************************/

/*Правки для Цвета фона и бордюров таблицы*/
.s-tabs>.stab,.s-tabs>span{
background: transparent;}
.s-tabs{
width:220px;  /*ширина таблицы*/
display:block;
}
.s-tabs>.stab{
height: 85px; /*высота вкладки*/
}
/* Стиль "Ушка" вкладок */
.s-tabs>span{
position:relative;
z-index:100;
cursor:pointer;
display:inline-block;
text-align: center;
}
/* Активное "Ушко" */
.s-tabs>span.selected{
border-bottom-color:transparent!important;
}
/* Стиль вкладки(LI)*/
.s-tabs>.stab{
    padding: 3px;
    font-size: 10px;
background-image: url(http://s2.uploads.ru/CEKS6.jpg);
    text-align: justify;
  border: 3px double #3C362A !important;
    line-height: 99% !important;
    box-shadow: inset #3C362A 0 2px 10px;
display:none;
overflow-y:auto;
overflow-x:hidden;  
}


.oform {width: 650px;
color: #17120C;
background: url(http://s6.uploads.ru/O0bPm.jpg);
text-align: justify;
font-family:'arial';
border: 5px solid #1C1910;
padding:20px;}

.oform td {    padding: 5px;
    font-size: 11px;
padding: 10px;
    text-align: justify;
    line-height: 99% !important;
    box-shadow: inset #3C362A 0 2px 10px;
background: url(http://s6.uploads.ru/i3qMD.jpg) #B9A88C;
width: 320px;
margin-right: 20px;}

.oform tr {
background: transparent;}

  .korpus > div, .korpus > input { display: none; }

.korpus {text-align: center;
 padding: 10px;}

.korpus label {
  width: 200px;
  padding: 5px 5px;
  display: inline-block;
  word-spacing: 5px;
  letter-spacing: 2px;
background-image: url(http://s2.uploads.ru/CEKS6.jpg);
  color: #2B261E; border-radius:10px 10px 0 0;}

.korpus label:hover {
background-image: url(http://s2.uploads.ru/CEKS6.jpg);
  color:  #2B261E;}

.korpus input[type="radio"]:checked + label {
background-image: url(http://s6.uploads.ru/i3qMD.jpg);
  font-weight: bold;
  color:  #2B261E;
    box-shadow: -3px -2px 4px -0px #433C2F;}

.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3),

.korpus > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.korpus > input:nth-of-type(5):checked ~ div:nth-of-type(5),
.korpus > input:nth-of-type(6):checked ~ div:nth-of-type(6),
.korpus > input:nth-of-type(7):checked ~ div:nth-of-type(7) { 
  display: block; 
  padding-top: 15px;
  text-align: justify;
background-image: url(http://s6.uploads.ru/i3qMD.jpg);
  box-shadow: -2px -1px 4px -0px #433C2F;
padding: 10px;}

#copyright {
background: transparent url(http://s7.uploads.ru/qAfQc.jpg);
background-position: center bottom !important; 
background-repeat: no-repeat; 
border: none !important; 
margin-left: -35px;
margin-bottom: -11px !important;
width: 1007px;
height: 293px !important;}

.banners {
color: #17120C;
margin-left: -5px;
padding: 5px;
width: 925px;
height: 50px;
font-size: 10px;
background-image: url(http://s3.uploads.ru/B4UDa.png);
border: 3px double #584F3F !important;
box-shadow: inset #584F3F 0 0px 10px;
overflow: auto;
}



float: none;
}
#pun-about p.container {text-align: center;}

Код:

/* CS1 Background and text colours
-------------------------------------------------------------*/
body {background: url(http://s3.uploads.ru/SRoeX.jpg) #17140c no-repeat top center fixed;}

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


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

/* CS1.3 */ 
 .punbb .main .category h2, .punbb .main h2, */
#pun-stats h2, .punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #17120C;
 font-size: 12px;
font-weight: bold;
 text-align: center; 
text-align: left;
  }














#pun-redirect h1{    background-color: transparent; color: #17120C;
  text-shadow: 1px 0px 2px #dfd9cc;
font-size: 14px;
font-weigh: bold !important;
text-align: center;
}


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


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


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


/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
  color: #17120C;
    padding: 5px;
  border: 3px double #3C362A !important;
    box-shadow: inset #3C362A 0 2px 10px;
  }


/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
text-align: center;
text-shadow: black 1px 1px 0px;
  }

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

.punbb textarea, .punbb input {
    padding: 3px;
    font-size: 10px;
background-image: url(http://s6.uploads.ru/i3qMD.jpg);
    text-align: justify;
  border: 3px double #3C362A !important;
    box-shadow: inset #3C362A 0 2px 10px;

}

.selectfield, .punbb select {background: url(http://s3.uploads.ru/B4UDa.png) #847860;
    box-shadow: inset #3B3529 0 2px 10px;
    border-radius: 25px;
font-size: 11px;
font-weight: bold !important;
text-transform: uppercase;
font-family: verdana;
height: 30px;
color: #2a3117;
padding: 3px;
min-width: 100px;
text-align: center;}


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


.punbb .post h3 span {
  background-color: transparent;
color: #17120C; border-left: #cfc9bf;}


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

#pun-ulinks .container {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: none transparent;
  }

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


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

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
    font-size: 10px;
background-image: url(http://s6.uploads.ru/i3qMD.jpg);
    text-align: justify;

  }

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

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

.punbb .divider {
  border: #cfc9bf 1px solid;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #B38854;
background-color: transparent;
  }

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

/*цвет разделителя между постом и подписью*/
.punbb .post-sig dt {
  border-top-color: #897c60 !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: #1b200d;
  text-decoration: none;
font-weight: bold;

  }

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


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


/* CS3.3 */
#pun-navlinks a {
  color: #3a3f2b;
  text-transform: uppercase;
  text-decoration: none;
background-color: transparent;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #2d3120;
  font-weight: bold;
  font-style: normal;
  }

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

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


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


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


/*цифры - кол-во страниц в теме*/
.linkst .pagelink, .linkst .postlink, .punbb .linksb, 
.linksb .pagelink,  .linksb .postlink, .subscribelink,
{color: black;}


/*быстрая навигация Форум>>тема>>дата сообщения*/
#pun-crumbs2 .container, #pun-crumbs1 .container {color: black;}


div.icon {
	background: url(http://s2.uploads.ru/o7EqO.png) no-repeat;
}

tr.inew div.icon {  float: left;
  display: block;
  width: 50px;
  height: 50px;
background: url(http://s6.uploads.ru/gLet5.png) no-repeat center;
}



/*названия форумов на главной (Новый форум)*/
.tclcon h3 {
   text-align: center;
   font-weight:normal!important;
   color: #1b200d;
text-shadow: #81755D 1px 1px 0px;
text-transform: uppercase; }



/*фон для выпадающих частей формы ответа (шрифт, размер текста, смайлики и т.д.)*/
#size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area {background-color: transparent}

#grey a img {-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=40);}
#grey a:hover img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}



.lastedit {text-align: right; color: transparent; font-size: 0px;}

#banner a img {
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30);
}

#banner a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}


.punbb .main h2 {font-size: 0px !important;}  /*делает прозрачным текст категорий*/

#pun-category1 h2 {height: 72px; width: 1007px; margin-left: -35px; background-image: url("http://s3.uploads.ru/f0YAW.jpg"); background-repeat: no-repeat; background-position: center center;}

#pun-category2 h2 {height: 72px; width: 1007px; margin-left: -35px; background-image: url("http://s3.uploads.ru/f0YAW.jpg"); background-repeat: no-repeat; background-position: center center;}

#pun-category3 h2 {height: 72px; width: 1007px; margin-left: -35px; background-image: url("http://s3.uploads.ru/f0YAW.jpg"); background-repeat: no-repeat; background-position: center center;}

#pun-category4 h2 {height: 72px; width: 1007px; margin-left: -35px; background-image: url("http://s3.uploads.ru/f0YAW.jpg"); background-repeat: no-repeat; background-position: center center;}


#pun-main h1 {height: 72px; width: 1007px; margin-left: -35px; background-image: url("http://s3.uploads.ru/f0YAW.jpg"); background-repeat: no-repeat; background-position: center center; font-size: 0px;}

#pun-stats h2 {height: 72px; width: 1007px; margin-left: -35px; background-image: url("http://s3.uploads.ru/f0YAW.jpg"); background-repeat: no-repeat; background-position: center center; font-size: 0px;}


.tooltip {
	position: relative;
	}
.tooltip em {
	display: none;
	}
.tooltip:hover em {
	display: block;
	position: absolute;
 	background: #1A1A1A;
	color: #535352;
	padding: 5px;
	margin-top: -27px;
	margin-left: 240px;
	width: 210px;
        height: auto;
	right: 5;
text-align: justify;
	box-shadow: #3257a2 2px 2px 0px;

}
.tooltip:hover em i {
	position: absolute;
	margin-top: 7px;
	margin-left: -25px;
	border-top: 7px solid #000;
	border-left: 7px solid transparent;
	display: block;
}



.tooltip1 {
	position: relative;
	}
.tooltip1 em {
	display: none;
	}
.tooltip1:hover em {
	display: block;
	position: absolute;
	background: #1a1a1a url(http://sh.uploads.ru/s1AqT.png) repeat fixed;
	color: #535352;
	padding: 5px;
	margin-top: 7px;
	margin-left: -40px;
	width: 350px;
        height: auto;
	right: 5;
text-align: justify;
	box-shadow: #3257a2 2px 2px 0px;

}
.tooltip1:hover em i {
	position: absolute;
	margin-top: 7px;
	margin-left: -25px;
	border-top: 7px solid #000;
	border-left: 7px solid transparent;
	display: block;
}



.renoheader {
 background: transparent;
 }

.renoheaderhover {
width: 900px; 
height: 200px; 
opacity: 0; 
transition-duration: 1s;  
-moz-transition-duration: 1s;  
-webkit-transition-duration: 1s;  
-o-transition-duration: 1s;
margin-top: 215px;
margin-left: 515px;
position: absolute;
 }

.renoheaderhover:hover {
color: #ededed;
width: 900px; 
height: 200px; 
background-color: transparent;
opacity: 1.0;
 }

.renoheadercontent {
width: 900px; 
height: 200px; 
background: transparent; 
color: #ededed; }


















b, p strong {
color: #292c0e;
}

.ex1 {
width: 170px;
    min-height: 80px;
    padding: 5px;
    font-size: 10px;
margin-left: 2px;
background-image: url(http://funkyimg.com/i/251md.png);
    text-align: justify;
  border: 3px double #3C362A !important;
    line-height: 99% !important;
    box-shadow: inset #3C362A 0 2px 10px;
}


.nav {
background: #3257a2;
display:inline-block;
cursor:pointer;
height: 11px;
color:#726084;
font-family: verdana;
text-transform: uppercase;
font-size:10px;
font-weight:bold;
padding:2px 10px 2px 10px;
text-align: center;
}

#nav a {
color:#726084 !important;
}

#nav a:hover {
color:#9e8fae!important;
}

/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
font-weight:normal!important;
border-width: 0px;
background: url("http://s7.uploads.ru/6zIVH.png") no-repeat top left,
url("http://s7.uploads.ru/PxmJd.png") no-repeat bottom left,
url("http://s2.uploads.ru/RQXWu.png") repeat-y top left;
}