test TLK

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

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


Вы здесь » test TLK » Тестовый форум » коды


коды

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

1

Верх

Код:
<link rel="stylesheet" type="text/css" href="http://i.rusff.ru/f/ru/rusff/spoiler_banner.css" />

<style>
/* Настройки объявления */
#menu {margin: 0; padding: 0px;}

#menu span {
  display: block;
  width: 90px;
  height: 39px;
  margin: 0 auto;
  }

#menu span.bttn_1, #menu span.bttn_2, #menu span.bttn_3, #menu span.bttn_4, #menu span.bttn_1:hover, #menu span.bttn_2:hover, #menu span.bttn_3:hover, #menu span.bttn_4:hover, #menu span.bttn_1.tabactive, #menu span.bttn_2.tabactive, #menu span.bttn_3.tabactive, #menu span.bttn_4.tabactive {
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  }

#menu span.bttn_1 {background-image: url("http://s5.uploads.ru/n9jAv.png");}
#menu span.bttn_2 {background-image: url("http://s5.uploads.ru/WyKOV.png");}
#menu span.bttn_3 {background-image: url("http://s5.uploads.ru/Qoy8f.png");}
#menu span.bttn_4 {background-image: url("http://s5.uploads.ru/puCYr.png");}

#menu span.bttn_1:hover, #menu span.bttn_1.tabactive {background-image: url("http://s4.uploads.ru/9CQaX.png");}
#menu span.bttn_2:hover, #menu span.bttn_2.tabactive {background-image: url("http://s4.uploads.ru/vPMHw.png");}
#menu span.bttn_3:hover, #menu span.bttn_3.tabactive {background-image: url("http://s5.uploads.ru/JfuZx.png");}
#menu span.bttn_4:hover, #menu span.bttn_4.tabactive {background-image: url("http://s4.uploads.ru/t83Je.png");}

#submenu {
  width: 310px;
  height: 236px;
  background: transparent url(http://s5.uploads.ru/9AgwM.png) -13px -8px no-repeat;
  margin: 8px auto 0 auto;
  padding: 8px 0 0 7px;
  }

.submenutext {
  display: none;
  text-align: center;
  width: 300px;
  height: 222px;
  overflow-y: auto;
  }
</style>

<!-- HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<style>img.post-img-Sp {margin:6px 3px;}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;}
</style>
<script type="text/javascript" src="http://forumstatic.ru/files/0010/b4/f8/57844.js"></script>

<!-- HTML верх - Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<style>img.post-img-Sp {
  margin:1px;
  padding:2px;
  border:transparent 1px solid;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;
}
img.post-img-Sp.active {
    border:#8a4e44 1px solid;
background: #bcb29a;

}
</style>

0

2

низ

Код:
<!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<script>
var a1 = 1	// 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
var a2 = 0	// 0 - Скрытие первой вкладки; 1 - Показ первой вкладки; 
var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко;
var LiArr=new Array(
//При наличии двух косых => // в начале пункта, - пункт не скрывается.
//"pa-author",     //Ник-Нейм
//"pa-avatar",     //Аватар
//"pa-title",      //статус
// 1 кнопка - ссылка на Картинку
//В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию)
"http://icons.iconarchive.com/icons/visualpharm/icons8-metro-style/32/User-Role-Reviewer-icon.png[о пользователе]",
"pa-reg",        //Зарегистрирован
"pa-invites", //Приглашений
"pa-from",       //Откуда
"pa-posts",      //Кол-во сообщений:
"pa-respect",    //Уважение:
"pa-positive",   //Позитив
"pa-sex",        //Пол
"pa-age",        //Возраст
"pa-icq",        //Аська
"pa-ip",         //IP Юзера
"pa-time-visit", //Провел на форуме:
"pa-last-visit", //Последний визит:
//"pa-online",     //Пользователь online - Не засовываем в спойлеры
// 2 кнопка- ссылка на Картинку
"http://icons.iconarchive.com/icons/visualpharm/icons8-metro-style/32/Tracks-Footprints-Cat-icon.png[о персонаже]",
"pa-fld1",       //Доп.Поле.1
// 3 кнопка- ссылка на Картинку
"http://icons.iconarchive.com/icons/visualpharm/icons8-metro-style/32/Ecommerce-Gift-icon.png[награды]",
"pa-fld2",       //Доп.Поле.2
"pa-fld3",       //Доп.Поле.3 
"pa-fld4",       //Доп.Поле.4
"pa-fld5",       //Доп.Поле.5
//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>
<!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->

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

<script type="text/javascript">
  jQuery(document).ready(function () {
  jQuery('.yrarrows .top').click(function () {
    jQuery('html, body').stop().animate({scrollLeft: 0, scrollTop:0}, 1000);
    return false;
  });
  jQuery('.yrarrows .bottom').click(function () {
    jQuery('html, body').stop().animate({scrollLeft: 0, scrollTop:jQuery('body').height() - jQuery(window).height()}, 1000);
    return false;
  });
});
</script>
<div class="yrarrows" style="position:fixed; right:0.3%; bottom:45%;"><a title="Наверх" href="#top" class="top"><img src="http://s5.uploads.ru/1tzWu.png" alt="В верх страницы" border="0"></a>
<br/><br/>
<a href="#bottom" class="bottom" title="Вниз"><img src="http://s4.uploads.ru/leZcj.png" alt="В низ страницы" border="0"></a></div>

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

var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><a href=\"#\" onclick=\"PiarIn();return false\" style='background-color: transparent;'><span><img title=\"Быстрый вход для Пиарщиков\"  src=\"http://s5.uploads.ru/u0D9K.png\" style='position:absolute;margin:-50px 0 0 -50px;'/></span></a></li>";
if($("#navlogin").html()!=null){

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

<div class="banners">
.....
</div>

<!-- Спойлер-контейнер -->
<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">
var nrisunok="http://forumupload.ru/uploads/0000/0a/f2/68797-1.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{ 
document.getElementById("navpm").innerHTML="<img id=Pismo src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</script>
<style>
#Pismo {
margin-bottom:10px;
margin-right:-5px;
}

<div class="main" id="spo_all"><div class="category" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><h2>Наши друзья</h2></div><div id="spoiler4">Тут баннеры<br /></div></div>
<br><Br>

<script type="text/javascript"> var L0='<img class="imgON_Off" src="';
var L1='" style="cursor:pointer;cursor:hand;width:133;margin-top:3px;" />'; //153 - размер картинки по горизонтали
var ImgON="http://s6.uploads.ru/12ve8.png";  // Картинка Online;
var ImgOff="http://s7.uploads.ru/lbJHS.png";  // Картинка OffLine;
$("#pun-viewtopic .post .post-author ul").each(function ()   {
$(this).html('<div class=UL>'+$(this).html()+'</div>');
if ($(this).find(".pa-online").html()!=null){$(this).append(L0+ImgON+L1)
    }else $(this).append(L0+ImgOff+L1);
$(this).find(".pa-author,.pa-title,.pa-avatar").insertBefore($(this).find("div.UL"));});
$("ul .imgON_Off").click(function () {
$(this).parent("ul").find(".UL").toggle('slow');});
</script>

<style>
/****************************************************************/
/*CSS  МЕДАЛЬКИ В ПРОФИЛЬ(ТОПИК) */
/****************************************************************/
span.tooltip4:hover span { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url(http://savepic.org/1942239.png);
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-left-radius: 17px;
border-bottom-right-radius: 17px;
border-top-left-radius: 17px;
border-top-right-radius: 17px;
box-shadow: 0px 5px 15px;
color: #000000;
display: inline;
position: absolute;
}
span.tooltip4 span {
background-attachment: scroll;
display: none;
margin-left: -25px;
margin-top: -45px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
padding-top: 6px;
width: auto;
}
.awards {
cursor:pointer;
cursor:hand;
margin:2px;
}
img.Flug {
cursor:pointer;
cursor:hand;
float:left;
margin: -4px 0 -31px -21px;
}
</style>

<div id=Myawrd style="display:none;">
<!--
=================================================
//НОМЕР НАГРАДЫ    // ЗА ЧТО    // CCЫЛКА НА КАРТИНКУ
//=================================================-->
<p>1,«Добро пожаловать!», http://s7.uploads.ru/tBJA9.png </p>
<p>2,«Менеджер», http://s6.uploads.ru/1gbBp.png </p>
<p>3,«Перчик», http://s6.uploads.ru/CIk84.png</p> 
<p>4, «200 сообщений», http://s7.uploads.ru/OoSFv.png </p>
<p>5, «1000 сообщений», http://s6.uploads.ru/U8mN6.png </p>
<p>6, «5000 сообщений», http://s6.uploads.ru/YsbZn.png </p>
<p>7, «более 10000 сообщений», http://s7.uploads.ru/Aj3Jv.png</p>
<p>8, «Сыщик», http://s6.uploads.ru/E7fw4.png </p>
<p>9, «Шерлок Холмс», http://s7.uploads.ru/QE1WU.png</p>
<p>10, «Амур», http://s6.uploads.ru/oTWH6.png </p>
<p>11, «Серебрянное перо»,  http://s7.uploads.ru/KbGiP.png </p>
<p>12, «Золотое перо»,  http://s7.uploads.ru/FcA0E.png </p>
<p>13, «Почет»,  http://s7.uploads.ru/kNA61.png </p>
<p>14,«Семьянин», http://s7.uploads.ru/rozKb.png </p>
<p>15,«Алмаз», http://s6.uploads.ru/9Lw3G.png </p>
<p>16,«Поэт», http://s7.uploads.ru/fFpvx.png </p>
<p>17,«Художник», http://s6.uploads.ru/Itd05.png </p>
<p>18,«Фотограф», http://s7.uploads.ru/wBlji.png </p>
<p>19,«Почетный флудер», http://s6.uploads.ru/0Zuav.png</p>
<p>20,«Лапочка», http://s6.uploads.ru/8rDwG.png</p>
<p>21,«Дремлющий огонь» - власть над огнём мастеру рекламы, http://uploads.ru/i/H/J/6/HJ6wj.gif </p>
<p>22,«Щит» - защита от чужой магии мастеру рекламы, http://uploads.ru/i/v/Z/a/vZaLm.png </p>
<p>23,Первое место в конкурсе №9 «Шутка юмора», http://uploads.ru/i/s/E/z/sEzik.png </p>
<p>24,Второе место в конкурсе №9 «Шутка юмора», http://uploads.ru/i/c/n/j/cnjv0.png </p>
<p>25,Третье место в конкурсе №9 «Шутка юмора», http://uploads.ru/i/U/9/w/U9w0l.png </p>
<p>26,Участнику конкурса №9 «Шутка юмора», http://uploads.ru/i/r/1/v/r1vhl.gif </p>
<p>27,«Рубиновое сердце» победителю конкурса эротических аватаров, http://uploads.ru/i/x/C/I/xCIFW.gif </p>
<p>28,«Коктейль с малиной» участнику конкурса эротических аватаров, http://uploads.ru/i/i/d/Z/idZpD.png </p>
<p>29,«Шампанское» - подарок от поклонника или знак уважения, http://uploads.ru/i/I/O/8/IO8bw.png </p>
<p>30,«Букет» - подарок от поклонника или знак уважения, http://uploads.ru/i/P/p/7/Pp7iO.gif </p>
<p>31,«Знаток» - за разработку матчасти,  http://uploads.ru/i/b/s/X/bsX10.png </p>
<p>32,«Флудный лев» - за создание доброжелательной атмосферы,  http://uploads.ru/i/v/j/f/vjfkZ.png </p>
<p>33,«Золотое перо» - корреспондентам газеты «Универсальные новости», http://uploads.ru/?v=bNP7x.gif </p>
<p>34,«Подарок» -  благодарность игрокам от форума,  http://uploads.ru/i/6/M/t/6MtqA.gif </p>
<p>35,«Мастер» - за просветительскую деятельность, http://uploads.ru/i/I/h/b/IhbrK.gif </p>
<p>36,«Особо важная персона» - игрокам-ветеранам,  http://uploads.ru/i/a/G/g/aGgHM.gif </p>
<p>37,«Сюрприз» - первым трём выигравшим в лотерею,  http://uploads.ru/i/D/h/d/DhdWO.png </p>
<p>38,«Король смеха» - ценителям юмора, http://uploads.ru/?v=jkINb.gif </p>
<p>39,«Владыка» – злой админ, http://uploads.ru/i/l/x/m/lxmEs.png </p>
<p>40,«Властелин печенек» - за поддержку форума,  http://uploads.ru/i/O/G/b/OGbgC.gif </p>
<p>41,«Властелин печенек» - за поддержку форума,  http://uploads.ru/i/2/U/s/2Us1B.gif </p>
<p>42,«Властелин печенек» - за поддержку форума, http://uploads.ru/i/V/6/g/V6gXd.gif </p>
<p>43,«Властелин печенек» - за поддержку форума,  http://uploads.ru/i/D/n/o/Dno89.gif </p>
<p>44,«Властелин печенек» - за поддержку форума,  http://uploads.ru/i/H/L/n/HLnJS.gif </p>
<p>45,«Властелин печенек» - за поддержку форума, http://uploads.ru/i/U/Z/O/UZOfQ.gif </p>
</div>
<script type="text/javascript">
var listMedal=[]; 
$("#Myawrd p").each(function(j){
listMedal[j]=[];listMedal[j]=$(this).html().split(',')}); 
var NamFld = '.pa-fld3, .pa-fld4'; 
var FlugIm= '<img width=51 class=Flug src="http://savepic.org/1911734.png" />'; 
var awSTrt = '<span class=tooltip4><img width="48" class=awards src="'; 
$("div.post-author "+ NamFld).each(function () { 
if($(this).html()!=null){ 
    var L = $(this).html().replace(/^.+:(?:[\s]|<br>)/ig,'') 
    var L0=$(this).html().replace(/^(.+:)[\s\S]*$/igm,'$1')+'<br>';$(this).html(L0) 
    var Thisaw = L.split(',');
for (j=0; j< Thisaw.length; j++){
     Dp='';var x=Thisaw[j];x=x.replace(/(\d+)#.+$/img,'$1');Dp=(Thisaw[j].replace(x,'')).replace(/^#/i,'');
     for (i=0; i< listMedal.length; i++){ //alert(Thisaw[j]+","+listMedal[i][0])
       if(x==listMedal[i][0]){L=awSTrt+listMedal[i][2]+'"><span>'+listMedal[i][1]+' '+Dp+'<br>'+FlugIm+'</span></span>'; 
    $(this).append(L);break;} 
      } 
};} 
});
</script>

0

3

структура css

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }

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

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

/* A3.7 */
.punbb address, .punbb em {
  font-style: 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: 5px auto 5px auto;
  width : 760px;
  padding: 0px 2px 0px 2px;
  background-color: #c5c4c2;
}


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

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }
/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }
/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }
/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }
/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }
/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none none none;
  border-width: 0px 0px 0px 0px
  }
/* A5.9 */
.punbb .container {
    border: 0px none;
  }
/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
  padding: 0.3em 1em;
    border: 0px 0px 0px 0px None None None None;
  }

#pun-main h2 {
  padding: 0.3em 1em;
  border-style: none none none none ;
  border-width: 0px 0px 0px 0px;
}



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.punbb .helplinks span INPUT {
  margin: 0px 2px 2px 0px;
}

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


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

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

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

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

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

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

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

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

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

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

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

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

/* C2.12 */
.punbb .main th {
  border: none;
  padding: 5px 1em 5px 1em;
  }

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

* html .tclcon {height: 1px}

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

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

/* Ôèêñ */
#pun-main .category .container {overflow: hidden}


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

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

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

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

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

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

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

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

/* C3.8 */
.pa-author a {
  text-decoration: none
  text-align: center;
  font-weight: bold;
  }

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


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

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

  }

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

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

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

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

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

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

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


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

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

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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

/* D1.1 */
#pun-title {
  margin: 0;
  margin-top: 0px;
  border-style: double;
  border: none;
  margin-bottom: 0px;

}

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

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

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

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

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

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

}



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

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

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

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

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

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

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

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

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

#pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
    padding-top: 3px;
    height: 63px;
    font-weight:bold;
    text-align: center;
}

/* D.3 */
#pun-navlinks li {
    display: inline;
    margin: 1.25%;
}

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

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

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

/* D4.2 */
#pun-ulinks .container {
  padding: 0.7em 1em;
  text-align: center;
  }

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

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

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

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

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

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

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

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

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

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


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

#pun-announcement h2 {display: none}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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




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

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

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

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

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

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

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

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

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

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

0

4

цвета

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

/* фон форума */
body {
background-color: #292931;
background-image: url("http://cs7001.vk.me/c613529/v613529687/49ce/zrxjFut-6dE.jpg");
background-position: bottom center;
background-attachment: fixed;
overflow-x: hidden;
background-float: center
}


/* Шапка */
#pun-title table {
background-image: url(http://s6.uploads.ru/bNr62.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
}

/* CS1.1 текстура */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #3e1617;
 background-image : url(http://s7.uploads.ru/IG5fD.png);
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: #d7c694;
  color: #3e1617;
   background-image : url(http://s7.uploads.ru/IG5fD.png);
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #743a36;
  color: #d2bd93;
  font-weight: normal;
font-style: normal;

  }

/* CS1.4 Текстура форума зад */
#pun {background-color: transparent; 
background-image: url(http://s7.uploads.ru/IG5fD.png);
}


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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #C7B684;
  color: #3e1617
  }

/* CS1.8 меню ссылок */
#pun-navlinks .container {
  background-color: transparent;
  background-image : url(http://s7.uploads.ru/WjXuF.png);
  color: #FFFFFF;
  }

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #d7c694;
  color: #3e1617
}

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

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

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

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

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

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

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

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

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

.punbb .divider {
  border-color: #B7A674 #F7E6B4 #F7E6B4 #F7E6B4
  }

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

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




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

  }

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

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

  }

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

  }

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

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

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

div.icon {
        background: url(http://s4.uploads.ru/hCztJ.png) no-repeat;
}
tr.inew div.icon {
        background: url(http://s5.uploads.ru/7238d.png) no-repeat;
}
tr.iclosed div.icon {
        background: url(http://s4.uploads.ru/3zdeU.png) no-repeat;
}
tr.iredirect div.icon {
        background: url(http://s4.uploads.ru/z3nyE.png) no-repeat;
}

/* Обрамление Форума*/
#pun{
background-clip:border-box;
 background-color: transparent;
border-width: 20px;
-moz-border-image: url(http://s7.uploads.ru/9nySU.png) 20 repeat;  /* Firefox 4 */
    -webkit-border-image: url(http://s7.uploads.ru/9nySU.png) 20 repeat;  /* Safari 5 и Chrome */
    -o-border-image: url(http://s7.uploads.ru/9nySU.png) 20 repeat; /* Opera 10.5 */}


/* прозрачные границы */

.category .container {border: none !important;}
.punbb td.tcl, .punbb td.tc2, .punbb td.tc3, .punbb td.tcr{
border: none !important;
}
.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,.punbb .main .container,.punbb .post .container,.punbb .post h3, #pun-stats h2,.punbb .main h1,.punbb .main h2,#pun-title,#pun-title .container,.punbb .modmenu .container,#pun-navlinks .container,.punbb th,.punbb .post h3 span,#pun-main fieldset legend span{
border: none !important;
}

/*Убираем Полоски*/
.punbb li#onlinelist,
.punbb li#onlinelist div,
.pun-ulinks li,
.punbb #pun-break1.divider{
border:0 none transparent;
}

.punbb .post-links ul {
  margin-left: -17em !important;
}

.punbb .post .post-author {
  width: 20.5em !important;
}

/* Хром обводка */
input, textarea {
    outline: none;
}  
input:active, textarea:active {
    outline: none;
} 
:focus {
    outline: none;
}

/* оформление профиля */
.post-author ul li {text-align: center;
	padding: 0px;
	border: 1px solid #8a4e44;
	background: #c7b684;
	margin: 3px;
-webkit-border-radius:4px;
    -khtml-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;
}

.post-author ul li.pa-author { 
text-align: center;
	padding:5px 0px 0px 0px;
	border: 1px solid #8a4e44;
border-bottom: transparent !important; 
	background: #c7b684;
	margin: 0px;
-webkit-border-radius:4px;
    -khtml-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;}

.post-author ul li.pa-title {text-align: center;
	padding:5px 0px 5px 0px;
border-radius: 0px !important;
	border: 1px solid #8a4e44;
border-bottom: transparent !important; 
border-top: transparent !important;
	background: #c7b684;
	margin: -3px 0px -3px 0px;}

.post-author ul li.pa-avatar {text-align: center;
	padding: 0px 0px 0px 0px;
	border: 1px solid #8a4e44;
border-top: transparent !important; 
	background: #c7b684;
	margin: 0px 0px 0px 0px;
-webkit-border-radius:4px;
    -khtml-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;}



.post-author ul li.pa-online {
	border: #645850 1px solid;
	padding: 2px;
	background: #c7b684;
	font-size: 11px;
}

/* ширина профиля */
.punbb .post h3 span, .punbb .post-body, .punbb .post-links {
  margin-left: 20.5em !important;
}

.punbb .post-links ul {
  margin-left: -17em !important;
}

.punbb .post .post-author {
  width: 20.5em !important;
}

/*1. Настройка общего вида линков */

        #pun-navlinks a {
        display: inline-block;
        height: 50px;
        width: 68px;
        margin-left: 0px;
        }

        /*2. Настройка изображений */

        #navindex a {background: url(http://s5.uploads.ru/H7Ut5.png) no-repeat top center;}
        #navuserlist a {background: url(http://s4.uploads.ru/CvSkM.png) no-repeat top center;}
        #navsearch a {background: url(http://s4.uploads.ru/NOPIL.png) no-repeat top center;}
        #navprofile a {background: url(http://s5.uploads.ru/4PGZ7.png) no-repeat top center;}
        #navpm a {background: url(http://s4.uploads.ru/ro7WB.png) no-repeat top center;}
        #navadmin a {background: url(http://s4.uploads.ru/W4tAD.png) no-repeat top center;}
        #navlogout a {background: url(http://s4.uploads.ru/R0SZo.png) no-repeat top center;}
        #navlogin a {background: url(http://s4.uploads.ru/nW3Zs.png) no-repeat top center;}
        #navregister  a {background: url(http://s4.uploads.ru/2YTDE.png) no-repeat top center;}

/*3. Настройка изображений при ховере (наведении) */

        #navindex a:hover {background: url(http://s4.uploads.ru/Lkbop.png) no-repeat top center;}
        #navuserlist a:hover {background: url(http://s4.uploads.ru/afuwv.png) no-repeat top center;}
        #navsearch a:hover {background: url(http://s4.uploads.ru/T0kfq.png) no-repeat top center;}
        #navprofile a:hover {background: url(http://s4.uploads.ru/mpX8N.png) no-repeat top center;}
        #navpm a:hover {background: url(http://s4.uploads.ru/3Rl71.png) no-repeat top center;}
        #navadmin a:hover {background: url(http://s5.uploads.ru/meY7S.png) no-repeat top center;}
        #navlogout a:hover {background: url(http://s5.uploads.ru/1VaSR.png) no-repeat top center;}
        #navlogin a:hover {background: url(http://s5.uploads.ru/JRVCZ.png) no-repeat top center;}
        #navregister a:hover {background: url(http://s4.uploads.ru/NtoPk.png) no-repeat top center;}

        /* Скрываем текстовые надписи */

#pun-navlinks a span { 
display: none;
}
#pun-navlinks #navpiar a span { 
display: inline-block!important;
}

/* картинки категорий */
#pun-category1.category h2 {
background: url(http://s5.uploads.ru/FWfRn.png);
height: 140px;
width: 671px;
font-size:0 !important;
margin-left: 50px;}

#pun-category2.category h2 {
background: url(http://s5.uploads.ru/9dMqm.png);
height: 140px;
width: 671px;
font-size:0 !important;
margin-left: 50px;}

#pun-category3.category h2 {
background: url(http://s4.uploads.ru/l8nMo.png);
height: 140px;
width: 671px;
font-size:0 !important;
margin-left: 50px;}

#pun-category4.category h2 {
background: url(http://s5.uploads.ru/2kn8g.png);
height: 140px;
width: 671px;
font-size:0 !important;
margin-left: 50px;}

#pun-stats h2 {
  background-image : url(http://s5.uploads.ru/W1w2s.png);
height: 140px;
width: 671px;
font-size:0 !important;
margin-left: 50px;}

0


Вы здесь » test TLK » Тестовый форум » коды