Демо

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

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


Вы здесь » Демо » Новый форум 2 » Коды и стили.


Коды и стили.

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

1

ВАЛЕТ
ХТМЛ-низ

Свернутый текст
Код:
<!--ТЕГ  абзаца - [indent] -->
<style>#button-indent1 {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style>
<script type="text/javascript">(function(){ var b = '[indent]';
$("#button-strike").after('<td id="button-indent1" title="Отступы"><img src="/i/blank.gif"  onclick="smile(\''+b+'\')"></td>');
var indent = '<span style="display:inline-block;margin:0.8em 1em;"></span>'; /*удвоенные Отступы сверху и слево*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>

<!-- Подфорум -->
<script language="JavaScript">
str=document.URL
if(str.substring(str.lastIndexOf('/')+1)=="" ||
str.substring(str.lastIndexOf('/')+1)=="index.php")
document.write("<style>#forum_f1, #forum_f5, #forum_f6, #forum_f9, #forum_f11, #forum_f13, #forum_f25, #forum_f24, #forum_f22, #forum_f19, #forum_f21, #forum_f14, #forum_f28 {display:none !important}</style>")
</script>

<!-- Скрипт изменения аватара для конкретного поста -->
<script type="text/javascript">
$(function() {  
     /* Изменение аватара для конкретного поста */
     $('.post-content p').each(function(){
          $(this).html( $(this).html().split('[icon]').join('<div class="changeiconurl" style="display:none;">').split('[/icon]').join('</div>') );
     });
     $('.post-content p div.changeiconurl').each(function () {
          $(this).parents('.post .container').find('.post-author li.pa-avatar.item2 img').replaceWith( '<img src="' + $(this).text() + '" alt="Аватар"/>' );
     });
});

     /* кнопка аватара */
$('td#button-addition').after('<td id="button-changeicon" style="background-image:url(http://silast.com/images/User-icon.png);background-repeat:no-repeat;background-position:50%;background-size:17px;" title="Изменить аватар для поста"><img onclick="changeicon()" src="/i/blank.gif"></td>');

/* Функция при нажатии на кнопку */
function changeicon() {
    var changeiconURL = prompt('Вставьте прямую ссылку на аватар размером 180х350 пикселей в формате .jpg или .png', 'http://');
    if (!changeiconURL) {
        alert('Вы не вставили ссылку!');
        return '';
        }
    insert('[icon]' + changeiconURL + '[/icon]');
}
</script>


<!-- Кнопка абзаца-->
<script>
        $("#button-strike").after('<td id="button-indent" title="Абзац"><img src="/i/blank.gif"  onclick="smile(unescape(\'%26%23160%3B%20%26%23160%3B%20%26%23160%3B%20%26%23160%3B\'));"></td>');
    </script>
    <style>
#button-indent {
  background-attachment: scroll !important;
  background-clip: border-box !important;
  background-color: rgba(0, 0, 0, 0) !important;
  background-image: url("http://downloadicons.net/sites/default/files/paragraph-symbol-55818.png") !important;
  background-origin: padding-box !important;
  background-position: center 6px !important;
  background-repeat: no-repeat !important;
  background-size: 13px auto;
}
</style>
<script><!--Универсальный скрипт замены. -->
        function UniverСhange(selektor,changed,substitute){
        $(selektor).each(function(){if ($(this).html()!=null){if($(this).html().indexOf(changed)!=-1){
        $(this).html($(this).html().replace(changed,substitute));};};});}

        UniverСhange(".post-content","написал(а)","написал"); //На следущей строке можно добавить еще запрос
    </script>

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

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

<!-- стрелки вверх вниз-->
<script type="text/javascript">
  jQuery(document).ready(function () {
  jQuery('.yrarrows .top').click(function () {
    jQuery('html, body').stop().animate({scrollLeft: 0, scrollTop:0}, 800);
    return false;
  });
  jQuery('.yrarrows .bottom').click(function () {
    jQuery('html, body').stop().animate({scrollLeft: 0, scrollTop:jQuery('body').height() - jQuery(window).height()}, 800);
    return false;
  });
});
</script>

<div class="yrarrows" style="position:fixed; z-index:1003; right:3%; bottom:45%;">
<a title="Вверх страницы" href="#top" class="top"><img src="http://savepic.su/4329088.gif" alt="Вверх страницы" border="0"></a>
<br><br><br>
<a href="#bottom" class="bottom" title="Вниз страницы"><img src="http://savepic.su/4332160.gif" 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\"><span>Реклама</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>

<!--Читатель-->
<script type="text/javascript">
ChitatNik="Читатель 18+";
ChitatPas="1111";
var L="<div id=\"CH_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=\"navchitat\"><a href=\"#\" onclick=\"ChitatIn();return false\"><span>Читатель</span></a></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#CH_loginDiv #fld1").val(ChitatNik)
$("#CH_loginDiv #fld2").val(ChitatPas)
function ChitatIn () {$("#CH_loginDiv input[type='submit']").click();}
}
</script>

0

2

Объявление

Свернутый текст
Код:
<script type="text/javascript">
$(document).ready(function() {
$("div.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("div.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("div.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

<!-- Таблица -->
<style>

#menu {
  background: rgba(178, 149, 115, 0.26) none repeat scroll 0 0;
  border: 1px dotted rgba(252, 225, 184, 0.49);
  display: inline-block;
  float: left;
  text-align: right;
  width: 100px;
}

#menu span {
  background: rgba(178, 149, 115, 0.6) none repeat scroll 0 0;
  border: 1px dotted rgba(252, 225, 184, 0.49);
  color: rgb(125, 49, 31);
  cursor: pointer;
  display: block;
  font-family: times new roman;
  font-size: 1em;
  font-weight: bold;
  margin: 5px;
  padding: 5px;
  text-shadow: -1px 1px 0 rgba(69, 28, 17, 0.14), 0 -1px 1px rgba(236, 208, 170, 0.28), 1px -1px 1px rgb(199, 140, 114), 0 0 5px rgba(0, 0, 0, 0.43);
  text-transform: uppercase;
}
#menu span:hover {
color: #371C13;
}

.tabactive {
  border: 1px dotted rgba(125, 49, 31, 0.6) !important;
}

.submenutext {
  background: rgba(155, 129, 96, 0.27) none repeat scroll 0 0;
  border: 1px dotted rgba(252, 225, 184, 0.49);
  display: none;
  float: right;
  height: 200px;
  margin: 0;
  padding: 0;
  width: 784px;
}

.stolb h2 {
  border: medium none !important;
  color: black !important;
  display: block;
  font-size: 14px !important;
  font-weight: bold !important;
  margin: 0 !important;
  padding-top: 6px !important;
}

.stolb {
  display: inline-block;
  float: left;
  height: 200px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  vertical-align: top;
  width: 50%;
}

.stolb .tekst {
  background: rgba(80, 30, 0, 0.09) none repeat scroll 0 0;
  border: 1px dotted rgba(252, 225, 184, 0.49);
  color: #3b2317;
  height: 184px;
  margin: 5px;
  overflow: hidden;
  padding: 2px 2px 2px 5px;
}

#sm1 .stolb:first-child {
  line-height: 120%;
  width: 70%;
}
#sm1 .stolb:last-child {
  text-align: left;
  width: 30%;
}
</style>





    <div id="menu">
<span alt="#sm1">Гостям</span> <!--1 кнопка-->
<span alt="#sm2">Ссылки</span> <!--2 кнопка-->
<span alt="#sm3">Партнёры</span> <!--3 кнопка-->
<span alt="#sm4">АМС</span> <!--4 кнопка-->
</div>

   <div id="MenuTxT"  align="center" valign="top"  style="padding: 0;">
    <div id="submenu" align="center"> 
   
  <div id="sm1" class="submenutext" style="display:block;">
   <div class="stolb">
<div class="tekst">
Его тело подвешенное за запястья было как натянутая струна: по нему пробегала редкая дрожь,
кожа прилипшая к мышцам была покрыта мелкими капельками.<br>
Рубиново - адреналиновые огоньки в его глазах будили желание ласкать его.
Сначала нежно согреть всполохами огня по его смуглой коже, потом осторожно проникать в него ледяным металлом.
А потом изящно вычеркнуть всё из памяти плетью, самым ее кончиком...<br>

Он шел к этому медленно, откладывая пик удовольствия, смакуя само предчувствие и получая удовольствие лишь от мысли принадлежности мне.
Поддавался очарованию, влюблялся, преданно смотря в глаза выполнял все желания. И все глубже увязал в этом.<br>
В самом начале он был готов к унижениям, послушанию, но не к СМ.  Но он стремился к тому, что было нужно мне, жаждал, мечтал, и вот она- вершина отношений, когда он отдал себя полностью.
Отдал себя моей страсти.<br>
  &copy; Copyright: Ангел Бдсм
</div>
   </div>
   
   <div class="stolb">
<div class="tekst">
♦ Добро пожаловать в Закрытый БДСМ Клуб Валет.<br>
♦ События ролевой разворачиваются в современном Лондоне, игровое время совпадает с реальным.<br>
♦ Рейтинг игры NC 21. Регистрируясь, вы подтверждаете, что вам больше 18.<br>
</div>
   </div>
  </div>

     <div id="sm2" class="submenutext">
   <div class="stolb">
<div class="tekst" >
<h3> ПОЛЕЗНЫЕ ССЫЛКИ</h3>
<a href="http://support.rusff.me/viewtopic.php?id=2916">Ссылка1</a>
<a href="http://support.rusff.me/viewtopic.php?id=2916">Ссылка2</a>
<a href="http://support.rusff.me/viewtopic.php?id=2916">Ссылка3</a>
<a href="http://support.rusff.me/viewtopic.php?id=2916">Ссылка4</a>
<a href="http://support.rusff.me/viewtopic.php?id=2916">Ссылка5</a>

  </div>
  </div>

   <div class="stolb">
<div class="tekst" >
<h3> ПОЛЕЗНЫЕ ССЫЛКИ</h3>
<a href="http://support.rusff.me/viewtopic.php?id=2916">Ссылка1</a>
<a href="http://support.rusff.me/viewtopic.php?id=2916">Ссылка2</a>
<a href="http://support.rusff.me/viewtopic.php?id=2916">Ссылка3</a>
<a href="http://support.rusff.me/viewtopic.php?id=2916">Ссылка4</a>
<a href="http://support.rusff.me/viewtopic.php?id=2916">Ссылка5</a>

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

     <div id="sm3" class="submenutext">
   <div class="stolb">
<div class="tekst">
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст ммтекст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст 
</div>
   </div>
   <div class="stolb">
<div class="tekst">
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст ммтекст текст текст текст текст текст текст текст текст 
</div>
   </div>
     </div>

  <div id="sm4" class="submenutext">
   <div class="stolb">
     <div class="tekst">
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст ммтекст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст 
</div>
     </div>
   <div class="stolb">
     <div class="tekst">
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст ммтекст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст 
</div>
     </div>
  </div>

</div>
</div>

0

3

Форма ответа:

Свернутый текст
Код:
<!-- Счетчик символов в форме ответа -->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border-radius: 6px;box-shadow: -2px 1px 4px rgba(98, 73, 53, 0.67);padding: 2px 4px;">Написано символов: <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>

<!--Кубики -->
    <input type="button" onclick="dice()" value="Кинуть кубики" />
    <script type="text/javascript">
    function dice()
    {
    	var FoundErrors = '';
    	var diceRes=""
    	var CountCube = prompt("Количество кубиков", "3");
    	var SideCube = prompt("Сколько граней у кубика?", "6");
    	if(CountCube>9){
    	alert("Нельзя бросать столько кубиков"); 
    	return false;}
    	if(SideCube>9){
    	alert("Не бывает таких кубиков"); 
    	return false;}
    	if (!CountCube)
    	{return false;}
    	if (!SideCube)
    	{return false;}
    	for(i=0; i<CountCube;i++){
    	var dice = (Math.round(Math.random()*SideCube))
    	if(dice==0) dice=1;
    	diceRes += dice*1936+"-"
    	}
    	smile('[dice='+diceRes+CountCube+SideCube+']')
    }
    </script>
    <script>
    function addDice(str,from,internal){
    var pos=0,pos2=0,newpos=0
    if((pos=str.indexOf("[dice=",from))==-1) return str;
    if((pos2=str.indexOf("]"),pos+6)==-1) return str;
    newpos=str.indexOf("]",pos+6)
    if(newpos<pos2 && newpos!=-1) str=addDice(str,pos+6,true)
    if((pos2=str.indexOf("]",pos+6))==-1) return str;
    str=str.substring(0,pos)+makeDice(str.substring(pos+6,pos2))+str.substring(pos2+1,str.length)
    if( str.indexOf("[dice=")!=-1 && internal==false) str=addDice(str,0,false)
    return str}
     
    function makeDice(dice){
    diceMass = dice.split("-")
    diceC = dice.substring(dice.length-2, dice.length-1)
    diceS = dice.substring(dice.length-1, dice.length)
    var diceR=0, diceRu="";
    for(i=0;i<diceMass.length-1;i++){diceR+=diceMass[i]/1936;}
    for(i=0;i<diceMass.length-1;i++){if(diceMass[i]==diceMass[diceMass.length-2]){diceRu+=diceMass[i]/1936;}else{diceRu+=parseInt(diceMass[i]/1936)+"+";}}
    txt="<div class=\"quote-box\"><blockquote><p><b>Количество кубиков</b>: "+diceC+"<br /><b>Граней в кубике</b>: "+diceS+"<br /><br /><b>Результаты броска</b>: ("+diceRu+")="+diceR+"</p></blockquote></div>"
    return txt}
     
    if(document.URL.indexOf("viewtopic.php")!=-1){
    elm=document.getElementById("pun-main").getElementsByTagName("div")
    for(x in elm) if(elm[x].className=="post-content"){
    var post=elm[x]
    post.innerHTML=addDice(post.innerHTML,0,false)}}
    </script>

0

4

Свой стиль, верх:

Свернутый текст
Код:
/*************************************************************
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 {
  font-family: arial,sans-serif;
  font-size: 13px;
  margin: 0;
  padding: 0;
  width: 100%;
}

html {
  background: #3d2116 url("http://forumstatic.ru/files/0014/2a/ba/99214.jpg") repeat fixed center top;
}
body {
  background: url("http://forumstatic.ru/files/0017/39/ba/86773.jpg") no-repeat scroll center top, url("http://forumstatic.ru/files/0014/2a/ba/81512.jpg") no-repeat scroll center bottom, rgba(0, 0, 0, 0) url("http://forumstatic.ru/files/0014/2a/ba/52815.jpg") repeat-y scroll center top;
}
#pun_wrap {
  background: rgba(0, 0, 0, 0) url("http://forumstatic.ru/files/0014/2a/ba/82261.png") repeat-x scroll center top;
}

/* 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.4 */
.punbb h1, .punbb h2, .punbb h3 {
  font-weight: bold;
  text-align: center;
}

.punbb th {
  background: transparent none repeat scroll 0 0;
  color: rgb(168, 141, 99);
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
}

/* A3.5 */
#pun-main .category h2 span, #pun-stats h2 span {
  font-size: 1.4em;
  text-transform: uppercase;
}
h1 span, h2 span {
  background: transparent none repeat scroll 0 0;
  color: #7d311f;
  font-family: times new roman;
  font-size: 1em;
  font-variant: small-caps;
  font-weight: normal;
  text-shadow: -1px 1px 0 #311007, 0 -1px 1px #ecd0aa, 1px -1px 1px #c78c72, 0 0 5px rgba(0, 0, 0, 0.6);
}

/* 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.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 {
  border: medium none #26363d;
  color: #502f0e;
  margin: 0 auto 30px;
  padding: 0 50px;
  position: relative;
  width: 920px;
}

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

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

/* A5.9 */
.punbb .container {
  border: none;
  }

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
  padding: 12px 1em 12px 1em;

  }

#pun-main h2, #pun-main h1 {
  padding: 12px 1em 12px 1em;

}

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

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

/* B1.1 */
.punbb .post-content {
  font-family: georgia;
  font-size: 14px;
  line-height: 140%;
  text-align: justify;
}

/* B1.2 */
.punbb .post-sig dt {
  border-bottom: 1px dotted #7a5640;
  border-top: 1px dotted #bca27d;
  display: block;
  margin: 5px 0;
}
dd {
  font-size: 11px;
}

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

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

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

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  background: rgba(177, 148, 114, 0.4) url("http://forumstatic.ru/files/0014/2a/ba/68743.jpg") repeat scroll 0 0;
  border: 1px dotted rgb(197, 160, 102);
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(77, 41, 19, 0.62);
  color: rgb(96, 62, 29);
  margin: 5px;
}
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  background: rgba(177, 148, 114, 0.4) none repeat scroll 0 0;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  padding: 10px;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  background: rgba(177, 148, 114, 0.4) none repeat scroll 0 0;
  border-radius: 5px 5px 0 0;
  display: block;
  font-size: 1em;
  font-style: normal;
  font-weight: bold;
  margin: 0;
  padding: 5px;
}
.post-content .spoiler-box > div {
  background-color: rgba(177, 148, 114, 0.4) !important;
  padding: 5px 5px 5px 18px !important;
}
#post-form > h2 {
  display: none;
}

/* 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;
  font-size: 11px;
  height: 0;
  position: relative;
  width: 100%;
}

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

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

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

/* B3.5 */
.punbb .linksb {
  font-size: 11px;
  padding: 0.4em 1em 0.5em;
  text-align: right;
}
.linksb a {
  display: block;
  width: 100%;
}

/* 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;
  height: 15px;
  padding-bottom: 0.5em;
  padding-left: 50%;
  padding-top: 0.3em;
}


/*************************************************************
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 {
  margin: -1em 0 0;
  padding: 0 0 0 1.7em;
}
/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0;
}

/* C1.4 */
.punbb fieldset {
  border: medium none;
  margin: 0 0 1em;
  padding: 0 18px;
}
/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
#post fieldset legend span {
  display: none;
}

/* 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;
  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%
  }
#pun-userlist .main td, #pun-searchtopics .main td, #pun-modviewforum .main td, div#pun-statistic.punbb .main td, div#pun-online.punbb div#pun-main.main.multipage td {
  border-bottom: 1px dotted #a88d63;
  padding: 10px 5px;
}

/* 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 {
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  text-align: left;
  width: 26%;
}
#pun-index h3 a {
  color: rgb(125, 49, 31);
  font-family: times new roman;
  font-size: 1em;
  font-weight: bold;
  text-shadow: -1px 1px 0 rgba(69, 28, 17, 0.19), 0 -1px 1px rgb(236, 208, 170), 1px -1px 1px rgba(199, 140, 114, 0.91), 0 0 5px rgba(0, 0, 0, 0.43);
  text-transform: uppercase;
}

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

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

/* C2.11 */
.punbb .main td {
  border: medium none;
}

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

/* C2.13 */
* html .tclcon {height: 1px}


 /* C3 Topics
-------------------------------------------------------------*/
div.post > h3 {
  background: rgba(171, 143, 109, 0.68) none repeat scroll 0 0;
  border-bottom: 1px dotted rgb(161, 124, 78);
  border-top: 1px dotted rgb(227, 197, 159);
  box-shadow: 0 -5px 10px -5px rgb(104, 76, 42);
  height: 26px;
  text-align: left;
  vertical-align: bottom;
}

/* C3.3 */
.punbb .post h3 span {
  font-size: 11px;
}

/* C3.4 */
.punbb .post h3 strong {
  padding-left: 1em;
}
div.post h3 span strong::before {
  content: "Пост №";
}
div.post h3 span a {
  font-weight: bold !important;
  margin-left: 18em;
}
/* C3.5 */
.punbb .post .post-author {
  background: url("http://forumstatic.ru/files/0014/2a/ba/88023.jpg") no-repeat scroll center top, url("http://forumstatic.ru/files/0014/2a/ba/40916.jpg") no-repeat scroll center bottom, transparent url("http://savepic.su/4390628.png") repeat-y scroll center center;
  color: #291308;
  float: left;
  overflow: hidden;
  width: 240px;
}
/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  line-height: 140%;
  }
.post-author ul {
  background: rgba(0, 0, 0, 0) url("http://forumstatic.ru/files/0014/2a/ba/74466.jpg") repeat scroll 0 0;
  font-size: 11px;
  margin: 12px 10px;
  padding: 5px;
  text-align: center;
}
.post-author ul li {
  background: rgba(220, 195, 155, 0.33) none repeat scroll 0 0;
  border-radius: 3px;
  box-shadow: 0 0 1px;
  margin: 2px;
  padding: 3px;
}
/*.pa-avatar.item2, li.pa-author, .pa-title, li.pa-online {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  box-shadow: none !important;
}*/
/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }
.pa-avatar.item2 > img {
  border: 1px dotted;
  border-radius: 5px;
  box-shadow: 0 0 5px;
}

/* C3.8 */
.post-author ul li a {
  color: rgba(41, 19, 8, 0.74) !important;
  font-weight: bold;
}
.pa-author a {
  font-family: Times New Roman !important;
  font-size: 17px;
  font-style: normal !important;
  text-decoration: none !important;
}

.punbb .post .post-author.online .pa-author a {
  color: #E0C59A !important;
  text-shadow: -1px 1px 0 rgba(49, 16, 7, 0.91), 0 -1px 1px rgba(92, 83, 67, 1), 1px -1px 1px rgba(213, 128, 19, 0.71), 0 0 5px rgba(56, 34, 19, 0.97);
}

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

.pa-online > strong {
  background: rgba(0, 0, 0, 0) url("http://savepic.su/4368100.png") no-repeat scroll left center !important;
  padding-left: 23px;
}
.pa-respect, .pa-posts {
  display: inline-block;
  margin: 1px 0 !important;
  padding: 3px 16px !important;
  vertical-align: top;
  width: 69px;
}
.pa-fld1 {
  font-size: 0;
}
.dosye {
  display: inline-block;
  font-size: 11px;
}
.dosye p, .dosye b {
  display: inline-block;
  vertical-align: top;
}
.dosye b {
  text-align: right;
  width: 80px;
}
.dosye p {
  padding-left: 3px;
  text-align: left;
  width: 110px;
}
.dosye a small {
  border-top: 1px dotted #71503b;
  color: rgb(213, 175, 144) !important;
  display: inline-flex;
  font-family: arial;
  font-size: 15px;
  margin-bottom: 5px;
  padding: 5px;
  position: relative;
  text-align: center;
  text-shadow: 0 0 2px rgb(60, 36, 24), 1px 1px 1px rgb(59, 32, 21), -1px -1px 1px rgb(63, 35, 24);
  text-transform: uppercase;
  top: 5px;
}

/* C3.11 */
.punbb .post-body {
  margin-left: 234px;
}

/* C3.12 */
.punbb .post-box {
  background: transparent linear-gradient(to right, rgba(213, 192, 156, 0) 0%, rgba(222, 193, 151, 0.7) 10%, rgba(213, 192, 156, 0.4) 50%, rgba(213, 192, 156, 0.5) 93%, rgba(132, 111, 80, 0)) repeat scroll 0 0;
  color: rgb(80, 47, 14);
  padding: 1em 1.5em;
}

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

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
}

/* C3.15 */
.punbb .post-links ul {
  background: rgba(177, 148, 114, 0.4) none repeat scroll 0 0;
  border-bottom: 1px dotted rgb(186, 157, 124);
  border-top: 1px dotted rgb(186, 157, 124);
  height: 2em;
  line-height: 2em;
  margin-bottom: 1em;
  margin-left: -19em;
  padding: 0 1em 0 0;
  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 */
#topic-users-in {
  height: 2em;
  padding: 5px;
  width: 100%;
}
#topic-modmenu {
  height: 2em;
  padding: 5px;
  width: 100%;
}
#topic-users-in .container {
  font-size: 12px;
  line-height: 100%;
  text-align: left;
}
#topic-modmenu .container {
  font-size: 12px;
  line-height: 100%;
}
#topic-users-in .container span {
  display: inline-block;
}
#topic-modmenu .container span {
  display: inline-block;
}
.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;
  }

div#pun-messages #profilenav > ul:last-child {
  margin-top: -40px;
  padding-top: 50px;
}
#messages .hasicon td {
  border-bottom: 1px dotted;
}
.fs-box.hashelp .container {
  background: #dcc196 none repeat scroll 0 0;
  border: 1px dotted;
  border-radius: 5px;
  box-shadow: 0 0 5px;
  z-index: 99;
}

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

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

/* C6.2 */
#profilenav {
  background: url("http://forumstatic.ru/files/0014/2a/ba/88023.jpg") no-repeat scroll center top, url("http://forumstatic.ru/files/0014/2a/ba/40916.jpg") no-repeat scroll center bottom, transparent url("http://savepic.su/4390628.png") repeat-y scroll center center;
  display: inline;
  float: left;
  margin-left: -18.7em;
  width: 240px;
}

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

/* C6.4 */
#viewprofile ul, #profilenav ul {
  background: rgba(0, 0, 0, 0) url("http://forumstatic.ru/files/0014/2a/ba/74466.jpg") repeat scroll 0 0;
  margin: -23px 10px 12px;
  padding: 2em 18px 0.8em;
}

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

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  background: transparent url("http://savepic.su/4347643.png") no-repeat scroll left 45%;
  color: rgba(240, 213, 159, 0.6);
  padding: 0 30px;
  position: relative;
}

#profilenav ul li a {
  color: #e0c397;
}
#profilenav ul li a:hover, .item1.isactive > a {
  color: #7d311f !important;
  text-shadow: 0 0 5px #dec292;
}

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



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

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

/* D1.1 */
#pun-title {
  border: medium none;
  height: 300px;
}

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 228px;
  margin: -1px 0px 0px -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: 228px;
  width: 100%;
}

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

#pun-title TD.title-logo-tdr {
  border: none;
  width: 468px;
  vertical-align: top;
  padding-top: 143px;
  padding-right: 397px;
}

/* 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: medium none;
  text-align: center;
}



/* D3.2 */
#pun-navlinks .container {
  border: none;
  margin: 0;
  padding-top: 4px;
  background: transparent;
  color: #998049;
  }

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

/* D3.4 */
#pun-navlinks li a {
  }

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

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

/* D4.2 */
#pun-ulinks .container {
  padding-top: 9px;
  height: 27px;
  font-weight: bold;
  text-align: center;
  border: none;
  }

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

/* D4.4 */
#pun-ulinks a {
  background: transparent none repeat scroll 0 0;
  color: rgb(131, 104, 81);
  font-variant: small-caps;
  padding: 0 0.3em 0 0.6em;
}

/* CS3.4 */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
	color: #5F382C;
	text-decoration: underline;
}

/* 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 {
  border-bottom: medium none;
  color: #7d311f;
  font-size: 11px;
  height: 15px;
  margin-bottom: 0;
  padding: 5px;
  width: 100%;
}

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

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

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

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

/* D6.1 */
#pun-announcement h2 {
  display: none;
}


/* D6.3 */
#pun-announcement .container {
  background: rgba(178, 149, 115, 0.26) none repeat scroll 0 0;
  padding: 10px;
}

/* 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 {
  float: left;
  line-height: 130%;
  margin-top: 1em;
  width: 100%;
}

/* D7.5 */
li#onlinelist div {
  padding: 0.7em 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 {
  height: 2em;
  margin-bottom: 2em;
  padding: 5px;
  width: 100%;
}

/* D8.4 */
#pun-about .container {
  border: medium none;
  font-size: 13px;
  line-height: 150%;
  text-align: right;
}

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

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

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

/* D8.8 */
#pun-break4 {
  height: 0;
}


/* 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-index .tc2, #pun-index .tc3 {
  display: none;
}
#pun-index thead {
  display: none;
}
#pun-index div.icon {
  display: inline-block;
  float: left;
  height: 23px;
  width: 23px;
}
#pun-index .tcl {
  width: 74%;
}
#pun-index .tcr {
  padding-left: 23px;
  text-align: center;
  width: 26%;
}
#pun-index tr[id*="forum"] {
  background: rgba(0, 0, 0, 0) url("http://forumstatic.ru/files/0014/2a/ba/23141.png") no-repeat scroll center bottom;
  display: table;
  padding-bottom: 40px;
  width: 100%;
}

#pun-index td {
  border-top: 0.5em solid transparent;
  margin: 0;
  padding: 0;
}

/*ровняем баннер*/
div.section[style="border:0 !important; max-width:100%"] {
  text-align: center;
}
.fr {
  background: #e1ccad none repeat scroll 0 0;
  border: 2px outset rgb(245, 189, 116);
  box-shadow: none;
  color: brown !important;
  float: right;
  font-size: 16px !important;
  padding: 1px 5px;
  text-shadow: none;
}

#pun-main .topic {
  position: relative;
}
div .post {
  position: relative;
}
div.post-rating p::before {
  content: "Рейтинг: ";
  font-size: 11px !important;
  font-weight: bold !important;
}
div.post-rating p {
  position: absolute;
  right: 5px;
  top: 0;
}
.post-rating p.container > a {
  font-size: 12px !important;
  font-weight: bold;
}

#num {
  bottom: 5px;
  cursor: default;
  position: absolute;
  right: 0;
}

#pun-report .bg, #pun-reputation .bg, #pun-admin-award-form .bg {
  background: rgb(51, 51, 51) none repeat scroll 0 0;
  cursor: pointer;
  display: none;
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
  background: rgba(218, 188, 145, 0.53) none repeat scroll 0 0;
  box-shadow: 0 0 40px rgb(34, 34, 34);
  display: none;
  left: 50%;
  margin: -135px 0 0 -384px;
  position: fixed;
  top: 50%;
  width: 768px;
  z-index: 100;
}
#pun-admain .adcontainer td {
  border-color: #e1ccad !important;
  border-style: dotted none none dotted !important;
}

.adformal h2, #pun-adnav h2 {
  background-color: rgba(167, 143, 109, 0.64) !important;
  border: 1px solid rgba(245, 245, 220, 0.67) !important;
}
.adcontainer {
  background: rgba(222, 200, 169, 0.45) none repeat scroll 0 0;
  border: 1px solid rgba(245, 245, 220, 0.67) !important;
}
#pun-admain .adcontainer th {
  background-color: rgb(213, 185, 144) !important;
  border: 1px solid rgba(245, 245, 220, 0.67) !important;
}
.yrarrows img {
	opacity: 0.5;
}
.yrarrows img:hover {
	opacity: 1;
	box-shadow: 0 0 10px 5px #351C14;
}

.post-content hr {
  background: rgb(188, 162, 125) none repeat scroll 0 0;
  border-color: rgb(243, 203, 146) rgb(122, 86, 64) rgb(122, 86, 64);
  border-style: dotted;
  border-width: 1px;
  box-shadow: 1px 1px 3px rgb(243, 226, 199);
  margin: 0.8em;
  opacity: 0.9 !important;
}
.lis {
  display: block;
  padding-left: 31%;
  vertical-align: top;
}
.owlis {
  text-align: justify;
  vertical-align: top;
}

.podssyl::before {
  background: rgba(0, 0, 0, 0) url("http://forumstatic.ru/files/0017/39/ba/41674.png") no-repeat scroll left center;
  color: #22651f;
  content: "";
  display: inline-block;
  height: 16px;
  width: 16px;
}
.podfor::before {
  color: #5b3f16;
  content: "Подфорум: ";
}
.ssyli {
  display: inline-block;
  width: 32%;
}
.podssyl {
  color: #5b3f16 !important;
  font-size: 12px;
  font-weight: bold;
}
.podfor {
  font-size: 12px;
  font-weight: bold;
}

.podssyl:hover, .podfor:hover {
	color: rgb(125, 49, 31) !important;
	text-shadow: 1px 1px 0px rgba(255, 238, 209, 0.47);
}

.button {
  background: rgba(55, 33, 22, 0.91) radial-gradient(circle at 50% 60% , rgba(150, 115, 81, 0.63), rgba(177, 132, 66, 0.11)) repeat scroll 0 0;
  border: 1px solid rgb(255, 241, 220);
  border-radius: 10px;
  box-shadow: 0 0 1px rgba(228, 146, 54, 0.58) inset, -1px -1px 2px 1px rgba(123, 93, 44, 0.8) inset, 1px 1px 0 1px rgba(255, 229, 186, 0.87) inset, -1px 1px 0 1px rgb(242, 220, 187) inset, 1px 1px 0 1px rgb(234, 201, 151) inset, -1px -1px 0 1px rgb(234, 201, 151) inset, 1px -1px 0 1px rgb(225, 195, 149) inset, 0 0 2px 2px rgb(41, 14, 0) inset, 0 0 0 1px rgba(107, 79, 52, 0.9), -1px -1px 5px rgba(55, 33, 22, 0.3);
  color: rgb(231, 195, 141) !important;
  position: relative;
  padding: 4px 8px;
  text-shadow: 1px 0 rgb(56, 32, 22), -1px 0 rgb(214, 186, 139);
  transition: all 0.2s ease 0s;
}

.knopka {
  background: rgba(55, 33, 22, 0.91) radial-gradient(circle at 50% 60% , rgba(150, 115, 81, 0.63), rgba(177, 132, 66, 0.11)) repeat scroll 0 0;
  border: 1px solid rgb(255, 241, 220);
  border-radius: 10px;
  box-shadow: 0 0 1px rgba(228, 146, 54, 0.58) inset, -1px -1px 2px 1px rgba(123, 93, 44, 0.8) inset, 1px 1px 0 1px rgba(255, 229, 186, 0.87) inset, -1px 1px 0 1px rgb(242, 220, 187) inset, 1px 1px 0 1px rgb(234, 201, 151) inset, -1px -1px 0 1px rgb(234, 201, 151) inset, 1px -1px 0 1px rgb(225, 195, 149) inset, 0 0 2px 2px rgb(41, 14, 0) inset, 0 0 0 1px rgba(107, 79, 52, 0.9), -1px -1px 5px rgba(55, 33, 22, 0.3);
  color: rgb(231, 195, 141) !important;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  margin: 4px;
  padding: 3px 7px;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  transition: all 0.2s ease 0s;
}
.knopka:hover, .button:hover, .fs-box.hashelp > input[onclick="dice()"]:hover{
	text-decoration: none !important;
	text-shadow: -1px 0px #382016, 1px 0px #D6BA8B;
	box-shadow: 0px 0px 1px rgba(228, 146, 54, 0.58) inset, -1px -1px 2px 1px rgba(123, 93, 44, 0.25) inset, 1px 1px 0px 1px rgba(255, 229, 186, 0.87) inset, -1px 1px 0px 1px #F2DCBB inset, 1px 1px 0px 1px #EAC997 inset, -1px -1px 0px 1px #EAC997 inset, 1px -1px 0px 1px #E1C395 inset, 0px 0px 2px 2px #290E00 inset, 0px 0px 0px 1px rgba(107, 79, 52, 0.5), 1px 1px 5px rgba(255, 241, 220, 0.81);
}
.knopka:active, .button:active {
	top: 1px;
	left: 1px;
}

#pun-redirect .main {
  background: rgba(0, 0, 0, 0) url("http://forumstatic.ru/files/0014/2a/ba/68743.jpg") repeat scroll 0 0 !important;
  border: 1px dotted;
  border-radius: 5px;
  text-align: center;
}

.fs-box.hashelp > input[onclick="dice()"] {
  bottom: -28px;
  position: absolute;
  right: 0;
  width: 100px;
  background: rgba(55, 33, 22, 0.91) radial-gradient(circle at 50% 60% , rgba(150, 115, 81, 0.63), rgba(177, 132, 66, 0.11)) repeat scroll 0 0;
  border: 1px solid rgb(255, 241, 220);
  border-radius: 10px;
  box-shadow: 0 0 1px rgba(228, 146, 54, 0.58) inset, -1px -1px 2px 1px rgba(123, 93, 44, 0.8) inset, 1px 1px 0 1px rgba(255, 229, 186, 0.87) inset, -1px 1px 0 1px rgb(242, 220, 187) inset, 1px 1px 0 1px rgb(234, 201, 151) inset, -1px -1px 0 1px rgb(234, 201, 151) inset, 1px -1px 0 1px rgb(225, 195, 149) inset, 0 0 2px 2px rgb(41, 14, 0) inset, 0 0 0 1px rgba(107, 79, 52, 0.9), -1px -1px 5px rgba(55, 33, 22, 0.3);
  color: rgb(231, 195, 141) !important;
  padding: 4px 8px;
  text-shadow: 1px 0 rgb(56, 32, 22), -1px 0 rgb(214, 186, 139);
  transition: all 0.2s ease 0s;
}
.lastedit {
  display: none;
}


#pun-main #viewprofile-next #viewprofile .container ul {
  background: transparent none repeat scroll 0 0;
}

#post fieldset legend {
  margin: -16px 0 0 11px;
  padding: 0;
}

#ssyl {
  background: rgba(200, 170, 152, 0.1) none repeat scroll 0 0;
  border-radius: 3px;
  box-shadow: 0 0 1px rgba(200, 170, 152, 0.4);
  margin: 3px;
  padding: 0;
  text-align: center;
}


.resizable-textarea #main-reply {
  font-family: georgia;
  font-size: 14px;
  line-height: 140%;
}

@media screen and (max-width: 980px) {

.ssyli {
  display: block;
  width: 100%;
}
.yrarrows {
  display: none;
}
#pun {
  padding: 0;
}
#pun-status p span.item3 {
  display: none !important;
}

html, body, #pun, .punbb {
  -moz-text-size-adjust: none;
  background-image: none;
  background-size: contain;
  float: none;
  height: 100% !important;
  margin: 0;
  min-width: auto !important;
  padding: 0;
  width: 100% !important;
overflow-x: hidden;
}
body {
    background-position: center 0;
    overflow-x: hidden !important;
    position: relative;
    z-index: 1;
}
img {
    height: auto;
    max-width: 100% !important;
}
#pun {
  background: #e3c69c url("http://forumstatic.ru/files/0014/2a/ba/68743.jpg") repeat scroll 0 0;
  border-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
#pun-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: rgba(0, 0, 0, 0) url("http://forumstatic.ru/files/0017/39/ba/95706.jpg") no-repeat scroll center top;
  border-color: -moz-use-text-color;
  border-image: none;
  border-style: none none solid;
  border-width: medium medium 2px;
  height: 270px;
  overflow: hidden;
}
td, th {
    overflow: hidden;
}
.punbb h1, .punbb h2, .punbb h1 span, .punbb h2 span {
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}
input[type="text"], input[type="password"] {
    max-width: 100% !important;
}
input[type="text"], input[type="password"], input[type="submit"], input[type="button"] {
    padding: 10px;
}
select {
    padding: 5px;
}
textarea {
    font-size: 14px !important;
    max-width: 95% !important;
    padding: 1.5% !important;
}
#register input, #register select, #profile input, #profile select, #punbbsearch input, #punbbsearch select {
    max-width: 200px !important;
}
#register .inline .inputfield {
    margin-right: 0;
}

#html-header, #html-footer, #pun-title, #pun-announcement div.container {
  margin: 0 auto !important;
  overflow-x: hidden;
}
#pun-title table {
    height: auto !important;
}
#pun-title h1 {
    height: initial !important;
    padding: 0 !important;
}
#pun-ulinks {
  border: 0 none !important;
  margin: 0 !important;
  position: absolute !important;
  right: 10px !important;
  top: 20px !important;
  z-index: 9999;
}
#pun-ulinks::after {
  background: rgba(241, 208, 170, 0.66) none repeat scroll 0 0;
  border-radius: 5px;
  content: "МЕНЮ";
  display: block;
  font-weight: bold;
  padding: 5px;
}
#pun-ulinks .container {
  background-color: rgba(211, 182, 140, 0.91) !important;
  background-image: none !important;
  border-radius: 5px;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}
#pun-ulinks ul {
  box-shadow: 0 4px 10px rgba(55, 26, 4, 0.7);
  display: none;
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 10000;
}
#pun-ulinks:hover ul, #pun-ulinks:focus ul {
    display: block;
}
#pun-ulinks li {
  display: inline;
  white-space: nowrap;
}
#pun-ulinks li a {
  border: medium none !important;
  color: #432e1b;
  display: block !important;
  font-size: 16px !important;
  font-variant: normal;
  padding: 3px 6px !important;
  text-decoration: none !important;
}

#pun-announcement .container {
  background: url("http://forumstatic.ru/files/0014/2a/ba/82261.png") repeat-x scroll center top, rgba(178, 149, 115, 0.26) url("http://forumstatic.ru/files/0014/2a/ba/82261.png") repeat-x scroll center bottom;
  height: auto !important;
  padding: 0 0 10px;
}

#menu {
  display: block !important;
  float: none !important;
  text-align: center !important;
  width: 100% !important;
}

#menu span {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}

.submenutext {
  height: auto !important;
  width: auto !important;
}
.stolb {
  float: none !important;
  height: 100% !important;
  overflow: visible !important;
  width: 100% !important;
}
.tekst {
  height: auto !important;
  width: auto !important;
}

#profilenav {
    float: none !important;
    margin-left: 0;
}
#profile .container {
    padding: 0 !important;
}
#pun-navlinks {
  margin-bottom: 0 !important;
  position: absolute;
  top: 0;
}
#pun-navlinks .container {
  height: auto !important;
  padding: 0 !important;
}
#pun-navlinks .container li {
  background: rgba(241, 208, 170, 0.66) none repeat scroll 0 0;
  border-radius: 5px;
  margin: 1px;
  padding: 0;
  text-align: left;
  display: block;
}

#pun-navlinks .container li a {
    border: 0 none !important;
    display: inline-block !important;
    padding: 0 !important;
}
#navsearch {
  display: none !important;
}
#pun-stats ul.container, #pun-stats div.statscon {
    background-image: none !important;
}
.punbb td.tcl {
    background-image: none !important;
    width: auto !important;
}
.category table, .forum table {
    width: 100% !important;
}
.category td.tcl, .forum td.tcl {
    background-image: none !important;
    overflow: hidden;
    text-overflow: ellipsis;
}
.category .tcl img, .forum .tcl img {
    height: auto;
}
.category td.tcr, .forum td.tcr {
    overflow: hidden;
    text-align: right !important;
    text-overflow: ellipsis;
}
div.icon {
    display: none !important;
}
div.tclcon {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.punbb tbody.hasicon td.tcl {
    padding-left: 1em !important;
}
#pun-status, #pun-break1, #pun-index #pun-crumbs1, #pun-crumbs2, #pun-break2, #pun-break3, #pun-break4, .category th, .category .tc2, .category .tc3, .forum th, .forum .tc2, .forum .tc3, #post-form legend {
    display: none !important;
    width: 0 !important;
}

#pun-index .tcl h3 {
  float: none !important;
  width: auto !important;
}
.lis {
  padding: 0 !important;
}
#pun-index .tcl {
  padding: 0 5px !important;
  width: 70% !important;
}
#pun-index .tcr {
  padding: 0 5px 0 0 !important;
  text-align: center;
  white-space: normal !important;
  width: 30%;
}
.usertable .tc3 {
    display: none;
}
#userlist p.inputfield {
    float: none;
}
.post h3 span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    margin: 0 !important;
    text-align: left !important;
}
div.post h3 span a {
  margin-left: 5px !important;
}
.post h3 span, .post-author {
    background-color: rgba(128, 128, 128, 0.15) !important;
}
.post-body, legend, legend span {
    margin: 0 !important;
}
.post-links, .post-links ul {
    height: auto !important;
    margin-left: 0 !important;
}
.post-rating .container {
    border-radius: 4px;
}
.post-author {
  margin: 0 !important;
  overflow: initial !important;
}
.post-author li {
    text-align: left;
}
.online .pa-avatar img {
    background: rgba(56, 155, 34, 0.5) none repeat scroll 0 0;
    padding: 2px;
}

.pa-author {
    margin: 0 !important;
    padding: 0 !important;
}
.pa-title {
    padding: 0 !important;
}

.formal .container, .formal fieldset, .usertable .container {
    margin: 0 !important;
    padding: 0 !important;
}
#pun-stats ul.container, #userlist, #login, #request_pass, #punbbsearch, #register, #profile fieldset, #upload_avatar, #similar-topics div.container, div.html-box {
    padding: 1em !important;
}

.fs-box.hashelp > input[onclick="dice()"] {
  bottom: 0 !important;
}
.linkst .postlink, .linkst .pagelink, .linksb .postlink, .linksb .pagelink {
    width: auto !important;
}
#similar-topics table {
    table-layout: fixed !important;
}
#similar-topics td {
    padding: 0.5em 0;
}
#similar-topics td.st-tc2 {
    display: none;
    width: 0 !important;
}
#similar-topics td.st-tcr {
    padding-right: 0 !important;
    width: auto !important;
}
#keyboard-span input {
    min-width: 25px;
    padding: 5px;
}
.formsubmit {
    margin: 1em 0 !important;
}
#smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area {
    max-width: 95% !important;
}
#button-graffiti_rusff, #button-smile, #button-addition, #button-files_rusff, #button-keyboard, #button-font, #button-underline, #button-left, #button-table {
  display: none !important;
}
#imageupload-right, .uploadifyQueueItem {
    width: auto !important;
}
#navindex a, #navindex a:hover {
    background-position: center 0 !important;
}
#navuserlist a, #navuserlist a:hover {
    background-position: center -48px !important;
}
#navrules a, #navrules a:hover {
    background-position: center -96px !important;
}
#navprofile a, #navprofile a:hover {
    background-position: center -144px !important;
}
#navsearch a, #navsearch a:hover {
    background-position: center -192px !important;
}
#navpm a, #navpm a:hover {
    background-position: center -240px !important;
}
#navadmin a, #navadmin a:hover {
    background-position: center -288px !important;
}
#navlogout a, #navlogout a:hover {
    background-position: center -432px !important;
}
#navregister a, #navregister a:hover {
    background-position: center -382px !important;
}
#navlogin a, #navlogin a:hover {
    background-position: center -336px !important;
}
#profilenav h2 {
    margin-top: 1em;
}
#profile-left {
    display: block;
    width: 100% !important;
}
#profile-left li {
    margin: 0 !important;
    text-align: center;
}
#viewprofile ul {
    padding: 0 !important;
}
#viewprofile ul, #profilenav ul {
    border-width: 0;
}
#viewprofile li strong, #profile-left li div {
    background: transparent none repeat scroll 0 0 !important;
}
#profile-left #profile-name {
    -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    background-color: rgba(128, 128, 128, 0.15);
    border-color: rgba(128, 128, 128, 0.2) !important;
    border-image: none !important;
    border-style: solid !important;
    border-width: 4px 0 !important;
}
#viewprofile li strong {
    display: block;
    font-weight: 400 !important;
    padding: 6px 1em;
}
#profile-left #profile-title {
    background-color: rgba(128, 128, 128, 0.15);
}
#profile-left li img {
    background-color: rgba(200, 200, 200, 0.2);
    border-radius: 6px;
    height: auto !important;
    margin-top: 10px;
    max-width: 100% !important;
}
#profile-left li:nth-child(3) {
    background-color: rgba(128, 128, 128, 0.15);
}
#profile-left li:last-child {
    background-color: rgba(128, 128, 128, 0.15);
    border-bottom: 4px solid rgba(128, 128, 128, 0.2);
    margin-bottom: 4px !important;
}
#profile-right {
    display: block;
    text-align: center;
    width: 100% !important;
}
#profile-right li {
    background-color: rgba(128, 128, 128, 0.3) !important;
    border-left: 4px solid rgba(128, 128, 128, 0.5) !important;
    display: inline-block !important;
    margin-bottom: 4px !important;
    padding: 0 !important;
    width: 100% !important;
}
#viewprofile li span {
    display: inline-block;
    float: none !important;
    font-weight: 700;
    margin: 0 0 10px;
    padding: 10px 10px 5px;
}
#profile-right li strong {
    font-size: 16px;
    line-height: 1.1;
    padding: 0 10px 10px !important;
}
#profile-right li strong a {
    border-bottom: 1px solid;
    font-size: 11px;
    text-decoration: none;
}

.punbb fieldset {
    border-width: 0 !important;
}
.punbb fieldset legend span, .punbb div.fs-box {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#pun-about, #pun-about .container {
    border-width: 0 !important;
    text-align: center;
}
div#pun-live-rusff, .pl-share {
  display: none !important;
}
}
@media screen and (max-width: 540px) {
.punbb .post .post-author {
  background-image: none;
  float: none;
  width: 100%;
}
.post-author li {
  text-align: center;
}
.pa-avatar.item2 > img {
  height: auto;
  width: 50px;
}
.pa-reg, .pa-gifts, .pa-time-visit, .pa-last-visit, .pa-positive {
  display: none;
}
.post-content {
  line-height: 100% !important;
}
#pun-adnav {
  display: block !important;
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
}
.admain {
  padding: 0 !important;
}
.punbb-admin  #pun-navlinks {
  display: none;
}
#adnav-standard > ul {
  padding: 0 !important;
}
.admin-advert-block {
  display: none !important;
}
.punbb-admin  #pun-title {
  height: 0 !important;
}
.punbb-admin  #pun-ulinks {
  display: none;
}
#pun-admain1 form.adcontainer, #pun-admain2 form.adcontainer, #pun-admain1 div.adcontainer, #pun-admain2 div.adcontainer {
  padding: 0 !important;
}
#pun-admain fieldset {
  margin: 0 !important;
  padding: 0 !important;
}
#pun-admain fieldset p {
  border: 0 none !important;
}
#pun-admain .adlabel {
  background: gold none repeat scroll 0 0;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

}

0

5

Свой стиль, низ

Свернутый текст
Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.1 */

#pun-ulinks .container {
  background: transparent none repeat scroll 0 0;
}

.punbb td.tc2, .punbb td.tc3 {
  font-weight: bold;
}

#viewprofile h2 span {
  background-image: none;
}

.punbb textarea, .punbb select, #num {
  background-color: #e1ccad;
  border: 2px inset #f5bd74;
  color: #452e1f;
}

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


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


.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #524316;
  text-decoration: underline;
  }

/* 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, .dosye a:hover {
  color: #81563e;
  text-decoration: none;
}

/* CS3.3 */
#pun-navlinks a {
  color: rgb(125, 49, 31);
  font-family: times new roman;
  font-size: 1em;
  font-weight: bold;
  margin: 5px;
  text-shadow: -1px 1px 0 rgba(69, 28, 17, 0.14), 0 -1px 1px rgba(236, 208, 170, 0.28), 1px -1px 1px rgb(199, 140, 114), 0 0 5px rgba(0, 0, 0, 0.43);
  text-transform: uppercase;
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
	color: #371C13;
	text-decoration: underline;
}

.post h3 span a:link, .post h3 span a:visited {
  text-decoration: none;
}
#pun-admain a:hover {
	color: #B42000 !important;
}
/* 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, #pun-index h3 a:hover {
	color: #7d311f;
text-shadow: 1px 1px 0px rgba(255, 238, 209, 0.47);
}

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

.punbb div.icon {
  background: transparent url("http://forumstatic.ru/files/0014/2a/ba/60141.png") no-repeat scroll left 45%;
  display: block;
  float: right;
  height: 23px;
  width: 23px;
}


tr.inew div.icon {
  background: rgba(0, 0, 0, 0) url("http://savepic.su/4368100.png") no-repeat scroll left center;
  display: block;
  float: right;
  height: 23px;
  width: 23px;
}

tr.iclosed div.icon {
  background: rgba(0, 0, 0, 0) url("http://forumstatic.ru/files/0014/2a/ba/43775.png") no-repeat scroll 0 0;
}

tr.iredirect div.icon {
        background: no-repeat;
}

tr.isticky div.icon {
        background: url(http://savepic.su/4347643.png) no-repeat;
}


#profilenav h2 span {background-image: none}


#pun-stats ul.container {
  background: rgba(0, 0, 0, 0) url("http://savepic.su/4342410.png") no-repeat scroll left top;
  padding-left: 110px;
}

0


Вы здесь » Демо » Новый форум 2 » Коды и стили.


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