хэй, это виксней!

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

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


Вы здесь » хэй, это виксней! » Тестовый форум » Коды, дизайны и всякое техническое такое прочее


Коды, дизайны и всякое техническое такое прочее

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

1

Потому что не совершу больше ошибку и не забуду сохранить код!

2

Огонечек (не моего авторства, учусь у большого проекта)

HTML-верх

<meta name="viewport" content="width=device-width">
<!-- Подфорумы "не скриптом" © Alex_63 / Ч.1 в начало HTML верх -->
    <script type="text/javascript">var SUBF = {};
    // Настройки скрипта //

    SUBF.icon_old = 'https://forumstatic.ru/files/001a/3f/1b/46776.png';  // Иконка подфорумов без новых сообщений
    SUBF.icon_new = 'https://forumstatic.ru/files/001a/32/bb/46660.png';  // Иконка подфорумов с новыми сообщениями
    SUBF.d_title = 'подфорумы:'  // Текст в заголовке секции подфорумов
    SUBF.category_link = 1; // Кликабельность категорий: 0 - отключена, 1 - включена
    </script>
    <script type="text/javascript" src="https://forumstatic.ru/files/0016/4f/7e/73858.js"></script>

    <!-- таблица в шапке -->
<!--навигация-->
<div class="navigation">
<a href="http://firecross.rolbb.ru/viewtopic.php?id=7#p7">гостевая</a> // <a href="http://firecross.rolbb.ru/viewtopic.php?id=3">роли</a> // <a href="http://firecross.rolbb.ru/viewtopic.php?id=6">о проекте</a> // <a href="http://firecross.rolbb.ru/viewtopic.php?id=10#p10">шаблон</a> // <a href="http://firecross.rolbb.ru/viewtopic.php?id=8">нужные</a> // <a href="http://firecross.rolbb.ru/viewtopic.php?id=12">объявления</a>
</div>

<!--активисты и постописцы-->
<div class="activist">
<a href="http://firecross.rolbb.ru/profile.php?id=69"><img src="https://funkyimg.com/i/2VjWv.png" alt="" title="королева свалки"></a>
<a href="http://firecross.rolbb.ru/profile.php?id=68"><img src="https://funkyimg.com/i/2VjWx.png" alt="" title="рачель"></a>
<a href="http://firecross.rolbb.ru/profile.php?id=70"><img src="https://funkyimg.com/i/2VjWy.png" alt="" title="хиппи"></a>
<a href="http://firecross.rolbb.ru/profile.php?id=19"><img src="https://funkyimg.com/i/2VjWz.png" alt="" title="очень быстрый"></a>
<a href="http://firecross.rolbb.ru/profile.php?id=42"><img src="https://funkyimg.com/i/2VjWw.png" alt="" title="бог"></a>
<a href="http://firecross.rolbb.ru/profile.php?id=3"><img src="https://funkyimg.com/i/2VjWA.png" alt="" title="ничоси"></a>
</div>

<!--новости-->
<div class="news">
<div class="news1"><a href="http://firecross.rolbb.ru/viewtopic.php?id=174#p10000">5 вечеров</a></div>
<div class="news2"><a href="http://firecross.rolbb.ru/viewtopic.php?id=147#p7893">3 челлендж</a></div>
<div class="news3"><a href="http://firecross.rolbb.ru/viewtopic.php?id=146#p7841">упрощёнка</a></div>
</div>
    <!-- конец таблицы в шапке -->

<div id="resplash" style="display: none;">
<div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span>

разжигаем

</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='/' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password'  id='fld2'  name='req_password'  size='25'  maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div>
<script type="text/javascript">
var active = 1;
if(GroupID != 1 && active == 0){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= 'Форум на профилактике - '+document.title;
}
</script>

<style>
.lastedit {
display: none;
}
</style>

<!-- Просмотр полного профиля на странице /profile.php V.2 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/44995.js"></script>

<!-- Кнопки BB-кодов при редактировании подписи © Alex_63 -->
<script type="text/javascript">
if(document.URL.indexOf('section=signature')!=-1)document.write('<scr'+'ipt type="text/javascript" src="https://forumstatic.ru/files/0016/0b/c8/99528.js"></scr'+'ipt>');
</script>

<!--Запрет перехода на первую страницу При удалении Тем и сообщений -->
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/33839.js"></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 type="text/javascript">
rusffLive.enable = false;
RusffCore.sets.show_reportBtn = 0;
RusffCore.sets.tags = false;</script>

<style type="text/css">
#pun-title h1 span  {display: none;}
</style>

HTML-низ

<!-- Подфорумы "не скриптом" © Alex_63 / Ч.2 в HTML низ -->
    <script type="text/javascript">setSubforums()</script>

<!-- Регулировка размера шрифта в постах © Alex_63 часть 2 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>

<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="https://forumstatic.ru/files/001a/3f/1b/31034.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/001a/3f/1b/53532.png" border="0" /></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:50px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.7; /*прозрачность*/
margin-bottom:90px; /*отступ снизу (можно не указывать)*/
width:109px; /*ширина кнопки*/
height:100px; /*высота кнопки*/
}
.go-up {
bottom:360px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:310px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>
<!--кнопки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>

<!--смена имиджа-->
<script src="http://f.etrin.ru/hvss/hvss.min.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['архив замороженных эпизодов', 'архив завершённых эпизодов', 'общий архив //', 'фэндомные эпизоды //', 'межфэндомные эпизоды //', 'альтернатива //', 'общение //', 'фэндомные темы //', 'личные темы //'],
    forumAccessExtended: {
        'межфэндомные эпизоды //': ['Игроки'],
        'фэндомные эпизоды //': ['Игроки'],
        'альтернатива //': ['Игроки'],
        'общение //': ['Игроки'],
        'Фэндомные темы //': ['Игроки'],
        'личные темы //': ['Игроки']
    },
    changeList: {
        'pafld1': {
            title: 'личное звание',
            description: 'вставить шаблон для заполнения',
            tag: 'lzsm',
            class: 'pa-fld1',
            defaultCode: '<div class="character"><a href="ссылка на анкету">имя фамилия, возраст цифрой</a></div><div class="about">деятельность персонажа в свободной форме, для добавления ссылки используем <a href="ссылка">имя ссылки</a></div>',
            type: 'html'
        },
        'pafld3': {
            title: 'фандом',
            tag: 'fand',
            class: 'pa-fld3',
            type: 'html'
        }
    },
    userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-posts', 'pa-respect', 'pa-fld2', 'pa-online', 'pa-fld3']
});
</script>

<!-- Реестр ссылки "НОВЫЕ СООБЩЕНИЯ" -->
<script type="text/javascript">
if(GroupID != 3) { $('#pun-ulinks .container').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>'); }
</script>

<!-- Аватар по умолчанию  -->
<script type="text/javascript">
var DefAvtr = 'http://sh.uploads.ru/fy9RS.png'; //Ссылка на аватар по умолчанию
var GuestAvtr = 'http://sh.uploads.ru/fy9RS.png'; //Ссылка на аватар для Гостя

$('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
  var b = DefAvtr;if($(this).text()=='Гость'){b = GuestAvtr;}
  var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
  if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
});$('#profile-left strong:contains("Нет аватара")')
.parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>

<!--  Сохранение текста   -->
<script type="text/javascript">
var param = (function(a) {if (a == "") return {};var b = {};for (var i = 0; i < a.length; ++i){var p=a[i].split('=');if (p.length != 2) continue;b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));}return b;})(window.location.search.substr(1).split('&'));var text = localStorage.getItem('topic'+param['id']);if(text) { $('#post textarea#main-reply').val(text);}$('#post textarea#main-reply').bind('keydown keypress keyup', function(e){var text = $(this).val();localStorage.setItem('topic'+param['id'], text);});$('#post').submit(function() {localStorage.removeItem('topic'+param['id']);});
</script>

<!--  Отступы абзаца -->
<style>#button-indent {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-indent" title="Отступы"><img src="/i/blank.gif"  onclick="smile(\''+b+'\')"></td>');
var indent = '<span style="display:inline-block;margin:0 0 1em 1.5em;"></span>'; /*удвоенные Отступы сверху и слева*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>

<!-- кол-во символов -->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;   color: #493c3c !important;">Символов: <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>

<!--  Обтекание изображения  -->
<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=(.*?)\]([^\[]*)\[\/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>

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

<!-- А плюс в репе я за тебя менять должен? -->
<script type="text/javascript">
var img = document.getElementsByTagName("img")
for (i=0; i<img.length; i++){
if(img[i].alt == "+") img[i].src = "https://funkyimg.com/i/2V2SZ.png"
}</script>

<!-- Быстрое редактирование постов © Alex_63 // V.3 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/97896.js" type="text/javascript"></script>

<script type="text/javascript">
var nWRD="респекты";
function setRespecNew(){
$(".post .pa-respect a[href^='/respect.php?']").each(function (){
$(this).html(nWRD);});}
function TestRespect(){
if($(".post .pa-respect:contains('Репутация')").length){setRespecNew();return;
}else {timerID = setTimeout("TestRespect()",110);return;}
}TestRespect()
</script>

<!-- Скрыть названия полей профиля -->
<script type="text/javascript">
var A=[1,3]
$(".post .post-author li").each(function (){
for(var i=0; i<A.length;i++){if($(this).hasClass("pa-fld"+A[i])){
$(this).html($(this).html().replace(/^[^:]*:/,''));}};});
</script>

<!--ЗАПЯТАЯ ПОСЛЕ НАЖАТИЯ НА НИК-->
<script type="text/javascript">function to(username)
{insert('' + username + '' + ', ');}</script>

<!--КЛИКАБЕЛЬНОСТЬ НИКА ОТ ГОСТЯ-->
<script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>

<!--ТЕГ ВСТАВИТЬ КАРТИНКУ (--)-->
<script>var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('--')\" src=\"/i/blank.gif\"/><b><p style=\"position:absolute;height14px;margin:-15px 0 0 22px;font-size:8px;\">2</p></b></td>"
$("#button-image").after(oldIMG);</script>

<!--замена тире -->
<script type="text/javascript">
$('.post-content p').each(function(){
  function replacer(str){return str.replace(/-\s|–\s/gm,'— ');}
  var a = $(this).clone().wrap('<div></div>').parent().html();
  var b = a.replace(/>[^<>]+</gim,replacer);
  if(a!=b)$(this).replaceWith(b)
});
</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>

<script><!--Универсальный скрипт замены. -->
    function UniverСhange(selektor,changed,substitute){
    $(selektor).each(function(){if ($(this).parent().html()!=null){if($(this).parent().html().indexOf(changed)!=-1){
    $(this).parent().html($(this).parent().html().replace(changed,substitute));};};});}

    UniverСhange("li.pa-online","Активен","Горит"); //На следущей строке можно добавить еще запрос

    </script>

<!--ВЗАИМНАЯ РЕКЛАМА-->
<script>function getUrlParameterByName( name,href )
{name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); var regexS = "[\\?&]"+name+"=([^&#]*)"; var regex = new RegExp( regexS ); var results = regex.exec( href ); if( results == null ) return ""; else return decodeURIComponent(results[1].replace(/\+/g, " "));}
function getRandomInt(min, max) { return Math.floor(Math.random() * (max - min)) + min;}
function copyAdvertisingToClipboard(event, elem) {event.preventDefault(); var url = $(elem).closest('.post').find('.permalink').attr('href'); var $temp = $("<textarea>"); $("body").append($temp); var advertiseCode = advertiseCodes[getRandomInt(0, advertiseCodes.length)]; var text = advertiseCode + 'взаимность'; $temp.val(text).select(); document.execCommand("copy"); $temp.remove();}
function addAdvertiseLink(topicId) { var url = window.location.href; if (getUrlParameterByName('id', url) == topicId) { $('.post').each(function() { var $li = $('<li>').attr('class', 'pl-advlink').append('<a href="#" onclick="copyAdvertisingToClipboard(event, this);">Взаимная реклама</a>'); $(this).find('.post-links ul').append($li); }) } }

var advertiseCodes = [];
advertiseCodes.push('https://funkyimg.com/i/2Vetb.png' +'\n');

addAdvertiseLink(170);
</script>

<!- BB-код заливки текста / © Alex_63 --><style>
#button-mark{background:url(https://forumstatic.ru/files/0015/92/70/15526.png);}
#mark-area{width:auto;position:absolute;right:6px;top:43px}
#mark-area *{border:0}#mark-area table{width:320px;height:20px;padding:0;margin:0}
#mark-area td{margin:0; padding:0; line-height:0}
#mark-area td img{width:20px;height:20px;cursor:pointer!important}
</style>
<script type="text/javascript">
$('#button-color').after('<td id="button-mark"><img src="/i/blank.gif" onclick="$(\'#mark-area\').toggle();" title="Заливка"/></td>');
$(function(){var area=$('#color-area').html();if(area)area=area.replace(/color([\=\'\]])/mgi,'mark$1');
area='<div class="container" id="mark-area" onclick="$(this).toggle()" style="display:none">'+area+'</div>';
$('#color-area').after(area);});
$('.post-content:contains("[mark")').each(function(){var sp='<span style="background-color:$1">$2</span>';
$(this).html($(this).html().replace(/\[mark=(.*?)\](.*?)\[\/mark\]/mgi,sp));});
</script>

<div class="banners">

<a href="http://wearethefuture.rusff.me/" title="REVOLT"><img src="http://i.imgur.com/3fj04bc.gif"></a>

<a href="http://marvelultra.rusff.me/"><img src="http://s7.uploads.ru/pIXoe.jpg" title=" marvel ultraverse "></a>

<a href="http://yellowcross.f-rpg.ru/" target="_blank"><img src="https://forumstatic.ru/files/001a/0d/3f/61635.png" title="yellowcross" border="0"width="88" height="31"></a>

<a href="http://docnight.rusff.me/" target="_blank"><img title="Doctor Who: Night terror" src="https://forumstatic.ru/files/0013/70/40/20242.gif"></a>

<a href="http://cursedcreatures.f-rpg.ru/" target="_blank"><img src="http://cursedcreatures.f-rpg.ru/files/0017/9e/82/34148.gif" title="Portland" border="1" width="88" height="31"></a>

<a href=http://marvelbreak.rusff.me title="Marvel: Breakpoint" target=_blank><img src=https://forumstatic.ru/files/0018/aa/28/67210.gif></a>

<a href="http://amstered.rusff.me/" target="_blank"><img title="Red Blossom" src="http://s5.uploads.ru/IBAFT.gif"></a>

<a href="http://sc.roleforum.ru/" target="blank"><img src="http://s7.uploads.ru/7JVyS.gif" alt="Shock Club" title="Shock Club - кроссплатформа" /></a>

<a href="http://blindfaith.ru/" target="_blank"><img src="https://i.imgur.com/rreZh2V.gif"title="Blind Faith"border="0"width="88" height="31"></a>

<a href="http://earlgrey.rusff.me" target="_blank"><img src="http://sd.uploads.ru/iRuqY.png" title="earl grey. real-life."></a>

<a href="http://thevoid.f-rpg.ru/" target="_blank"><img src="https://i.imgur.com/JRt2pc2.gif" alt="Нью-Йорк, способности, рояль в кустах" width=88 height=31></a>

<a href="http://crossfeeling.rusff.me/" target="_blank">
<img src="https://i.imgur.com/E77q8w1.png"
title="crossfeeling"
border="1" width="88" height="31"></a>

<a href="http://teenwolfsplit.f-rpg.ru" target="_blank"><img src="https://funkyimg.com/i/2UKDt.gif" alt="» кросс по сериалу "Тееn Wolf", сша, nc-21 " width=88 height=31></a>

<a href="http://fourcross.rusff.me/" style="cursor: pointer;"><img src="http://funkyimg.com/i/2Rcqb.png"></a>

<a href="http://alaskafree.rusff.me"><img src="https://forumstatic.ru/files/001a/0e/1d/45400.gif" border="0" title="ALASKA" width="88" height="31"></a>

</div>

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

<!-- //Свои шрифты/ -->
<script type="text/javascript">
if ($('#post').length) {
var ft; var i; var ft_f; var j = "";
ft = document.getElementById("font-area");

var ft_f = new Array();
ft_f.push('Yeseva One');
ft_f.push('Kurale');

for (i in ft_f) {
j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] +  "</span><img src='/i/blank.gif' onclick=\"bbcode('[";
j += "font=" + ft_f[i];
j += "]','[/font]')\" /></div>";
ft.innerHTML += j;
}}

</script>

<!-- //Смайлы и стикеры/ -->
<div id="stikery">
  <input type="Button" value="секретный агент" id="name1" onclick="return showhide(this)">
  <input type="Button" value="pixel cat" id="name2" onclick="return showhide(this)">
  <input type="Button" value="мемы" id="name3" onclick="return showhide(this)">
<table style="display:none" id="list-name1">
<tr valign="top">
<td>
<img src="https://i.imgur.com/21siMM7.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/21siMM7.png')" />
<img src="https://i.imgur.com/U9Nj8mX.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/U9Nj8mX.png')" />
<img src="https://i.imgur.com/D1BmGfa.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/D1BmGfa.png')" />
<img src="https://i.imgur.com/vppKnei.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/vppKnei.png')" />
<img src="https://i.imgur.com/dGl6FZB.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/dGl6FZB.png')" />
<img src="https://i.imgur.com/yJYJYEu.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/yJYJYEu.png')" />
<img src="https://i.imgur.com/qfruQPU.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/qfruQPU.png')" />
<img src="https://i.imgur.com/PRfzzbM.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/PRfzzbM.png')" />
<img src="https://i.imgur.com/LGfv0vL.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/LGfv0vL.png')" />
<img src="https://i.imgur.com/dx2WyOv.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/dx2WyOv.png')" />
<img src="https://i.imgur.com/nyTLC1D.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/nyTLC1D.png')" />
<img src="https://i.imgur.com/mkLqTMI.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/mkLqTMI.png')" />
<img src="https://i.imgur.com/HaED1PP.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/HaED1PP.png')" />
<img src="https://i.imgur.com/1tLdufX.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/1tLdufX.png')" />
<img src="https://i.imgur.com/sElAQ03.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/sElAQ03.png')" />
<img src="https://i.imgur.com/J1bZwy0.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/J1bZwy0.png')" />
<img src="https://i.imgur.com/VzgMGWw.png style="cursor: pointer" onclick="smile('https://i.imgur.com/VzgMGWw.png')" />
<img src="https://i.imgur.com/BYjQHBL.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/BYjQHBL.png')" />
<img src="https://i.imgur.com/aVeZEbX.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/aVeZEbX.png')" />
<img src="https://i.imgur.com/tNbW2Th.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/tNbW2Th.png')" />
<img src="https://i.imgur.com/p2lnUZW.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/p2lnUZW.png')" />
<img src="https://i.imgur.com/ULFjxlG.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/ULFjxlG.png')" />
<img src="https://i.imgur.com/GLEtgDQ.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/GLEtgDQ.png')" />
<img src="https://i.imgur.com/228nLAp.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/228nLAp.png')" />
<img src="https://i.imgur.com/tV6zwU9.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/tV6zwU9.png')" />
<img src="https://i.imgur.com/Sl2OGQD.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/Sl2OGQD.png')" />
<img src="https://i.imgur.com/f0TOdjO.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/f0TOdjO.png')" />
<img src="https://i.imgur.com/qjZEWOH.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/qjZEWOH.png')" />
<img src="https://i.imgur.com/qPXdF3a.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/qPXdF3a.png')" />
<img src="https://i.imgur.com/wQYIeux.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/wQYIeux.png')" />
<img src="https://i.imgur.com/BqomCoW.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/BqomCoW.png')" />
<img src="https://i.imgur.com/3WN7ev5.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/3WN7ev5.png')" />
<img src="https://i.imgur.com/MauJEo6.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/MauJEo6.png')" />
<img src="https://i.imgur.com/FUXrvro.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/FUXrvro.png')" />
<img src="https://i.imgur.com/WVjq1cR.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/WVjq1cR.png')" />
<img src="https://i.imgur.com/r1rQ12H.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/r1rQ12H.png')" />
<img src="https://i.imgur.com/htKmuB4.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/htKmuB4.png')" />
<img src="https://i.imgur.com/todAdkg.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/todAdkg.png')" />
<img src="https://i.imgur.com/Dsztm85.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/Dsztm85.png')" />
<img src="https://i.imgur.com/vP2wYfz.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/vP2wYfz.png')" />
<img src="https://i.imgur.com/1l2n7ql.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/1l2n7ql.png')" />
<img src="https://i.imgur.com/EFxlhKE.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/EFxlhKE.png')" />
<img src="https://i.imgur.com/45U0z4h.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/45U0z4h.png')" />
<img src="https://i.imgur.com/sdCBsv8.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/sdCBsv8.png')" />
<img src="https://i.imgur.com/FR5EtlZ.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/FR5EtlZ.png')" />
<img src="https://i.imgur.com/bBNybKb.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/bBNybKb.png')" />
<img src="https://i.imgur.com/6OeAie4.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/6OeAie4.png')" />
<img src="https://i.imgur.com/RhjM6fy.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/RhjM6fy.png')" />
</td>
</tr>
</table>

  <table style="display:none" id="list-name2">
<tr valign="top">
<td>
<img src="http://funkyimg.com/i/2MoN9.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoN9.gif')" />
<img src="http://funkyimg.com/i/2MoMo.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoMo.png')" />
<img src="http://funkyimg.com/i/2MoMn.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoMn.gif')" />
<img src="http://funkyimg.com/i/2MoNk.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoNk.png')" />
<img src="http://funkyimg.com/i/2MoM9.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoM9.png')" />
<img src="http://funkyimg.com/i/2MoNv.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoNv.gif')" />
<img src="http://funkyimg.com/i/2MoMm.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoMm.gif')" />
<img src="http://funkyimg.com/i/2MoLX.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoLX.png')" />
<img src="http://funkyimg.com/i/2MLaC.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MLaC.gif')" />
<img src="http://funkyimg.com/i/2Mp3o.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2Mp3o.gif')" />
<img src="http://funkyimg.com/i/2MoNF.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoNF.gif')" />
<img src="http://funkyimg.com/i/2MoLF.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoLF.gif')" />
<img src="http://funkyimg.com/i/2MoJy.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoJy.gif')" />
<img src="http://funkyimg.com/i/2MoND.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoND.gif')" />
<img src="http://funkyimg.com/i/2MphR.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MphR.gif')" />
<img src="http://funkyimg.com/i/2MoJA.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoJA.gif')" />
<img src="http://funkyimg.com/i/2MoJB.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoJB.gif')" />
<img src="http://funkyimg.com/i/2MoJF.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoJF.png')" />
<img src="http://funkyimg.com/i/2MoJE.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoJE.gif')" />
<img src="http://funkyimg.com/i/2MoLz.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoLz.gif')" />
<img src="http://funkyimg.com/i/2MoLx.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoLx.gif')" />
<img src="http://funkyimg.com/i/2MoLy.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoLy.gif')" />
<img src="http://funkyimg.com/i/2MoLA.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoLA.gif')" />
<img src="http://funkyimg.com/i/2MoLC.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoLC.gif')" />
<img src="http://funkyimg.com/i/2MoLB.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoLB.gif')" />
<img src="http://funkyimg.com/i/2MoNy.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoNy.png')" />
<img src="http://funkyimg.com/i/2MoNi.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoNi.png')" />
<img src="http://funkyimg.com/i/2MoM8.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoM8.gif')" />
<img src="http://funkyimg.com/i/2Mp4Q.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2Mp4Q.png')" />
<img src="http://funkyimg.com/i/2Mp7d.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2Mp7d.gif')" />
<img src="http://funkyimg.com/i/2MoMq.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoMq.gif')" />
<img src="http://funkyimg.com/i/2MoM7.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoM7.gif')" />
<img src="http://funkyimg.com/i/2MoJz.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoJz.gif')" />
<img src="http://funkyimg.com/i/2MoLD.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoLD.gif')" />
<img src="http://funkyimg.com/i/2MoLE.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoLE.png')" />
<img src="http://funkyimg.com/i/2MoLR.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoLR.gif')" />
<img src="http://funkyimg.com/i/2MoLS.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoLS.gif')" />
<img src="http://funkyimg.com/i/2Mp7a.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2Mp7a.gif')" />
<img src="http://funkyimg.com/i/2MoLT.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoLT.png')" />
<img src="http://funkyimg.com/i/2MoLW.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoLW.gif')" />
<img src="http://funkyimg.com/i/2MoLU.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoLU.png')" />
<img src="http://funkyimg.com/i/2MoLY.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoLY.gif')" />
<img src="http://funkyimg.com/i/2MoLZ.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoLZ.gif')" />
<img src="http://funkyimg.com/i/2MoM6.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoM6.gif')" />
<img src="http://funkyimg.com/i/2MoMb.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoMb.gif')" />
<img src="http://funkyimg.com/i/2MoMd.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoMd.gif')" />
<img src="http://funkyimg.com/i/2MoMc.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoMc.gif')" />
<img src="http://funkyimg.com/i/2MoMj.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoMj.gif')" />
<img src="http://funkyimg.com/i/2MphQ.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MphQ.gif')" />
<img src="http://funkyimg.com/i/2MoMp.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoMp.gif')" />
<img src="http://funkyimg.com/i/2MoMr.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoMr.gif')" />
<img src="http://funkyimg.com/i/2MoMs.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoMs.gif')" />
<img src="http://funkyimg.com/i/2MoMD.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoMD.gif')" />
<img src="http://funkyimg.com/i/2MoMG.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoMG.gif')" />
<img src="http://funkyimg.com/i/2MoMH.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoMH.gif')" />
<img src="http://funkyimg.com/i/2MoMJ.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoMJ.gif')" />
<img src="http://funkyimg.com/i/2MoMK.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoMK.png')" />
<img src="http://funkyimg.com/i/2MoML.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoML.png')" />
<img src="http://funkyimg.com/i/2MoN1.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoN1.gif')" />
<img src="http://funkyimg.com/i/2MoN6.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoN6.gif')" />
<img src="http://funkyimg.com/i/2MoN7.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoN7.png')" />
<img src="http://funkyimg.com/i/2MoN8.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoN8.png')" />
<img src="http://funkyimg.com/i/2MoMZ.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoMZ.gif')" />
<img src="http://funkyimg.com/i/2MoNf.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoNf.png')" />
<img src="http://funkyimg.com/i/2MoNj.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoNj.gif')" />
<img src="http://funkyimg.com/i/2MoNh.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoNh.png')" />
<img src="http://funkyimg.com/i/2MoNn.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoNn.png')" />
<img src="http://funkyimg.com/i/2MoNq.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoNq.png')" />
<img src="http://funkyimg.com/i/2MoNs.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoNs.gif')" />
<img src="http://funkyimg.com/i/2MoNt.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoNt.png')" />
<img src="http://funkyimg.com/i/2MoNu.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoNu.gif')" />
<img src="http://funkyimg.com/i/2MoNw.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoNw.gif')" />
<img src="http://funkyimg.com/i/2MoNx.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoNx.gif')" />
<img src="http://funkyimg.com/i/2Mu3X.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2Mu3X.gif')" />
<img src="http://funkyimg.com/i/2Mp3p.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2Mp3p.gif')" />
<img src="http://funkyimg.com/i/2Mp6k.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2Mp6k.gif')" />
<img src="http://funkyimg.com/i/2Mp3x.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2Mp3x.gif')" />
<img src="http://funkyimg.com/i/2Mp4h.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2Mp4h.gif')" />
<img src="http://funkyimg.com/i/2Mp4k.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2Mp4k.gif')" />
<img src="http://funkyimg.com/i/2Mp4m.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2Mp4m.gif')" />
<img src="http://funkyimg.com/i/2Mp4n.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2Mp4n.gif')" />
<img src="http://funkyimg.com/i/2Mp4o.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2Mp4o.gif')" />
<img src="http://funkyimg.com/i/2Mp76.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2Mp76.gif')" />
<img src="http://funkyimg.com/i/2Mp77.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2Mp77.gif')" />
<img src="http://funkyimg.com/i/2Mp79.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2Mp79.gif')" />
<img src="http://funkyimg.com/i/2Mp7b.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2Mp7b.gif')" />
<img src="http://funkyimg.com/i/2Mp7c.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2Mp7c.png')" />
<img src="http://funkyimg.com/i/2Mp9v.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2Mp9v.png')" />
<img src="http://funkyimg.com/i/2Mpaq.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2Mpaq.gif')" />
<img src="http://funkyimg.com/i/2MoNm.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoNm.png')" />
<img src="http://funkyimg.com/i/2MoLV.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoLV.gif')" />
<img src="http://funkyimg.com/i/2MoME.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoME.gif')" />
<img src="http://funkyimg.com/i/2Mp4j.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2Mp4j.gif')" />
<img src="http://funkyimg.com/i/2MoMF.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoMF.gif')" />
<img src="http://funkyimg.com/i/2MoNe.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoNe.png')" />
<img src="http://funkyimg.com/i/2MoNC.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoNC.png')" />
<img src="http://funkyimg.com/i/2MoNE.png" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MoNE.png')" />
<img src="http://funkyimg.com/i/2MLbk.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MLbk.gif')" />
<img src="http://funkyimg.com/i/2MLbm.gif" style="cursor: pointer" onclick="smile('http://funkyimg.com/i/2MLbm.gif')" />
<img src="https://i.imgur.com/n99lH.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/n99lH.gif')" />
<img src="https://forumstatic.ru/files/001a/20/ba/34005.gif" style="cursor: pointer" onclick="smile('https://forumstatic.ru/files/001a/20/ba/34005.gif')" />
</td>
</tr>
</table>
 
    <table style="display:none" id="list-name3">
<tr valign="top">
<td>
<img src="https://i.imgur.com/mZ1w23A.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/mZ1w23A.png')" />
<img src="https://i.imgur.com/JwgXZky.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/JwgXZky.png')" />
<img src="https://i.imgur.com/Z2WxAzX.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/Z2WxAzX.png')" />
<img src="https://i.imgur.com/0MnC5Ho.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/0MnC5Ho.png')" />
<img src="https://i.imgur.com/PPwxJHL.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/PPwxJHL.png')" />
<img src="https://i.imgur.com/uCfkpJX.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/uCfkpJX.png')" />
<img src="https://i.imgur.com/HPYi1A8.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/HPYi1A8.png')" />
<img src="https://i.imgur.com/pOMuJK6.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/pOMuJK6.png')" />
<img src="https://i.imgur.com/2tBoCwI.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/2tBoCwI.png')" />
<img src="https://i.imgur.com/rRTt4s0.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/rRTt4s0.png')" />
<img src="https://i.imgur.com/26mWEhU.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/26mWEhU.png')" />
<img src="https://i.imgur.com/5LHxdr3.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/5LHxdr3.png')" />
<img src="https://i.imgur.com/F0Bw5LX.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/F0Bw5LX.png')" />
<img src="https://i.imgur.com/To4Lcir.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/To4Lcir.png')" />
<img src="https://i.imgur.com/iG26l4B.png" style="cursor: pointer" onclick="smile('[https://i.imgur.com/iG26l4B.png')" />
<img src="https://i.imgur.com/L8U6GOt.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/L8U6GOt.png')" />
<img src="https://i.imgur.com/I1T0Zis.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/I1T0Zis.png')" />
<img src="https://i.imgur.com/CDNYe9o.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/CDNYe9o.png')" />
<img src="https://i.imgur.com/W1SOOop.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/W1SOOop.png')" />
<img src="https://i.imgur.com/G8YBIQt.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/G8YBIQt.png')" />
<img src="https://i.imgur.com/GYhPKAN.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/GYhPKAN.png')" />
<img src="https://i.imgur.com/e8gSV0p.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/e8gSV0p.png')" />
<img src="https://i.imgur.com/KmkIquX.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/KmkIquX.png')" />
<img src="https://i.imgur.com/eugu158.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/eugu158.png')" />
<img src="https://i.imgur.com/rw2QSJf.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/rw2QSJf.png')" />
<img src="https://i.imgur.com/SalBVxX.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/SalBVxX.png')" />
<img src="https://i.imgur.com/Czh2p1J.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/Czh2p1J.png')" />
<img src="https://i.imgur.com/eXm7qwi.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/eXm7qwi.png')" />
<img src="https://i.imgur.com/yVJpRlg.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/yVJpRlg.png')" />
<img src="https://i.imgur.com/KMxZsXZ.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/KMxZsXZ.png')" />
<img src="https://i.imgur.com/sDymVkP.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/sDymVkP.png')" />
<img src="https://i.imgur.com/uGnsexb.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/uGnsexb.png')" />
<img src="https://i.imgur.com/TW1RpXi.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/TW1RpXi.png')" />
<img src="https://i.imgur.com/GdSWnvk.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/GdSWnvk.png')" />
<img src="https://i.imgur.com/xEgh39f.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/xEgh39f.png')" />
<img src="https://i.imgur.com/3E9cfOG.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/3E9cfOG.png')" />
<img src="https://i.imgur.com/i9qqB3U.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/i9qqB3U.png')" />
<img src="https://i.imgur.com/dNxoaAZ.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/dNxoaAZ.png')" />
<img src="https://i.imgur.com/8r7YL8l.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/8r7YL8l.png')" />
<img src="https://i.imgur.com/U1Pa4Iz.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/U1Pa4Iz.png')" />
<img src="https://i.imgur.com/vBOw0QA.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/vBOw0QA.png')" />
<img src="https://i.imgur.com/yG7Id5z.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/yG7Id5z.png')" />
<img src="https://i.imgur.com/ezHSbMw.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/ezHSbMw.png')" />
<img src="https://i.imgur.com/1RhvnGn.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/1RhvnGn.png')" />
<img src="https://i.imgur.com/biaOTTq.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/biaOTTq.png')" />
<img src="https://i.imgur.com/S4J6gXb.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/S4J6gXb.png')" />
<img src="https://i.imgur.com/C80iS4Y.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/C80iS4Y.png')" />
<img src="https://i.imgur.com/7EpVE5Y.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/7EpVE5Y.png')" />
<img src="https://i.imgur.com/h1NKyQW.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/h1NKyQW.png')" />
<img src="https://i.imgur.com/6fuLG8A.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/6fuLG8A.png')" />
<img src="https://i.imgur.com/NVHoj84.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/NVHoj84.png')" />
<img src="https://i.imgur.com/lQVfEan.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/lQVfEan.png')" />
<img src="https://i.imgur.com/hPt1TnB.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/hPt1TnB.png')" />
<img src="https://i.imgur.com/qSCYvcM.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/qSCYvcM.png')" />
<img src="https://i.imgur.com/ESM9AO9.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/ESM9AO9.png')" />
<img src="https://i.imgur.com/DeV9KBa.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/DeV9KBa.png')" />
<img src="https://i.imgur.com/CN66qos.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/CN66qos.png')" />
<img src="https://i.imgur.com/4c7LvNr.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/4c7LvNr.png')" />
<img src="https://i.imgur.com/eCJb7dT.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/eCJb7dT.png')" />
<img src="https://i.imgur.com/ENRCmB2.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/ENRCmB2.png')" />
<img src="https://i.imgur.com/pNZAkNG.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/pNZAkNG.png')" />
<img src="https://i.imgur.com/KyPWOZz.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/KyPWOZz.png')" />
<img src="https://i.imgur.com/O49vmZT.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/O49vmZT.png')" />
<img src="https://i.imgur.com/UFvD2x0.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/UFvD2x0.png')" />
<img src="https://i.imgur.com/tIwNziD.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/tIwNziD.png')" />
<img src="https://i.imgur.com/MPNl8gb.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/MPNl8gb.png')" />
<img src="https://i.imgur.com/bVHhRmV.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/bVHhRmV.png')" />
<img src="https://i.imgur.com/13Z26V9.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/13Z26V9.png')" />
<img src="https://i.imgur.com/7GSNwNN.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/7GSNwNN.png')" />
<img src="https://i.imgur.com/lZcoH2q.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/lZcoH2q.png')" />
<img src="https://i.imgur.com/GweTSDk.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/GweTSDk.png')" />
<img src="https://i.imgur.com/AtnIBq5.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/AtnIBq5.png')" />
<img src="https://i.imgur.com/fFXKCN7.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/fFXKCN7.png')" />
<img src="https://i.imgur.com/vYEfyyU.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/vYEfyyU.png')" />
<img src="https://i.imgur.com/yTJ8Y60.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/yTJ8Y60.png')" />
<img src="https://i.imgur.com/487K88U.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/487K88U.png')" />
<img src="https://i.imgur.com/YMZM8g5.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/YMZM8g5.png')" />
<img src="https://i.imgur.com/RIjhXmk.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/RIjhXmk.png')" />
<img src="https://i.imgur.com/JuTuAWs.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/JuTuAWs.png')" />
<img src="https://i.imgur.com/Ciz2TmC.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/Ciz2TmC.png')" />
<img src="https://i.imgur.com/16n4apO.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/16n4apO.png')" />
<img src="https://i.imgur.com/Ke0iB6z.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/Ke0iB6z.png')" />
<img src="https://i.imgur.com/xSxyRr1.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/xSxyRr1.png')" />
<img src="https://i.imgur.com/av02ld6.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/av02ld6.png')" />
<img src="https://i.imgur.com/FRFUb0f.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/FRFUb0f.png')" />
<img src="https://i.imgur.com/01DIpxr.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/01DIpxr.png')" />
<img src="https://i.imgur.com/7zeNxRP.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/7zeNxRP.png')" />
<img src="https://i.imgur.com/yWsDjb8.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/yWsDjb8.png')" />
<img src="https://i.imgur.com/Hesjzsv.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/Hesjzsv.png')" />
<img src="https://i.imgur.com/NmYezQE.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/NmYezQE.png')" />
<img src="https://i.imgur.com/z8YP2Wt.png" style="cursor: pointer" onclick="smile(https://i.imgur.com/z8YP2Wt.png')" />
<img src="https://i.imgur.com/YwDRlFz.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/YwDRlFz.png')" />
<img src="https://i.imgur.com/izOxD8y.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/izOxD8y.png')" />
<img src="https://i.imgur.com/eQcXWgC.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/eQcXWgC.png')" />
<img src="https://i.imgur.com/IvVtnCQ.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/IvVtnCQ.png')" />
<img src="https://i.imgur.com/l7CLEx4.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/l7CLEx4.png')" />
<img src="https://i.imgur.com/wy1oaUf.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/wy1oaUf.png')" />
<img src="https://i.imgur.com/lgLtDsC.png" style="cursor: pointer" onclick="smile('https://i.imgur.com/lgLtDsC.png')" />
</td>
</tr>
</table>
</div>

<script>
function showhide(b){
id=b.id;
table = document.getElementById('list-'+id);

if (b.className == "active") {
b.classList.remove("active");
table.style.display="none";}
else {
allp = b.parentNode.getElementsByTagName("table");
alli = b.parentNode.getElementsByTagName("input");

for (var i = 0; i < allp.length; i++) {
    allp[i].style.display="none";
    }
    for (var i = 0; i < alli.length; i++) {
    alli[i].classList.remove("active");
    }
b.classList.add("active");
table.style.display="block";}
}

</script>

<div id="topcheg"><p>а ты нажал на кнопку топа, анон?</p>
<a href="https://rpgtop.su/25956" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="_blank">
<img src="//img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a></div>

3

Огонечек (не моего авторства, учусь у большого проекта) 2

Дизайн, верх.

/*************************************************************
A - SETUP
**************************************************************/
/* fonts */
@import url('https://fonts.googleapis.com/css?family=Kurale|Yeseva+One&display=swap&subset=cyrillic,cyrillic-ext,devanagari,latin-ext');
@import "http://fonts.fontstorage.com/import/bebasneue.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 {
  list-style: none;
  }

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

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

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

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

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

/* A3.1
размер текста */
body {
  font-size: 100.01%;
  }

/* A3.2 */
.punbb {
  font: normal 68.75% verdana, Georgia, Tahoma, Arial, Trebuchet MS, Sans-Serif,  Courier, Times New Roman, Serif;
  }

/*A3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup, button {
    font: 1em verdana, Georgia, arial, helvetica, sans-serif;
    background: #ccccca;
    border: 1px solid #cb9b9b;
  }

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3 {
font-size: 1.0em;
    font-weight: lighter;
    text-transform: lowercase;
  }

.punbb th {
  font-size: 0.9em;
  font-weight: normal;
  letter-spacing: 1px;
  }

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

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

.punbb legend span {
  font-size: 1.1em;
  }

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

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

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

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

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

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

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

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

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

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

/* A5.1 */
#pun {
  margin: 0 auto 30px;
  position: relative;
  width: 944px;
}

/* A5.2 */
.punbb {
  float: left;
  height: auto;
width: 908px;
margin: 0px;
padding: 0 16px 0 12px;;
  }

/* A5.3 */
#pun-redirect {
  margin: 50px 0 0 0;
  width: auto;
  float: none;
    background: #bec4c2;
    border: 1px solid #43465b;
    box-shadow: 14px 15px 0px -10px #253b39;
  }

#pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  background: #989090;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 0em;
  }
.section {
    padding: 0!important;
}

/* A5.5 */
.punbb .category, {
  margin-top: 0.4em;
  }
.punbb .post {
  background: url() no-repeat 0 0;
}

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

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

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

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

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

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

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

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

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

/* B1.2 */
.punbb .post-sig dt {
    display: list-item;
    border-top: 1px dashed #090909;
    width: 60%;
    margin-left: 130px;
    padding-bottom: 5px;
    margin-bottom: 5px !important;
  }

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

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

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

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

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    padding: 1em 1em;
    margin: 1em 0.5em;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    background-color: transparent;
    display: block;
    font-size: 14px;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: 'Yeseva One', sans-serif;
    line-height: 18px;
    text-align: left;
  }

strong.legend a {
    color: #bd9f9f!important;
}

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

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

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

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

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

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

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

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  font-size: 10px;
  color: #656565;
  text-transform: uppercase;
}

.linkst .pagelink a {
  color: #cb9b9b!important
}

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

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

  }

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

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

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

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

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

/* C1 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, button {
  margin: 0 1.2em 0 0!important;
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 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 1em 0
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: justify;

  }

#pun .tcl {
padding-left:5px;
}
#pun .tcr {
padding: 0 20px 0 0;
text-align: left;
text-transform: lowercase;
}

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

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  width: 25%;
  }

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

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
    font-weight: normal!important;
    padding: 1px 0;
    min-height: 15px;
    font-size: 19px;
    text-align: left;
    font-family: yeseva one;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-left: 4px;
  }

#pun-main .category .tcl h3 a {
    margin-right: 50px!important;
}
#pun-main .category td div.tclcon {
}

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

/* C2.10 */
.punbb td .modlist {
  display: none;
}

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

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

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

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
    margin-left: 10px;
    min-height: 25px;

}

/* C2.15 */
.punbb div.icon {
float: left;
    display: block;
    width: 17px;
    height: 15px;
    margin: 0 4px 0 0;
    margin-left: 41px;
    margin-top: 4px!important;
}

/* Фикс */
#pun-main .category .container {overflow: hidden}

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

/* C3.1 */
.punbb .post .container {
  border: none;
  margin-top: -1px;
  padding: 10px 0 0 0;
  }

/* C3.2 */
.punbb .post h3 {
  border-style:none;
margin-left: 10px;
  }

/* C3.3 */
.punbb .post h3 span {
  border: none;
  padding: 0em 3em;
  display: block;
  margin-left: 255px;
  }
.post-author ul {
margin: 0 0 1em 0;
padding: 1em 8px 0.8em 8px;
text-align: center;
}

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

/* C3.5 */
.punbb .post .post-author {
    float: left;
    width: 210px;
    overflow: visible!important;
    margin: -20px 0 0 -4px;
    padding-bottom: 10px;
    border: 1px solid #d8bbbb;
    /* background: #beb7b7; */
    border-top: 3px solid #d8bbbb;
  }

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

/* C3.7 */
.pa-author {
z-index: 1;
    color: #000500 !important;
    font-size: 14px !important;
    font-family: Yeseva One;
    text-transform: uppercase;
    padding: 3px 3px 0;
}

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

  }

/* C3.9 */
li.pa-title {
    padding: 1px 0px 0px;
    text-transform: lowercase;
    font-size: 11.4px;
    font-family: arial;
    color: #a0a1a3 !important;
  }

li.pa-online {
   /* lline-height: 1.2em; */
    padding: 3px 0px 3px;
    text-transform: uppercase;
    font-family: arial;
    font-size: 9px;
    color: #b67f7f;
  }

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

/* C3.12 */
.punbb .post-box {
padding: 10px 15px;
  }

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

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

  }

/* C3.15 */
.punbb .post-links ul {
  padding: 1em 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 0px;
  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 {
        margin-top: 4px;
  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;
text-align: center;

  }

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

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

/* D1.2 */
#pun-title h1 {
        display : block;
        margin: 0;
}

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

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

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

#pun-title TD.title-logo-tdr {
        border: none;
        padding-right: 0px;
}

#pun-title .title-logo {
color: transparent;
}

/* 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 {
    font-family: Yeseva One;
    font-size: 15px;

}

/* D3.2 */
#pun-navlinks .container {
      border: none;
    padding: 0.3em 0em 0.3em 0em;
    text-align: center;
    font-weight: bold;
text-transform: uppercase;

  }

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

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

/* D4.1 */
#pun-ulinks  {
    text-transform: lowercase;
    font-family: arial;
    padding: 1px 0 10px!important;
}

/* D4.2 */
#pun-ulinks .container {
  border: none;
  text-align: center;
  padding: 0em;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border: none;
  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: none;
  padding-left: 0
  }

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

/* D5.1 */
#pun-crumbs1 .container, #pun-status, #pun-status .container {
    border-bottom: none;
    margin-bottom: 0;
    background: transparent;
    text-transform: lowercase;
    margin-left: 150px;
    font-size: 9px;
    margin-top: -10px;
    color: #636363;
  }

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

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

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

/* D5.5 */
#pun-crumbs1 p.container {
border-top: none;
    padding: 0.8em;
    font-size: 10px;
    font-family: georgia;
    letter-spacing: 0px;
    margin-left: 6px;
    color: #c19292;
  }

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

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

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

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

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

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

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

/* 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%;
  text-transform: lowercase;
  }

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

/* 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.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
display: none;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
margin-right: 6.5em;
margin-top: 1em;
  }

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

li#navawards {display: none;}

Дизайн, низ.

/* CS1 Background and text colours
-------------------------------------------------------------*/

html {
    background: #d8bbbb;
}

#pun {
  background: url(https://forumstatic.ru/files/001a/3f/1b/98117.png) repeat top center  ;
  border: none;

}

#pun-title table {
border: none;
height: 280px;
width: 944px;
background: url("https://forumstatic.ru/files/001a/3f/1b/30243.png") no-repeat  #d8bbbb bottom center;
margin-left: -12px;
}

#pun-about {
background: url(https://forumstatic.ru/files/001a/3f/1b/28112.png) no-repeat scroll center bottom #d8bbbb;
    width: 944px;
    border-top-style: none;
    height: 47px;
    margin-left: -12px;
  }

.post-author ul {
text-align: center;
}

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

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

/* CS1.3 */
#pun-stats h2, .punbb .main h2, #pun-debug h2 {
    background: url(https://forumstatic.ru/files/001a/3f/1b/89001.png)no-repeat;
    color: #d8bbbb!important;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    margin: 0px -12px;
    padding: 13px 0!important;
    font-family: Yeseva One;
    font-size: 10px;
    letter-spacing: 3px;
}
h2 a {
    color: #c9cdcc!important;
}

.punbb .main h1
{        padding-right: 3em!important;
    background: transparent url()no-repeat;
    color: #b99ca4;
    height: 18px;
    font-weight: bold;
    text-align: center;
    font-family: yeseva none;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-top: 1em!important;
  }

.punbb-admin #pun-admain h2 {background: #191919;}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: none;
  color: #493c2e;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: none;
  color: #493c2e;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: none;
  color: #493c2e;
  }

/* CS1.7 */
.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
    border: 1px solid #997979;
    box-shadow: none;
    background: #ded4d4;
}

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

.punbb textarea, .punbb select, {background: #f6f6f6;
  color: #493c2e;

}

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

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

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

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

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

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

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

#pun-ulinks li, #pun-announcement h2 span, 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 thead, .lastedit {display:none;}*/

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

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

/* CS3 Links
-------------------------------------------------------------*/
.punbb .main .tcl h3 a {
    color: #d8bbbb;
}

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #636363;
text-decoration: none;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited  {
  color: #636363;
text-decoration: none;
  }
#smilies-area a {
font-weight: normal;
}
#smilies-area {
    width: 530px!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 {
  color: #cb9b9b;
text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a, #pun-ulinks a {
    color: #636363;
text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active, #pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active  {
  color: #d8bbbb;
text-decoration: none;
}

#pun-main .category td div.icon {

}

/* CS4 Post status icons
-------------------------------------------------------------*/
    div.icon {
            background: url(https://forumstatic.ru/files/001a/3f/1b/46776.png) no-repeat;
background: ;
    }

    tr.inew div.icon {
            background: url(https://forumstatic.ru/files/001a/32/bb/46660.png) no-repeat;
background: ;
    }

    tr.iclosed div.icon {
            background: url(https://forumstatic.ru/files/001a/3f/1b/46776.png) no-repeat;
background: ;
    }

    tr.isticky div.icon {
            background: url(https://forumstatic.ru/files/001a/3f/1b/46776.png) no-repeat;
background: ;
    }

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

/* CS3.4
#pun-category1 h2 {height: 30px; background-image: url(""); background-repeat: no-repeat; overflow-x: hidden; background-position: top center; color: transparent;}*/

/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
background-color: none;
}

.pa-avatar img {
    max-width: 182px;
    max-height: 182px;
    border: 1px solid #b67f7f!important;
    padding: 1px;
}

.punbb .post .post-author > ul {
    margin: 0!important;
    padding: 6px 0 0!important;
}

#pun-viewtopic .post h3 {
background: transparent url() no-repeat scroll center top;
    width: 936px !important;
    height:11px;
    margin: 0px -0px 0px -12px;
    padding-top: 10px;
    font-family: arial;

}

/* скрыть кол-во тем и соо */
.category .container thead {display: none;}
#pun-index .main .tc2, #pun-index .main .tc3 {display: ;}

/* выделение */
    ::selection {
    background: #906a6a;
    color: #c9cdcc;
    opacity: 0.4;
    }

/*описание форумов*/
.for_op {
    padding: 2px 0;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    color: #450101;
    display: none;
}

.for_op2 {
    padding: 0px 0 10px;
    font-family: play;
    color: #111215;
    margin: 0 30px!important;
    text-transform: lowercase;

}

.for_link {
    background: #d8bbbb;
    padding: 2px;
    margin: 5px 0px 0!important;
    text-align: center;
    font-size: 10px;
}
.for_link a {
    color: #636363!important;
}

.for_link a:hover {
    color: #8e8e8e!important;
}

/* Прокрутка */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
background: #c9cdcc;
}
::-webkit-scrollbar-thumb {
    background:#d8bbbb;
}

/*баннеры*/
.banners {
position: absolute;
    height: 22px;
    bottom: 11px;
    left: 28px;
    z-index: 0;
    overflow: auto;
    width: 787px;
    padding: 4px;
}

.banners a img, .for_op2 img {
  filter: grayscale(100%);
-webkit-filter: grayscale(100%);
  transition: all .5s ease-in-out 0s;
}

.banners a img:hover, .for_op2 img:hover {
  filter: none;
}

/*ЛЗ*/
li.pa-fld1 {
    padding: 5px 11px;
}

.character {
    font-family: Yeseva One;
    font-size: 12px;
    text-transform: uppercase;
}

.about {
border: 1px solid #d8bbbb;
    font-family: arial;
    font-size: 10px;
    text-align: justify;
    width: 170px;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    margin: 2px 0px 0px 0px !important;
    line-height: 1.3em;
    text-transform: lowercase;
    color: #8a6a64;
}

li.pa-fld3 {
background: #d8bbbb;
    color: #636363;
    margin: 0 10px -17px !important;
    padding: 1px;
    font-family: yeseva one;
    font-size: 9px;
    text-transform: uppercase;
}

/* Поля Сообщения, Репутация, Валюта */
.pa-fld2,.pa-respect{
    display: inline-block!important;
    margin: 2px 4px 0 !important;
    height: 15px!important;
    text-align: center;
    text-transform: uppercase;
    font-size: 9.7px;
    letter-spacing: 1.2px;
    font-family: open sans;

}

/*Размытие*/
del {
filter: blur(3px) opacity(0.6);
-webkit-filter: blur(3px) opacity(0.6);
transition: all .5s ease-in-out .1s;
text-decoration: none;
}

del:hover {
filter: none;
-webkit-filter: none;
text-decoration: none;
}

@media screen and (max-device-width: 900px) {
    #main-reply {width: 100%; height: 150px!important;}
   }

/*Шрифтюли 2.0*/
@font-face {
    font-family: 'Bebas Neue';
    src: url('https://forumstatic.ru/files/0019/d9/0b/62550.eot') format('eot'),
         url('https://forumstatic.ru/files/0019/d9/0b/26160.woff') format('woff'),
         url('https://forumstatic.ru/files/0019/d9/0b/88465.ttf')  format('truetype'),
    }

@font-face {
    font-family: 'Play';
    src:  url('https://forumstatic.ru/files/0019/ed/f7/22899.ttf')  format('truetype');
    }

/*Размер плюсика в репу*/
/*.pa-respect a img {
    height: 8px;
}*/

/*Фон под контейнеры в форме Ответа*/
#pun_wrap #post .container[id$="-area"]{
    background: #bec4c2;
    border: 1px solid #43465b;
    z-index: 5;
}

/*перенос тем*/
.pun-modal .modal-inner {
    max-width: 94%;
    height: auto;
    margin: 12% auto 0;
    position: relative;
    z-index: 120000;
    overflow: auto;
    background: #cfcfd5!important;
}

.pun-modal.move_posts_form h2 {
    background: none!important;
}

/*жалобы и репутация*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
  background: #dbd9d9;
}

#rep_form table tbody tr td.tcl span, #rep_form table tbody tr td.tc2 span {
  font-size: 12px;
  color: #000004;
}

#pun-report h1, #pun-reputation h1, #pun-admin-award-form h1 {
font-family: Yeseva One;
font-weight: normal;
margin-top: 5px;
}

/* смайл-бокс */
#stikery .active {
border: 1px solid #997979;
background: #ded4d4;
color: #000004;
border-bottom: 1px solid #ded4d4;
}

#stikery table {
margin: -3px -2px;
}

#stikery td {
padding: 5px 1px;
background: #ded4d4;
border: none;
}

/* Регулировка размера шрифта в постах © Alex_63 часть 1 */
    .FNTslider {
      border-radius: 4px;
      position:relative;z-index:1000;
      background: #ded4d4;
      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: #d8bbbb;
      margin-top: -1px;
    }
    .FNTslider .thumb {
      width: 8px;
      height: 13px;
      border-radius: 3px;
      position: relative;
      top: -4px;
      background: #997979;
      cursor: pointer;
    }

/*кнопка топа*/
#topcheg {text-align: right;}
#topcheg img {opacity: .5;}
#topcheg img:hover {opacity: 1;}

/*ШАПКА*/
.navigation {
    position: absolute;
    top: 7px;
    left: 352px;
    width: 309px;
    font-family: yeseva one;
    font-size: 14px;
    text-align: right;
    text-transform: uppercase;
}

.activist {
    position: absolute;
    top: 3px;
    left: 673px;
    text-align: right;
}

.activist img {
opacity: .7;
vertical-align: middle;
}

.activist img:hover {
opacity: 1;
}

.news {
right: 10px;
top: 46px;
position: absolute;
text-align: right;
}

.news1, .news2, .news3 {
background: url(https://forumstatic.ru/files/001a/31/a1/52858.png) no-repeat top center;
display: inline-block;
position: relative;
width: 52px;
height: 197px;
float right;
vertical-align: top;
}

#html-header .news a {
writing-mode: tb-rl;
padding: 10px 3px 0 0;
font-family: Yeseva One;
font-size: 26px;
color: #d6d2d2;
text-transform: uppercase;
}

#html-header .news a:hover {
color: #cb8a8a;
}

/*************************************

  MyBB.ru
  ПОДФОРУМЫ "НЕ СКРИПТОМ" © Alex_63
  Стиль (CSS)
  09.11.2015

*************************************/

.d-title {
  font-weight: 700;
}

.subforums {
  margin: 0 30px !important;
}

.subforums span {
  display: inline!important;
  margin-right: 6px;
}

.subforums span:not(:last-of-type):after{
  content: ",";
  margin-left: -2px;
}

.subforums .Icon_LastPost {
  margin-left: 4px;
  margin-right: 4px;
  vertical-align: bottom;
}

.subforums .Icon_LastPost,
.Icon_LastPost > img {
  max-width: 10px;
}

.subforums img.Icon_LastPost.O {
  opacity: 0.6;
  cursor: default !important;
}

#f-subforums {
  float: none;
  clear: both;
  width: 100%;
}

4

<div class="character"><a href="http://firecross.rolbb.ru/viewtopic.php?id=157#p8608">макс колфилд, 18</a></div><div class="about">фотограф, гик, перемотчик времени, хиппи одного <a href="http://firecross.rolbb.ru/profile.php?id=3">панка</a>, которая <a href="http://firecross.rolbb.ru/profile.php?id=34">"go ape"-нится</a> на выходных</div>

5

ХТЛМ-низ

<!--Картинка плюса в репутации -->
<script type="text/javascript">
var img = document.getElementsByTagName("img")
for (i=0; i<img.length; i++){
if(img[i].alt == "+") img[i].src = "https://funkyimg.com/i/2V2SZ.png"
}</script>

6

Огонечек еще:

Дизайн, верх.

/*************************************************************
A - SETUP
**************************************************************/
/* fonts */
@import url('https://fonts.googleapis.com/css?family=Kurale|Yeseva+One&display=swap&subset=cyrillic,cyrillic-ext,devanagari,latin-ext');

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

/* A1.1 */
@import url(style_cs.css);
@import "http://fonts.fontstorage.com/import/bebasneue.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 {
  list-style: none;
  }

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

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

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

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

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

/* A3.1
размер текста */
body {
  font-size: 100.01%;
  }

/* A3.2 */
.punbb {
  font: normal 68.75% verdana, Georgia, Tahoma, Arial, Trebuchet MS, Sans-Serif,  Courier, Times New Roman, Serif;
  }

/*A3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup, button {
    font: 1em verdana, Georgia, arial, helvetica, sans-serif;
    background: #ccccca;
    border: 1px solid #cb9b9b;
  }

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3 {
font-size: 1.0em;
    font-weight: lighter;
    text-transform: lowercase;
  }

.punbb th {
  font-size: 0.9em;
  font-weight: normal;
  letter-spacing: 1px;
  }

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

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

.punbb legend span {
  font-size: 1.1em;
  }

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

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

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

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

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

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

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

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

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

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

/* A5.1 */
#pun {
  margin: 0 auto 30px;
  position: relative;
  width: 973px;
}

/* A5.2 */
.punbb {
  float: left;
  height: auto;
width: 908px;
margin: 0px;
padding: 0 16px 0 12px;;
  }

/* A5.3 */
#pun-redirect {
  margin: 50px 0 0 0;
  width: auto;
  float: none;
    background: #bec4c2;
    border: 1px solid #43465b;
    box-shadow: 14px 15px 0px -10px #253b39;
  }

#pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  background: #989090;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 0em;
  }
.section {
    padding: 0!important;
}

/* A5.5 */
.punbb .category, {
  margin-top: 0.4em;
  }
.punbb .post {
  background: url() no-repeat 0 0;
}

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

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

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

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

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

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

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

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

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

/* B1.2 */
.punbb .post-sig dt {
    display: list-item;
    border-top: 1px dashed #090909;
    width: 60%;
    margin-left: 130px;
    padding-bottom: 5px;
    margin-bottom: 5px !important;
  }

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

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

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

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

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    padding: 1em 1em;
    margin: 1em 0.5em;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    background-color: transparent;
    display: block;
    font-size: 14px;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: 'Yeseva One', sans-serif;
    line-height: 18px;
    text-align: left;
  }

strong.legend a {
    color: #bd9f9f!important;
}

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

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

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

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

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

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

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

/* B3.3 */
.linkst .pagelink {
    position: absolute;
    top: -4em;
    left: 4em;
    width: 24em;
    font-size: 10px;
    color: #656565;
    text-transform: uppercase;
}

.linkst .pagelink a {
  color: #9f0c12!important
}

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

/* 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;
    margin-left: 26px;
  }

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

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

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

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

/* C1 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, button {
  margin: 0 1.2em 0 0!important;
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 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 1em 0
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: justify;

  }

#pun .tcl {
padding-left:5px;
}
#pun .tcr {
padding: 0 20px 0 0;
text-align: left;
text-transform: lowercase;
}

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

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  width: 25%;
  }

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

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
    font-weight: normal!important;
    padding: 1px 0;
    min-height: 15px;
    font-size: 19px;
    text-align: left;
    font-family: Montserrat;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-left: 4px;
  }

#pun-main .category .tcl h3 a {
    margin-right: 50px!important;
}
#pun-main .category td div.tclcon {
}

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

/* C2.10 */
.punbb td .modlist {
  display: none;
}

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

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

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

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
    margin-left: 10px;
    min-height: 25px;

}

/* C2.15 */
.punbb div.icon {
    float: left;
    /* display: block; */
    width: 50px;
    height: 80px;
    margin: 0 12px 12px 0;
    margin-left: 30px;
    margin-top: -4px!important;
}

/* Фикс */
#pun-main .category .container {overflow: hidden}

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

/* C3.1 */
.punbb .post .container {
    border: none;
    margin-top: -1px;
    padding: 10px 0 5px 36px;
    margin-right: -25px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style:none;
margin-left: 10px;
  }

/* C3.3 */
.punbb .post h3 span {
  border: none;
  padding: 0em 3em;
  display: block;
  margin-left: 255px;
  }
.post-author ul {
margin: 0 0 1em 0;
padding: 1em 8px 0.8em 8px;
text-align: center;
}

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

/* C3.5 */
.punbb .post .post-author {
    float: left;
    width: 210px;
    overflow: visible!important;
    margin: -20px 0 0 -4px;
    padding-bottom: 10px;
    /* border: 1px solid #d8bbbb; */
    background: #140d0a;
  }

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

/* C3.7 */
.pa-author {
z-index: 1;
    color: #000500 !important;
    font-size: 14px !important;
    font-family: Montserrat;
    text-transform: uppercase;
    padding: 3px 3px 0;
}

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

  }

/* C3.9 */
li.pa-title {
    padding: 4px 0px 0px;
    text-transform: lowercase;
    font-size: 11.4px;
    font-family: arial;
    color: #a0a1a3 !important;
  }

li.pa-online {
   /* lline-height: 1.2em; */
    padding: 3px 0px 3px;
    text-transform: uppercase;
    font-family: arial;
    font-size: 9px;
    color: #b7b0b0;
  }

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

/* C3.12 */
.punbb .post-box {
padding: 10px 15px;
  }

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

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

  }

/* C3.15 */
.punbb .post-links ul {
  padding: 1em 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 0px;
  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 {
        margin-top: 4px;
  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;
text-align: center;

  }

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

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

/* D1.2 */
#pun-title h1 {
        display : block;
        margin: 0;
}

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

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

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

#pun-title TD.title-logo-tdr {
        border: none;
        padding-right: 0px;
}

#pun-title .title-logo {
color: transparent;
}

/* 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 {
    font-family: Yeseva One;
    font-size: 15px;

}

/* D3.2 */
#pun-navlinks .container {
      border: none;
    padding: 0.3em 0em 0.3em 0em;
    text-align: center;
    font-weight: bold;
text-transform: uppercase;

  }

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

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

/* D4.1 */
#pun-ulinks  {
    text-transform: lowercase;
    font-family: arial;
    padding: 1px 0 10px!important;
}

/* D4.2 */
#pun-ulinks .container {
  border: none;
  text-align: center;
  padding: 0em;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border: none;
  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: none;
  padding-left: 0
  }

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

/* D5.1 */
#pun-crumbs1 .container, #pun-status, #pun-status .container {
    border-bottom: none;
    margin-bottom: 0;
    background: transparent;
    text-transform: lowercase;
    margin-left: 150px;
    font-size: 9px;
    margin-top: -10px;
    color: #636363;
  }

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

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

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

/* D5.5 */
#pun-crumbs1 p.container {
    border-top: none;
    padding: 0.8em;
    font-size: 10px;
    font-family: georgia;
    letter-spacing: 0px;
    margin-left: 25px;
    color: #99090c;
  }

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

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

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

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

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

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

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

/* 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%;
    text-transform: lowercase;
    margin-right: -52px;
  }

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

/* 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.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
display: none;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
margin-right: 6.5em;
margin-top: 1em;
  }

/* 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;
  margin-left: 17px;
  }

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

li#navawards {display: none;}

7

Дизайн, низ.

/* CS1 Background and text colours
-------------------------------------------------------------*/

html {
    background: url(https://forumstatic.ru/files/001a/3f/1b/37856.png) repeat top center #b7b8b8;
}

#pun {
  background: url(https://forumstatic.ru/files/001a/3f/1b/19431.png) repeat top center  ;
  border: none;

}

#pun-title table {
border: none;
height: 329px;
width: 973px;
background: url("https://forumstatic.ru/files/001a/3f/1b/83536.png") no-repeat  #d8bbbb;
background-position: top center;
margin-left: -12px;
}

#pun-about {
background: url(https://forumstatic.ru/files/001a/3f/1b/34229.png) no-repeat scroll center bottom #d8bbbb;
    width: 973px;
    border-top-style: none;
    height: 64px;
    margin-left: -12px;
  }

.post-author ul {
text-align: center;
}

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

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

/* CS1.3 */
#pun-stats h2, .punbb .main h2, #pun-debug h2 {
   /* background: url(https://forumstatic.ru/files/001a/3f/1b/89001.png)no-repeat; */
    color: #990c1a!important;
    font-weight: normal;
    text-align: right;
    text-transform: uppercase;
    margin: 0px -12px;
    padding: 13px 0!important;
    font-family: Montserrat;
    font-size: 10px;
    letter-spacing: 3px;
}
h2 a {
    color: #c9cdcc!important;
}

.punbb .main h1
{        padding-right: 3em!important;
    background: transparent url()no-repeat;
    color: #b99ca4;
    height: 18px;
    font-weight: bold;
    text-align: center;
    font-family: yeseva none;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-top: 1em!important;
  }

.punbb-admin #pun-admain h2 {background: #191919;}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
    color: #493c2e;
    margin-left: 28px;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: none;
  color: #493c2e;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: none;
  color: #493c2e;
  }

/* CS1.7 */
.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
    border: 1px solid #997979;
    box-shadow: none;
    background: #ded4d4;
}

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

.punbb textarea, .punbb select, {background: #f6f6f6;
  color: #493c2e;

}

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

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

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

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

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

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

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

#pun-ulinks li, #pun-announcement h2 span, 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 thead, .lastedit {display:none;}*/

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

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

/* CS3 Links
-------------------------------------------------------------*/
.punbb .main .tcl h3 a {
    color: #9f0c12;
}

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #636363;
text-decoration: none;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited  {
  color: #636363;
text-decoration: none;
  }
#smilies-area a {
font-weight: normal;
}
#smilies-area {
    width: 530px!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 {
  color: #cb9b9b;
text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a, #pun-ulinks a {
color: #9f0c12;
    text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active, #pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active  {
  color: #07215d;
text-decoration: none;
}

#pun-main .category td div.icon {

}

/* CS4 Post status icons
-------------------------------------------------------------*/
    div.icon {
            background: url(https://forumstatic.ru/files/001a/3f/1b/39890.png) no-repeat;
background: ;
    }

    tr.inew div.icon {
            background: url(https://forumstatic.ru/files/001a/3f/1b/14107.png) no-repeat;
background: ;
    }

    tr.iclosed div.icon {
            background: url(https://forumstatic.ru/files/001a/3f/1b/39890.png) no-repeat;
background: ;
    }

    tr.isticky div.icon {
            background: url(https://forumstatic.ru/files/001a/3f/1b/39890.png) no-repeat;
background: ;
    }

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

/* CS3.4
#pun-category1 h2 {height: 30px; background-image: url(""); background-repeat: no-repeat; overflow-x: hidden; background-position: top center; color: transparent;}*/

/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
background-color: none;
}

.pa-avatar img {
max-width: 182px;
    max-height: 182px;
    /* border: 1px solid #b67f7f!important; */
    padding: 1px;
}

.punbb .post .post-author > ul {
    margin: 0!important;
    padding: 6px 0 0!important;
}

#pun-viewtopic .post h3 {
background: transparent url() no-repeat scroll center top;
    width: 936px !important;
    height:11px;
    margin: 0px -0px 0px -12px;
    padding-top: 10px;
    font-family: arial;

}

/* скрыть кол-во тем и соо */
.category .container thead {display: none;}
#pun-index .main .tc2, #pun-index .main .tc3 {display: ;}

/* выделение */
    ::selection {
    background: #906a6a;
    color: #c9cdcc;
    opacity: 0.4;
    }

/*описание форумов*/
.for_op {
    padding: 2px 0;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    color: #450101;
    display: none;
}

.for_op2 {
    padding: 0px 0 10px;
    font-family: play;
    color: #111215;
    margin: 0 30px!important;
    text-transform: lowercase;

}

.for_link {
    background: #150519;
    padding: 2px;
    margin: 5px 0px 0!important;
    text-align: center;
    font-size: 10px;
}
.for_link a {
    color: #c7c7c7!important;
}

.for_link a:hover {
    color: #8a4a4a!important;
}

/* Прокрутка */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
background: #c9cdcc;
}
::-webkit-scrollbar-thumb {
    background:#d8bbbb;
}

/*баннеры*/
.banners {
    position: absolute;
    height: 28px;
    bottom: 16px;
    left: 34px;
    z-index: 0;
    overflow: auto;
    width: 927px;
    padding: 4px;
}

.banners a img {
  filter: grayscale(100%);
-webkit-filter: grayscale(100%);
  transition: all .5s ease-in-out 0s;
}

.banners a img:hover {
  filter: none;
}

/*ЛЗ*/
li.pa-fld1 {
    padding: 5px 11px;
}

.character {
    font-family: Yeseva One;
    font-size: 12px;
    text-transform: uppercase;
}

.about {
border: 1px solid #827f7f;
    font-family: arial;
    font-size: 10px;
    text-align: justify;
    width: 170px;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    margin: 2px 0px 0px 0px !important;
    line-height: 1.3em;
    text-transform: lowercase;
    color: #9c9a91;
}

li.pa-fld3 {
background: #07215d;
    color: #ded4d4;
    margin: 0 0px -17px !important;
    padding: 1px;
    font-family: Montserrat;
    font-size: 10px;
    text-transform: uppercase;
}

/* Поля Сообщения, Репутация, Валюта */
.pa-fld2,.pa-respect{
    display: inline-block!important;
    margin: 2px 4px 0 !important;
    height: 15px!important;
    text-align: center;
    text-transform: uppercase;
    font-size: 9.7px;
    letter-spacing: 1.2px;
    font-family: open sans;

}

/*Размытие*/
del {color: transparent;
  text-decoration: none!important;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-webkit-transition: text-shadow 2.0 ease-out;
-moz-transition: text-shadow 2.0 ease-out;
-ms-transition: text-shadow 2.0 ease-out;
-o-transition: text-shadow 2.0 ease-out;
transition: text-shadow 2.0 ease-out;
}

del:hover {background: transparent!important;color: #302d22;text-decoration: none!important;text-shadow: none;}

@media screen and (max-device-width: 900px) {
    #main-reply {width: 100%; height: 150px!important;}
   }

/*Шрифтюли 2.0*/
@font-face {
    font-family: 'Bebas Neue';
    src: url('https://forumstatic.ru/files/0019/d9/0b/62550.eot') format('eot'),
         url('https://forumstatic.ru/files/0019/d9/0b/26160.woff') format('woff'),
         url('https://forumstatic.ru/files/0019/d9/0b/88465.ttf')  format('truetype'),
    }

@font-face {
    font-family: 'Play';
    src:  url('https://forumstatic.ru/files/0019/ed/f7/22899.ttf')  format('truetype');
    }

@font-face {
    font-family: 'Montserrat';
    src:  url('https://forumstatic.ru/files/001a/3f/1b/85540.ttf')  format('truetype');
    }

/*Размер плюсика в репу*/
/*.pa-respect a img {
    height: 8px;
}*/

/*Фон под контейнеры в форме Ответа*/
#pun_wrap #post .container[id$="-area"]{
    background: #bec4c2;
    border: 1px solid #43465b;
    z-index: 5;
}

/*перенос тем*/
.pun-modal .modal-inner {
    max-width: 94%;
    height: auto;
    margin: 12% auto 0;
    position: relative;
    z-index: 120000;
    overflow: auto;
    background: #cfcfd5!important;
}

.pun-modal.move_posts_form h2 {
    background: none!important;
}

/*ШАПКА*/
.navigation {
    position: absolute;
    top: -1px;
    left: 352px;
    width: 309px;
    font-family: yeseva one;
    font-size: 16px;
    text-align: right;
}

.activist {
    position: absolute;
    top: -2px;
    left: 673px;
    text-align: right;
}

.activist img {
opacity: .7;
vertical-align: middle;
}

.activist img:hover {
opacity: 1;
}

8

дизайн верх

/* A1 Import the colour scheme */
@import url(style_cs.css);

@media screen and (orientation: portrait), screen and (max-width: 720px) {
.post-box .post-content { font-size: 2.2em !important; }
.punbb textarea { font-size: 2.2em !important; }
}

/* A2 Deal with browser defaults and wonkiness */
/* A2.1  */
html, body {margin: 0; padding: 0}

/*** ФОН  ***/
html, body {
background: url(http://images.vfl.ru/ii/1557148114/611d … 437775.jpg) 50% 0% repeat;
background-color:#0b1911;}

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

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

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

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

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

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

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

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

/* A3.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 {font-weight: normal; }

.punbb th, #pun-about .container {font-weight: normal; background-color: transparent; text-transform: lowercase;}
.punbb th {font-size: 10px !important;  font-family: Tahoma, arial;}
#pun-about .container {font-size: 10px;}

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

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

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

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

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

/* A3.11 */
.punbb optgroup {font-weight: 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 {
width: 992px;
margin: 0px auto 30px;
padding: 0px 30px 20px 30px;
box-sizing:border-box;
background: url(http://images.vfl.ru/ii/1557147956/be14 … 437746.jpg) 50% 0% no-repeat, url(http://images.vfl.ru/ii/1557148609/96f7 … 437887.jpg) 50% 100% no-repeat, url(http://images.vfl.ru/ii/1557148022/22bb … 437763.jpg) 50% 0% repeat;
background-color:#d8ccb5;
}

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

/* A5.3 страница переадресации */
#pun #pun-redirect{
  border:0 none!important;
  background-image: url(http://images.vfl.ru/ii/1557148114/611d … 437775.jpg) !important;
  margin: auto; padding:0;
  left:0; right:0; top:0; bottom:0; position:fixed;
  width:100%; height:100%; text-align:center;}
#pun-redirect *{border:0 none; margin:0; padding:0;}
#pun-redirect .main-title {display:none;}

#pun-redirect.punbb .info .container{
  height:200px; width:400px; text-align:center;
  margin:auto!important; padding:0;
  left:0; right:0; top:0; bottom:0;
  position:absolute; font-weight:bold; display:block;
  background: transparent!important;     color: #c7b499 !important; }

#pun-redirect.punbb .info a{color:#829271; font: italic normal 400 12px/normal Tahoma, Georgia;}
#pun-redirect.punbb a:hover{color:#7d9c5c !important;}

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

/* A5.5 */
.punbb .category {margin-top: 0.4em; padding-bottom:1.2em;}
.punbb .post {margin-top: 4px;}

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

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

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

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

/*****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;
width: 70%; margin: 10px auto;
border: 0; height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), #b99970, rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), #b99970, rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), #b99970, rgba(0,0,0,0));
background-image: linear-gradient(left, rgba(0,0,0,0), #b99970, rgba(0,0,0,0)); }

.post-content .post-sig p {font-size: 0.85em !important;}

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

/* B1.4 */
.punbb .post-content img {vertical-align: text-bottom;}
.punbb .post-content img.postimg {margin: 0.2em 0px !important;}

/* B1.5 */
.punbb .post-content img.postimg {vertical-align: middle; height:auto; width:auto; max-width:100%;}

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {margin: 0.5em 0.3em 0.9em; padding: 1em;}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
    padding: 0.5em;
    margin: -0.5em -1em 0.8em -1em;
    font-size: 1em;
    font-weight: 400 !important;
    font-style: normal;
    font-family: Georgia, Tahoma, serif;
    text-align: center;
    color: #96642d;
    text-shadow: 1px 0px 1px #bfac91;
    text-transform: uppercase;
    border-bottom: 1px dashed #bfa681;
}

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

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

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

/* B3 Pagination and posting links */
/* B3.1 */
.punbb .linkst {float: left; position: relative; width: 100%; font-size: 1.2em; height: 0; font-family: Tahoma, times, Arial; }

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

/* B3.3 */
.linkst .pagelink {position: absolute; top: -4.2em; left: 1em; width: 24em;
  color: #8a5c2e;}

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

/* B3.5 */
.punbb .linksb {text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.2em; font-family: Tahoma, times, Arial; }

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

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

/*** НОМЕР АКТИВНОЙ СТРАНИЦЫ ***/
.linkst .pagelink strong, .linksb .pagelink strong {
padding: 3px 5px; }

/* B3.8 */
.subscribelink {clear:both; padding-top: 0.3em; padding-bottom: 0.5em; }
.punbb .linksb .subscribelink {font-size:12px !important;}

/*****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: none; border-width: 0px; padding: 0 18px 0 18px; margin: 0 0 1em 0; border-color: transparent;}

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

/*** ЛЕГЕНДА ***/
.punbb legend span, #viewprofile h2 span, .punbb-admin #pun-admain legend span {font-weight: bold; color:#8a5c2e; font-family: Georgia, Arial;}

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

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

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

/* C2.4 */
#pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl {width: 40%;}
#pun-searchtopics .main .tcl, #pun-searchtopics .main .tcr {font-size:1.1em;}

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

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

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

/* C2.8 */
#pun-index .tcl h3 {font-size: 1.25em; font-weight: normal; text-align:left;}

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

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

/* C2.11 */
.punbb .main td {border: none; padding: 0.6em 1em;}

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

/* C2.13 иконки */
.punbb div.icon {float: left; display:block; height:44px; width:38px; background-position: 0% 0%; background-repeat: no-repeat;}

Div.icon { height:44px; width:38px; margin: -12px 10px auto 10px; background: url(http://images.vfl.ru/ii/1557147836/37ae … 437730.png) no-repeat;}
TR.inew Div.icon {background-position: -96px 0px;}
TR.iclosed Div.icon {background-position: -48px 0px;}
TR.isticky Div.icon {background-position: -144px 0px;}

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

/* C2.14 */
.punbb td div.tclcon {
margin-left: 0px;
padding: 2px 12px 15px;
font-size: 1em;   }

/*** ОФОРМЛЕНИЕ ГЛАВНОЙ СТРАНИЦЫ ***/
#pun-index #pun-main td div.tclcon {
margin-top:10px;
border: 1px solid #b59d7c;
box-shadow: 0px 2px 5px 0px rgba(183, 160, 129, 0.5);
font-size:1.1em;
}

#pun-index .main .tc2, #pun-index .main .tc3 {font-family: times, Arial, tahoma; font-size: 1.3em; color: #906b45;}

/*** ИКОНКИ НА ГЛАВНОЙ ***/
#pun-main .category td div.tclcon {margin-left: 12px; padding-top: 2px; text-align:justify;}
#pun-main .category Div.icon {float: left; display:block; border-style:none;
height:44px; width:38px;
margin-top: 8px;
margin-left:20px;
background-repeat: no-repeat;
background: url(http://images.vfl.ru/ii/1557147836/37ae … 437730.png) transparent;
background-position: 0px 0% !important; }
#pun-main .category TR.inew Div.icon{background-position: -144px 0px !important;}

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

/* C3.2 ДАТА ПОСТА */
.punbb .post h3 {border-style: none; border-width: 0px;
color: #6d421e;
text-shadow: 0 0 1px #bba181;
font-size: 10px;
margin:auto -10px;
}

/*** C3.3 ДАТА ПОСТА ***/
.punbb .post h3 span {
padding: 5px 10px;
display: block;
text-align: center;
background: rgba(158, 112, 55, 0.1);
}

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

/* C3.5 */
.punbb .post .post-author {float: left; margin-top: 1em; margin-left:0px; overflow: hidden; text-align:center; }

/*** БЛОК ПОЛЬЗОВАТЕЛЯ ***/
.post-author { width: 216px;
color: #b79e80;
box-shadow: 0px 0px 3px 0px #3a2710, 0 0 7px 1px #b1803b;
background: url(http://images.vfl.ru/ii/1557148114/611d … 437775.jpg) 50% 0% repeat #0b1911;
border: 2px solid #2f1804;
border-radius: 6px;
}

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

/* C3.7 */
.punbb .post h3 {background: transparent;}

/*** C3.8 НИКНЕЙМ ***/
.pa-author { text-align: center;
font-weight: 400;
font-family: Georgia, Tahoma, serif;
font-size: 1.6em;
padding-top:22px !important;
margin-bottom: 4px;
font-variant: small-caps;
letter-spacing: 1px;
color:#b98f5c;  }

.pa-author strong {font-weight: 400;}

/* C3.9 */
li.pa-title {padding: 2px 0 8px 0;
font-weight:400; font-size: 11px; font-family: Tahoma, Arial; font-style: italic;}

li.pa-online {line-height: 0.8em; border-left-style: none; margin-top: 0.7em;}
li.pa-online strong {font-style: italic; font-weight: 400 !important; font-family: Georgia, Tahoma, serif;}

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

/* C3.12 */
.punbb .post-box {padding: 1.8em 1em 1em 2.4em;}
#profile .post-box {padding-right: 0em !important;}

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

/* C3.14 */
.punbb .post-links {margin-left: 19em; border-left-style: none; border-left-width: 0px; border-color: transparent; font-weight:600;
font-family: Georgia, Tahoma, Arial;
color: #584735;  }

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

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

/* 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: 1.1em !important;}

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

/*** C6.2 БЛОК ВЫБОРА ВКЛАДОК ***/
#profilenav {
float: left; display: inline; width: 14em;
margin-left: -16.3em; padding-top: 1em;
text-align: center;
background: rgba(220, 209, 192, 0.35);
color: #5a340b;
border: 3px double #bfa681;
box-shadow: inset 0px 0px 5px 0px #c3ac89;
}

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

/* C6.4 */
#viewprofile ul, #profilenav ul {border-style: none; border-width: 0px; border-color: transparent; padding: 1em 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;}

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

/*** РАМКА И ТЕНЬ ДЛЯ АВАТАРКИ ***/
.pa-avatar img, .punbb img.avatardemo, #profile-left img{
border: 3px double #2f1804; }
.pa-avatar img {max-width: 190px; max-height:300px; margin: 0px auto 6px auto; box-shadow: 0px 0px 6px #000; }

/*** РАДИУС У АВАТАРОК ПРИ ССЫЛКАХ ***/
.punbb .user-avatar img.ava {border-radius:50% !important;}

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

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

/* C7.3 */
#pun-userlist .usertable table {border: none;}

/*****D - PUNBB SECTIONS OTHER THAN MAIN CONTENT*****/
/* D1 Logo and description */
/* D1.1 */
#pun-title {margin: 0; border-style: none; border-width: 0px;}

/* D1.2 название форума */
#pun-title h1 {display: none; height: 20px; padding: 2em 1em 0 1em;}

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

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

#pun-title table {border:none; width:auto; margin: auto; height:140px;}

#pun-title td.title-logo-tdl {border:none; width: 100%;}
#pun-title td.title-logo-tdr {border: none; vertical-align: top; top: 0px; left: 5%; margin-top: 0px; position: absolute;}

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

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

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

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

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {position:relative; margin: 0;}
#pun-pagelinks li a span {display:block; margin: 0 1em;}

/* D3 Forum navigation */
/* D3.1 */
#pun-navlinks, #pun-navlinks .container {border-left: none 0px; border-right: none 0px; text-align:center;
font-family: Georgia, Tahoma, Arial, serif;
margin-bottom:10px;
font-weight:400;
}

/* D3.2 */
#pun-navlinks .container {margin: 10px auto auto;}

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

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

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

/* D4.2 */
#pun-ulinks .container {
margin: auto auto 28px auto;
text-align: center;
text-transform: lowercase;
font-size: 12px;
font-family: Arial, times, tahoma; }

/* 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 li a {padding: 0 0.3em 0 0.6em;}

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

/* D5 Welcome box and Top Breadcrumbs */
/* D5.1 */
#pun-status, #pun-status .container {border-bottom: none; margin-bottom: 0; margin-top:1em; }

/* D5.2 */
#pun-status .container {
padding: 0em 1em 0.7em 1em;
font-size: 1em;
}

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

/* D5.4 */
#pun-crumbs1 {
font-weight: 600;
font-size: 1.1em;
overflow: hidden;
margin-top: 0;
color: #8c6646;
font-family: Arial, Tahoma, serif;
}

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

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

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

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

/* D6.3 */
#pun-announcement .container {background: transparent; padding: 0px 20px 0px 20px;  margin-top: 0px; }

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

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

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

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

/* D7.5 */
li#onlinelist div {border-top-style: none; border-top-width: 0px; 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; margin-right: 0.2em; margin-bottom:0;}

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

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

/* D8.6 */
#pun-crumbs2 {
font-weight: 600;
font-size: 1.1em;
overflow: hidden;
margin-top: 0;
color: #8c6646;
font-family: Arial, Tahoma, serif;
}

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

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

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

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

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

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

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

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

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

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

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

/*** ЦВЕТ АДМИНКИ ***/
.punbb-admin #pun-admain .adcontainer, #pun-admain {background-color:#d8ccb5;}

/*** всякое ***/
.punbb #pun-main .info-box .legend, .punbb .info-box, #setmods dd, #viewprofile li div, #viewprofile li strong, .punbb .formal fieldset .post-box, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .post .container, .punbb .main .container {background: transparent}

#pun-navlinks .container {background-color: transparent;}
.offline li.pa-online strong {font-weight: normal;}

.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 {width:100%; display:block; border-color: transparent; margin:auto; text-align:center;}
.punbb .main h1 {width:98%;}

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

#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 .formal fieldset .post-box, .punbb .info-box {border: transparent;}
.punbb .divider {border-color: transparent;}
#pun-main div.catleft, #pun-main div.catright {display: none}
#post-preview, fieldset {min-width:0;}
.punbb .post-content .quote-box + p:first-line { line-height: 150%; }
#topic-users-in a:after {content: ',';}
#topic-users-in a:last-child:after {display: none;}

#poll-special td h1{background: #33481f !important; margin: auto 0;}

/*** ГРАНИЦЫ ТАБЛИЧЕК ***/
.punbb .post-content td {border: 0px none transparent !important;}

/*** ПЕРЕМЕЩЕНИЕ СООБЩЕНИЙ - РАЗДЕЛИТЕЛЬ ***/
div.Select_Topics .container tr { border-bottom: 1px solid #c5ad8a; }

/*** ФОН ДЛЯ ВЫСКАКИВАЮЩИХ ОКОН ***/
.inner, #pun_wrap #post .container[id$="-area"], #video-area-tinp, #image-area-tinp, .pun-modal .modal-inner {
outline:none;
border: 1px solid #ab9171 !important;
background: #d2c6ae;
box-shadow: inset 0 0 4px #d2ba8b;
}

#pun_wrap #post .container[id$="-area"] {max-height:260px; overflow:auto;}

#pun-report .bg, #pun-reputation .bg, #pun-admin-award-form .bg {
display: none; position: fixed; z-index: 10; width: 100%; height: 100%; left: 0;top: 0;
background: #11150f !important; opacity: .65; filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; cursor: pointer; }

/*** РЕЙТИНГ ПОСТА ***/
div.post-rating a, div.post-vote a, .post-rating p.container {font-weight:normal; font-size:0.8em;}

/*** ЗАПЛАТКИ ДЛЯ ЗАКЛАДКИ ***/
#MyBookmarks .container, .editBookmark, #MyBookmarks h2, #MyBookmarks h1 {background: url(http://images.vfl.ru/ii/1557148022/22bb … 437763.jpg) 50% 0% repeat #d8ccb5;
border: 1px solid #855b29;
box-shadow: 0px 0px 5px #c19a6a inset;}
#MyBookmarks {max-height: 300px; margin-top: 5%;}
#BookmCntToggle.default-style {color: #535f18 !important;}

/*** тень для ЛС ***/
span.num_msg, span.num_msg:before {text-shadow: 2px 1px 1px #000 !important;}

/*** ЗАПЛАТКА ДЛЯ ПЛАВАЮЩЕГО БЛОКА ***/
.punbb .main .tcr span { overflow: hidden; }

/***  ЗАПЛАТКА ДЛЯ ПОЛЯ ОТВЕТА ***/
textarea#main-reply {
margin: 0 auto !important;
padding: 0.75em;
box-sizing: border-box;
overflow: auto; 
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

/*** Фикс против расплывающейся репутации ***/
#pun-respect .tc3 {
  position: relative;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word; }

/***   ПОЛЕ С ЛЗ   ***/
.pa-fld1 {
background: #d0c2a8;  color: #3c2707;
box-shadow: 0px 1px 5px 0px #000, inset 0 0 3px #442504, inset 0 0 7px 2px #945a12;
border: 2px solid #2f1804;
border-radius: 6px;
padding: 0.8em 0.5em !important;
margin: 0.1em auto 0.8em auto !important;
text-align:center; }
.pa-fld1 a {color:#9c1212 !important;}

9

дизайн низ

/*** ЦИТАТА И КОД ***/
.punbb .quote-box, .punbb .code-box {
outline: none;
background: rgba(220, 209, 192, 0.35);
color: #5a340b;
border: 3px double #bfa681;
box-shadow: inset 0px 0px 5px 0px #c3ac89;  }

.punbb .quote-box {font-size: 1em;}
.punbb .code-box {   
font-size: 0.9em;
outline: none;
color: #a07b44;  }

/*** МОДЕРАТОРСКОЕ МЕНЮ    ПОЛЯ ВВОДА ***/
.punbb input, .punbb select, .punbb optgroup {
outline: none; padding: 5px;
background-color: #dacdb4;
color: #2b2114;
border: 1px solid #987b54; }

/*** ССЫЛКИ НА ФОРУМЕ  ***/
.punbb a, .punbb a:link, .punbb a:visited { color: #445f0f; }

/*** ССЫЛКА ДАТА ПОСТА ***/
.punbb .post h3 span a { color:#845b2e; }

/*** ССЫЛКИ АКТИВНЫ ***/
.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:#8c2313; }

/*** ССЫЛКИ В ТЕЛЕ ПОСТА ***/
.post-box a { color: #4c6912; text-shadow: 0 0 1px #b1a280;}

/*** НАВИГАЦИЯ  ***/
#pun-navlinks a {
text-decoration: none;
color: #525923 !important;
text-shadow: 0px 1px 1px #adaf85;}

/*** ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ ***/
#pun-ulinks a {
color: #a57843;
text-decoration: none;
text-shadow: 0px 0px 1px #bfae94; }

/*** НАВИГАЦИЯ ПРИ НАВЕДЕНИИ ***/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #906a25 !important; text-shadow: 0px 1px 1px #c5a874;   }

/*** ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ ПРИ НАВЕДЕНИИ ***/
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
color:#ab9069; text-decoration: none; }

/*** ВКЛАДКА АКТИВНА ***/
#pun-main li.isactive a, #pun-main li.isactive a:link, #pun-main li.isactive a:visited { color:#a72a0e; }

/***  КАРТИНКА ПЕРЕД СТАТИСТИКОЙ  ***/
#pun-stats ul.container {
background: transparent url(http://images.vfl.ru/ii/1557147836/37ae … 437730.png) no-repeat -144px 10%; margin-left: 30px; padding-left: 54px; }

/***  ЦВЕТНОЕ ВЫДЕЛЕНИЕ ТЕКСТА  ***/
::selection { background: #536123; color: #d8d3c7; } 
*::-moz-selection { background: #536123; color: #d8d3c7; }

/*** ЦВЕТНОЙ СКРОЛЛ ***/
*::-webkit-scrollbar {width:8px; height:8px; background:rgba(167, 137, 99, 0.2);}
*::-webkit-scrollbar-thumb {background:#a1815b; border-radius:4px;}
*::-webkit-scrollbar-corner {background: transparent;}

/***  Убрать Закрыто и Важно  ***/
.stickytext,.closedatafield {display:none;}

/*** СКРЫВАЕМ НЕКОТОРЫЕ ЭЛЕМЕНТЫ ***/
li#navawards, .pl-share, .lastedit, .pa-gifts, #button-files_rusff, #pun-live-rusff, #pun-title .title-logo span, .sharelink, .pa-from, .pa-sex, .pa-age, .pa-invites { display:none !important; }

/*** КНОПОЧКИ ***/
button, .button {
border: 1px solid #ab9171 !important;
text-decoration: none;
outline: none;
padding: 7px 12px !important;
background: #d2c6ae;
box-shadow: 0 1px 5px #c1a37c, inset 0 0 4px #d2ba8b;
transition: .5s;
font-weight: 700 !important;
color: #483216 !important;
font-size: 12px !important;   }

.button:hover, .button:active { background: #e8ddc5;  cursor: pointer; }
#imageupload-left input[type=button] { width: auto !important; }

/*** немного маски профиля ***/
#mask_dialog .inner {
background: url(http://images.vfl.ru/ii/1557148022/22bb … 437763.jpg) 50% 0% repeat-y #d8ccb5 !important; background-color:#d8ccb5;  }
#My .container img {z-index: 3001 !important;}

/*** ПРОСМОТР ПРОФИЛЯ ***/
#profilenav h2 { font-family: Georgia, Tahoma, Arial, serif; }
#viewprofile h2 span, #profilenav h2 span {
font-weight: 600; font-size: 16px;
font-style: normal;
color: #525923;
text-shadow: 0px 1px 1px #adaf85; }
#profilenav a {color:#805417;}

li#profile-name, li#profile-title { font-size: 12px; color: #482f17; }
li#profile-name { font-weight: 600; font-size: 14px; font-family: times, arial; }
#profile-left { text-align:center; font-family: Tahoma, Arial; }

/*** ВЫДЕЛЕННЫЙ ТЕКСТ ***/
.post-content .highlight-text { background-color: #ec6565 !important;
padding: 0 3px;}

/*** ПРОФИЛЬ - ССЫЛКИ ***/
.post-author a { color:#83985a !important; text-shadow: none; }

/*** ПРОФИЛЬ - НИКНЕЙМ ***/
.pa-author a {
text-decoration: none;
color: #dcb57b !important;
text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.75) !important;  }

/*** ПРОФИЛЬ - НИКНЕЙМ ПРИ НАВЕДЕНИИ ***/
.pa-author a:hover {
text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.75), 0px 0px 8px rgba(220, 239, 203, 0.8) !important;  }

/*** ссылки под сообщением ***/
.punbb .post-links a {color: #8a5d3a;}
.punbb .post-links a:hover {color: #ad8566;}

10

ХТМЛ-ВЕРХ

Свернутый текст

11

ХТМЛ-НИЗ

Свернутый текст

12

Для низа старый ненужный код

#html-footer .container {
          background-image: url(https://forumstatic.ru/files/001b/c2/26/33399.png);
         background-repeat: no-repeat !important;
         background-position: bottom center !important;
         width: 950px;
         height: 91px;
         padding-left:0;
margin-bottom: -91px;
margin-left: -15px;

}

13

Цитаты

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  font: 12px verdana;
  margin: 0;
  background-image: url(https://forumstatic.ru/files/001a/6d/79/50838.png);
  }

14

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

/* A3.6 */
.punbb pre {
  font: 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: 30px;
  position: relative;
  }

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

/* 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: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em;
  }

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

/* C2.14 */
.punbb tbody.hasicon td.tcl {
  padding-left: 3.2em
  }

/* C2.15 */
.punbb div.icon {
  border-style: solid;
  border-width: 0.6em 0.6em 0.6em 0.6em;
  height: 0;
  line-height: 0.0;
  margin-top: 0.1em;
  width: 0;
  }

/* C2.16 */
.punbb  table div.icon {
  font-size: 1.05em;
  position: absolute;
  margin-left: -2.2em;
  }

 /* 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 1em;
  display: block;
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px
  }

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

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

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

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

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

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


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

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

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

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

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

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  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 : block;
  height : 40px;
  padding: 2em 1em 0 1em;
  }

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

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

#pun-title table {
	border: none;
	height: 40px;
	width: 100%;
}

#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 {
  padding: 0.7em 1em;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

15

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

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

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #1474C3;
  color: #fff;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #E1EDF7;
  color: #333;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #f7f7f7;
  color: #005EAB
  }

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #f9f9f9;
  color: #333
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: #0F5995;
  color: #f1f1f1;
  }

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

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

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

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

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

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

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

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

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

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

.punbb .divider {
  border-color: #ccc #fff #fff #fff
  }

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

li.pa-online {
  border-left-color: #005EAB;
  }


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

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #005EAB
  }

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

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #B42000;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #eee;
  text-decoration: none
  }

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

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

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

div.icon {border-color: #E6E6E6 #DEDEDE #DADADA #E2E2E2}
tr.iredirect div.icon {border-color: #F7F7F7 #F7F7F7 #F7F7F7 #f7f7f7}
div.inew {border-color: #0080D7 #0065C0 #0058B3 #0072CA}

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

Вы здесь » хэй, это виксней! » Тестовый форум » Коды, дизайны и всякое техническое такое прочее


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