На ролевой мир обрушилась бомба мэри и марти сьюшек, ролевиков пытали в анкетлагерях, выжившие бежали в горы и укрылись в убежище.
Name // Name // Name

просто такая сильная любовь

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

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



eezo

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

1

HTML-верх

Код:
<!--Постописцы-->
<div style="top: 200px; margin-left: -3px; position:absolute; z-index:100;">
<a href="ссылка"><img src="http://imgur.com/yfsbnnU.png"  title="постописец"></a></div>
<div style="top: 200px; margin-left: 54px; position:absolute; z-index:100;">
<a href="ссылка"><img src="http://imgur.com/yfsbnnU.png"  title="постописец"></a></div>
<div style="top: 200px; margin-left: 111px; position:absolute; z-index:100;">
<a href="ссылка"><img src="http://imgur.com/yfsbnnU.png"  title="постописец"></a></div>
<div style="top: 200px; margin-left: 168px; position:absolute; z-index:100;">
<a href="ссылка"><img src="http://imgur.com/yfsbnnU.png"  title="постописец"></a></div>

<!--Активисты-->
<div style="top: 200px; margin-left: 654px; position:absolute; z-index:100;">
<a href="ссылка"><img src="http://imgur.com/yfsbnnU.png"  title="активист"></a></div>
<div style="top: 200px; margin-left: 711px; position:absolute; z-index:100;">
<a href="ссылка"><img src="http://imgur.com/yfsbnnU.png"  title="активист"></a></div>
<div style="top: 200px; margin-left: 768px; position:absolute; z-index:100;">
<a href="ссылка"><img src="http://imgur.com/yfsbnnU.png"  title="активист"></a></div>
<div style="top: 200px; margin-left: 825px; position:absolute; z-index:100;">
<a href="ссылка"><img src="http://imgur.com/yfsbnnU.png"  title="активист"></a></div>

<!--Лучшие-->
<div style="top: 263px; margin-left: 654px; position:absolute; z-index:100;">
<a href="ссылка"><img src="http://imgur.com/mx1Woas.png"  title="пара недели"></a></div>

<!--Нужные-->
<div style="top: 327px; margin-left: -3px; position:absolute; z-index:100;">
<a href="ссылка"><img src="https://imgur.com/TvmWb20.png"  title="игрок недели"></a></div> 
<div style="top: 327px; margin-left: 113px; position:absolute; z-index:100;">
<a href="ссылка"><img src="https://imgur.com/TvmWb20.png"  title="игрок недели"></a></div>
<div style="top: 327px; margin-left: 659px; position:absolute; z-index:100;">
<a href="ссылка"><img src="https://imgur.com/TvmWb20.png"  title="игрок недели"></a></div>
<div style="top: 327px; margin-left: 769px; position:absolute; z-index:100;">
<a href="ссылка"><img src="https://imgur.com/TvmWb20.png"  title="игрок недели"></a></div>

<!--Пост недели-->
<div style="top: 263px; margin-left: -3px; position:absolute; z-index:100;">
<a href="ссылка"><img src="http://imgur.com/yfsbnnU.png"  title="имя"></a></div>
<div id="postbest">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sodales accumsan odio, ac interdum magna venenatis eu. <a href="ссылка">Читать далее...</a></div>

<!--Админы-->
<div id="adminka">
<a href="ссылка">Имя</a> // <a href="ссылка">Имя</a> // <a href="ссылка">Имя</a> // <a href="ссылка">Имя</a>
</div>

<!--О мире-->
<div id="world">
постапокалипсис, способности, nc-17<br>южная америка, девкалион, август-сентябрь 2065 год
</div>

<!--Навигация-->
<div id="navigation">
<a href="ссылка">ссылка</a> // <a href="ссылка">ссылка</a> // <a href="ссылка">ссылка</a> // <a href="ссылка">ссылка</a> // <a href="ссылка">ссылка</a> // <a href="ссылка">ссылка</a> // <a href="ссылка">ссылка</a> // <a href="ссылка">ссылка</a> // <a href="ссылка">ссылка</a> // <a href="ссылка">ссылка</a> // <a href="ссылка">ссылка</a>
</div>

<!--Новости-->
<div style="top:305px; margin-left: 363px; position:absolute; z-index:100; font-family: oranienbaum; font-size: 17px; letter-spacing: 1px;  color: #5f4e40; font-weight: bold;">последние новости</div>
<div id="novosti">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sodales accumsan odio, ac interdum magna venenatis eu. Donec lorem libero, rutrum vulputate erat consequat, volutpat imperdiet enim. Mauris nisi massa, euismod in velit eget, finibus imperdiet est. Nullam id vulputate mi. In facilisis nisi id eleifend semper. </div>



<!--Кнопки вверх вниз-->
<div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;">
<a href=#top onClick="$('html,body').scrollTop(0); return false;">
<img src="http://imgur.com/uG22uZ8.png" alt="Вверх страницы"/>
</a> <br>
<a href="#bottom" onclick="$('html,body').scrollTop(document.body.scrollHeight); return false;">
<img style="margin-top: 2px;" src="http://imgur.com/0S6gOfv.png" alt="Вниз страницы"/>
</a></div>

<!-- Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<style>img.post-img-Sp {margin: 20px 0px -30px 10px;}
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>

<!--Смена имиджа в текущем посте-->
<link id="iNFpanel" rel="stylesheet" href="https://forumstatic.ru/files/000c/e1/eb/25710.css" type="text/css"/>
<script src="https://forumstatic.ru/files/000c/e1/eb/15656.js"></script>

HTML-низ

Код:
<!-- Смена имиджа-->
   <style>.punbb .pa-avatar img {max-width:190px;height:auto;}</style>
    <script type="text/javascript">
    OnSmenaImage("просто такая сильная любовь", new Array(""))
    var AvtrArr=new Array(
    "http://i.imgur.com/NCuJpeU.png"
   //End myarray_!!Последняя ссылка без запятой!!!
    )
    StartNIZ(); //
    </script>

<!--баннеры-->
<div id="tops" style="width:888px; height: 41px; position:absolute; margin-top: -27px; margin-left: 0px;"><center>
<a href="http://exterran.rusff.me/" target="_blank"><img src="http://sh.uploads.ru/dHzh2.gif" title="Эстерран" ></a>
       </center> </div></div>
</div>


<!--Альтернативная вставка картинки-->
<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>

<!-- 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",      //статус
// 1 кнопка - ссылка на Картинку
//"pa-reg",        //Зарегистрирован
//"pa-invites", //Приглашений
//"pa-posts",      //Кол-во сообщений:
//"pa-respect",    //Уважение:
//"pa-positive",   //Позитив
//"pa-sex",        //Пол
//"pa-age",        //Возраст
//"pa-icq",        //Аська
//"pa-fld1",       //Доп.Поле.1
//"pa-ip",         //IP Юзера
//"pa-time-visit", //Провел на форуме:
//"pa-last-visit", //Последний визит:
//"pa-from",       //Откуда
//"pa-online",     //Пользователь online
"pa-fld2",       //Доп.Поле.2
"pa-fld3",       //Доп.Поле.3

// 1 кнопка- ссылка на Картинку
"http://imgur.com/Fjb7zJV.png",
"award",      //Награды
"gift",         //Подарки

//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>


<!--обтекание изображения 2.4.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();}); 
}); 
elm=document.getElementsByTagName("div") 
for(x in elm) if(elm[x].className=="post-content") 
{ 
post = elm[x].innerHTML; 
if(post.indexOf("[/float]") != -1) { 
floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi 
elm[x].innerHTML = elm[x].innerHTML.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 src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('.Hoverbuttons').each(function () {
              var $span = $(this).css('opacity', 0.3);
              $(this).hover(function () {
                $span.stop().fadeTo(600, 1);
             }, function () {
                $span.stop().fadeTo(600, 0.3);
              });
        });
    });
</script>


<!- скрыть названия в категориях ->
<style>
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}
</style>

<!-- Пиар-вход v.2 -->
    <script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
    <script type="text/javascript">
    PR.nick = 'совушка'; //Ник PR-аккаунта
    PR.pass = '1111'; //Пароль PR-аккаунта
    PR.btn_text = 'PR'; //Надпись на кнопке PR-входа(или ссылка на картинку);
    PR.set();</script>

<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>


<!-- Регулировка размера шрифта в постах © Alex_63 -->
<style>
.FNTslider {
  border-radius: 4px;
  position:relative;z-index:1000;
  background: #E0E0E0;
  width: 110px;
  height: 5px;
  margin: 3px 5px;
  border: solid 1px #ccc;
  float: right;
  margin-right: 7%;
}
.FNTslider .before {
  height: 5px;
  border: solid 1px transparent;
  border-right: none 0;
  border-radius: 4px 0 0 4px;
  position: absolute;
  background: #A0BCDA;
  margin-top: -1px;
}
.FNTslider .thumb {
  width: 8px;
  height: 13px;
  border-radius: 3px;
  position: relative;
  top: -4px;
  background: #3980D8;
  cursor: pointer;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></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>

<!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'Выделить код'</script>


<!- замена приветствия гостю -->
<script>
visit="О тебе вспоминали"
str = document.getElementById("pun-status").innerHTML
if( (pos=str.indexOf("Ваш последний визит")) != -1 )
   document.getElementById("pun-status").innerHTML=str.substring(0,pos)+visit+str.substring(pos+19,str.length-1)
greet="Хогвартс всегда твой дом, "
str = document.getElementById("pun-status").innerHTML
pos = str.indexOf("Привет")
document.getElementById("pun-status").innerHTML=str.substring(0,pos)+greet+str.substring(pos+8,str.length-1)
</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>

0

2

Структура

Код:
/******************************************
A - SETUP
******************************************/
@import "http://webfonts.ru/import/lobster.css";
  @import url(http://allfont.ru/allfont.css?fonts=ubuntu-condensed);
  @import url(http://allfont.ru/allfont.css?fonts=uk_bruskovaya);
  @import url(http://allfont.ru/allfont.css?fonts=compact);
@import url(style_cs.css); 
@import "http://fonts.fontstorage.com/import/oranienbaum.css";
@import "http://fonts.fontstorage.com/import/ahellya.css";
@import "http://fonts.fontstorage.com/import/bradobrei.css";

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

/* A3.2 */
.punbb {
  font: normal 68.55% 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 legend span {
color: transparent !important;}

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

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

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

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

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

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


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

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

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


/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
#pun {
margin: 0px auto auto auto;
width : 976px;
padding: 0px 0px 0px 0px;
border: none;
border-top: none;
position: relative;}


/* A5.2 */
/* текстовая часть */
.punbb {
float: auto;
height: auto;
width: 870px;
padding-left: 50px;
float: none;}


/* A5.3 */
#pun-redirect, #pun-maint {
margin: 0px 0% 0px 0%;
width: auto;
float: none;
background-position: center;
text-align: left;
background-image: url("");
color: #110401;}

#pun-redirect .main-title  { 
font: 27px  "Beer money" !important;
font-weight: bold !important;
color: #c0a687 !important;
letter-spacing:1px !important;} 


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

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

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

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

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

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

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  color: #272f3a;
  font-size: 10px;
  font-family: Arial;
  text-align: center;
  }


/******************************************************/*************************************************************
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;
  color: #0e0803;
  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;
 max-height:35em;
  height:auto!important;
  padding-bottom:.4em;
  }


/* B1.8 */
.punbb .post-content {
padding: 0.3em 0.3em 0.3em 0.3em;
margin: 0.3em 1em 1.2em 1em;
}

.punbb .post-content .quote-box, .code-box {
    padding: 0.3em 0.3em 0.3em 0.3em;
    margin: 0.4em 0.5em 0.5em 0.5em;}



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

/* отделить автора цитаты от поста */
.punbb .quote-box cite {
  border-bottom: 1px dashed #5f4e40;
  }

/* 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%;
  height: 0;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-family: 'Arial' !important;
    font-size: 11px;
color: #0e0803; 

  }

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

.topic a.sharelink {   
 text-transform: uppercase;
    margin-left: 21em;
    letter-spacing: 0px;
    font-family: 'Arial' !important;
    font-size: 11px;
}


/* B3.3 */
.linkst .pagelink {
    position: absolute;
    top: -15px;
    width: 24em;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-family: 'Arial' !important;
    font-size: 11px;
    color: #0e0803;}

/* B3.4 */
.linkst .postlink {
    position: absolute;
    top: -15px;
    right: 2em;
    width: 100px;
    text-align: right;
   text-transform: uppercase;
 letter-spacing: 0px;
font-family: 'Arial';

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

  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: auto;
   text-transform: uppercase;
 letter-spacing: 0px;
font-family: 'Arial';

  }


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
   overflow: hidden;
  text-align: left;
  width: 5%;
  }

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

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

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  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;
letter-spacing: 3px;
margin-left: 20px; 
padding: 0px;
weight: bold;
}


#pun-index .tcl h3 a { font: 16px "oranienbaum" !important; text-transform: uppercase; font-weight: bold !important; color: #0f0804 !important; } 

#pun-index .tcl h3 a:hover {  font: 16px "oranienbaum" !important; text-transform: uppercase; font-weight: bold !important; } 


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

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

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

/* C2.12 */
.punbb .main th {
  padding: 0.4em 1em 0.4em 1em;
  }

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

/* C2.14 */
/* значок темы */
.punbb tbody.hasicon td.tcl {
  padding-left: 2.2em;
  }
.hasicon tr .tcr a {background-image: url(); background-repeat: no-repeat; background-position: left top; padding-left: px; }


    /* C2.15 */
.punbb div.icon {
  margin: -2px 0px 0px 0px;}

/* C2.16 */
.punbb  table div.icon {
  font-size: 1.05em;
  }

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

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

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

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

/* C3.4 */
/* номер поста */
.punbb .post h3 strong {
  float: right;
  width: 11px;
  text-align: left;
  font-weight: normal;
color: #2e2824;
font-size: 11px !important;
font-family: Arial;
 }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 260px;
  margin-top: 0px;
  margin-left: -20px;
  overflow: hidden;
  }

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

/* C3.7 */
/* флажок */

.pa-author {text-align: center;
    margin-left: -10px!important;
    margin-top: -5px !important;
    padding-bottom: 20px !important;
}


/* C3.8 */
/*ник*/
.pa-author a {text-align: center;
    color: #493c32!important;
    font-family: oranienbaum;
letter-spacing: 2px;
font-weight: bold !important;
    font-size: 20px !important;
    margin-left: 0px!important;
    padding-bottom: 20px !important;
    text-shadow: 0 0 5px #000 !important;
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  text-align: center;
  }


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: 240px;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }


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

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

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

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

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

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

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


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

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

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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

/* D3.2 */
#pun-navlinks .container {
    width: 100%;
    text-align: center;
  }

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

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

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

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

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

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

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

/* D5.3 */
/* привет - гость */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  font-family: Arial;
  font-size: 10px;
letter-spacing: 1px;
line-height: 90%;
  color: #0e0804;

  }

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

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 0em 1em 0.8em 1em;
  font-size: 12px;
  text-align: left;
  font-family: Arial;
  }

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

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

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

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

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

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
font-variant: small-caps;
  }

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

/* 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: 11px;
  font-family: Arial;
  }

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

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


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

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

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

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

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

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

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

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

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


/* Скрыть "отредактировано" и "награды" */
.lastedit {display: none;}


/*прокрутка*/
::-webkit-scrollbar {  
width: 7px;  /* for vertical scrollbars */
height: 7px; /* for horizontal scrollbars */}
::-webkit-scrollbar-track {  
background: #160e07 top center;
border-color: transparent;}
::-webkit-scrollbar-thumb {  
background: #beb09e top center;
background-image: url("");
  box-shadow:0 0 6px 0px rgba(78,70,70,1) inset, 0 0 0 1px rgba(52,49,49,1) inset;

}

::-webkit-scrollbar-thumb:horizontal{
    background-image: url(" ");
  box-shadow:0 0 6px 0px rgba(78,70,70,1) inset, 0 0 0 1px rgba(78,70,70,1) inset;

}

/* плюсы и оценка постов*/
.post-rating .container a {
    text-transform: uppercase;
 letter-spacing: 1px;
font-family: 'Arial';
color: #272f3a;
}

/* убрать русфф ссылки */
#pun-live-rusff {display: none;} 


#pun-title .title-logo {display : none;}

Цвета

Код:
html, body { background:  url("http://imgur.com/qMYIP4l.png") center; background-color : #0f0805; fixed;
}


/* фон форума */
#pun {
    background-color: #beb09e;
    background-image: url("http://imgur.com/JDPnMnJ.png");}


/* шапка */
#pun-title table {
background-image : url("http://i.imgur.com/Efna5hl.png"); 
background-repeat : no-repeat;
background-position: center top;
border: none;
height: 500px;
width: 976px;
margin-left: -50px;}

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

/* футер */
#pun-about p.container {
   background: url("http://imgur.com/DtMkP8v.png") transparent no-repeat;
   width: 975px;
   height: 150px;
   margin-left: -50px;
   text-align: center;
   line-height: 1;
   font-size: 9px;
   background-repeat: no-repeat;
}

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

div#pun-about {
   margin-bottom: -60px;}

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

/* ССЫЛКИ */
/* непрозрачность границ*/
.punbb .container, .punbb .post-body, .post h3, #pun-title {border-color: transparent;}
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {border-color: transparent;}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {border-color: transparent;}
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{border-color: transparent;}
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {border-color:transparent;}
.punbb th {border-color: transparent;}
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {border-color: transparent;}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {border-color: transparent;}
.punbb .divider {border-color: transparent;}
.punbb .formal fieldset .post-box, .punbb .info-box {border-color: transparent;}
li.pa-online {border-left-color: transparent;}

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


/* цвет текста на проекте */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container {
    background-color: transpanent;
    color: #0e0804;
    font-weight: normal;
    font-style: normal;
text-align: justify;
}

/* сдвиг ссылок */
div#pun-navlinks { position: absolute; width: 100%; text-align: center; top: 420px; left: 5px; }
div#pun-ulinks { position: absolute; width: 100%; text-align: center !important; top: 475px; left: 150px;}


/*  цвет ссылок */
#pun-navlinks a  {text-align: center;  position:relative; font-family: oranienbaum; font-size: 16px!important;  letter-spacing: 2px; color: #4a453d; text-transform: uppercase;  font-weight: bold;   text-shadow: 0 0 5px #000 !important; }


#pun-ulinks a {text-align: center !important;  position:relative; z-index:2000 !important;
font-family: Arial;
font-size: 9px; !important;
font-style: normal;
font-stretch: normal;
line-height: normal;
color: #0e0804;
letter-spacing: 1px;
}

/* цвет ссылок профиля*/
/* CS2.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #443c36;
  text-decoration: none;
}

/* CS2.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
 color: #443c36; 
  border-bottom: 1px #443c36;
 transition-duration:.7s;-moz-transition-duration:.7s;-webkit-transition-duration:.7s;-o-transition-duration:.7s; }


/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { text-align: center;  position:relative; font-family: oranienbaum;  font-size: 15px!important;  letter-spacing: 2px; color: #4a453d; text-transform: uppercase; }


/* CS2.4 */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { opacity: 0.3; }


/* ИКОНКИ*/
/* старые сообщения*/
.punbb table Div.icon {float: right; 
display: block; 
width: 40px;
height: 40px;
padding: 0px;
margin-top: 6px;
background-image : url(http://imgur.com/zriOZbV.png);
background-repeat: no-repeat;}

/* активные */
TR.inew Div.icon {float: right;
width: 40px;
height: 40px;
padding: 0px;
margin-top: 6px;
background-image : url(http://imgur.com/cBDaDtX.png);
background-repeat: no-repeat;}

/* важные*/
TR.isticky Div.icon {float: right;
width: 40px;
height: 40px;
background-image : url(http://imgur.com/zriOZbV.png);
background-repeat: no-repeat;}

/* закрыто*/
TR.iclosed Div.icon {float: right;
width: 40px;
height: 40px;
background-image : url(http://imgur.com/zriOZbV.png);
background-repeat: no-repeat;}


/* ЦИТАТЫ И ПРОЧЕЕ*/
/* цитата и код*/
.punbb #pun-main .quote-box, .punbb #pun-main .code-box, .punbb textarea
{     background-image: url("http://imgur.com/RXVyh4S.png");
color: #120c06;
box-shadow: 0px 0px 9px 1px #0e0804 !important;
background-color: #beb09e;    background-repeat: repeat;
    border-image: url(http://imgur.com/o2ovyDj.png) 6 6 6 6 round round;
    border-style: solid;
    border-width: 6px;

}


#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area {
background-image: url("http://imgur.com/RXVyh4S.png") !important;
color: #120c06;  
box-shadow: 0px 0px 1px 1px #120c06 !important;
}

/* быстрый ответ */
.punbb textarea, .punbb select, .hashelp center div a button, .button {
background-color: #beb09e; 
background-image: url("http://imgur.com/RXVyh4S.png");
color: #120c06;
border: 1px double #120c06;
box-shadow: 0px 0px 1px 1px #120c06 !important;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
}

/* КАТЕГОРИИ*/

#pun-category1.category h2 {
background: url(http://imgur.com/kI4LfYl.png);
height: 69px;
width: 920px;
font-size:0 !important;
margin-left: -22px;}

#pun-category2.category h2 {
background: url(http://imgur.com/kI4LfYl.png);
height: 69px;
width: 920px;
font-size:0 !important;
margin-left: -22px;}


/* статистика */
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 69px;
width: 920px;
font-size: 0em;
text-align: center;
color: #64511e;
margin-left: -22px;
background-color: transparent;
background-image: url("http://imgur.com/kI4LfYl.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto; }


/* форма ответа */
#post-form h2 {
background: url("http://imgur.com/Yhtn3B0.png") top center no-repeat;
width: 920px;
height: 75px;
font-size: 0em;
margin-left:  -22px;}
#post-form h2 span {
display: none;  }

/*название темы */
#pun-viewtopic .post h3 {
background: transparent url("http://imgur.com/Yhtn3B0.png") no-repeat scroll center top;
width: 920px !important;
height: 75px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: -23px;
padding-top: 25px;
    color: #8e8273;
}


/* ПРОФИЛЬ*/
.punbb .post .post-author > ul {
padding: 40px 20px 30px 35px!important;
text-align: center; 
color: #5f4e40;
font-size: 9px;
font-family: Arial;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 1px;
margin: 0px 0px 0px 0px;
    text-shadow: 0 0 5px #000 !important;
}

.post-author {
    background: url(http://imgur.com/KuNyIrg.png) no-repeat scroll center top, 
url(http://imgur.com/j5ZXEi4.png) no-repeat scroll center bottom, rgba(0, 0, 0, 0) 
url(http://imgur.com/AmVMdcn.png) repeat-y scroll center center;
    margin-left: -10px !important;
    margin-top: -30px !important;
    min-height: 180px !important;
    padding-bottom: 30px !important;
    width: 260px !important;
}


/* аватар */
li.pa-avatar  {z-index: 5; margin-left: -17px !important; margin-top: 5px; padding-bottom: 10px !important;}
.pa-avatar.item2 > img { border-image: url("") 0 0 0 0 round round; }

/* рамка */
li.pa-avatar img { max-width: 190px !important; max-height: 190px !important;
box-shadow: 0px 0px 5px 1px #5f4e40!important;
}


/* статус */
.pa-title {text-align: center;
z-index: 1000;
color: #5f4e40!important;
font-size: 9px!important;
font-family: Arial;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 1px !important;
    text-shadow: 0 0 5px #000 !important;
margin-left: -17px !important;
}


/* онлайн */
.pa-online { text-align: center; font: 10px "Arial"; margin-left: -17px !important; }

/* уважение */

.pa-posts, .pa-respect, .pa-fld3 {
    display: block;
    font-family: arial;
    line-height: 13px;
    font-family: Arial;
    font-size: 9px;
    padding: 10px!important;
    margin-bottom: 5px!important;
}

.pa-posts {
    text-align: center;
    display: inline-block;
    margin-left: -25px!important;
    width: 23%;
}

.pa-respect {
    text-align: center;
    display: inline-block;
    width: 20%;
}


.pa-fld3 {
    text-align: center;
    display: inline-block;
    width: 20%;
}

.pa-respect a:hover, .pa-respect a:focus, .pa-respect a:active {
text-align: center;
color: #28180a;
font-family: Arial;
font-size: 9px;
}

/* доп поля */

.pa-fld2 {
    margin-left: -16px!important;
    margin-top: -20px!important;
}

#lz1 {
font-family: oranienbaum;
font-size: 15px;
letter-spacing: 1px;
margin-left: -15px;
}
#lz2 {
font-family: oranienbaum;
font-size: 10px;
letter-spacing: 2px;
margin-left: -15px;
}
#lz3 {
    width: 180px;
}
#lz4 {
font-family: oranienbaum;
font-size: 14px;
letter-spacing: 3px;
margin-left: -15px;
}

/* ОБЩЕЕ*/
 .category .container thead {display: none;}

/* описание форума */
#pun-index td div.tclcon {
    background-image: url(http://imgur.com/RXVyh4S.png);
    background-position: left;
    border-radius: 0px;
    padding: 10px;
    font-family: arial;
    text-align: justify;
    line-height: 11px;
    font-size: 10px;
box-shadow: 0px 0px 1px 1px #0e0804 !important;
}
}


/* фон ответа */
.hashelp center div a button, .button {    
background-color: #beb09e; 
background-image: url("http://imgur.com/RXVyh4S.png");
color: #120c06;
border: 1px double #120c06;
cursor:pointer;
  font-family: Arial;
  font-size: 10px;
  letter-spacing: 1px; }


.hashelp center div a button:hover, .button:hover {background-color: #beb09e; 
background-image: url("http://imgur.com/RXVyh4S.png");
color: #120c06;
border: 1px double #120c06;}



.hashelp center div a button:active, .button:active {position:relative; top:1px;}

/* таблица */

#postbest {
    font-family: Arial;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px;
    letter-spacing: 1px;
    word-spacing: 0em;
    color: #5f4e40;
margin: 0px 0px 0px 0px;
    text-shadow: 0 0 5px #000 !important;
    text-align: justify;
    position: absolute;
    height: 50px;
    width: 162px;
    top: 263px;
    margin-left: 54px;
    overflow: auto;
}

#adminka {
    font-family: oranienbaum;
    font-size: 19px;
    font-weight: normal;
    line-height: 10px;
    letter-spacing: 1px;
    word-spacing: 0em;
    color: #5f4e40;
margin: 0px 0px 0px 0px;
    text-shadow: 0 0 5px #000 !important;
    text-align: center;
    position: absolute;
    height: 50px;
    width: 410px;
    top: 215px;
    margin-left: 233px;
    overflow: auto;
font-weight: bold;  
}

#world {
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    line-height: 12px;
    letter-spacing: 2px;
    word-spacing: 0em;
    color: #5f4e40;
margin: 0px 0px 0px 0px;
    text-shadow: 0 0 5px #000 !important;
    text-align: center;
    position: absolute;
    height: 50px;
    width: 410px;
    top: 240px;
    margin-left: 233px;
    overflow: auto;
}

#navigation {
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    line-height: 10px;
    letter-spacing: 1px;
    word-spacing: 0em;
    color: #5f4e40;
margin: 0px 0px 0px 0px;
    text-shadow: 0 0 5px #000 !important;
    text-align: center;
    position: absolute;
    height: 50px;
    width: 410px;
    top: 275px;
    margin-left: 233px;
    overflow: auto;
}

#novosti {
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    line-height: 11px;
    letter-spacing: 1px;
    word-spacing: 0em;
    color: #5f4e40;
margin: 0px 0px 0px 0px;
    text-shadow: 0 0 5px #000 !important;
    text-align: justify;
    position: absolute;
    height: 45px;
    width: 410px;
    top: 328px;
    margin-left: 233px;
    overflow: auto;
}

0



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