Потому что не совершу больше ошибку и не забуду сохранить код!
Коды, дизайны и всякое техническое такое прочее
Сообщений 1 страница 15 из 15
Поделиться212.07.19 07:19:09
Огонечек (не моего авторства, учусь у большого проекта)
<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>
<!-- Подфорумы "не скриптом" © 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('' +'\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('')" />
<img src="https://i.imgur.com/U9Nj8mX.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/D1BmGfa.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/vppKnei.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/dGl6FZB.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/yJYJYEu.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/qfruQPU.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/PRfzzbM.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/LGfv0vL.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/dx2WyOv.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/nyTLC1D.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/mkLqTMI.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/HaED1PP.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/1tLdufX.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/sElAQ03.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/J1bZwy0.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/VzgMGWw.png style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/BYjQHBL.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/aVeZEbX.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/tNbW2Th.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/p2lnUZW.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/ULFjxlG.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/GLEtgDQ.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/228nLAp.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/tV6zwU9.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/Sl2OGQD.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/f0TOdjO.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/qjZEWOH.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/qPXdF3a.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/wQYIeux.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/BqomCoW.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/3WN7ev5.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/MauJEo6.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/FUXrvro.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/WVjq1cR.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/r1rQ12H.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/htKmuB4.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/todAdkg.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/Dsztm85.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/vP2wYfz.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/1l2n7ql.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/EFxlhKE.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/45U0z4h.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/sdCBsv8.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/FR5EtlZ.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/bBNybKb.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/6OeAie4.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/RhjM6fy.png" style="cursor: pointer" onclick="smile('')" />
</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('')" />
<img src="http://funkyimg.com/i/2MoMo.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoMn.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoNk.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoM9.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoNv.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoMm.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoLX.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MLaC.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2Mp3o.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoNF.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoLF.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoJy.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoND.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MphR.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoJA.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoJB.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoJF.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoJE.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoLz.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoLx.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoLy.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoLA.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoLC.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoLB.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoNy.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoNi.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoM8.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2Mp4Q.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2Mp7d.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoMq.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoM7.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoJz.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoLD.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoLE.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoLR.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoLS.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2Mp7a.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoLT.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoLW.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoLU.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoLY.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoLZ.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoM6.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoMb.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoMd.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoMc.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoMj.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MphQ.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoMp.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoMr.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoMs.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoMD.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoMG.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoMH.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoMJ.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoMK.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoML.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoN1.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoN6.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoN7.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoN8.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoMZ.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoNf.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoNj.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoNh.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoNn.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoNq.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoNs.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoNt.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoNu.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoNw.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoNx.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2Mu3X.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2Mp3p.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2Mp6k.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2Mp3x.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2Mp4h.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2Mp4k.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2Mp4m.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2Mp4n.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2Mp4o.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2Mp76.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2Mp77.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2Mp79.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2Mp7b.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2Mp7c.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2Mp9v.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2Mpaq.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoNm.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoLV.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoME.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2Mp4j.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoMF.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoNe.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoNC.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MoNE.png" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MLbk.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://funkyimg.com/i/2MLbm.gif" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/n99lH.gif" style="cursor: pointer" onclick="smile('')" />
<img src="https://forumstatic.ru/files/001a/20/ba/34005.gif" style="cursor: pointer" onclick="smile('')" />
</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('')" />
<img src="https://i.imgur.com/JwgXZky.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/Z2WxAzX.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/0MnC5Ho.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/PPwxJHL.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/uCfkpJX.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/HPYi1A8.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/pOMuJK6.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/2tBoCwI.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/rRTt4s0.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/26mWEhU.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/5LHxdr3.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/F0Bw5LX.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/To4Lcir.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/iG26l4B.png" style="cursor: pointer" onclick="smile('[')" />
<img src="https://i.imgur.com/L8U6GOt.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/I1T0Zis.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/CDNYe9o.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/W1SOOop.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/G8YBIQt.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/GYhPKAN.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/e8gSV0p.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/KmkIquX.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/eugu158.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/rw2QSJf.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/SalBVxX.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/Czh2p1J.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/eXm7qwi.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/yVJpRlg.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/KMxZsXZ.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/sDymVkP.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/uGnsexb.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/TW1RpXi.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/GdSWnvk.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/xEgh39f.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/3E9cfOG.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/i9qqB3U.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/dNxoaAZ.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/8r7YL8l.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/U1Pa4Iz.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/vBOw0QA.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/yG7Id5z.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/ezHSbMw.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/1RhvnGn.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/biaOTTq.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/S4J6gXb.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/C80iS4Y.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/7EpVE5Y.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/h1NKyQW.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/6fuLG8A.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/NVHoj84.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/lQVfEan.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/hPt1TnB.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/qSCYvcM.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/ESM9AO9.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/DeV9KBa.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/CN66qos.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/4c7LvNr.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/eCJb7dT.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/ENRCmB2.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/pNZAkNG.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/KyPWOZz.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/O49vmZT.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/UFvD2x0.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/tIwNziD.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/MPNl8gb.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/bVHhRmV.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/13Z26V9.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/7GSNwNN.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/lZcoH2q.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/GweTSDk.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/AtnIBq5.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/fFXKCN7.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/vYEfyyU.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/yTJ8Y60.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/487K88U.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/YMZM8g5.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/RIjhXmk.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/JuTuAWs.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/Ciz2TmC.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/16n4apO.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/Ke0iB6z.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/xSxyRr1.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/av02ld6.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/FRFUb0f.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/01DIpxr.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/7zeNxRP.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/yWsDjb8.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/Hesjzsv.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/NmYezQE.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/z8YP2Wt.png" style="cursor: pointer" onclick="smile(')" />
<img src="https://i.imgur.com/YwDRlFz.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/izOxD8y.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/eQcXWgC.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/IvVtnCQ.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/l7CLEx4.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/wy1oaUf.png" style="cursor: pointer" onclick="smile('')" />
<img src="https://i.imgur.com/lgLtDsC.png" style="cursor: pointer" onclick="smile('')" />
</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>
Поделиться312.07.19 07:19:35
Огонечек (не моего авторства, учусь у большого проекта) 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%;
}
Поделиться413.07.19 13:55:45
<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>
Поделиться526.07.19 16:05:34
ХТЛМ-низ
<!--Картинка плюса в репутации -->
<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>
Поделиться609.08.19 01:23:41
Огонечек еще:
/*************************************************************
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;}
Поделиться709.08.19 01:23:53
/* 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;
}
Поделиться830.07.22 17:00:28
/* 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;}
Поделиться930.07.22 17:00:56
/*** ЦИТАТА И КОД ***/
.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;}
Поделиться1030.07.22 17:09:19
ХТМЛ-ВЕРХ
Поделиться1130.07.22 17:09:30
ХТМЛ-НИЗ
Поделиться1213.11.22 00:46:01
Для низа старый ненужный код
#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;
}
Поделиться1313.11.22 10:13:56
Цитаты
/* 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);
}
Поделиться1414.11.22 02:04:25
/************************************************************* 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; }
Поделиться1514.11.22 02:04:30
/* 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}