86
Полумрак во внешнем помещении, как и в квартире семейства Ким, был, конечно же, неслучайным. Всюду, где находилась Сэрон, присутствовал мрак - такова была плата за её способности вампира - она слабела под воздействием солнечных лучей быстрее, чем остальные вампиры.

[ читать ]
ему дают отдохнуть до следующего утра — он почти не ест всё это время, едва ли встаёт с кровати, потому что изнутри сжирает смесь тоски и бессильной злобы, и просто ждёт

[ читать ]

Mur-Mur

Объявление


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

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


Вы здесь » Mur-Mur » тестовый форум » Дизы


Дизы

Сообщений 11 страница 20 из 20

11

Код:
<!--ЦИТАТА НЕДЕЛИ -->
<div style="font-family: arial; font-size: 10px; font-weight: bold; height: 34px; width: 308px; position: absolute; color: #000; margin-left: 552px; margin-top: -10px; border: 0px solid#000; padding: 5px; text-align: left;">
ЧС очень скоро, и ты в него попадаешь) достаточный стимул <br>для написания поста? хД
<div style="text-align: right; margin-top: -2px;">(c)David Allen</div>
</div>


<!--Своя картинка в каждую категорию -->
<script type="text/javascript">
$(document).ready(function(){
myarray=new Array(
"Админка", "https://i.imgur.com/or2xcP2.png",
"Организационный раздел", "https://i.imgur.com/GVN00Dm.png",
"Банк и социальная сеть", "https://i.imgur.com/tRWt7Vw.png",
"Игровой раздел", "https://i.imgur.com/fZc9YAV.png",
"Общение и игры", "https://i.imgur.com/60lpIhI.png",
"Реклама и партнёрство", "https://i.imgur.com/v6aKEdX.png",
"Архив", "https://i.imgur.com/RgLL34I.png"  //Последний элемент без запятой!  
)
        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
  "height":"79px",
  "width":"400px",
 "margin-left":"260px",
  "background-color": "transparent",
  "background-image":"url("+myarray[q+1]+")",
  "background-position":"50% 50%",
  "background-repeat":"no-repeat"       //Последний элемент без запятой!
}
        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>

<!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<script>
var a1 = 3	// 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
var a2 = 0	// 0 - Скрытие первой вкладки; 1 - Показ первой вкладки; 
var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко;

var LiArr=new Array(
//При наличии двух косых => // в начале пункта, - пункт не скрывается.

//"pa-author",     //Ник-Нейм
//"pa-avatar",     //Аватар
//"pa-title",      //статус

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

// 1 кнопка - ссылка на Картинку
//В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию)
"https://i.imgur.com/5E6NgLV.png",
"pa-fld2",       //Доп.Поле.2
"pa-fld3",       //Доп.Поле.3 
"pa-fld4",       //Доп.Поле.4
"pa-fld5",       //Доп.Поле.5

//"pa-online",     //Пользователь online - Не засовываем в спойлеры
//"award",      //Награды(только для rusff и ork)
"gift",         //Подарки(только для rusff и ork)

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

<!-- Скрыть названия доп. полей-->
<script type="text/javascript">
    var A=[1,2,3,4,5]
    $(".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>
<!-- конец -->

<!--- хтмл в постах с допуском по группам © Alex_63 --->

<!-- HTML в постах -->
<script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/94151.js"></script>
<script type="text/javascript">
HTMLinPost.groups = [1,2,3,4,5,6,7]; // Группы, допущенные к вставке HTML в посты
HTMLinPost.noAccess = []; // Пользователи с запретом вставки HTML в посты
HTMLinPost.parseHTMLinPosts()
</script>
<!--- конец --->


<!---------- меняем текст навигации ---------->
<script type="text/javascript">
var itemMass = new Array("FORUM", "USERS", "SEARCH", "PROFILE", "MAIL", "AMS", "WELCOME", "LOGIN", "EXIT");
var itemIdMass = new Array("navindex", "navuserlist", "navsearch", "navprofile", "navpm", "navadmin", "navregister", "navlogin", "navlogout");
for(i=0; i<itemIdMass.length; i++){
if(document.getElementById(itemIdMass[i])){
    var str = document.getElementById(itemIdMass[i]).firstChild.firstChild
    str.innerHTML=itemMass[i];
}
}
</script>
<!--- конец --->


<script type="text/javascript">
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
</script>


<!--Кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="https://i.imgur.com/sYBzfbn.png" border="0" width=100% /></div>
<div class="go-down" id='OnBottom'><img src="https://i.imgur.com/MC5Uoxf.png" border="0" width=100% /></div>
<style>

.go-up, .go-down {
    display: none;
    position: fixed;
    margin-left: 950px;
    z-index: 9999;
    cursor: pointer;
    opacity: 1;
    margin-bottom: 261px;}

.go-up {bottom: 130px; /* позиция кнопки Вверх по вертикали */}
.go-down {bottom: 80px; /* позиция кнопки Вниз по вертикали */}
.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>
<!-- конец -->

<!-- Перенос Быстрого ответа под нужное сообщение © Alex_63 -->
<style>
/* Кнопка "Ответить" */
li.pl-reply a {
  font-size: 14px;
  color: #428bca !important;
  padding-top: 6px !important;
  padding-left: 21px !important;
  padding-right: 6px !important;
  padding-bottom: 6px !important;
  background: url(https://forumstatic.ru/files/0014/ef/99/64816.png) 1px 6px no-repeat;
  border-radius: 4px;
}
/* при наведении */
li.pl-reply a:hover {
  background-color: #ececec;
}
.button.cancel{display:none;}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26021.js"></script>
<!-- //End//-Перенос Быстрого ответа под нужное сообщение -->

<!-- Быстрое редактирование постов © Alex_63 // V.3 --><script>
if(ForumEdit.indexOf(+FORUM.topic.forum_id)!=-1)$.getScript("https://forumstatic.ru/files/0015/c4/3f/97896.js");;
</script>
<!-- Конец -->

<!-- запятая после ника -->
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>
<!--конец-->

<!---------------------------- абзац---------------------------->
<style>#button-indent {background:url(http://s7.uplds.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.2em 1.1em; "></span>'; /*сверху и слева*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>

<!--простой способ вставки картинок-->
<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>
<!-- Кликабельность ника в постах Гостя --><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 a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>
<!-- Конец -->

<!--запрет рекламе менять аватар подпись и статус -->
<script type="text/javascript">
var a =document.URL
var b=document.getElementById('pun-status').innerHTML
if (b.indexOf("bad pr")!=-1)
{
if ((a.indexOf("signature")!=-1)||(a.indexOf("section=avatar")!=-1))
{document.getElementsByName('update')[0].onclick=noChange}
else if (a.indexOf("upload-avatar")!=-1)
{document.getElementsByName('urload')[0].onclick=noChange}}
function noChange()
{alert ("ты что творишь?")
return false}
</script>
<style>
#pun-main #profile1[action$="id=8"]{
display:none;
}
</style>
<!--КОНЕЦ-->

<!-- Кликабельность ника в постах Гостя -->
<script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>)'});</script>
<!-- Конец -->

<!-- Аватар для гостя и по умолчанию / Deff, Alex_63 
mod by ForumD.ru  -->
    <script type="text/javascript">
    var DefAvtr = 'https://i.imgur.com/dDgOQqz.gif'; //Ссылка на аватар по умолчанию
    var GuestAvtr = 'https://i.imgur.com/dDgOQqz.gif'; //Ссылка на аватар для Гостя

    $('#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><li class="pa-online" id="guest"></li>';
      if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
    });
    $('#profile-left strong:contains("Нет аватара")')
    .parent().html('<div><img src="'+DefAvtr+'"/></div>');
    </script>
<!-- Конец -->

<!--Переключение раскладки выделенного текста -->
<style>#button-transL{background-image:url(http://uploads.ru/i/X/j/Z/XjZW7.png)}</style>
<script type="text/javascript">S='<img src="http://forum.mybb.ru/i/blank.gif" title="Lat- Русс" onclick="bbcode(\'[Lat-Rus]\',\'[/Rus-Lat]\');LatRus();"/>';
$("#button-font").after('<td id=button-transL>'+S+'</td>');var TxtTrans1='lat';
function LatRus(){if(TxtTrans1=='lat'){TxtTrans1='rus'}else{TxtTrans1='lat'};
lat0='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split('');
lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split('');
lat.push('\\[');lat.push('\\]');lat.push('\\.');
rus=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split('');
function transF(p){ar1=lat;ar2=rus;if(TxtTrans1=='lat'){ar2=lat0;ar1=rus}for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}L=$('#main-reply').val();L=L.replace(/\[Lat-Rus\]([\s\S]*)\[\/Rus-Lat\]/mg,function(a,b,c){return transF(b);});$('#main-reply').val(L);}
</script>
<!-- Конец -->

<!--БАННЕРЫ-->
<!-- Прокрутка элементов в блоке -->
<div class="Hoverbuttons2" style="position: absolute; height: 31px; width: 279px; overflow: auto; margin-top: -3px; margin-left: 79px; line-height: 80%; opacity: 0.8;">
<a href="http://korean-academy.ru/" title="KOREAN ACADEMY"><img src="https://i.imgur.com/gcFbCsV.gif" target="_blank" border="0" width="88" height="31"></a>

<a href="http://soullove.ru/" target=_blank> <img src="https://forumstatic.ru/files/000e/5d/50/37711.gif" border="0" alt="The Vampire Diaries | Soul Love"></a>

<a href="http://eltropicanolife.rusff.me/#?advNum=site_banner" target="_blank">
<img src="https://i.imgur.com/eUbopU4.gif" ></a>

<a href="http://rayons.rusff.me"><img src="https://forumstatic.ru/files/0017/a9/1e/87684.gif" title="[районы-кварталы]" width=88 height=31 border=0></a>

<a href="http://howlongisnow.rusff.me/"><img src="https://funkyimg.com/i/2TVKQ.gif" title="TACHELES"></a>

<a href="http://toeden.rusff.me" title="Мистика, США, 2022 год"  target="_blank"><img src="https://i.imgur.com/jhPilxP.gif" alt="Return to eden"></a>

  <a target="_blank" href="http://thebreakdown.ru/"><img src="https://i.ibb.co/0sFXbxG/FlBCR.png" ></a>  

<a href="http://earlgrey.rusff.me" target="_blank"><img src="https://i.imgur.com/MXrFuUK.png" title="earl grey. real-life."></a>

<a href="http://floremorbo.rusff.me/"target=_blank><img src="https://i.imgur.com/uS5I5DX.gif" title="floremorbo"></a>

<a href="http://newlegacy.ru"><img src="https://forumstatic.ru/files/000b/f7/ff/90795.gif" border="0" title="New Story"></a>

<a href="http://chicagorol.ru" title="Chicagoland" target="_blank"><img src="https://funkyimg.com/i/2VSuR.gif" width="88px" height="31px"></a>
</marquee>
</div>
<!-- конец -->


<!-- Маска профиля -->
<script src="http://f.etrin.ru/hvss/hvss.min.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['Общий архив', 'Завершенные эпизоды', 'Заброшенные эпизоды'],
    forumAccessExtended: {
        'Реальное время': ['Принятые'],
        'Прошлое и будущее': ['Принятые'],
        'Другие миры': ['Принятые'],
        'Социум здесь': ['Пользователи', 'Принятые'],
        'Это чей тамада?': ['Принятые'],
        'Личное пространство': ['Принятые'],
        'Сделай паузу - поиграй': ['Принятые']
    },
    userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-posts', 'pa-respect', 'pa-fld2', 'pa-awards']
});
</script>
<!-- конец -->


<script type="text/javascript">
    $('#pun-index .category td.tcl').each(function() {
      var TR = $(this).parents('tr:first');
      var str='<div class="Add"><div class="Tems_And_messages">Teм: <span class="right">'+TR.find('td.tc2').text()+'</span></div><div  style="margin-left:0px; " class="Tems_And_messages">Cообщений: <span class="right">'+$(this).parents('tr:first').find('td.tc3').text()+'</span></div><div  style="margin-left:0px;" class="bottom"><span class="right">'+TR.find('td.tcr').html()+'</span></div></div>';
      var lsr=TR.find('td:first');
      $(str).appendTo(lsr);
    });
</script>

<!-- Всплывающая таблица с вкладками, в топике, с инфой о персонаже -->
<style type="text/css">
  /*Стиль иконки в мини-профиле*/
img.a-info{
  padding:2px;
  display:block!important;
  cursor:pointer;
  position:absolute;
  text-align:left!important;
}
/* Затемняющий фон */
#pre-wrap {
margin:0;
top:0;bottom:0;
left:0;right:0;
width:100%;
height:100%;
position:fixed;
z-index:20000;
background: rgba(0,0,0,.7);
}
/*Подвижка иконки закрытия таблички*/
.my-tabs > img.close {
float:right;
margin:0 -35px 0 0!important; /*чем больше - тем правее*/
width:27px;
display: none;
}
/* Корневой таб(UL) */
.my-tabs{
display:block;
z-index:30000;
position:absolute;
max-height:420px;  /*максимальная высота таблички*/
}
/* Стиль "Ушка" вкладок */
.my-tabs>span{
width:0px;
height:0px;
}
/* Cдвиг самого первого "Уха" */
.my-tabs>span:first-child{
margin-left: 8px;
}
/* Активное "Ушко" */
.my-tabs>span.selected{
 opacity:1;
 border-bottom-color:transparent!important;
display:none !important;
}
/* Стиль вкладки(LI)*/
.my-tabs>.tab-a{
 width: 720px;
 height: 420px;
 position:relative;
 z-index:1;
 display:none;
box-shadow: 0px 0px 30px 3px rgba(0, 0, 0, .4);
}
/*Отступ контента вкладки сверху*/
.tab-a .post-content{
 text-align:left;
 display:inline-block;
}
/* сдвиг таблицы */
.punbb .my-tabs{
  padding-top: 70px!important;  /*сдвиг таблицы вверх от положения иконки*/
  margin-left: 93px!important; /*сдвиг таблицы вправо от положения иконки*/
}
/*Подвижка иконки*/
.post-author img.a-info {display: none!important}
</style>
<script img-data="http://sa.uplds.ru/SoT3N.png" src="https://forumstatic.ru/files/0015/cb/ef/33292.js" forum="2"></script>
<!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// -->

<!-- Переадресация клика со своей Иконки для Вспл. таблицы в топике -->
<script type="text/javascript">
function iconRedir(that) {
    $(that).parents('.post-author').find('.post-img-Sp.a-info')[0].click();
};
</script>
<!-- Включаем HTML в Постах в Вспл.табличке-->
<script type="text/javascript">
$(function(){$('img.a-info,.my-tabs>span').live('click',function(){$("li.tab-a").map(function(){HTMLinPost.parseTags($(this).attr("data-group-id",0))});});});
</script>
<!--репутация без обновления страницы-->
<script> 
if($('#pun-viewtopic').length && !$('#navawards').length) 
FORUM.PartnerVote = function() { return true; }; 
</script>
<!-- конец -->

<!---------------------------- шрифты---------------------------->

<script type="text/javascript"> 
if ($('#pun-viewtopic,#pun-post,#pun-edit,#pun-poll,#pun-messages').length) {
var ft; var i; var ft_f; var j = ""; 
ft = document.getElementById("font-area"); 
var ft_f = new Array(); 
ft_f.push('Abril Fatface'); 
ft_f.push('Angilla Tattoo Personal Use'); 
ft_f.push('Bad Script');
ft_f.push('bebas neue');
ft_f.push('Bungee Hairline');  
ft_f.push('Comfortaa');
ft_f.push('Cuprum'); 
ft_f.push('Dancing Script'); 
ft_f.push('Didact Gothic'); 
ft_f.push('Dr Sugiyama');
ft_f.push('Emilys Candy'); 
ft_f.push('Geo');
ft_f.push('Graduate');
ft_f.push('Great Vibes');
ft_f.push('Kaushan Script'); 
ft_f.push('La Belle Aurore'); 
ft_f.push('lobster'); 
ft_f.push('Marck Script');
ft_f.push('Montserrat Alternates'); 
ft_f.push('Mrs Sheppards');  
ft_f.push('Orbitron');
ft_f.push('Oswald');
ft_f.push('Passion One');
ft_f.push('Pattaya');
ft_f.push('Roboto Condensed'); 
ft_f.push('rochester'); 
ft_f.push('Sansita One'); 
ft_f.push('Seaweed Script');
ft_f.push('Segoe print');  
ft_f.push('UnifrakturMaguntia'); 
ft_f.push('Yesteryear');



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>

0

12

***************************************************************

0

13

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

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

/* A1.1 */

@import url(style_cs.css);
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url(https://fonts.googleapis.com/css?family=El+Messiri');
@import url('https://fonts.googleapis.com/css?family=Yeseva+One');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Jura');


/* 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.7em;
vertical-align: middle
}


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

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

/* A3.2 */
.punbb {
font: normal 68.70% 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 {
  font-size: 1em;
  font-weight: bold;
    margin-left: 0px;
  }
.punbb th   {
  font-size: 0.9em;
  font-weight: bold;
  }
.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }

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

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

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

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

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

//* A3.10 */
.punbb a {
  text-decoration: 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 {
  margin: auto;
  width: 950px;
  position: relative;
  padding-left: px;
  }

/* A5.2 */
.punbb {
width: 925px; /*ширина содержимого*/
height: auto;
position: top center;
float: none;
margin-left: 13px; /* отступ от края левого текста всего форума */
}

/* A5.3 */
/* ПЕРЕАДРЕСАЦИЯ
-------------------------------------------------------------*/
#pun-redirect{
border: 0 none!important;
margin: 0px 1px 0px 0px;
padding: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
width: 100%;
height: 100%;
text-align: center;
font-size: 0 !important;
background: url(https://i.imgur.com/wvxWddq.png) top center no-repeat;
background-color: #f3f0f0;
color: transparent;
}
#pun-redirect *{
  border:0 none;
  display: none;
}
#pun-redirect .main-title {
  display:none;
}

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

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

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

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

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

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

/* A5.10  картинку в статистику сделать */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
padding: 10px 1em 10px 1em;
border-style: none none none none;
border-width: 0 0 0 0;
}

#pun-main h1 { 
padding: 0px 0px 22px 0px; 
border-style: none solid solid none; 
    text-align: center;
    font-family: calibri;
    font-size: 16px;
    line-height: 5px;
    color: #771625;
    letter-spacing: 1px;
    font-weight: 600;
    font-variant: small-caps;
}

#pun-stats.section h2 {
    background-attachment: scroll;
    background-clip: border-box;
    width: 400px;
    height: 79px;
    margin-left: 270px;
    background-color: transparent;
    background-origin: padding-box;
    background-size: auto;
    font-size: 0px;
    background: url(https://i.imgur.com/SM5MwAD.png) top center no-repeat;
}

#pun-main h2 {
  padding: 9px 1em 0px 8px;
  border: 0px solid transparent;
  border-bottom: 0px solid transparent;
}


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

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: 2px dotted #c2c2c2; /* граница, линии начертание и цвет */
  margin: 15px 0;
  }

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

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

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

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
    overflow: hidden;
    padding: 10px;
    border-top: 0px #a5a5a5 dashed;
    background-color: #f4f0ef;
    box-shadow: inset 0px 0px 5px #9e8b75cf;
    border-radius: 10px;
  }

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 6px 6px 6px 6px;
    padding: 7px 9px 7px 9px;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    position: relative;
    top: -6px;
    padding: 7px 0px 7px 0px;
    font: 500  18px bebas neue;
    margin: -8px -14px 0px -14px;
    color: #a62539;
    background-color: #d2cdc9;
    /* border: 3px solid #7d1208; */
    border-radius: 5px;
    box-shadow: inset 0px 0px 8px #fff;
    text-transform: lowercase;
    text-align: center;
  }

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


/* 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: -31px; 
left: 1em; 
width: 24em; 
font-family: arial; 
font-size: 11px; 
font-variant: small-caps; 
font-weight: 600; 
word-spacing: 2px;
  }

/* 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;
    font-family: arial;
    font-size: 11px;
    font-variant: small-caps;
    font-weight: 600;
    word-spacing: 2px;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold;
    font-family: arial;
    font-size: 11px;
    font-variant: small-caps;
    font-weight: 600;
    word-spacing: 2px;
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
    font-family: arial;
    font-size: 11px;
    font-variant: small-caps;
    font-weight: 600;
    word-spacing: 2px;
  }


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

/* 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; text-align: center; color: #231d13; font-size: 13px; font-variant: small-caps;}

/* 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;
line-height: 1.6;
  }

/* 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;
 width:50%;
padding-right: 1px;
}


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


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

/* 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 a {color: #a42438!important; font-family: bebas neue; text-transform: uppercase; font-size: 18px!important;}

#pun-index .tcl h3 {
    text-align: center;
    margin-top: 9px;
    margin-bottom: 5px;
}

#pun-index .tcl h3 a:hover {color: #fde8cd !important;}



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

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

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

/* C2.12 */
.punbb .main th {
  border-style: none none none none;
  border-width: 0 0 0 0px;
  padding: 0.4em 1em 0.4em 1em;
  }

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 1
  }
* html .tclcon {height: 1px}

/* Оформление подфорумов на главной (лучи любви Ченни за основу)
-------------------------------------------------------------*/
/* C2.14 */

#pun-index td div.tclcon {
    width: 342px;
    /* height: 230px; */
    margin-bottom: 10px;
    margin-top: 5px;
    background: url(https://i.imgur.com/EAhCIEO.png) top no-repeat, url(https://i.imgur.com/nMdWClo.png) bottom no-repeat, url(https://i.imgur.com/ZX4s6JX.png) center repeat-y;
    margin-left: 110px;
    position: relative;
    padding: 5px 5px 5px 5px;
}


/* C2.15  иконка сообщений */
.punbb div.icon {

  float: right;
  display: block;
 margin: 0px 50px 0px 0px;
}

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

/* C3.1 границы в теме */
.punbb .post .container {
  border-style: none none none none;
  border-width: 0px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 верхняя граница в теме */
.punbb .post h3 {
  border-style: none none none none;
  border-width: 0px;
  }

/* C3.3 дата */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 23em;
  border-left-style: solid;
  border-left-width: 1px;
  font-size: 10px !important;
text-transform: lowercase; 
  }

/* C3.4 нумерация постов*/
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
 padding-right: 30 px;
  }

/* C3.5 расположение текста в сообщении */
.punbb .post .post-author {float: left;width: 247px;margin: 0em;margin-top: 0px;overflow: hidden;margin-left: -8px;background: url(https://i.imgur.com/iPmAela.png) no-repeat top, url(https://i.imgur.com/h6oX2C8.png) bottom no-repeat, url(https://i.imgur.com/0FhpAG4.png) repeat-y}
.post-author ul {
    margin: 0.8em;
    margin-bottom: 10px;
    }

/* C3.6 */

/* C3.6 оформление профиля*/
.punbb .post .post-author ul, .punbb .post .post-author p {
    color: #a62539;
    padding: 0px 0px 0px 0px;
    line-height: 100%;
    font-size: 9px;
    text-align: center;
}


/* 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: 21em;
  border-left-style: none;
  border-left-width: 0px;
  padding: 0 0 1px 0;
 padding-right: 20px;
  text-align: justify;
  }

/* C3.12 поле под сообщением, отступ от даты */
.punbb .post-box {
  padding: 10px 0px 0px 10px;
      margin-left: 4px;
  }

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

/* 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: none;
  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 {
  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;
  line-height: 1.8;
  }

/* 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 5.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: none none none none;
  border-width: 0px 0px 0 0px;
 }

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em;
  }

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

/* D1.4 øàïêà? */
#pun-title h1 span  {
  display: none;
  font-size: 1.5em;
  }


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

/* D2.1 */
#pun-pagelinks {
 position: absolute;
  top: -15px;
  left: 0px;
  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: 0px;
  }

/* D3.2 */
#pun-navlinks .container {  padding: 18px 0px;}

/* 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: 0px;
  text-align: center;
  font-size: 12px;
  }


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


/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  width: 890px;
  margin-top:-15px!important;
  }



/* D5.3 */
/* ОФОРМЛЕНИЯ БЛОКА ПРИВЕТСТВИЯ ГОСТЯ И ВРЕМЕНИ ПОСЛЕДНЕГО ВИЗИТА
-------------------------------------------------------------*/
#pun-status span {
white-space: nowrap;
margin-right: 0.5em;
margin-left: 6px;
font-family: tahoma;
font-size: 11px;
line-height: 90%; /* расстояние между строчками */
color: #000;
  }

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

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

/* 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;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  margin-top: -10px!important;
  }

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

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

/* D7.1 */
#pun-stats .container {
  padding: 1em 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: 0em 1em;
  }



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



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

/* 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: 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;
  }
#profile #post,#profile .post {
 max-width:600px;
}

#pun th {font-size: 0px;}



/* ПРОЗРАЧНОСТЬ ГРАНИЦ, при необходимости можно выставить свой цвет
-------------------------------------------------------------*/
.punbb .container, .punbb .post-body, .post h3, #pun-title {border-color: transparent;}
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {border-color: transparent;}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {border-color: transparent;}
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{border-color: transparent;}
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table {border-color:transparent;}
.punbb th {border-color: transparent;}
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {border-color: transparent;}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {border-color: transparent;}
.punbb .divider {border-color: transparent;}
.punbb .formal fieldset .post-box, .punbb .info-box {border-color: transparent;}
li.pa-online {border-left-color: transparent;}

/* ТАБЛИЦЫ В ПОСТАХ БЕЗ ГРАНИЦ
-------------------------------------------------------------*/
.post-content td { border:none transparent !important;}


/* УБРАТЬ ССЫЛКИ РУСФФ
-------------------------------------------------------------*/
#pun-live-rusff {display: none;} 


/* СКРЫТЬ МОДЕРОВ С ГЛАВНОЙ
-------------------------------------------------------------*/
#pun td .modlist{display:none;}


/* УБРАТЬ МОИ ЗАГРУЗКИ ИЗ МЕНЮ
-------------------------------------------------------------*/
#pun-ulinks .container li.item5 {display: none;}


/* УБРАТЬ "РЕДАКТИРОВАННО" И "НАГРАДЫ"
-------------------------------------------------------------*/
li#navawards, .lastedit {display: none;}


#pun-announcement {margin-top: -85px;}

#font-area {
    max-height: 300px;
    overflow-y: auto;
}

0

14

Код:
html{min-width: 1200px!important; /*overflow-x: hidden;*/ }/*для мобил, чтобы стоял по центру, а не лип к левому краю*/

/* CS0 Меню - навигация
-------------------------------------------------------------*/

/* НАВИГАЦИЯ
---------------------------------------------------------------------------------------------*/
/* ПОЛОЖЕНИЕ НАВИГАЦИИ, общие ссылки и пользовательские */
div#pun-navlinks {position: absolute;width: 100%;text-align: center;top: 0px;/* left: 100px; */}
div#pun-ulinks {position: absolute;width: 100%;text-align: center;top: 180px;/* left: 50px; */}


/* ССЫЛКИ ОБЩЕЙ НАВИГАЦИИ ДО НАВЕДЕНИЯ */
#pun-navlinks a {
    text-align: center;
    font-family: Roboto Condensed;
    font-size: 12px !important;
    font-weight: bold;
    letter-spacing: 1px;
    color: #61a1aa;
    text-transform: uppercase;
}


/* ССЫЛКИ ОБЩЕЙ НАВИГАЦИИ ПОСЛЕ НАВЕДЕНИЯ */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #9b5395;
}



/* ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ДО НАВЕДЕНИЯ */
#pun-ulinks a  {
    text-align: center;
    position: relative;
    z-index: 2000 !important;
    letter-spacing: 1px;
    font-family: Roboto Condensed;
    font-size: 10px !important;
    text-transform: lowercase;
    font-weight: bold;
    color: #61a1aa;
}


/* ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ПОСЛЕ НАВЕДЕНИЯ, чиво должно поменяться */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { color: #9b5395; }



/*------------------AMS--------------*/
.ams {display: inline-block;}
.ams a {
    font-family: 'bebas neue' !important;
    font-size: 12px !important;
    text-transform: uppercase;
    line-height: 15px;
    color: #f8e5cf!important;
    letter-spacing: 1px;
    font-weight: 300;
    }

.ams a:hover {color: #dcdad4!important;}
.ams a span {display: none;}
.ams a:hover span{
    position: absolute;
    display: inline-block;
    margin-top: -120px;
    left: -23px;
    z-index: 100000;
    }


/* ПОЛОЖЕНИЕ РЕКЛАМЫ */
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 500px; top: -170px; }
#pun-title .title-logo { visibility: hidden; }

/* CS1 цвет фона, фона форума и остальное.
-------------------------------------------------------------*/


/* CS1.2 фон */
html {
background-image : url("https://i.imgur.com/lmdfoZc.png");
background-repeat: repeat;
background-attachment: ; 
background-position: top center;
background-color : #18182e;
}

/* CS1.3 шапка*/
#pun-title table {
background-image : url("https://i.imgur.com/k3CJ7H0.png"); /* картинка шапки */
background-repeat : no-repeat;
background-position: center top;
border: none;
height: 240px;
margin-top: 0px;
width: 968px; /* ширина, мать его, шапки, если брать больше - привет горизонтальный скролл */
margin-left: -18px; /* совпадает обычно с отступом текста, если шапка не шире контента */
}

/* CS1.4 тело */
#pun { 
background-image: url(https://i.imgur.com/f8un1mF.png);
position: center top;
width: px;
}

-------------------------------------------------------------*/

/* 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 {
border-color:transparent;
  color: #C;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
border-color: none;
color: #b6b6b6;
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
background-position: top center;
  background-repeat: no-repeat;
  text-align: center;
color: #231d13;
  font-weight: normal;
  }

#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}


/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
border-color: none;
  color: #231d13;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
border-color: none;
  color: #231d13;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
border-color: none;
  color: #231d13;
  }

/* CS1.7 */
/* ЦИТАТЫ И КОДЫ В СООБЩЕНИЯХ */
.punbb .quote-box, .punbb .code-box {
/* background: url(https://i.imgur.com/Rnkwe7P.png) repeat, linear-gradient(180deg, #e48b15, #770002); */
    border: 3px dotted #d2cdc9;
    color: #000;
}

.post-content .spoiler-box > blockquote {
    padding-top: 1.4em;
    /* display: none; */
    margin-top: 10px;
}

/* CS1.8 */

.offline li.pa-online strong {
  font-weight: normal
  }
.punbb textarea, .punbb select, .punbb input {
  background-image: url("http://sd.uplds.ru/xReuO.png");
  color: #061502;
}


/* CS2 границы
-------------------------------------------------------------*/

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


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

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

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

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

li.pa-online {
border-color:transparent;
  }

.punbb .post-sig dt {
border-color:transparent;
  }

/* CS3 ссылки
-------------------------------------------------------------*/

/* 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 { text-decoration: none;
  color: #71400d;
 -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  }

.punbb .code-box a {
    color: #a62539;
}

.punbb .code-box a:hover {
    color: ##a28770;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #0a360c;
  }

/* 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: #a62539;
 -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  }


/* ссылки в подфорумах */
.elea { display: inline-block; font: small-caps 10px arial; background: #f5e2c6; color: #84683f!important; text-transform: lowercase; text-align: center; padding: 2px 8px 3px 8px; margin: 1px !important; transition: .3s; border-radius: 3px; }
.elea:hover { background: #e6cea9; transition: .3s; }


/* CS4 подвал
 -------------------------------------------------------------*/

#pun-about p.container {
    background: url(https://i.imgur.com/d6g6pEk.png) no-repeat;
    width: 1174px;
    height: 250px;
    margin: -150px 0px -55px -14px;
}

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

 div#pun-about {
       margin-bottom: 0px;

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

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

#pun-index .modlist {display: none; }


/* CS5 прокрутка
-------------------------------------------------------------*/

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
::-webkit-scrollbar-track {
    background: #d2cdc9;
}
::-webkit-scrollbar-thumb {
    background: #a28269;
    border-radius: 13px;
}



/* CS6 кнопки в форме ответа
-------------------------------------------------------------*/
#pun-main .button {
    background-color: #d2cdc9;
    border: 2px solid #a28269;
    padding: 7px;
    cursor: pointer;
    color: #755338;
    font-family: Calibri!important;
    font-size: 12px!important;
    font-weight: bold!important;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#pun-main .button:hover {
background-color: #a22437; 
color: #f4f0ef;
}

#pun-main .hashelp div input {
color: #677b73;
padding: 5px;
border: 1px solid #ffffff;
background-image: url('http://sd.uplds.ru/xReuO.png');
text-transform: lowercase;
font-size: 10px;
border-radius: 3px;
  }

/* блок формы ответа */
.punbb textarea {
  color: #000000; /*цвет текста*/
  background:#fffefd; /*картинка на фон*/
}


/* CS7 профиль 
-------------------------------------------------------------*/ 
.punbb .post .post-author > ul {padding: 0px 9px 35px 9px!important;} 

/* соо + репа */
#pun-main
.pa-posts,.pa-respect {
    font-size: 10px;
    text-align: center;
    text-transform: lowercase;
    font-weight: bold;
    color: #a62539;
    font-family: 'arial';
    display: inline-block;
    width: 65px;
    padding: 5px 8px 7px 14px!important;
    margin-top: 6px!important;
    margin-left: 0px !important;
    line-height: 12px;
}

.pa-respect a { 
color: #a62539!important; 
} 

/* активность */ 
.pa-online {
    text-align: center;
    font: 500 13px "bebas neue" !important;
    letter-spacing: 1px;
    color: #a62539!important;
    text-transform: uppercase;
    margin-left: -13px !important;
    padding-bottom: 6px !important;
    margin-top: 3px !important;
} 

/* ник */ 
.pa-author a, .pa-author { 
    z-index: 1000;
    width: 200px;
    text-align: center;
    text-shadow: 0px 0px #000000 !important;
    font-family: 'bebas neue'!important;
    font-size: 22px!important;
    font-style: normal;
    color: #a62539;
    /* font-weight: 100 !important; */
    letter-spacing: 0.8px;
    padding-top: 31px!important;
    text-transform: uppercase;
    margin-left: 6px !important;
} 

.pa-author a {
    color: #a62539 !important;
}

/* статус */ 
.pa-title { 
    text-align: center;
    z-index: 1000;
    font: 11px "Open Sans" !important;
    color: #a28269;
    text-transform: lowercase;
    letter-spacing: 0px;
    padding-top: 10px !important;
    margin-left: 0px !important;
} 

/* АВАТАРКА */ 
li.pa-avatar {    z-index: 5;
    margin-left: 1px !important;
    margin-top: 0px!important;
} 
li.pa-avatar img { max-width: 180px !important;
    max-height: 180px !important;
    border: 2px solid #a28269;
} 

.pa-awards a {
color: #a62539 !important;
}


/* ДОПОЛНИТЕЛЬНОЕ ПОЛЕ, при необходимости меняет цифру fld2, fld3 и так далее */ 
/* ПЛАШКА + ЛС*/ 
.pa-fld1 { 
    margin-bottom: -10px!important;
    margin-top: -8px!important;
    margin-left: 1px!important;
} 


/* ЛЗ (СПОЙЛЕР)
-----------------------------------*/ 
.pa-fld2 {
    background-color: #e7e7e7;
    border: 1px solid #fff;
    border-radius: 15px;
    box-shadow: inset 0px 0px 8px #fff;
    width: 170px !important;
    font-size: 9px;
    margin-bottom: -20px !important;
    margin-left: 10px !important;
    margin-top: -5px !important;
    padding-bottom: 10px !important;
}

/* Стиль*/
.stl {
  text-align: center;
  padding-top: 5px;
}


/* Инста */
.inst {
  text-align: center;
  padding-bottom: 5px!important;
  font-size: 13px;
  font-family: Bebas Neue;
  font-weight: bold;
}
.inst a {

}

/* ЛЗ */
.lz {
    color: #3d4923 !important;
    text-align: center;
    font-family: verdana;
    font-size: 9px;
    padding: 3px 10px 15px 10px !important;
    font-weight: 400;
    text-transform: none;
    line-height: 1.1;
}
.lz a {
}

/* Расположение ячеек для постов, денег, мышей */
.tab {
  padding: 7px 6px 0px 5px;
}


/* Посты, деньги, мыши */
.lz1 {
    text-align: center;
    background-color: #a28269;
    color: #f4f0ef;
    border: solid #f4f0ef00 1px;
    border-radius: 5px;
    padding: 3px;
    width: 40px;
    line-height: 1.5;
}


/*--------------------------------------------- 
КОНЕЦ ЛЗ (СПОЙЛЕР) */


/* CS8
 -------------------------------------------------------------*/

    /* ПОЛЕ ССЫЛКИ НА ТЕМУ И АВТОРА ПОСЛЕДНЕГО СООБЩЕНИЯ */
#pun-index .category tr .bottom {
    width: 340px;
    height: 36px;
    position: absolute;
    margin-left: 80px !important;
    line-height: 10px;
    font-size: 10px;
    font-family: arial;
    background-color: transperent;
    text-align: right;
    padding: 8px;
    color: #110c02;
    bottom: 25px !important;
}

    /* ССЫЛКИ ПРИ НАВЕДЕНИИ */
.punbb .category tr .bottom a{
    opacity: 1;
    font-size: 11px;
    font-weight: bolder;
    font-family: arial;
    font-variant: small-caps;
}
.punbb .category tr .bottom a:hover{
  opacity:0.7;
}


/* CS9 иконки сообщений
 -------------------------------------------------------------*/

/* ИКОНКИ СООБЩЕНИЙ
----------------------------------------------------------------------------------------------------------------------*/

/* ИКОНКА СТАРЫХ СООБЩЕНИЙ */
.punbb table Div.icon {float: right; 
display: block; 
width: 20px;
height: 20px;
background-image : url("https://i.imgur.com/NgcPJL1.png");
background-repeat: no-repeat;}

/* ИКОНКА НОВЫХ СООБЩЕНИЙ */
TR.inew Div.icon {
width: 20px;
height: 20px;
background-image : url("https://i.imgur.com/NMDjATm.png");
background-repeat: no-repeat;}

/* ИКОНКА ВАЖНЫХ СООБЩЕНИЙ */
TR.isticky Div.icon {
width: 20px;
height: 20px;
background-image : url("https://i.imgur.com/I6v7Eey.png");
background-repeat: no-repeat;}

/* ИКОНКА ЗАКРЫТЫХ СООБЩЕНИЙ */
TR.iclosed Div.icon {
width: 50px;
height: 50px;
background-image : url("https://i.imgur.com/20FPRoO.png");
background-repeat: no-repeat;}

#pun-main div.catleft, #pun-main div.catright {display: none}

#pun-index .icon {
    position: absolute;
    margin-top: 1px !important;
    margin-left: 436px !important;
    z-index: 1000;
}


/* CS10 для таблицы
-------------------------------------------------------------*/

.smallface { font-size: 10px; font-style: italic; }
.boldface { font-style: italic; font-weight: bold; }

/* Выделение текста */
    ::selection { 
    background: none repeat scroll 0 0 #8baabb;
    color: #231d13;
    opacity: 0.5;
    }  
::-moz-selection {
    background: none repeat scroll 0 0 #8baabb;
    color: #231d13;
    opacity: 0.5;
}

/* CS11 по центру
-------------------------------------------------------------*/
#pun-main .post-author ul {
text-align: center; 
margin-left: 10px;
}


#post-form h2 span {display: none;}

/* картинка в быстрый ответ */

#post-form h2 {
    background: url(https://i.imgur.com/xxFqcSd.png) top center no-repeat;
    width: 400px;
    height: 79px;
    margin-left: 250px;
}

li.pa-fld5 {
  margin-top: 10px;
  }


/* СКРЫТЬ КОЛ-ВО ТЕМ И СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ */
.category .container thead {display: none;}
#pun-index .main .tc2, #pun-index .main .tc3 {display: none;}


/* ПОДКЛАДКА ПОД ШРИФТЫ, РАЗМЕРЫ, ГРАФИТИ, ВИДЯХИ И ПРОЧЕЕ В ОКОШКЕ ВВОДА СОО */
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area {
    background-image: url(style_cs.1571844085.css) !important;
    background-color: #dcdad8!important;
    padding: 10px 10px 10px 10px;
    color: #19120a;
    text-shadow: 0px 0px 0px #beb294;
    border: 2px dotted #c3beba;
}

/* ПОДЛОЖКА ПОД ВСПЛЫВАЮЩИЕ ОКНА */
.pun-modal .modal-inner {
background: #f4f0ef;
}

#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner {
background: #f4f0ef;
}

#pun-reputation .inner h1,
#pun-report .inner h1,
#pun-admin-award-form .inner h1 {
padding: 15px 0px 0px 0px;
}


/* ОФОРМЛЕНИЕ ТЕМ */
.zag {
    width: 650px;
    height: 51px;
    background: url(https://i.imgur.com/Mm8nYij.png);
}
.zagtext {
    font-family: Bebas Neue;
    font-size: 26px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #a62539;
    line-height: 100%;
    padding-top: 14px;
    padding-left: 0px;
    text-align: center;
    }
.tema {
    width: 650px;
    background: url(https://i.imgur.com/0lrC1N0.png);
}
.tematext {
    width: 590px;
    overflow: auto;
    position: relative;
    text-align: justify;
    padding: 0px 12px 5px 12px;
    font-family: Playfair Display;
    }
.niz {
    width: 650px;
    height: 16px;
    background: url(https://i.imgur.com/W2Oyv00.png);
    margin-top: auto!important;
}
.niztext  {
    width: 630px;
    text-align: justify;
    margin-left: 38px !important;
    padding-top: 20px;
}

/* Полоски */
.polos {background-color: #9e8b75;text-align: center;color: #a62539;font: bold 16px bebas neue;letter-spacing: 1px;border: 2px solid #705d52;padding: 3px;margin-top: 17px;}



/* РАСПОЛОЖЕНИЕ ТЕКСТА ВНУТРИ ПОДФОРУМОВ */
.fortext {
    width: 294px;
    overflow: hidden;
    margin-left: 16px !important;
    margin-bottom: 13px !important;
    text-align: justify;
    background-color: #e7e7e7;
    border-radius: 18px;
    box-shadow: inset 0px 0px 2px #e69a13a6;
    padding: 8px;
}


/* ССЫЛКИ В ОПИСАНИИ ПОДФОРУМОВ */
.signa {
    width: 310px;
    margin-left: 16px !important;
    margin-top: -8px !important;
    margin-bottom: 12px !important;
    overflow: hidden;
    text-align: center;
}

.sign {
    display: inline-block;
    font: small-caps bold 12px arial;
    color: #f4f0ef!important;
    text-align: center;
    margin: 1px !important;
    padding: 2px 5px 4px 5px;
    background-color: #a3917c;
    box-shadow: inset 0px 0px 5px #e3e3e3;
}
.sign:hover {color: #a62539!important; }


.Add {
    display: none;
}


/* ССЫЛКИ В НАВИГАЦИИ */
.nav {display: inline-block;}
.nav a {
    color: #bdbab7!important;
    font-family: tahoma;
    font-size: 9px !important;
    text-transform: lowercase;}

.nav a:hover {color: #fff!important;}


/* ОБЪЯВЛЕНИЯ АМС */
.hat {width:600px; height:225px; background: url(https://i.imgur.com/0eGUboI.png);}
.hatzag {font-family: Bebas Neue;  font-size:28px;  letter-spacing: 1px;  text-transform:uppercase; color: #fcf4e5;  line-height:100%;  top: -17px; text-align:center; text-shadow: 2px 0px #bc7465; position:relative; right: 20px;}
.hattext { font-size:11px; top: 25px; text-align: justify; position:relative; width:400px; margin-right: 18px!important; }
.hat img {
   width: 131px; height: 131px;
   border-radius: 50%; margin: 0px;
   position: relative; z-index: 200; }
.telo {width:600px; background: url(https://i.imgur.com/Nnryeeb.png);  margin-top: -15px; }
.telotext { font-size:11px; width:400px; overflow: auto; position:relative; margin-top: -0px; text-align: justify; margin-right: 18px!important;}
.fut {width:600px; height:80px; background: url(https://i.imgur.com/3N335ce.png);  margin-top: -30px!important; }


/* Анкета */
.verh {
  background: url(https://i.imgur.com/WqI4Q98.png); width: 600px; height: 80px; position: relative;
}
.dubl {
  background: url(https://i.imgur.com/v3Cu8np.png); width: 600px; position: relative; 
}
.city {
  background: url(https://i.imgur.com/1gGtCl6.png); width: 600px; height: 81px; position: relative; top: 0px;
}

.namesur {
  color: #59585e; font-family: Comfortaa;  font-weight:500;  font-size: 20px;  letter-spacing:4px;  text-transform:uppercase;  text-align:center;  line-height:100%; top: 28px; position: relative; text-shadow: 0px 0px 5px #b7caca;
}

.pg1 {
  width: 550px;height: 250px;  background-size: 100%; position: relative; margin-bottom: 5px; top: -5px;
}
.pg2 {opacity: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;width: 550px;height: 250px;background: url(https://i.imgur.com/i01eyl2.png); position: relative; text-align: justify;}
.pg1:hover 
.pg2 {opacity: 1;position: relative; top: px;}

.accordion { width: 544px; position:relative; font-size: 14px; padding: 3px; background: #59585e; }
.accordion ul {list-style: none; margin: 0; padding: 0;   }
.accordion li {margin:0; padding:0; }

.accordion [type=radio], .accordion [type=checkbox] { display:none; }

.accordion label { display:block;  background: url(https://i.imgur.com/Wm0TvY6.png); height: 13px; color: #59585e; font-family: Comfortaa;  font-weight: 500;  font-size: 14px;  letter-spacing:4px;  text-transform:uppercase;  text-align:center;  line-height:100%;   -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; outline: 2px solid #59585e; }

.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label { background: url(https://i.imgur.com/pBPGfCO.png); color: #a5b7b7; }

.accordion .content { padding: 0 10px;  overflow:hidden;  -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out;background: url(https://i.imgur.com/wG34tpA.png) bottom no-repeat;  border: 1px solid #fff;}
.accordion p {  color:#333; margin:0 0 10px; }
.accordion h3 { color:#542437; margin:10px 0;}
.vertical ul li {overflow:hidden; margin:0 0 1px; }
.vertical ul li label { padding: 12px; }
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label { border-bottom:0; }
.vertical ul li .content { height:0px; border-top:0;}

.vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content { height: auto; border: 0px solid #fff; background-color: #abbebe; padding: 10px; }

.wohaowhe {padding-right: 5px; height: auto; text-align: justify; font-size: 13px; font-family: arial; line-height: 100%; color: #000; }

0

15

***************************************************************

0

16

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

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

/* A1.1 */

@import url(style_cs.css);
@import url(http://fonts.fontstorage.com/import/bebasneue.css);
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Unicase');
@import url('https://fonts.googleapis.com/css?family=Jura');
@import url('https://fonts.googleapis.com/css?family=Comfortaa');
@import url(//db.onlinewebfonts.com/c/1d65b5646a9a805c62b037be6dd3a0a7?family=Cubano);
@import url('https://fonts.googleapis.com/css?family=Amatic+SC');
}


* A2.5 *

/* 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.7em;
vertical-align: middle
}


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

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

/* A3.2 */
.punbb {
font: normal 68.70% 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 {
  font-size: 1em;
  font-weight: bold;
    margin-left: 0px;
  }
.punbb th   {
  font-size: 0.9em;
  font-weight: bold;
  }
.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }

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

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

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

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

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

//* A3.10 */
.punbb a {
  text-decoration: 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 {
  margin: auto;
  width: 946px;
  position: relative;
  padding-left: 4px;
  }

/* A5.2 */
.punbb {
width: 920px; /*ширина содержимого*/
height: auto;
position: top center;
float: none;
padding-left: 11px; /* отступ от края левого текста всего форума */
}

/* A5.3 */
/* ПЕРЕАДРЕСАЦИЯ
-------------------------------------------------------------*/
#pun-redirect{
border: 0 none!important;
margin: 0px 1px 0px 0px;
padding: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
width: 100%;
height: 100%;
text-align: center;
font-size: 0 !important;
background: url(https://i.imgur.com/wvxWddq.png) top center no-repeat;
background-color: #f3f0f0;
color: transparent;
}
#pun-redirect *{
  border:0 none;
  display: none;
}
#pun-redirect .main-title {
  display:none;
}

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

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

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

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

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

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

/* A5.10  картинку в статистику сделать */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
padding: 10px 1em 10px 1em;
border-style: none none none none;
border-width: 0 0 0 0;
}

#pun-main h1 
{padding: 0px 0px 22px 0px
;border-style: none solid solid none;
text-align: center;
font-family: calibri;
font-size: 16px;
line-height: 5px;
color: #595a5b;
/* letter-spacing: 1px; */
/* font-weight: 600; */
font-variant: small-caps;
}

#pun-stats.section h2 {
    background-attachment: scroll;
    background-clip: border-box;
    width: 450px;
    height: 75px;
    margin-left: 230px;
    background-color: transparent;
    background-origin: padding-box;
    background-size: auto;
    font-size: 0px;
    background: url(https://i.imgur.com/5lvPWs2.png) top center no-repeat;
}

#pun-main h2 {
  padding: 9px 1em 0px 8px;
  border: 0px solid transparent;
  border-bottom: 0px solid transparent;
}


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

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 #c2c2c2; /* граница, линии начертание и цвет */
  margin: 15px 0;
  }

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

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

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

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
    overflow: hidden;
    padding: 10px;
  }

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 6px 6px 6px 6px;
    padding: 7px 9px 7px 9px;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    position: relative;
    padding: 2px 0px 2px 0px;
    font: 500  19px Amatic SC;
    margin: 3px -11px 6px -11px;
    color: #595a5b;
    background-color: #ebebeb;
    border-bottom: 2px solid #a0a8b5;
    border-top: 2px solid #a0a8b5;
    text-align: center;
    text-shadow: 1px 2px 2px #00000038;
  }

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


/* 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: -31px;
  left: 1em;
  width: 24em;
  font-family: calibri;
  font-size: 11px;
  font-variant: small-caps;
  font-weight: 600;
  word-spacing: 2px;
  }

/* 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;
    font-family: arial;
    font-size: 11px;
    font-variant: small-caps;
    font-weight: 600;
    word-spacing: 2px;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold;
    font-family: arial;
    font-size: 11px;
    font-variant: small-caps;
    font-weight: 600;
    word-spacing: 2px;
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
    font-family: arial;
    font-size: 11px;
    font-variant: small-caps;
    font-weight: 600;
    word-spacing: 2px;
  }


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

/* 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; text-align: center; color: #231d13; font-size: 13px; font-variant: small-caps;}

/* 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;
line-height: 1.6;
  }

/* 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;
 width:50%;
padding-right: 1px;
}


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


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

/* 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 a {color: #595a5b !important; font-family: Amatic SC; font-size: 21px!important; font-weight: 500; text-shadow: 2px 1px 2px #0000002e;}

#pun-index .tcl h3 {
    text-align: center;
    margin: 9px -7px 10px;
    padding: 2px 0px;
    border-bottom: 2px solid #a0a8b5;
    border-top: 2px solid #a0a8b5;
    background-color: #ebebeb;
}

#pun-index .tcl h3 a:hover {color: #c3a69d !important;}



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

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

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

/* C2.12 */
.punbb .main th {
  border-style: none none none none;
  border-width: 0 0 0 0px;
  padding: 0.4em 1em 0.4em 1em;
  }

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 1
  }
* html .tclcon {height: 1px}

/* Оформление подфорумов на главной (лучи любви Ченни за основу)
-------------------------------------------------------------*/
/* C2.14 */

#pun-index td div.tclcon {
    width: 450px;
    /* height: 230px; */
    margin-bottom: 10px;
    margin-top: 5px;
    border: 2px solid #a0a8b5;
    background-color: #e5e7e9;
    background: url(https://i.imgur.com/cNQC1b4.png) top no-repeat, url(https://i.imgur.com/FwXCwBi.png) bottom no-repeat;
    margin-left: 75px;
    position: relative;
    padding: 5px 5px 5px 5px;
}


/* C2.15  иконка сообщений */
.punbb div.icon {

  float: right;
  display: block;
 margin: 0px 50px 0px 0px;
}

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

/* C3.1 границы в теме */
.punbb .post .container {
  border-style: none none none none;
  border-width: 0px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 верхняя граница в теме */
.punbb .post h3 {
  border-style: none none none none;
  border-width: 0px;
  }

/* C3.3 дата */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 25em;
  border-left-style: solid;
  border-left-width: 1px;
  font-size: 10px !important;
text-transform: lowercase; 
  }

/* C3.4 нумерация постов*/
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
 padding-right: 30 px;
  }

/* C3.5 расположение текста в сообщении */
.punbb .post .post-author {float: left;width: 230px;margin: 0em;margin-top: 0px;overflow: hidden;margin-left: 0px;background: url(https://i.imgur.com/R75c5YM.png) no-repeat top, url(https://i.imgur.com/OihvicT.png) no-repeat bottom, url(https://i.imgur.com/wLAZxBj.png) repeat-y;padding: 2px;}

.post-author ul {
    margin: 0.8em;
    margin-bottom: 10px;
}

/* C3.6 */

/* C3.6 оформление профиля*/
.punbb .post .post-author ul, .punbb .post .post-author p {
    color: #717274;
    padding: 0px 0px 0px 0px;
    line-height: 100%;
    font-size: 9px;
    text-align: center;
}


/* C3.7 */
.pa-author {
  font-size: 1.1em;
  }

/* 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: 21em;
  border-left-style: none;
  border-left-width: 0px;
  padding: 0 0 1px 0;
 padding-right: 20px;
  text-align: justify;
  }

/* C3.12 поле под сообщением, отступ от даты */
.punbb .post-box {
  padding: 10px 0px 0px 10px;
      margin-left: 15px;
  }

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

/* 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: none;
  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 {
  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;
  line-height: 1.8;
  }

/* 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 5.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: none none none none;
  border-width: 0px 0px 0 0px;
 }

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em;
  }

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

/* D1.4 øàïêà? */
#pun-title h1 span  {
  display: none;
  font-size: 1.5em;
  }


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

/* D2.1 */
#pun-pagelinks {
 position: absolute;
  top: -15px;
  left: 0px;
  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: 0px;
  }

/* D3.2 */
#pun-navlinks .container {  padding: 18px 0px;}

/* 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: 0px;
  text-align: center;
  font-size: 12px;
  }


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


/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  width: 890px;
  margin-top:-15px!important;
  }



/* D5.3 */
/* ОФОРМЛЕНИЯ БЛОКА ПРИВЕТСТВИЯ ГОСТЯ И ВРЕМЕНИ ПОСЛЕДНЕГО ВИЗИТА
-------------------------------------------------------------*/
#pun-status span {
white-space: nowrap;
margin-right: 0.5em;
margin-left: 6px;
font-family: calibri;
font-size: 12px;
line-height: 90%; /* расстояние между строчками */
color: #000;
  }

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

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

/* 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;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  margin-top: -10px!important;
  }

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

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

/* D7.1 */
#pun-stats .container {
  padding: 1em 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: 0em 1em;
  }



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



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

/* 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: 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;
  }
#profile #post,#profile .post {
 max-width:600px;
}

#pun th {font-size: 0px;}



/* ПРОЗРАЧНОСТЬ ГРАНИЦ, при необходимости можно выставить свой цвет
-------------------------------------------------------------*/
.punbb .container, .punbb .post-body, .post h3, #pun-title {border-color: transparent;}
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {border-color: transparent;}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {border-color: transparent;}
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{border-color: transparent;}
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table {border-color:transparent;}
.punbb th {border-color: transparent;}
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {border-color: transparent;}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {border-color: transparent;}
.punbb .divider {border-color: transparent;}
.punbb .formal fieldset .post-box, .punbb .info-box {border-color: transparent;}
li.pa-online {border-left-color: transparent;}

/* ТАБЛИЦЫ В ПОСТАХ БЕЗ ГРАНИЦ
-------------------------------------------------------------*/
.post-content td { border:none transparent !important;}


/* УБРАТЬ ССЫЛКИ РУСФФ
-------------------------------------------------------------*/
#pun-live-rusff {display: none;} 


/* СКРЫТЬ МОДЕРОВ С ГЛАВНОЙ
-------------------------------------------------------------*/
#pun td .modlist{display:none;}


/* УБРАТЬ МОИ ЗАГРУЗКИ ИЗ МЕНЮ
-------------------------------------------------------------*/
#pun-ulinks .container li.item5 {display: none;}


/* УБРАТЬ "РЕДАКТИРОВАННО" И "НАГРАДЫ"
-------------------------------------------------------------*/
li#navawards, .lastedit {display: none;}


#pun-announcement {margin-top: -60px;}

.pa-awards {display: none;}

0

17

Код:
html{min-width: 1200px!important; /*overflow-x: hidden;*/ }/*для мобил, чтобы стоял по центру, а не лип к левому краю*/

/* CS0 Меню - навигация
-------------------------------------------------------------*/

/* НАВИГАЦИЯ
---------------------------------------------------------------------------------------------*/
/* ПОЛОЖЕНИЕ НАВИГАЦИИ, общие ссылки и пользовательские */
div#pun-navlinks {position: absolute;width: 100%;text-align: center;top: 225px;/* left: 100px; */}
div#pun-ulinks {position: absolute;width: 100%;text-align: center;top: 260px;/* left: 50px; */}


/* ССЫЛКИ ОБЩЕЙ НАВИГАЦИИ ДО НАВЕДЕНИЯ */
#pun-navlinks a {
    text-align: center;
    font-family: Amatic SC;
    /* font-weight: 600; */
    font-size: 22px!important;
    letter-spacing: 1px;
    color: #595a5b;
    text-shadow: 0px 0px 0px #bda97d;
    text-transform: uppercase;
}


/* ССЫЛКИ ОБЩЕЙ НАВИГАЦИИ ПОСЛЕ НАВЕДЕНИЯ */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #8b93aa;
text-shadow: 0px 0px 0px #795227;
}



/* ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ДО НАВЕДЕНИЯ */
#pun-ulinks a  {
    text-align: center;
    position: relative;
    z-index: 2000 !important;
    letter-spacing: 0px;
    font-family: calibri;
    font-size: 10px !important;
    text-transform: lowercase;
    font-weight: 100;
    color: #595a5b;
    text-shadow: 0px 0px 0px #bda97d;
    vertical-align: middle;
}


/* ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ПОСЛЕ НАВЕДЕНИЯ, чиво должно поменяться */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { color: #8b93aa; }



/*------------------AMS--------------*/
.ams {display: inline-block;}
.ams a {
    font-family: 'Amatic SC' !important;
    font-size: 18px !important;
    line-height: 19px;
    color: #8f9298!important;
    letter-spacing: 1.3px;
    font-weight: 600;
    }

.ams a:hover {color: #fff !important;}


/* ПОЛОЖЕНИЕ РЕКЛАМЫ */
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 500px; top: -170px; }
#pun-title .title-logo { visibility: hidden; }

/* CS1 цвет фона, фона форума и остальное.
-------------------------------------------------------------*/


/* CS1.2 фон */
html {
background-image: url(https://i.imgur.com/QJE5S5F.jpg);
background-repeat: repeat-y;
background-attachment: fixed;
background-position: top center;
background-color: #d7d5d8;
}

/* CS1.3 шапка*/
#pun-title table {
background-image : url("https://i.imgur.com/iwGvHkw.png"); /* картинка шапки */
background-repeat : no-repeat;
background-position: center top;
border: none;
height: 338px;
margin-top: -8px;
width: 1020px; /* ширина, мать его, шапки, если брать больше - привет горизонтальный скролл */
margin-left: -56px; /* совпадает обычно с отступом текста, если шапка не шире контента */
}

/* CS1.4 тело */
#pun { 
background-image: url(https://i.imgur.com/vqWak76.jpg);
position: center top;
width: 950px;
}

-------------------------------------------------------------*/

/* 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 {
border-color:transparent;
  color: #С;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
border-color: none;
color: #231d13;
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
background-position: top center;
  background-repeat: no-repeat;
  text-align: center;
color: #231d13;
  font-weight: normal;
  }

#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}


/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
border-color: none;
  color: #231d13;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
border-color: none;
  color: #231d13;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
border-color: none;
  color: #231d13;
  }

/* CS1.7 */
/* ЦИТАТЫ И КОДЫ В СООБЩЕНИЯХ */
.punbb .quote-box, .punbb .code-box {
background: url(https://i.imgur.com/dYl4IM7.png) no-repeat top right, url(https://i.imgur.com/3WXepyB.png) no-repeat bottom left #e5e7e9;
border: 2px solid #a0a8b5;
color: #000;}

.post-content .spoiler-box > blockquote {
    padding-top: 1.4em;
    /* display: none; */
    margin-top: 10px;
}

/* CS1.8 */

.offline li.pa-online strong {
  font-weight: normal
  }
.punbb textarea, .punbb select, .punbb input {
  background-image: url("http://sd.uplds.ru/xReuO.png");
  color: #061502;
}


/* CS2 границы
-------------------------------------------------------------*/

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


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

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

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

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

li.pa-online {
border-color:transparent;
  }

.punbb .post-sig dt {
border-color:transparent;
  }

/* CS3 ссылки
-------------------------------------------------------------*/

/* 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 { text-decoration: none;
  color: #a26d5b;
 -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  }

.punbb .code-box a {
    color: #595a5b;
}

.punbb .code-box a:hover {
    color: #a28770;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #0a360c;
  }

/* 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: #b25abb;
 -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  }


/* ссылки в подфорумах */
.elea { display: inline-block; font: small-caps 10px arial; background: #f5e2c6; color: #84683f!important; text-transform: lowercase; text-align: center; padding: 2px 8px 3px 8px; margin: 1px !important; transition: .3s; border-radius: 3px; }
.elea:hover { background: #e6cea9; transition: .3s; }


/* CS4 подвал
 -------------------------------------------------------------*/

#pun-about p.container {
    background: url(https://i.imgur.com/8Rm5lIr.png) no-repeat;
    width: 970px;
    height: 71px;
    margin: 0px 0px -60px -24px;
    text-align: center;
    line-height: 1;
    font-size: 9px;
}

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

 div#pun-about {
       margin-bottom: 0px;

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

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

#pun-index .modlist {display: none; }


/* CS5 прокрутка
-------------------------------------------------------------*/

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
::-webkit-scrollbar-track {
    background: #a0a7af;
}
::-webkit-scrollbar-thumb {
    background: #d6b1a5;
    border-radius: 13px;
}



/* CS6 кнопки в форме ответа
-------------------------------------------------------------*/
#pun-main .button {
    background-color: #e5e7e9;
    border: 2px solid #a0a8b5;
    padding: 4px;
    cursor: pointer;
    color: #595a5b;
    font-family: Calibri!important;
    font-size: 12px!important;
    font-weight: bold!important;
    letter-spacing: 0.8px;
}

#pun-main .button:hover {
background-color: #d6b1a5; 
color: #f6f1f7;
}

#pun-main .hashelp div input {
color: #677b73;
padding: 5px;
border: 1px solid #ffffff;
background-image: url('http://sd.uplds.ru/xReuO.png');
text-transform: lowercase;
font-size: 10px;
border-radius: 3px;
  }

/* блок формы ответа */
.punbb textarea {
  color: #000000; /*цвет текста*/
  background:#fffefd; /*картинка на фон*/
}


/* CS7 профиль 
-------------------------------------------------------------*/ 
.punbb .post .post-author > ul {padding: 0px 9px 0px 9px!important;} 

/* соо + репа */
#pun-main
.pa-posts,.pa-respect {
    font-size: 10px;
    text-align: center;
    text-transform: lowercase;
    font-weight: bold;
    color: #717274;
    font-family: 'arial';
    display: inline-block;
    width: 65px;
    padding: 0px 8px 0px 14px!important;
    margin-top: 0px!important;
    margin-left: 0px !important;
    line-height: 12px;
}

.pa-respect a { 
color: #717274!important; 
} 

/* активность */ 
.pa-online {
    text-align: center;
    font: 500 11px "calibri" !important;
    letter-spacing: 1px;
    color: #b18576!important;
    text-transform: uppercase;
    margin-left: -13px !important;
    padding-bottom: 0px !important;
    margin-top: 5px !important;
} 

/* ник */ 
.pa-author a, .pa-author {
    z-index: 1000;
    width: 220px;
    text-align: center;
    text-shadow: 1px 2px 2px #ffffff8a;
    font-family: 'Amatic SC'!important;
    font-size: 19px!important;
    font-style: normal;
    /* font-weight: 100 !important; */
    letter-spacing: 0.8px;
    padding-top: 10px!important;
    /* text-transform: uppercase; */
    margin-left: -8px !important;
} 

.pa-author a {
    color: #f7f7f8 !important;
}

/* статус */ 
.pa-title { 
    text-align: center;
    width: 190px;
    z-index: 1000;
    font: 11px "calibri" !important;
    color: #595a5b;
    text-transform: lowercase;
    letter-spacing: 0px;
    padding-top: 10px !important;
    margin-top: 100px !important;
    margin-left: -102px !important;
    transform: rotate(-90deg);
} 

/* АВАТАРКА */ 
li.pa-avatar {    z-index: 5;
    margin-left: 0px !important;
    margin-top: -110px!important;
} 
li.pa-avatar img { max-width: 190px !important;
    max-height: 190px !important;
    border: 2px solid #b3bdbb;
} 

.pa-awards a {
color: #717274 !important;
}


/* ДОПОЛНИТЕЛЬНОЕ ПОЛЕ, при необходимости меняет цифру fld2, fld3 и так далее */ 
/* ПЛАШКА*/ 
.pa-fld1 {
    background: url(https://i.imgur.com/eVpsdiK.png) no-repeat right #ebebeb;
    border-top: 2px solid #a0a8b5;
    border-bottom: 2px solid #a0a8b5;
    margin: 10px -16px 5px !important;
    width: 230px;
    height: 40px !important;
    position: relative;
} 

.pltext {
    font: 16px Amatic SC !important;
    color: #3a3c3e;
    text-shadow: 1px 2px 2px #0000007d;
    line-height: 14px !important;
    width: 140px;
    margin-left: 5px !important;
    margin-top: 5px !important;
}

.plimg {
    margin-top: -33px !important;
    margin-left: 148px !important;
}

/* ЛЗ (СПОЙЛЕР)
-----------------------------------*/ 
.pa-fld2 {
    width: 200px !important;
    margin-left: -2px !important;
    margin-top: 10px !important;
    background: url(https://i.imgur.com/xfdaIRT.png) no-repeat top center, url(https://i.imgur.com/dSzPpK3.png) no-repeat bottom center, url(https://i.imgur.com/pFFzHjA.png) repeat-y;
}

/* ЛЗ */
.lz {
    text-align: justify;
    padding: 10px !important;
    font-weight: 400;
    text-transform: none;
    line-height: 1.1;
    font-size: 10px !important;
    color: #717274;
    font-family: calibri;
    font-style: oblique;
}

.lzname {
    text-align: center;
    font-weight: bold;
    font-size: 12px !important;
    font-style: normal;
    margin-bottom: 8px !important;
    margin-top: -6px !important;
}

.lz a {
color: #595a5b !important;
}

/*ЛС*/
.pa-fld3 {
    margin-left: 90px !important;
    margin-bottom: -30px !important
}

/*--------------------------------------------- 
КОНЕЦ ЛЗ (СПОЙЛЕР) */


/* CS8
 -------------------------------------------------------------*/

    /* ПОЛЕ ССЫЛКИ НА ТЕМУ И АВТОРА ПОСЛЕДНЕГО СООБЩЕНИЯ */
#pun-index .category tr .bottom {
    width: 340px;
    height: 36px;
    position: absolute;
    margin-left: 80px !important;
    line-height: 10px;
    font-size: 10px;
    font-family: arial;
    background-color: transperent;
    text-align: right;
    padding: 8px;
    color: #110c02;
    bottom: 25px !important;
}

    /* ССЫЛКИ ПРИ НАВЕДЕНИИ */
.punbb .category tr .bottom a{
    opacity: 1;
    font-size: 11px;
    font-weight: bolder;
    font-family: arial;
    font-variant: small-caps;
}
.punbb .category tr .bottom a:hover{
  opacity:0.7;
}


/* CS9 иконки сообщений
 -------------------------------------------------------------*/

/* ИКОНКИ СООБЩЕНИЙ
----------------------------------------------------------------------------------------------------------------------*/

/* ИКОНКА СТАРЫХ СООБЩЕНИЙ */
.punbb table Div.icon {float: right; 
display: block; 
width: 65px;
height: 65px;
background-image : url("https://i.imgur.com/RlUGuN7.png");
background-repeat: no-repeat;}

/* ИКОНКА НОВЫХ СООБЩЕНИЙ */
TR.inew Div.icon {
width: 65px;
height: 65px;
background-image : url("https://i.imgur.com/C798jgh.png");
background-repeat: no-repeat;}

/* ИКОНКА ВАЖНЫХ СООБЩЕНИЙ */
TR.isticky Div.icon {
width: 65px;
height: 65px;
background-image : url("https://i.imgur.com/S8E5Xub.png");
background-repeat: no-repeat;}

/* ИКОНКА ЗАКРЫТЫХ СООБЩЕНИЙ */
TR.iclosed Div.icon {
width: 65px;
height: 65px;
background-image : url("https://i.imgur.com/wuWjghC.png");
background-repeat: no-repeat;}

#pun-main div.catleft, #pun-main div.catright {display: none}

#pun-index .icon {
    position: absolute;
    margin-top: 22px !important;
    margin-left: 553px !important;
    z-index: 1000;
}


/* CS10 для таблицы
-------------------------------------------------------------*/

.smallface { font-size: 10px; font-style: italic; }
.boldface { font-style: italic; font-weight: bold; }

/* Выделение текста */
    ::selection { 
    background: none repeat scroll 0 0 #8baabb;
    color: #231d13;
    opacity: 0.5;
    }  
::-moz-selection {
    background: none repeat scroll 0 0 #8baabb;
    color: #231d13;
    opacity: 0.5;
}

/* CS11 по центру
-------------------------------------------------------------*/
#pun-main .post-author ul {
text-align: center; 
/*margin-left: 0px;*/
}


#post-form h2 span {display: none;}

/* картинка в быстрый ответ */

#post-form h2 {
    background: url(https://i.imgur.com/2rZoue2.png) top center no-repeat;
    width: 450px;
    height: 75px;
    margin-left: 230px;
}

li.pa-fld5 {
  margin-top: 10px;
  }


/* СКРЫТЬ КОЛ-ВО ТЕМ И СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ */
.category .container thead {display: none;}
#pun-index .main .tc2, #pun-index .main .tc3 {display: none;}


/* ПОДКЛАДКА ПОД ШРИФТЫ, РАЗМЕРЫ, ГРАФИТИ, ВИДЯХИ И ПРОЧЕЕ В ОКОШКЕ ВВОДА СОО */
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area {
    background-image: url(style_cs.1571844085.css) !important;
    background-color: #e5e7e9!important;
    padding: 10px 10px 10px 10px;
    color: #19120a;
    text-shadow: 0px 0px 0px #beb294;
    border: 1px solid #b7c0be;
}

/* ПОДЛОЖКА ПОД ВСПЛЫВАЮЩИЕ ОКНА */
.pun-modal .modal-inner {
background: #ebebeb;
}

#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner {
background: #ebebeb;
}

#pun-reputation .inner h1,
#pun-report .inner h1,
#pun-admin-award-form .inner h1 {
padding: 15px 0px 0px 0px;
}


/* ОФОРМЛЕНИЕ ТЕМ */
.soo {
    background: url(https://i.imgur.com/6NDC815.png) no-repeat top right, url(https://i.imgur.com/FQGSGe9.png) no-repeat top center, url(https://i.imgur.com/fc9f75g.png) no-repeat bottom left #e5e7e9;
    border: 2px solid #a0a8b5;
    width: 635px;
    position: relative;
}
.zag {
}
.zagtext {
    font-family: Amatic SC;
    font-size: 21px;
    text-shadow: 1px 2px 2px #00000045;
    letter-spacing: 0.8px;
    color: #595a5b;
    line-height: 100%;
    padding: 3px 0px;
    text-align: center;
    border-bottom: 2px solid #a0a8b5;
    border-top: 2px solid #a0a8b5;
    background: #ebebeb;
    margin: 15px -2px 0px !important;
    }
.tema {
    width: 595px;
    margin: 20px 0px !important;
    background: #ffffff45;
}

.tema:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    border-top: 1px solid #b7c0be;
    border-right: 1px solid #b7c0be;
    right: 20px;
}
.tema:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    border-bottom: 1px solid #b7c0be;
    border-left: 1px solid #b7c0be;
    left: 20px;
    bottom: 20px;
}

.tematext {
    overflow: auto;
    position: relative;
    text-align: justify;
    padding: 10px;
    font-family: calibri;
    font-size: 12px;
    }
.niz {
}
.niztext  {
}

/* Полоски */
.polos {
    background-color: #e5e7e9;
    text-align: center;
    color: #7c7d7d;
    text-shadow: 1px 2px 2px #00000045;
    font: bold 16px Amatic SC;
    letter-spacing: 1px;
    border: 1px solid #b7c0be;
    padding: 3px;
    margin: 5px -7px 0px !important;}



/* РАСПОЛОЖЕНИЕ ТЕКСТА ВНУТРИ ПОДФОРУМОВ */
.fortext {
    width: 425px;
    overflow: hidden;
    font-family: calibri;
    font-size: 12px;
    color: #9a9c9d;
    margin-left: 5px !important;
    margin-bottom: 5px !important;
    text-align: justify;
    background-color: #ffffff42;
    padding: 8px;
}


/* ССЫЛКИ В ОПИСАНИИ ПОДФОРУМОВ */
.signa {
    width: 310px;
    margin-left: 16px !important;
    margin-top: -8px !important;
    margin-bottom: 12px !important;
    overflow: hidden;
    text-align: center;
}

.sign {
    display: inline-block;
    font: small-caps bold 12px arial;
    color: #f4f0ef!important;
    text-align: center;
    margin: 1px !important;
    padding: 2px 5px 4px 5px;
    background-color: #a3917c;
    box-shadow: inset 0px 0px 5px #e3e3e3;
}
.sign:hover {color: #a62539!important; }


.Add {
    display: none;
}


/* ССЫЛКИ В НАВИГАЦИИ */
.nav {display: inline-block;}
.nav a {
    color: #8f9298!important;
    font-family: Amatic SC;
    font-size: 16px !important;
    text-transform: lowercase;
    font-weight: bold;}

.nav a:hover {color: #fff!important;}


/* КАРТИНКИ В ШАПКЕ */
.imgact {
    mix-blend-mode: multiply;
    filter: grayscale(70%);
}


/* ОБЪЯВЛЕНИЯ АМС */
.hat {width:600px; height:225px; background: url(https://i.imgur.com/0eGUboI.png);}
.hatzag {font-family: Bebas Neue;  font-size:28px;  letter-spacing: 1px;  text-transform:uppercase; color: #fcf4e5;  line-height:100%;  top: -17px; text-align:center; text-shadow: 2px 0px #bc7465; position:relative; right: 20px;}
.hattext { font-size:11px; top: 25px; text-align: justify; position:relative; width:400px; margin-right: 18px!important; }
.hat img {
   width: 131px; height: 131px;
   border-radius: 50%; margin: 0px;
   position: relative; z-index: 200; }
.telo {width:600px; background: url(https://i.imgur.com/Nnryeeb.png);  margin-top: -15px; }
.telotext { font-size:11px; width:400px; overflow: auto; position:relative; margin-top: -0px; text-align: justify; margin-right: 18px!important;}
.fut {width:600px; height:80px; background: url(https://i.imgur.com/3N335ce.png);  margin-top: -30px!important; }


/* Анкета */
.verh {
  background: url(https://i.imgur.com/WqI4Q98.png); width: 600px; height: 80px; position: relative;
}
.dubl {
  background: url(https://i.imgur.com/v3Cu8np.png); width: 600px; position: relative; 
}
.city {
  background: url(https://i.imgur.com/1gGtCl6.png); width: 600px; height: 81px; position: relative; top: 0px;
}

.namesur {
  color: #59585e; font-family: Comfortaa;  font-weight:500;  font-size: 20px;  letter-spacing:4px;  text-transform:uppercase;  text-align:center;  line-height:100%; top: 28px; position: relative; text-shadow: 0px 0px 5px #b7caca;
}

.pg1 {
  width: 550px;height: 250px;  background-size: 100%; position: relative; margin-bottom: 5px; top: -5px;
}
.pg2 {opacity: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;width: 550px;height: 250px;background: url(https://i.imgur.com/i01eyl2.png); position: relative; text-align: justify;}
.pg1:hover 
.pg2 {opacity: 1;position: relative; top: px;}

.accordion { width: 544px; position:relative; font-size: 14px; padding: 3px; background: #59585e; }
.accordion ul {list-style: none; margin: 0; padding: 0;   }
.accordion li {margin:0; padding:0; }

.accordion [type=radio], .accordion [type=checkbox] { display:none; }

.accordion label { display:block;  background: url(https://i.imgur.com/Wm0TvY6.png); height: 13px; color: #59585e; font-family: Comfortaa;  font-weight: 500;  font-size: 14px;  letter-spacing:4px;  text-transform:uppercase;  text-align:center;  line-height:100%;   -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; outline: 2px solid #59585e; }

.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label { background: url(https://i.imgur.com/pBPGfCO.png); color: #a5b7b7; }

.accordion .content { padding: 0 10px;  overflow:hidden;  -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out;background: url(https://i.imgur.com/wG34tpA.png) bottom no-repeat;  border: 1px solid #fff;}
.accordion p {  color:#333; margin:0 0 10px; }
.accordion h3 { color:#542437; margin:10px 0;}
.vertical ul li {overflow:hidden; margin:0 0 1px; }
.vertical ul li label { padding: 12px; }
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label { border-bottom:0; }
.vertical ul li .content { height:0px; border-top:0;}

.vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content { height: auto; border: 0px solid #fff; background-color: #abbebe; padding: 10px; }

.wohaowhe {padding-right: 5px; height: auto; text-align: justify; font-size: 13px; font-family: arial; line-height: 100%; color: #000; }



/** -------------------------  НОВАЯ ЛИЧНАЯ СТРАНИЦА  ------------------------- **/

#ls_fon {position: relative;width: 500px;height: 500px;background: url(https://i.imgur.com/KJbTKZE.png);} /*поменяла!!!!*/

.baza_knopok {position: absolute;top: 30px;left: 500px;width: 15px;height: 200px;} /*поменяла!!!!*/
.knopka {display: inline-block;width: 15px;height: 50px;cursor: pointer;background: #aaa59e;box-shadow: inset 0 0 4px 2px rgb(130, 128, 126);border-bottom-right-radius: 7px;}  /*поменяла!!!!*/

.wrap_ls {position: absolute;top: 0px;width: 500px;height: 500px;/* left: 50px; */} /*поменяла!!!!*/
#lichnoe01 {background: url(https://i.imgur.com/t0jZcLM.png);}/*поменяла!!!!*/
#lichnoe03 {background:url(https://i.imgur.com/rxqlzjl.png);}/*поменяла!!!!*/

#knopka_second {margin-top: 2px;}/*поменяла!!!!*/
#knopka_third {margin-top: 2px;} /*поменяла!!!!*/
#knopka_fourth {margin-top: 2px;} /*поменяла!!!!*/

/*наполнение личной страницы*/ 
.timels {margin-top: 37px!important;position: absolute;margin-left: 37px!important;opacity: 0.5;}
.textls {position: absolute;margin: 37px 0 0 174px !important;text-align: center;width: 192px;height: 116px;padding: 3px;font-size: 15px;font-family: century gothic;background-color: #4f4f4f;color: transparent;text-shadow: 0px 2px 3px rgba(255,255,255,0.5);-webkit-background-clip: text;-moz-background-clip: text;overflow: hidden;}
.quote {position: absolute;margin: 175px 0px 0 35px !important;width: 332px;height: 64px;padding: 3px;font-size: 16px;font-family: century gothic;background-color: #4f4f4f;color: transparent;font-weight: 700;text-shadow: 0px 2px 3px rgba(255,255,255,0.5);-webkit-background-clip: text;-moz-background-clip: text;}
.statls {position: absolute;margin: 35px 0px 0 385px !important;padding: 3px;width: 74px;height: 204px;font-size: 16px;font-family: century gothic; color: #565656; font-weight: bold;  text-shadow: 0px 2px 3px rgba(255,255,255,0.5); mix-blend-mode: hard-light; filter: grayscale(70%);}
.specachivls {padding: 5px;width: 414px;height: 184px;position: absolute;margin: 268px 35px 0px!important;overflow: auto;}

.achivls {width: 430px;padding: 10px;height: 430px;position: absolute;margin: 25px 0 0 25px!important;overflow: auto;}

.zagls {margin-top: 15px !important; font-size: 23px; font-family: century gothic; background-color: #4f4f4f; color: transparent; letter-spacing: 2px; font-weight: bold; text-shadow: 0px 2px 3px rgba(255,255,255,0.5); -webkit-background-clip: text; -moz-background-clip: text;}
.epls {margin: 12px 0 0 -10px !important; padding: 5px 10px; width: 400px; height: 150px;font-size: 14px;font-family: century gothic;color: #757575;overflow: auto;}

.gifsls {padding: 5px;width: 414px;height: 414px;position: absolute;margin: 35px 35px 0px!important;overflow: auto;}

0

18

Код:
<!--ПРОФИЛАКТИКА-->
<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='index.php' /><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 = 0; //Cвитч включения: 1 - включено!; 0 - выключено
if(GroupID != 1 && active == 1){
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 type="text/css">
.post .gift{
  display:none;
}
</style>

<!-- HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<style>img.post-img-Sp {
    margin-left: -90px !important;
}
ul.post-ul-Sp {

}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script>

<!-- Выделение кода в блоке "Код" // © 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>


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


<!--ШРИФТЫ
Не трогайте, позязя. хд-->
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Monda|Megrim' rel='stylesheet' type='text/css'><link href="https://fonts.googleapis.com/css?family=Anonymous+Pro|Arsenal|EB+Garamond|Open+Sans+Condensed:300|Poiret+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Amatic+SC|Bad+Script|Cabin+Sketch|Gabriela|Jura|Marck+Script|Monoton|Neucha|Nothing+You+Could+Do|Permanent+Marker|Philosopher|Roboto+Mono|Sedgwick+Ave+Display|Shadows+Into+Light" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Amatic+SC|Cinzel|Creepster|Dancing+Script|Indie+Flower|Pacifico|Tangerine|UnifrakturMaguntia" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Jura" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cormorant+Unicase" rel="stylesheet">
<!--Шрифты конец-->

<!---------------------------- добавляем шрифты на форум ---------------------------->
<style type="text/css">
@font-face {
font-family: 'bebas neue';
src: url(https://forumstatic.ru/files/0012/ea/b6/62140.eot?),
url(https://forumstatic.ru/files/0012/ea/b6/15829.woff) format('woff'),
url(https://forumstatic.ru/files/0012/ea/b6/82004.ttf) format('truetype'),
url(https://forumstatic.ru/files/0012/ea/b6/59653.svg#svgFontName) format('svg');
font-weight: normal;
font-style: normal;
}
</style>
<!---------------------------- доп.шрифты ---------------------------->
<link href='http://fonts.googleapis.com/css?family=Ruslan+Display|Lobster|Marck+Script|Yeseva+One|Open+Sans+Condensed:300|Roboto+Slab|PT+Serif|Playfair+Display|Sansita+One|Poiret+One|EB+Garamond|Rochester|Advent+Pro|Playball|Orbitron|Six+Caps|Cinzel+Decorative|Handlee|Bungee+Hairline|Dr+Sugiyama|Cinzel|Passion+One|Kaushan+Script|Didact+Gothic|Montez|Emilys+Candy|Dancing+Script|Pacifico|Shadows+Into+Light|WildOnesPersonalUse|Highlander|Playfair+Display+SC|Hermes|Comfortaa|Roboto+Condensed|Angilla+Tattoo+Personal+Use|La+Belle+Aurore|Mrs+Sheppards|Yesteryear|Kaushan+Script|UnifrakturMaguntia|Montserrat+Alternates|Poiret+One|Graduate|Cuprum|Great+Vibes|Seaweed+Script|Geo|EB+Garamond|Playfair+Display+SC|Lora|Bad+Script|Cinematografica|Pattaya|CaveatRegular|Oswald|Annabelle|Adlerytrial|Philosopher|Noto+Serif|Libre+Baskerville|Abril+Fatface|Old+Standard+TT|Cinzel|Vidaloka|Marmelad|Forum&subset=latin,cyrillic' rel='stylesheet' type='text/css'>

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

<!--репутация без обновления страницы-->
<script> 
if($('#pun-viewtopic').length && !$('#navawards').length) 
FORUM.PartnerVote = function() { return true; }; 
</script>

<!-- Чтобы не пропадали посты -->
<script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/63959.js"></script>
<!— конец —>

<!--ТАБЛИЦА НАЧАЛО -->
<!--ФЛУДЕРЫ -->
<img class="imgact" src="https://i.imgur.com/T6GqeBX.png" title="name" style="margin-left: 57px;margin-top: 171px; position: absolute;">
<img class="imgact" src="https://i.imgur.com/T6GqeBX.png" title="name" style="margin-left: 112px;margin-top: 171px; position: absolute;">
<img class="imgact" src="https://i.imgur.com/T6GqeBX.png" title="name" style="margin-left: 167px;margin-top: 171px; position: absolute;">
<img class="imgact" src="https://i.imgur.com/T6GqeBX.png" title="name" style="margin-left: 222px;margin-top: 171px; position: absolute;">
<img class="imgact" src="https://i.imgur.com/T6GqeBX.png" title="name" style="margin-left: 277px;margin-top: 171px; position: absolute;">

<!--ПОСТОПИСЦЫ -->
<img class="imgact" src="https://i.imgur.com/T6GqeBX.png" title="name" style="position: absolute; margin-left: 544px; margin-top: 38px;">
<img class="imgact" src="https://i.imgur.com/T6GqeBX.png" title="name" style="position: absolute; margin-left: 599px; margin-top: 38px;">
<img class="imgact" src="https://i.imgur.com/T6GqeBX.png" title="name" style="position: absolute; margin-left: 654px; margin-top: 38px;">
<img class="imgact" src="https://i.imgur.com/T6GqeBX.png" title="name" style="position: absolute; margin-left: 709px; margin-top: 38px;">
<img class="imgact" src="https://i.imgur.com/T6GqeBX.png" title="name" style="position: absolute; margin-left: 764px; margin-top: 38px;">

<!--ЭПИЗОД -->
<div class="imgact" style="position: absolute; margin-left: 658px; margin-top: 144px;">
<a href="link"><img src="https://i.imgur.com/X2v1dWL.png" title="episode"></a> 
</div>

<!--ТАНДЕМ -->
<div class="imgact" style="position: absolute; margin-left: 805px; margin-top: 109px;">
<img src="https://i.imgur.com/X2v1dWL.png" title="name & name"> 
</div>

<!--ЛУЧШИЙ ПОСТ -->
<div class="imgact" style="position: absolute; margin-left: 558px; margin-top: 171px;">
<img src="https://i.imgur.com/T6GqeBX.png" title="name"> 
</div>
<div style="font-family: Calibri; font-size: 10px; line-height: 11px; font-weight: bold; height: 44px; width: 136px; position: absolute; color: #8490a5; margin-left: 401px; margin-top: 171px; padding: 0px 5px; text-align: justify; overflow: auto;">
Похороны - это всегда грустно, но когда ты видишь их каждый день, то невольно начинаешь привыкать к... <a href="http://austin.rolbb.ru/viewtopic.php?id=419#p17231">читать далее</a>
</div>


<!--ТАБЛИЦА КОНЕЦ -->

<!--НАВИГАЦИЯ-->
<div class="nav" style="position: absolute; margin-left: 79px; margin-top: 2px; text-align: center; color: #8f9298!important;"><a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=2">гостевая</a>  •  <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=3">правила</a>  •  <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=4">faq</a>    <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=5">внешности</a>  •  <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=37">путеводитель</a>    <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=6">хочу к вам</a>  •  <a class="nav" href="http://austin.rolbb.ru/viewforum.php?id=9">банк</a>    <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=17">вопросы к амс</a></div>


<!--АМС
Пробелы не трогать!-->
<div class="ams" style="position: absolute; margin-left: 523px; margin-top: 100px; background-color: #ebebeb66; padding: 4px;">
 <a class="ams" href="">Name</a> <a class="ams" href="">Name</a> <a class="ams" href="">Name</a> <a class="ams" href="">Name</a> <a class="ams" href="">Name</a> <a class="ams" href="">Name</a>
</div>


<!-- ЛИЧНАЯ СТРАНИЦА -->
<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Slabo+27px" rel="stylesheet">
<style type="text/css">
.stranicafon { width: 632px; height: 450px; background-image: url(http://funkyimg.com/i/2qGtD.png);  z-index: 2; }
.nameplayer { position: absolute; margin-top: 5px; margin-left: 130px; width: 337px; height: 155px; border: 0px solid#284; text-align: center;  font-family: Bebas Neue; font-size: 32px; text-transform: uppercase; font-weight: bold; color: #000; text-shadow: 0 0px 10px #fac;}
.name  { position: absolute; margin-top: 7px; margin-left: 90px; width: 400px; height: 30px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.45; }
.rel  { position: absolute; margin-top: 63px; margin-left: 300px; width: 250px; height: 20px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.75; }
.ori  { position: absolute; margin-top: 100px; margin-left: 300px; width: 250px; height: 20px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.75; }
.job { position: absolute; margin-top: 140px; margin-left: 300px; width: 250px; height: 20px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.75; }
.music { position: absolute; margin-top: 290px; margin-left: 90px; width: 400px; height: 30px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.75;}
.rel1 { position: absolute; margin-top: 65px;  margin-left: 320px; width: 250px; height: 15px; border: 0px solid#284;   font-family: Bebas Neue; font-size: 13px;  }
.ori1 { position: absolute; margin-top: 103px;  margin-left: 320px; width: 250px; height: 15px; border: 0px solid#284;   font-family: Bebas Neue; font-size: 13px;  }
.job1 { position: absolute; margin-top: 143px;  margin-left: 320px; width: 250px; height: 15px; border: 0px solid#284;   font-family: Bebas Neue; font-size: 13px;  }
.music1 { position: absolute; margin-top: 295px;  margin-left: 100px; width: 400px; height: 15px; border: 0px solid#284; text-align: center;  font-family: Bebas Neue; font-size: 13px;  }
.photoplayer { position: absolute; margin-top: 80px; margin-left: 35px;  width: 170px; height: 170px; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; padding-left: 10px; padding-top: 10px; opacity: 0.5;}
.photoplayer1 { position: absolute; margin-top: 80px; margin-left: 35px;  width: 170px; height: 170px; padding-left: 10px; padding-top: 10px; }
.style { position: absolute; margin-top: 180px; margin-left: 370px;  width: 86px; height: 84px; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 90px 90px 90px 90px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; padding-left: 10px; padding-top: 10px; opacity: 0.5;}
.style1 { position: absolute; margin-top: 176px; margin-left: 366px;  width: 86px; height: 84px; padding-left: 10px; padding-top: 10px; }

.plashki {position: absolute;  margin-left: 10px; margin-top: 10px; width: 280px; height: 305px;  border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;}
.zabil {position: absolute;  margin-left: 305px; margin-top: 170px; width: 265px; height: 145px;  border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;}
.achivments {position: absolute;  margin-left: 305px; margin-top: 10px; width: 265px; height: 145px;  border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;}
.level {position: absolute;  margin-left: 10px; margin-top: 10px; width: 190px; height: 305px;  border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;}
.kino {position: absolute;  margin-left: 220px; margin-top: 10px; width: 350px; height: 305px;  border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;}

.lsfilm {margin: 0 auto; width:110px; height:150px;} 
.lsfilm1 {background-color:#77777a; width:105px; height:145px; margin: 0 auto; z-index:4; position:absolute;}
.lsfilm2 {background-repeat: no-repeat; background-position: center; margin-left:-20px; margin-top:0px; b height:100px; width:140px; position:absolute; position:absolute; padding:2px; }
.lsfilm3 {background-color:#9f9992; width:100px; height:140px; margin-left:20px; margin-top:0px; opacity:0; -webkit-transition: 1s all ease; -moz-transition: 1s all ease; -o-transition: 1s  all ease; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s;}
.lsfilm4 {color:#000000; width:100px; height:120px; font-family: 'PT Mono', sans-serif; font-size: 10px; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -o-transition: 1s  all ease-in-out; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; opacity:0; padding-top:5; padding-left:0px; text-align:center;}
.lsfilm2, .iox, .loxc, .loxs, .roxc, .roxs {-webkit-transition: 1s all ease-in; -moz-transition: 1s all ease-in; -o-transition: 1s  all ease-in;}
.lsfilm:hover .lsfilm2, .lsfilm:hover .iox {border-color:#9f9992; -webkit-transform: rotate(de7a03); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(de7a03); transform: rotate(de7a03);}
.lsfilm:hover .loxc, .lsfilm:hover .loxs{border-color:transparent #5B88A5 transparent transparent;}
.lsfilm:hover .roxc, .lsfilm:hover .roxs{border-color: transparent transparent transparent #a57a5b;}
.lsfilm:hover .lsfilm3 {opacity:0.8;}
.lsfilm:hover .lsfilm4 {opacity:1;}

.tabs { position: relative; height: 329px; width: 583px; clear: both;  }
.tab label { display: block; width: 5px; height: 5px; background: #fff; color: #030303; padding: 5px;   text-transform: uppercase; letter-spacing: 0.5px; text-align: center; font: 10px calibri; position: absolute; left: 275px; top: 363px; border-radius: 15px; }
.tab [type=radio] { display: none; }
[type=radio]:checked ~ label { background: #22362f;  height: 5px; color: #FFF; border-bottom: 0px solid#000; z-index: 2; }
[type=radio]:checked ~ label ~ .thcontent { z-index: 1; opacity: 1; filter: alpha(opacity=100); }
.thcontent { width: 582px; height: 330px; position: absolute; top: 26px;  float: right; right: -1px; bottom: 10px; text-align: justify; opacity: 0; filter: alpha(opacity=0);  }
[type=radio]:checked ~ label { background: #22362f; color: #030303; border-bottom: 0px; z-index: 2; padding: 5px; }
[type=radio]:checked ~ label ~ .thcontent { z-index: 1; }

</style>

<script img-data="http://sa.uplds.ru/SoT3N.png" src="https://forumstatic.ru/files/0013/44/56/57946.js" forum="2"></script>
<!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// -->
<!-- КОНЕЦ ЛИЧНОЙ СТРАНИЦЫ -->

0

19

Код:
<!--Своя картинка в каждую категорию -->
<script type="text/javascript">
$(document).ready(function(){
myarray=new Array(
"Buckingham Palace", "https://i.imgur.com/a2fIxUb.png",
"All You Need Is Love", "https://i.imgur.com/LHKaRMQ.png",
"Help! I need somebody", "https://i.imgur.com/TGJXL21.png",
"A Day In the Life", "https://i.imgur.com/xqMsVNW.png",
"I Want to Tell You", "https://i.imgur.com/GxkllNb.png",
"Can't Buy Me Love", "https://i.imgur.com/GSf2QkR.png",
"Yesterday", "https://i.imgur.com/m1hucQC.png",
"Архив", "https://i.imgur.com/m1hucQC.png",
"Yesterday II", "https://i.imgur.com/VZfZZ7a.png"  //Последний элемент без запятой!  
)
        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
  "height":"75px",
  "width":"450px",
 "margin-left":"230px",
  "background-color": "transparent",
  "background-image":"url("+myarray[q+1]+")",
  "background-position":"50% 50%",
  "background-repeat":"no-repeat"       //Последний элемент без запятой!
}
        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>

<!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<script>
var a1 = 1	// 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
var a2 = 0	// 0 - Скрытие первой вкладки; 1 - Показ первой вкладки; 
var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко;

var LiArr=new Array(
//При наличии двух косых => // в начале пункта, - пункт не скрывается.

//"pa-author",     //Ник-Нейм
//"pa-avatar",     //Аватар
//"pa-title",      //статус

"pa-reg",        //Зарегистрирован
"pa-invites", //Приглашений

// 1 кнопка - ссылка на Картинку
//В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию)
"https://i.imgur.com/DSg7saZ.png",
"pa-posts",      //Кол-во сообщений:
"pa-respect",    //Уважение:

"pa-positive",   //Позитив
"pa-sex",        //Пол
"pa-age",        //Возраст
"pa-icq",        //Аська
//"pa-ip",         //IP Юзера
"pa-time-visit", //Провел на форуме:
//"pa-last-visit", //Последний визит:
"pa-from",       //Откуда
//"pa-fld2",       //Доп.Поле.2
//"pa-fld1",       //Доп.Поле.1

//"pa-fld3",       //Доп.Поле.3 
"pa-fld4",       //Доп.Поле.4
"pa-fld5",       //Доп.Поле.5

//"pa-online",     //Пользователь online - Не засовываем в спойлеры
//"award",      //Награды(только для rusff и ork)
"gift",         //Подарки(только для rusff и ork)

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

<!-- Скрыть названия доп. полей-->
<script type="text/javascript">
    var A=[1,2,3,4,5]
    $(".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>
<!-- конец -->

<!--- хтмл в постах с допуском по группам © Alex_63 --->

<!-- HTML в постах -->
<script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/94151.js"></script>
<script type="text/javascript">
HTMLinPost.groups = [1,2,3,4,5,6,7]; // Группы, допущенные к вставке HTML в посты
HTMLinPost.noAccess = []; // Пользователи с запретом вставки HTML в посты
HTMLinPost.parseHTMLinPosts()
</script>
<!--- конец --->



<script type="text/javascript">
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
</script>


<!--Кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="https://i.imgur.com/PE9hlCB.png" border="0" width=100% /></div>
<div class="go-down" id='OnBottom'><img src="https://i.imgur.com/iEb4K3V.png" border="0" width=100% /></div>
<style>

.go-up, .go-down {
    display: none;
    position: fixed;
    margin-left: 950px;
    z-index: 9999;
    cursor: pointer;
    opacity: 1;
    margin-bottom: 261px;}

.go-up {bottom: 160px; /* позиция кнопки Вверх по вертикали */}
.go-down {bottom: 60px; /* позиция кнопки Вниз по вертикали */}
.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>
<!-- конец -->

<!-- Перенос Быстрого ответа под нужное сообщение © Alex_63 -->
<style>
/* Кнопка "Ответить" */
li.pl-reply a {
  font-size: 14px;
  color: #428bca !important;
  padding-top: 6px !important;
  padding-left: 21px !important;
  padding-right: 6px !important;
  padding-bottom: 6px !important;
  background: url(https://forumstatic.ru/files/0014/ef/99/64816.png) 1px 6px no-repeat;
  border-radius: 4px;
}
/* при наведении */
li.pl-reply a:hover {
  background-color: #ececec;
}
.button.cancel{display:none;}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26021.js"></script>
<!-- //End//-Перенос Быстрого ответа под нужное сообщение -->

<!-- Быстрое редактирование постов © Alex_63 // V.3 --><script>
if(ForumEdit.indexOf(+FORUM.topic.forum_id)!=-1)$.getScript("https://forumstatic.ru/files/0015/c4/3f/97896.js");;
</script>
<!-- Конец -->

<!-- запятая после ника -->
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>
<!--конец-->

<!---------------------------- абзац---------------------------->
<style>#button-indent {background:url(http://s7.uplds.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.2em 1.1em; "></span>'; /*сверху и слева*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>

<!--простой способ вставки картинок-->
<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>
<!-- Кликабельность ника в постах Гостя --><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 a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>
<!-- Конец -->

<!--запрет рекламе менять аватар подпись и статус -->
<script type="text/javascript">
var a =document.URL
var b=document.getElementById('pun-status').innerHTML
if (b.indexOf("bad pr")!=-1)
{
if ((a.indexOf("signature")!=-1)||(a.indexOf("section=avatar")!=-1))
{document.getElementsByName('update')[0].onclick=noChange}
else if (a.indexOf("upload-avatar")!=-1)
{document.getElementsByName('urload')[0].onclick=noChange}}
function noChange()
{alert ("ты что творишь?")
return false}
</script>
<style>
#pun-main #profile1[action$="id=8"]{
display:none;
}
</style>
<!--КОНЕЦ-->

<!-- Кликабельность ника в постах Гостя -->
<script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>)'});</script>
<!-- Конец -->

<!-- Аватар для гостя и по умолчанию / Deff, Alex_63 
mod by ForumD.ru  -->
    <script type="text/javascript">
    var DefAvtr = 'https://i.imgur.com/dDgOQqz.gif'; //Ссылка на аватар по умолчанию
    var GuestAvtr = 'https://i.imgur.com/dDgOQqz.gif'; //Ссылка на аватар для Гостя

    $('#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><li class="pa-online" id="guest"></li>';
      if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
    });
    $('#profile-left strong:contains("Нет аватара")')
    .parent().html('<div><img src="'+DefAvtr+'"/></div>');
    </script>
<!-- Конец -->

<!--Переключение раскладки выделенного текста -->
<style>#button-transL{background-image:url(http://uploads.ru/i/X/j/Z/XjZW7.png)}</style>
<script type="text/javascript">S='<img src="http://forum.mybb.ru/i/blank.gif" title="Lat- Русс" onclick="bbcode(\'[Lat-Rus]\',\'[/Rus-Lat]\');LatRus();"/>';
$("#button-font").after('<td id=button-transL>'+S+'</td>');var TxtTrans1='lat';
function LatRus(){if(TxtTrans1=='lat'){TxtTrans1='rus'}else{TxtTrans1='lat'};
lat0='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split('');
lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split('');
lat.push('\\[');lat.push('\\]');lat.push('\\.');
rus=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split('');
function transF(p){ar1=lat;ar2=rus;if(TxtTrans1=='lat'){ar2=lat0;ar1=rus}for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}L=$('#main-reply').val();L=L.replace(/\[Lat-Rus\]([\s\S]*)\[\/Rus-Lat\]/mg,function(a,b,c){return transF(b);});$('#main-reply').val(L);}
</script>
<!-- Конец -->

<!--БАННЕРЫ-->
<!-- Прокрутка элементов в блоке -->
<div class="Hoverbuttons2" style="position: absolute; height: 31px; width: 462px; overflow: auto; margin-top: 17px; margin-left: 130px; line-height: 80%; opacity: 0.8;">
<a href="http://korean-academy.ru/" title="KOREAN ACADEMY"><img src="https://i.imgur.com/gcFbCsV.gif" target="_blank" border="0" width="88" height="31"></a>
<a href="http://soullove.ru/" target=_blank> <img src="https://forumstatic.ru/files/000e/5d/50/37711.gif" border="0" alt="The Vampire Diaries | Soul Love"></a>
<a href="http://eltropicanolife.rusff.me/#?advNum=site_banner" target="_blank">
<img src="https://i.imgur.com/eUbopU4.gif" ></a>
<a href="http://rayons.rusff.me"><img src="https://forumstatic.ru/files/0017/a9/1e/87684.gif" title="[районы-кварталы]" width=88 height=31 border=0></a>
<a href="http://howlongisnow.rusff.me/"><img src="https://funkyimg.com/i/2TVKQ.gif" title="TACHELES"></a>
<a href="http://toeden.rusff.me" title="Мистика, США, 2022 год"  target="_blank"><img src="https://i.imgur.com/jhPilxP.gif" alt="Return to eden"></a>
  <a target="_blank" href="http://thebreakdown.ru/"><img src="https://i.ibb.co/0sFXbxG/FlBCR.png" ></a>  
<a href="http://earlgrey.rusff.me" target="_blank"><img src="https://i.imgur.com/MXrFuUK.png" title="earl grey. real-life."></a>
<a href="http://floremorbo.rusff.me/"target=_blank><img src="https://i.imgur.com/uS5I5DX.gif" title="floremorbo"></a>
<a href="http://newlegacy.ru"><img src="https://forumstatic.ru/files/000b/f7/ff/90795.gif" border="0" title="New Story"></a>
<a href="http://chicagorol.ru" title="Chicagoland" target="_blank"><img src="https://funkyimg.com/i/2VSuR.gif" width="88px" height="31px"></a>
</marquee>
</div>
<!-- конец -->


<!-- Маска профиля -->
<script src="http://f.etrin.ru/hvss/hvss.min.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['Общий архив', 'Завершенные эпизоды', 'Заброшенные эпизоды'],
    forumAccessExtended: {
        'Реальное время': ['Принятые'],
        'Прошлое и будущее': ['Принятые'],
        'Другие миры': ['Принятые'],
        'Социум здесь': ['Пользователи', 'Принятые'],
        'Это чей тамада?': ['Принятые'],
        'Личное пространство': ['Принятые'],
        'Сделай паузу - поиграй': ['Принятые']
    },
    userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-posts', 'pa-respect', 'pa-fld2', 'pa-awards']
});
</script>
<!-- конец -->


<script type="text/javascript">
    $('#pun-index .category td.tcl').each(function() {
      var TR = $(this).parents('tr:first');
      var str='<div class="Add"><div class="Tems_And_messages">Teм: <span class="right">'+TR.find('td.tc2').text()+'</span></div><div  style="margin-left:0px; " class="Tems_And_messages">Cообщений: <span class="right">'+$(this).parents('tr:first').find('td.tc3').text()+'</span></div><div  style="margin-left:0px;" class="bottom"><span class="right">'+TR.find('td.tcr').html()+'</span></div></div>';
      var lsr=TR.find('td:first');
      $(str).appendTo(lsr);
    });
</script>



<!-- Всплывающая таблица с вкладками, в топике, с инфой о персонаже -->
<style type="text/css">
  /*Стиль иконки в мини-профиле*/
img.a-info{
  padding:2px;
  display:block!important;
  cursor:pointer;
  position:absolute;
  text-align:left!important;
}
/* Затемняющий фон */
#pre-wrap {
margin:0;
top:0;bottom:0;
left:0;right:0;
width:100%;
height:100%;
position:fixed;
z-index:20000;
background: rgba(0,0,0,.7);
}
/*Подвижка иконки закрытия таблички*/
.my-tabs > img.close {
float:right;
margin:0 -35px 0 0!important; /*чем больше - тем правее*/
width:27px;
display: none;
}
/* Корневой таб(UL) */
.my-tabs{
display:block;
z-index:30000;
position:absolute;
max-height:420px;  /*максимальная высота таблички*/
}
/* Стиль "Ушка" вкладок */
.my-tabs>span{
width:0px;
height:0px;
}
/* Cдвиг самого первого "Уха" */
.my-tabs>span:first-child{
margin-left: 8px;
}
/* Активное "Ушко" */
.my-tabs>span.selected{
 opacity:1;
 border-bottom-color:transparent!important;
display:none !important;
}
/* Стиль вкладки(LI)*/
.my-tabs>.tab-a{
/* width: 720px;*/
 /*height: 420px;*/
 position:relative;
 z-index:1;
 display:none;
/*box-shadow: 0px 0px 30px 3px rgba(0, 0, 0, .4);*/
}
/*Отступ контента вкладки сверху*/
.tab-a .post-content{
 text-align:left;
 display:inline-block;
}
/* сдвиг таблицы */
.punbb .my-tabs{
  padding-top: 70px!important;  /*сдвиг таблицы вверх от положения иконки*/
  margin-left: 93px!important; /*сдвиг таблицы вправо от положения иконки*/
}
/*Подвижка иконки*/
.post-author img.a-info {display: none!important}
</style>
<!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// -->

<!-- Переадресация клика со своей Иконки для Вспл. таблицы в топике -->
<script type="text/javascript">
function iconRedir(that) {
    $(that).parents('.post-author').find('.post-img-Sp.a-info')[0].click();
};
</script>
<!-- Включаем HTML в Постах в Вспл.табличке-->
<script type="text/javascript">
$(function(){$('img.a-info,.my-tabs>span').live('click',function(){$("li.tab-a").map(function(){HTMLinPost.parseTags($(this).attr("data-group-id",0))});});});
</script>


<!--репутация без обновления страницы-->
<script> 
if($('#pun-viewtopic').length && !$('#navawards').length) 
FORUM.PartnerVote = function() { return true; }; 
</script>
<!-- конец -->

<!---------------------------- шрифты---------------------------->

<script type="text/javascript"> 
if ($('#pun-viewtopic,#pun-post,#pun-edit,#pun-poll,#pun-messages').length) {
var ft; var i; var ft_f; var j = ""; 
ft = document.getElementById("font-area"); 
var ft_f = new Array(); 
ft_f.push('Abril Fatface'); 
ft_f.push('Angilla Tattoo Personal Use'); 
ft_f.push('Bad Script');
ft_f.push('bebas neue');
ft_f.push('Bungee Hairline');  
ft_f.push('Comfortaa');
ft_f.push('Cuprum'); 
ft_f.push('Dancing Script'); 
ft_f.push('Didact Gothic'); 
ft_f.push('Dr Sugiyama');
ft_f.push('Emilys Candy'); 
ft_f.push('Geo');
ft_f.push('Graduate');
ft_f.push('Great Vibes');
ft_f.push('Kaushan Script'); 
ft_f.push('La Belle Aurore'); 
ft_f.push('lobster'); 
ft_f.push('Marck Script');
ft_f.push('Montserrat Alternates'); 
ft_f.push('Mrs Sheppards');  
ft_f.push('Orbitron');
ft_f.push('Oswald');
ft_f.push('Passion One');
ft_f.push('Pattaya');
ft_f.push('Roboto Condensed'); 
ft_f.push('rochester'); 
ft_f.push('Sansita One'); 
ft_f.push('Seaweed Script');
ft_f.push('Segoe print');  
ft_f.push('UnifrakturMaguntia'); 
ft_f.push('Yesteryear');



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>

0

20

***************************************************************

0


Вы здесь » Mur-Mur » тестовый форум » Дизы


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