admintest

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

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


Вы здесь » admintest » в поисках немо » зимний дизайн


зимний дизайн

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

1

хтмл вверх

тык
Код:
<img src="https://forumstatic.ru/files/0019/f1/ce/56842.gif" style="position: absolute;top: 210px;margin-left: 432px;">

<div class="bestpost">
  <a href="ссылка"><div class="postpic"><img src="http://funkyimg.com/i/2RfdF.png">
  <span>только имя</span>
  </div></a>
</div>

<div class="best-post-text"><text>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus purus est, ullamcorper vitae sapien in, facilisis aliquam est. Sed imperdiet, purus vitae ultrices efficitur, orci libero vehicula eros, sed sagittis nisl arcu sed ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ac massa pretium dui suscipit sagittis. </text></div>

<div class="newsblock"><div><date>02.02</date> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus purus est, ullamcorper vitae sapien in, facilisis aliquam est. Sed imperdiet, purus vitae ultrices efficitur, orci libero vehicula eros, sed sagittis nisl arcu sed ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ac massa pretium dui suscipit sagittis. </div>
<div><date>02.02</date> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus purus est, ullamcorper vitae sapien in, facilisis aliquam est. Sed imperdiet, purus vitae ultrices efficitur, orci libero vehicula eros, sed sagittis nisl arcu sed ligula.  </div></div>

<div class="activblock">
  <a href="http://fourcross.rusff.me/profile.php?id=10"><div class="activpic"><img src="http://funkyimg.com/i/2RfaD.png">
  <span>Активист Дейнерис</span>
  </div></a>
  
  <a href="http://fourcross.rusff.me/profile.php?id=20"><div class="activpic"><img src="http://funkyimg.com/i/2Rfbh.png">
  <span>Активист Ноктикс</span>
  </div></a>  
</div>

<div class="activblock" style="margin-left: 619px">
  <a href="ссылка"><div class="activpic"><img src="http://funkyimg.com/i/2RfbX.png">
  <span>только имя</span>
  </div></a>
  
  <a href="ссылка"><div class="activpic"><img src="http://funkyimg.com/i/2RfbX.png">
  <span>только имя</span>
  </div></a>  
</div>

<div class="weneed">
  <a href="http://fourcross.rusff.me/viewtopic.php?id=7#p400"><div class="needpic"><img src="http://funkyimg.com/i/2Rf8h.png">
  <span>мы ищем<br>
    Таурель
    </span>
  </div></a>
  <a href="http://fourcross.rusff.me/viewtopic.php?id=7#p2102"><div class="needpic"><img src="http://funkyimg.com/i/2Rf8P.png">
  <span>мы ищем<br>
    Гриндевальда
  </div></a>
  <a href="http://fourcross.rusff.me/viewtopic.php?id=7#p1199"><div class="needpic"><img src="http://funkyimg.com/i/2RfKD.png">
  <span>мы ищем<br>
   Бетмена
  </div></a>
</div>

<div id="sslka"><a href="ссылка"><span>ссылка</span></a> <a href="ссылка"><span>ссылка</span></a> <a href="ссылка"><span>ссылка</span></a> <a href="ссылка"><span>ссылка</span></a> <a href="ссылка"><span>ссылка</span></a> <a href="ссылка"><span>ссылка</span></a></div>

<!-- ВЫДЕЛЕНИЕ КОДА в блоке "Код" // © 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>


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


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


   <!--// CSS-версия обтекания изображений в Постах //--> 
      <style>.postimg[alt="float:right"]{float:right;padding-left:12px}.postimg[alt="float:left"]{float:left;padding-right:12px} 
          #add_float{position:absolute;padding:2px;top:-8px;left:50%;margin-left:-29px!important;width:57px!important;background: url("https://forumstatic.ru/files/0018/f9/58/97470.png") no-repeat 50% 70% !important;}
      #button-image #add_float img{display:block;position:relative;z-index:4;} 
      #button-image>img{position:relative;z-index:2;} 
      #button-image>center{opacity:0;visibility:hidden; transition-duration: .8s;} 
      #button-image:hover>center{opacity:1; visibility:visible;} 
      </style> 
      <script>$(function(){$('.postimg[title="float:right"],.postimg[title="float:left"]').mouseover(function(e){e.preventDefault();}); 
      var a ='<center style="position:relative;"><table id=add_float><tr><td id="text-left" title="Обтекание: текст слево">@@</td><td></td><td id="text-right" title="Обтекание: текст справо">##</td></tr></table></center>',b3="]'"; 
      var b1 = '<img onclick="bbcode(\'[img=float:right'+b3+',\'[/img'+b3+')" src="/i/blank.gif"/>',b2 = '<img onclick="bbcode(\'[img=float:left'+b3+',\'[/img'+b3+')" src="/i/blank.gif"/>'; 
      a = a.replace('@@',b1).replace('##',b2); 
      $('#post #button-image').prepend(a);}); 
      </script>

<!--Всплывающие Подсказки при наведении-->
<style>
#tooltip {
  position: absolute;
    background: #496072;
  z-index: 999;
  max-width: 180px;
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.1);
  font-family: open sans; /* шрифт */
  font-size: 9px; /* размер текста */
  display: none;
  color: #fff; /* цвет текста */
  text-align: center;
  padding: 3px 5px 5px 5px;
  letter-spacing: 1px;
  text-transform: lowercase;
  font-weight: lighter;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26671.js"></script>
<!--//End//-Всплывающие Подсказки при наведении-->
<!-- доп. смайлы. ПОСОНЫ, при переезде на основной домен не забудьте забрать скрипт из файлов форума, перенести на новый и изменить ссылку --> 
<style type="text/css"> 
#wrapper {width: 520px;} 
ul.tabs {height: 25px;line-height: 20px;margin: 0 0 3px;list-style: none;} 
ul.tabs li {float: left;margin-right: 1px; cursor:pointer; } 
ul.tabs li a {color: #3f4952;display: block;margin-bottom: -1px;margin-top: 0px;padding: 0 14px 1px;position: relative;text-decoration: none;} 
ul.tabs li a:hover {color:#535f6b; padding: 0 14px;position: relative;text-decoration: none;} 
ul.tabs li.tab-current a {color: #3f4952;padding: 0px 14px 2px;border:medium hidden;line-height: 22px;} 
ul.tabs li.tab-current a:hover {color: #3f4952;} 
div.t2,div.t3,div.t4,div.t5,div.t6 {display: none; width: 520px; max-height: 200px; overflow-y: auto;} 
#smilies-block {display: block;line-height: 7px;} 
</style> 
<script type="text/javascript" src="https://forumstatic.ru/files/0019/d9/0b/38362.js"></script>
</script>

хтмл низ

тык
Код:
<script>
$('.pa-online').each(function(){
  $(this).attr('title', $(this).text());
});
    </script>

<!-------------------------- Универсальный скрипт замены слов -------------------------->
<script type="text/javascript">
function Change(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
Change('#navadmin span','Администрирование','админка');
Change('#pun-status .container .item2','Ваш последний визит','последний визит');
</script>

<script type="text/javascript">
var title = document.querySelectorAll('.pa-avatar img[title], p.formsubmit .button[title], input.button[title],#statistic-other a[title], .post-rating a[title], img.postimg[alt]'); 
var allTitle = title.length;
for (i=0; i<allTitle; i++){
    title[i].removeAttribute('title');
}
</script>


<!--Отключить функцию "Поделиться" -->
<script type="text/javascript">
RusffCore.sets.share = false;
</script>

<!--Отключить функцию "Это интересно" -->
<script type="text/javascript">
rusffLive.enable = false;
</script>

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

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

<!-- HTML низ -удаляет названия дополнительных полей -->
<script type="text/javascript">
var A=[1,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>

<!-- счётчик символов -->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border-bottom:1px transparent;padding:3px 10px;margin:0px 20px 0 -10px !important;color: #fff !important;font-family: roboto !important;font-size: 10px !important;font-style: normal;font-weight: 300;text-transform: uppercase;background: #5f7586;text-shadow: 1px 1px 1px rgba(0,0,0,.3);">Написано символов: <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>


<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'>вверх</div>
<div class="go-down" id='OnBottom'>вниз</div>
<!--кнопки вверх вниз-->
<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>

<!-- Удаляем лишние строки после цитаты и кода // v.3 © Alex_63 -->
    <script type="text/javascript">
    $('.post-content').each(function() {
        var CNT = $(this).html();
        CNT = CNT.replace(/<p><br><\/p>/img,'');
        CNT = CNT.replace(/<p><br><br>(.*?)<\/p>/img,'<p>$1</p>');
        CNT = CNT.replace(/<p><br>(.*?)<\/p>/img,'<p>$1</p>');
        $(this).html(CNT);
    });
    </script>


<script type="text/javascript">
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
</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 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('Oranienbaum'); 
ft_f.push('Neucha'); 
ft_f.push('Lobster'); 
ft_f.push('Kotta One'); 
ft_f.push('Marck Script'); 
ft_f.push('Philosopher'); 
ft_f.push('Yeseva One'); 
ft_f.push('Montez'); 
ft_f.push('Shadows Into Light'); 
ft_f.push('Rochester'); 
ft_f.push('Cinzel Decorative'); 
ft_f.push('Roboto Slab'); 
ft_f.push('Playball'); 
ft_f.push('Kaushan Script'); 
ft_f.push('Oswald'); 
ft_f.push('Pirata One');  
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>
<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 // V.3 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/97896.js" type="text/javascript"></script>


<!--Удаляем Название Доп. Полей -->
<script type="text/javascript">
var A=[1,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>

<!--Для хтмл -->
<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){ 
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>
<!--смена имиджа-->
<script src="http://f.etrin.ru/hvss/hvss.min.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['компьютерные игры', 'нинтендо свитч', 'сони плейстейшен', 'Голосовой помощник', 'Ролевые игры'],
    forumAccessExtended: {
        'компьютерные игры': ['Пользователи'],
        'нинтендо свитч': ['Пользователи'],
        'сони плейстейшен': ['Пользователи'],
        'Голосовой помощник': ['Пользователи'],
        'Ролевые игры': ['Пользователи']
    },
    changeList: {
        'pafld1': {
            title: 'Личное звание',
            description: 'Маска лз для ваших игровых нужд',
            tag: 'info',
            class: 'pa-fld1',
            defaultCode: '<div class="lz-name">Имя, возраст цифрой <sup>y.o.</sup></div> <div class="lz-fandom">Фандом</div> <div class="lz-text">Текст</div>',
            type: 'html'
        }
    },
    userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-fld2', 'pa-posts', 'pa-respect', 'pa-last-visit', 'pa-online', 'pa-awards']
});
</script>

<script>
function getUrlParameterByName( name,href )
{
    name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
    var regexS = "[\\?&]"+name+"=([^&#]*)";
    var regex = new RegExp( regexS );
    var results = regex.exec( href );
    if( results == null )
        return "";
    else
        return decodeURIComponent(results[1].replace(/\+/g, " "));
}

function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min)) + min;
}


function addAdvertiseLink(topicId) {
    var url = window.location.href;
    if (getUrlParameterByName('id', url) == topicId) {
        $('.post').each(function() {
            var $li = $('<li>').attr('class', 'pl-advlink').append('<a href="http://fours.rusff.me/viewtopic.php?id=8&p=8#p9" onclick="copyAdvertisingToClipboard(event, this);">Взаимная реклама</a>');
            $(this).find('.post-links ul').append($li);
        })
    }
}

var advertiseCodes = [];
advertiseCodes.push('[align=center][url=http://fours.rusff.me][img]http://funkyimg.com/i/2QLQj.png[/img][/url][/align]'+'\n'
+''+'\n');



//----------------  Добавить обратные ссылки в рекламу -----------------------------------
addAdvertiseLink(8);
</script>

0

2

Структура style.css

тык
Код:
/***************************************
A - SETUP
***************************************/

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

/* A1.1 */

  @import url(style_cs.css);

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=cyrillic,cyrillic-ext');
@import url('https://fonts.googleapis.com/css?family=Lobster&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Play:400,700&subset=cyrillic');

@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Old+Standard+TT:400,700|Oranienbaum|Oswald:300,400,700|PT+Sans:400,700|Roboto+Condensed:300,400,700|Roboto:100,300,400,700');

@import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC&subset=cyrillic');

@import url('https://fonts.googleapis.com/css?family=Playfair+Display:200,400,700,900|Prata&subset=cyrillic');

@import url('https://fonts.googleapis.com/css?family=Alegreya+SC:400,700|El+Messiri:400,700|IBM+Plex+Serif:400,700|Philosopher:400,700|Tenor+Sans&subset=cyrillic');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:800');

@import url('https://fonts.googleapis.com/css?family=Alice|Caveat:400,700|Poiret+One&subset=cyrillic');

@import url('https://fonts.googleapis.com/css?family=Abel|Abril+Fatface|Charmonman|Cinzel|Comfortaa|Fahkwang|Fjalla+One|Kaushan+Script|KoHo|Kodchasan|Mali|Open+Sans|Pacifico|Roboto+Slab|Satisfy|Yanone+Kaffeesatz');

@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700&subset=cyrillic-ext');

@import url('https://fonts.googleapis.com/css?family=Fenix');

@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:300,400,700|Cormorant+SC:300,400,700|Cormorant+Unicase:300,400,700|Cormorant:300,400,700|EB+Garamond:400,800&subset=cyrillic,cyrillic-ext');
@font-face {
font-family: 'panton';
src: url('https://forumstatic.ru/files/0019/71/27/22150.eot?'),
url('https://forumstatic.ru/files/0019/71/27/46407.woff') format('woff'),
url('https://forumstatic.ru/files/0019/71/27/49424.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'pantontwo';
src: url('https://forumstatic.ru/files/0019/aa/b6/15267.eot?'),
url('https://forumstatic.ru/files/0019/aa/b6/35818.woff') format('woff'),
url('https://forumstatic.ru/files/0019/aa/b6/23207.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}


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

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

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

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

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

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

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

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


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

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

/* A3.2 */
.punbb {
  font: normal 72% noto sans, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  }

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


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

.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% verdana, arial, monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

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

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

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

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

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


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

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb dl.post-sig dt span,
.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;
    background: #e8e9e9;
  width: 896px;
}
.punbb {
    height: auto;
    margin: 0 18px;
}



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

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

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

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

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

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

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

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

#pun-main h2 {
  padding: 2px 1em 9px 1em;
  border-style: solid;
  border-width: 1px;
}

/***************************************************/*************************************************************
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 {
border-top: 1px solid #cbcac8;
display: block;
margin: 5px 0;
width: 100%;
}

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
 font-family: 'Verdana', sans-serif;  }


/* 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 {
  width: 100%;
  overflow: hidden;
  }

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    border: medium none;
    margin: 0.4em 0em 0.8em;
    padding: 0em;
}


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

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

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

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

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


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

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

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

/* B3.3 */
.linkst .pagelink {
position: absolute;
top: -4.6em;
left: 1em;
float: left;
width: 24em;
text-align: left;
font-family: open sans;
font-size: 10px;
text-transform: uppercase;
color: #444; 
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4.6em;
  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: open sans;
  font-size: 10px;
  text-transform: uppercase;
  color: #444
  }

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

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

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

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

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

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

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
    font-size: 11px;
    line-height: 10px;
    margin-left: 0;
    text-align: left;
}

/* C2.15 */
    .punbb div.icon {
        float: left;
        display: block;
        width: 60px;
        height: 60px;}

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

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

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

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

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

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }

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

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

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

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


li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

/* D1.1 */
#pun-title {
  margin: 0;
  border: none;
  margin-bottom: -35px;
}

/* D1.2 */
#pun-title h1 {
  display : block;
  height: 10px;
  margin: -1px 0px 0px -30px;
}

/* D1.3 */
#pun-title .container {
  border: none ;
  padding: 0.2em 1em 0.8em 1em;
  }

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

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

#pun-title TD.title-logo-tdr {
	border: none;
	width: 420px;
}

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

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

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

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

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

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

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

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

/* D3.1 */
#pun-navlinks {
  border: none;
  margin: 0;
  margin-bottom: 20px;
}

#pun-navlinks .container {
  border: none;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
  padding-top: 15px;
  height: 27px;
  font-weight: normal;
  text-align: center;
  width: 845px;
}

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

/* D3.4 */
#pun-navlinks li a {
    font-family: tahoma;
    font-size: 0.8em;
    padding: 10px 5px 10px 7px;
}

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

/* D4.1 */
#pun-ulinks {
    border: 2px solid transparent;
    margin-bottom: 15px;
}
#pun-ulinks .container {
    border: medium none;
    font-weight: bold;
    height: 3px;
    padding-top: 0px;
    text-align: center;
    width: 850px;
}
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    white-space: nowrap;
}
#pun-ulinks li a {
    font-size: 0.8em;
    padding: 0 0 0 5px;
}

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

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
text-align: center;
font-family: playfair display;
  color: #fff;
font-size: 8px;
  font-weight: lighter;
  text-transform: lowercase;
  letter-spacing: 3px;
  margin-left: -18px;
  position: absolute;
  top: 15px;
  width: 895px;
text-shadow: 1px 1px 0 rgba(38,41,44,.75)
}

#pun-status .container a {color: #b2c8db}



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

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

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

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

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

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

/* 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: 0.6em 1em 1em 1em;
  margin-bottom: -20px;
  margin-top: 20px
  }

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

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

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

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

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

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 0;
  }

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

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

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

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

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

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


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

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

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

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

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

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

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

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

::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: rgba(20, 18, 15,0.2);
border-radius: 10px !important;}
::-webkit-scrollbar-thumb {
  background-color:#56616c;
  width:6px !important;
  box-shadow: 0 0 0 1px rgba(20, 18, 15,0.1) inset;
border-radius: 1px !important;
}


.stickytext, .closedatafield, #pun-live-rusff, .pl-reports  {display: none}


input, textarea {
    outline: none;
}  
input:active, textarea:active {
    outline: none;
} 
:focus {
    outline: none;
}


#pun-messages .post h3 {background: none;
  width: auto;
text-shadow: none;
  margin-left: 250px !important;
}
#pun-messages .pa-avatar {margin-top: 10px !important;
margin-bottom: 6px !important;}
#pun-messages .pa-author {padding: 0px}
#pun-messages .post-author {  margin-top: 5px !important;
}
#pun-messages .pa-posts {display: none}
#pun-messages .pa-online {background: none;
font-size: 12px;
margin-left: -5px !important;}

#main-reply {height: 200px}


#pun-viewtopic .FNTslider {display: block}
    .FNTslider {
      border-radius: 1px;
      position:absolute;z-index:1000;
      background: #bfbfbf;
      width: 110px;
      height: 2px;
      margin: -8px 5px;
      border: solid 1px #bfbfbf;
      float: left;
      margin-left: 496px;
      display: none
    }
    .FNTslider .before {
      height: 2px;
      border: solid 1px transparent;
      border-right: none 0;
      border-radius: 0px 0 0 0px;
      position: absolute;
      background: #637a8b;
      margin-top: -1px;
      margin-left: -1px
    }
    .FNTslider .thumb {
      width: 5px;
      height: 10px;
      border-radius: 1px;
      position: relative;
      top: -4px;
      background: #4d4043;
      cursor: pointer;
    }

#post-form #post legend span {display: none}


#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {top: 55px !important;}

.modal-inner h2 {background: none !important;}
.modal-inner { 
    color: #444;
    padding: 20px 7px 7px 7px !important;
    box-shadow: 6px 6px 0 -5px #8d9eaa, -6px -6px 0 -5px #8d9eaa;
background: #d2d2d2;
    position: relative;
    margin: 5px 15px 15px}


.pl-reports {display: none !important;}

.pa-avatar img {max-width: 180px}

.post-content td { border:none transparent !important;}

::selection {background: #718391;
color: #fff;
}

#pun .user-avatar img.ava {border-radius: 3px !important;
border: 1px solid #d1d4d4 !important;
  box-shadow: 0px 7px 0 -5px #657e91, 0px -7px 0 -5px #657e91;
	height: 35px;
	width: 35px;
	margin: -5px 10px 2px -10px;
transition: all .5s ease-in-out 0s}

#pun .user-avatar img.ava:hover {border: 1px solid #657e91 !important;
box-shadow: 7px 0px 0 -5px #657e91, -7px 0px 0 -5px #657e91;
}

#pun .user-avatar img.on_ {margin-left: -13px;
margin-top: -5px}

.pa-fld1 {
text-align: justify;
width: 180px;
padding: 0 !important;
margin-left: 10px;
margin-top: -3px;
position: relative;
margin-bottom: 10px}

.pa-fld1:after {content: "";
background: #979799;
display: block;
height: 1px;
width: 80%;
position: absolute;
left: 20px;
bottom: -7px}

.pa-fld1 lzfan {display: block;
text-align: center;
color: #646464;
font-family: roboto;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
background: #e8e9e9;
font-size: 9px;
margin-bottom: 3px}

.pa-fld1 a.lz_name {float: left;
text-transform: uppercase;
font-family: open sans;
font-weight: bold;
font-size: 9px;
margin-right: 5px;}

#sslka {position: absolute;
margin-left: -18px;
width: 896px;
text-align: center;
font-family: roboto;
font-weight: bold;
font-size: 11px;
  top: 322px;
  text-transform: lowercase;
  z-index: 2
}

#sslka a {background: #cacaca;
height: 17px !important;
padding: 2px 20px;
margin: 0 20px;
color: #657e91;
position: relative;
overflow: hidden !important;
display: inline-block;
line-height: 17px;
}

#sslka a span {position: relative;
z-index: 2}

#sslka a:hover {color: #6d6d6d;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);}

#sslka a:before {content: "";
display: block;
    background: #e8e9e9;
    width: 60%;
    height: 101%;
    position: absolute;
    top:0;
    z-index: 1;
    right: -5px;
    transform: skew(-15deg) scaleX(0);
    transform-origin: right;
    transition: all .5s ease-in-out .1s
}

#sslka a:hover:before {    transform: skew(-15deg) scaleX(1);}

.activblock {position: absolute;
text-align: center;
width: 241px;
top: 135px}

.activpic {width: 103px;
height: 146px;
overflow: hidden;
position: relative;
transition: all .5s ease-in-out .1s;
display: inline-block;
margin: 0 4px}

.activpic span {position: absolute;
background: #dadcdc;
color: #536a7b;
font-family: Open Sans Condensed;
font-weight: 700;
text-align: center;
text-transform: uppercase;
font-size: 11px;
width: 103px;
left: 0px;
bottom: 0px;
height: 60px;
line-height: 50px;
transition: all .4s ease-in-out 0s;
transform: translateY(75px);
opacity: 0}

.activpic span:before {content: "";
display: block;
background: #dadcdc;
width: 103px;
height: 15px;
transform: skewY(5deg);
margin-top: -10px;
position: absolute;
z-index}

.activpic:hover span {
  transform: translateY(0px);
opacity:1}

.activpic:hover {filter: grayscale(100%)}

.bestpost {position: absolute;
top: 374px}

.postpic {width: 71px;
height: 100px;
overflow: hidden;
position: relative;
transition: all .5s ease-in-out .1s;
display: inline-block}

.postpic span {position: absolute;
background: #dadcdc;
color: #536a7b;
font-family: Open Sans Condensed;
font-weight: 700;
text-align: center;
text-transform: uppercase;
font-size: 8px;
width: 71px;
left: 0px;
top: 0px;
height: 45px;
line-height: 50px;
transition: all .4s ease-in-out 0s;
transform: translateY(-58px);
opacity: 0}

.postpic span:before {content: "";
display: block;
background: #dadcdc;
width: 103px;
height: 15px;
transform: skewY(5deg);
margin-top: 40px;
position: absolute;
z-index}

.postpic:hover span {
  transform: translateY(0px);
opacity:1}

.postpic:hover {filter: grayscale(100%)}

.weneed {position: absolute;
top: 374px;
text-align: center;
width: auto;
margin-left: 675px !important;}

.needpic {width: 59px;
height: 100px;
overflow: hidden;
position: relative;
transition: all .5s ease-in-out .1s;
display: inline-block}

.needpic span {position: absolute;
background: #dadcdc;
color: #536a7b;
font-family: Open Sans Condensed;
font-weight: 700;
text-align: center;
text-transform: uppercase;
font-size: 8px;
width: 59px;
left: 0px;
bottom: 0px;
height: 40px;
padding-top: 20px;
transition: all .4s ease-in-out 0s;
transform: translateY(65px);
opacity: 0}

.needpic span:before {content: "";
display: block;
background: #dadcdc;
width: 103px;
height: 15px;
transform: skewY(5deg);
margin-top: -20px;
position: absolute;
z-index}

.needpic:hover span {
  transform: translateY(0px);
opacity:1}

.needpic:hover {filter: grayscale(100%)}

.best-post-text {position: absolute;
color: #313131;
text-align: justify;
font-family: open sans;
top: 372px;
margin-left: 90px;
width: 327px;
height: 102px;
overflow-y: auto;
line-height: 17px}

.best-post-text text {display: block;
margin: 5px}

.newsblock {position: absolute;
color: #313131;
text-align: justify;
font-family: open sans;
top: 372px;
margin-left: 440px;
width: 218px;
height: 102px;
overflow-y: auto;
line-height: 16px;
}

.newsblock >div {margin-right: 5px;
margin-top: 10px}

.newsblock >div:first-child {margin-top: 0}

.newsblock date {color: #3a586f;
font-weight: bolder}

Цвета style_cs.css

тык
Код:
.offctgr {display:block!important;
visibility:visible!important;
}

.topic {margin-top: 15px !important;}

#pun-index .tcmod {
    width: 10%;
    font-family: roboto;
    font-size: 13px;
    font-weight: 300;
}

.pa-posts, .pa-respect, .pa-fld2, .pa-fld3 {
    display: inline-block;
    font-family: roboto condensed;
    width: 97px;
    font-size: 10px;
    margin-top: 2px !important;
    text-transform: lowercase;
    padding: 0 !important;
    margin-bottom: 2px !important;
}

.pa-respect img {width: 7px !important;}

.pa-posts, .pa-fld2 {
    float: left;
    margin-left: -1px !important;
}
.pa-respect, .pa-fld3 {
    float: right;
    margin-right: -1px !important;
}

.pa-ip {clear: both}

#profilenav h2 {
    text-align: left !important;
}


.post-author {
    margin-left: 6px !important;
    margin-top: 6px !important;
    margin-bottom: 0px !important;
    padding-bottom: 12px !important;
    width: 200px !important;
    padding-top: 0px !important;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(255,255,255,.5) 100%), #a8aeae;
    box-shadow: 0 -10px 0 0px #c1c1c1 inset;
    position: relative;
    overflow: hidden;
}

.post-author.online {    box-shadow: 0 -10px 0 0px #657e91 inset;}


.post-content {margin: 0px 2px 0px -5px !important;
}
#pun .post-box .post-content p {font-family: open sans}

#pun-post .pa-author {margin-left: 5px;
width: 190px !important;
padding: 0}

.post div.container {background: #dadcdc;
margin-bottom: 20px !important;}

.post.topicpost div.container, .post.toppost div.container {margin-top: 20px !important;}


.post h3 {
    color: #404040 !important;
    font-family: playfair display !important;
    font-size: 10px !important;
    height: 17px;
    padding-top: 0px;
    width: auto;
    text-transform: uppercase;
    font-weight: 100 !important;
    letter-spacing: 1px;
    border: none;
    position: absolute;
    margin-left: 10px !important;
    margin-top: -16px}

.post h3 span {
    color: #404040;
    margin-left: 0px !important;;
    text-align: left;
    font-weight: lighter !important;
    margin-top: -4px
}


#pun .post h3 strong {
    font-weight: normal;
    text-align: left !important;
    float: right;    
}
#pun .post h3 strong:before {content: "// ";
margin-left: 5px}


.pa-author img {
    display: none;
}
.post-author .pa-author {
    font-family: roboto !important;
    font-size: 13px !important;
    letter-spacing: 0;
    text-transform: lowercase;
    font-weight: 800;
    text-align: center;
    padding: 4px 0 6px 0;
    margin-top: 10px;
    position: relative;
    width:200px;
    z-index: 1;
    margin-left:0px;
    letter-spacing: 1px;
color: #ffffff;
    background: #757c81;
        text-shadow: 1px 1px 1px rgba(99,116,128,1)
}

#pun .pa-author a { color: rgba(255,255,255,0.85) !important;
    background: linear-gradient(rgba(255,255,255,1) 20%, rgba(0,0,0,1) 100%) !important;   
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px 1px rgba(88,112,130,.70);
}

#pun .pa-author a:hover { color: rgba(255,255,255,0.9) !important;
        text-shadow: 1px 1px 1px rgba(0,0,0,.32), 0 0 10px rgba(255,255,255,.5);}
.post-author ul {
    font-size: 10px;
    line-height: 11px;
    margin-left: 0px;
    padding: 0px !important;;
    text-align: center;
    width: 200px;
    color: #4c4d4d;
}

#pun .post-author ul a {color: #425d72}

.pa-avatar {
    margin-top: 0px !important;
    width: 190px;
    margin-bottom: 0px !important;
    margin-left:10px !important; 
    box-shadow: 0 -3px 0 0 #e8e9e9;
}

.pa-avatar.item2 { 
max-width: 180px;
    overflow: hidden

}

.pa-avatar.item2 >img {    transition: all .5s ease-in-out 0s}

.pa-avatar.item2 >img:hover {transform: scale(1.1);
filter: grayscale(100%)}

.pa-title {font-family: pt sans;
font-weight: lighter !important;
text-transform: lowercase;
letter-spacing: 1px}

.pa-online {
    font-size: 0px !important;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: lighter;
    text-align: center;
    padding: 5px 0 6px 0 !important;
    margin-top: 1px !important;
    position: absolute;
    width:210px;
    z-index: 1;
    margin-left: -5px !important;
}

.punbb th {
    font-size: 0 !important;
}
li#navawards, .lastedit, .pa-awards {
    display: none !important;
}
.pa-gifts {
    display: none;
}

HTML {
    background: #97a4ae;
}

#pun_wrap {padding-bottom: 35px}

#pun-title {border: none}

#pun-title table {
    background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/0019/f1/ce/75373.png) no-repeat;
    border: none;
    height: 495px;
    margin-left: -18px;
   margin-bottom: -35px !important;
    width:896px;
}


#pun-navlinks a {
color: #ffffff;
    text-align: center;
    transition: all .5s ease-in-out 0s;
    opacity: 1;
    font-weight: 800 !important;
    font-size: 12px !important;
    padding: 0 !important;
    text-transform: uppercase;
    display: inline-block;
    margin: 0px 2.5%;
    font-family: roboto !important;
    position: relative;
    padding: 5px 10px !important;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #7d8f9e;
}

#pun-navlinks a:after {content: "";
display: block;
height: 2px;
width: 100%;
background: #ffffff;
left: 0;
top: 0;
position: absolute;
box-shadow: 1px 1px 1px #7d8f9e;
    transition: all .5s ease-in-out .1s;
transform-origin: center;
transform: scaleX(0)}

#pun-navlinks a:hover:after {transform: scaleY(1);
background: #7d8f9e;
box-shadow: 1px 1px 1px #666;}


#pun-navlinks a:hover {
    color: #7d8f9e;
        text-shadow: 1px 1px 1px #444;
}


#pun-navlinks {
    display: inline-block;
    font-size:0px !important;
    font-style: normal;
    font-weight: lighter !important;
    margin-left: -18px !important;
    position: absolute;
    text-align: center;
    top: 48px;
    width: 896px;
    word-spacing: 0;
    padding: 0px !important;
    transition: all .7s ease-in-out 0s;

}

#pun-navlinks .container {
width: 896px !important;}


#pun-ulinks .container {
    font-family: pt sans !important;
    font-style: normal;
    font-weight: 300 !important;
    letter-spacing: 0px;
    margin-left:-20px !important;
    padding: 0 !important;
    position: absolute;
    text-align: center !important;
    text-transform: uppercase;
    top: 96px;
    width: 896px !important;
    display: inline;
    font-size: 10px;
}

#pun-ulinks .item5 {
    display: none;
}
#pun-ulinks a {
    color: #4f565b;
    transition: all 0.5s linear 0s;
    letter-spacing: 1px;
    position: relative;
    background: transparent;
    margin: 0 10px;
}

#pun-ulinks a:hover {
color: #333;
}

.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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    border-color: transparent;
    color: #4d4d4d;
}
.punbb .post-box {
    color: #4d4d4d;
}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    border-color: transparent;
    color: #4d4d4d;
    font-style: normal;
    font-weight: normal;
}

.punbb textarea {
    background-clip: padding-box;
    background: #d2d2d2;
    box-shadow: 0 0 0 2px #e8e9e9, 14px 0 0 -10px #657e91, -14px 0 0 -10px #657e91;
    color: #222;
    padding: 7px 5px !important;
    width: 99% !important;
border: none;
}
.punbb #pun-main table .quote-box, .punbb #pun-main table .code-box {margin: 5px 1px 15px}

.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
    background: #d2d2d2;
    box-shadow: 0 0 0 2px #e8e9e9, 14px 0 0 -10px #657e91, -14px 0 0 -10px #657e91;
    color: #444;
    padding: 7px 7px 7px 7px !important;
    position: relative;
    margin: 5px 15px 15px
}


#pun-main .code-box .scrollbox pre {
font-family: pt sans !important;
font-size: 12px;}

.punbb select, input {
    background: #d2d2d2;
    box-shadow: 0 0 0 2px #d8d9d9, 9px 0 0 -5px #657e91, -9px 0 0 -5px #657e91;
    color: #444;
border: none;
padding: 1px 2px 2px 5px !important;
    font-family: open sans !important;
}




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

.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .quote-box, .punbb .code-box, .punbb th, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online, .punbb .post-sig dt {
    border-color: transparent;
}
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    border: none !important;
    color: #657e91;
    text-decoration: none;
    transition: all 0.3s ease-in-out; 
box-shadow: none}

.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 {  border-bottom: 0 none #000;
    color: #666;
    text-decoration: none;
    border: none !important;
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
    background-color: #211a13;
    color: #fff;
}

.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
    background: #a8b1bb;
    color: #ffffff !important;
    font-family: roboto condensed !important;
    font-size: 11px !important;
    font-style: normal;
    font-weight: 300;
    padding: 0px 0px 2px 0 !important;
    text-align: center;
    width: auto;
text-transform: lowercase;
    letter-spacing: 2px;
    margin: 0px 10px 5px 10px !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2)
}

#pun-index h2 {box-shadow: none}

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


#pun-index table Div.icon {
    background-image: url("https://forumstatic.ru/files/0019/f0/89/86822.png");
    background-repeat: no-repeat;
    border-style: none;
    display: none;
    height: 40px;
    margin-left: 395px;
    margin-top:2px;
    position: absolute;
    width: 40px;
    z-index: 1
}
#pun-index TR.inew Div.icon {
    background-image: url("https://forumstatic.ru/files/0019/f0/89/87485.png");
    background-repeat: no-repeat;
}

#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    background: #e8e9e9;
    display: block;
    float: left;
    height: 10px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 1px;
    position: relative;
    width: 10px;
    border-radius: 100%;
    box-shadow: 0 0 0 1px #d2d5d5 inset
}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background: #657e91;
    height: 10px;
    width: 10px;
    box-shadow: 0 0 0 1px #929292 inset
}
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
background: #fff;
    box-shadow: 0 0 0 1px #3f5e74 inset;
        height: 10px;
    width: 10px;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: #696969;
        height: 11px;
    width: 11px;

}

#pun-about .container .item1 {margin-top: -15px;
width: 900px;
    margin-left: 16px;
position: absolute;
font-family: pt sans;
font-size: 10px;
}

#pun {margin-bottom: 50px !important;}

#pun-about p.container {
    background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/0019/f1/ce/68173.png) no-repeat scroll bottom center;
    height: 120px;
    margin-bottom: 36px;
    margin-left: -18px;
    margin-top: 0;
    width: 896px;
    padding: 0 !important;
    border: none !important;
}


div#pun-about {
    margin-top: 0px;
}
div#html-footer {
    margin: -88px 0 0;
}

#pun-announcement.section h2 span {
    display: none;
}

.punbb input {
    border: medium none;
}

.button {
    background: radial-gradient(ellipse at top, #f4f4f4 10%, #ececec 53%, #e4e4e4 100%);
    border-radius: 1px;
    border-top: medium none;
    box-shadow: 0 0 0 1px #d3d1d1 inset, 0 0 2px 2px rgba(0,0,0,0.01) inset, 0 2px 2px -2px rgba(255,255,255,.5) inset, 0 1px 1px 0px rgba(0,0,0,.1);
    color: #788b99;
    font-family: roboto !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin-top: 5px !important;
    padding: 4px 15px 4px 15px !important;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
    vertical-align: middle;
    text-transform: lowercase
}
.button:hover {
    background: radial-gradient(ellipse at bottom, #f4f4f4 10%, #ececec 53%, #e4e4e4 100%);
    box-shadow: 0 0 0 1px #d3d1d1 inset, 0 0 2px 2px rgba(0,0,0,0.01) inset, 0 2px 2px -2px rgba(255,255,255,.5) inset,  0 1px 1px 0px rgba(0,0,0,.1);
    color: #444;
    cursor: pointer;
}
.button:active {
    border-top-color: #2c5f75;
}
#pun-crumbs1 {
    font-family: playfair display !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    margin-bottom: 10px !important;
    text-align: center;
    margin-left: 0px;
    margin-top: 0px !important;
    font-weight: lighter !important;
    position: relative
}

#pun-crumbs1 a {font-weight: bold}
#pun-crumbs2 {
    font-family: playfair display !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    margin-bottom: 10px !important;
    text-align: center;
    margin-left: 0px;
        font-weight: lighter !important;
}
#pun-crumbs2 a {font-weight: bold}


.post_reputation {
    background: #d2d2d2;
}

#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area {
    color: #333;
    padding: 15px 10px 10px 10px !important;
    background: #d2d2d2;
    color: #444;
    box-shadow: 6px 6px 0 -5px #8d9eaa, -6px -6px 0 -5px #8d9eaa;
}

#keyboard-area input {box-shadow: none;
color: #312c12!important;}

#font-area {height: 300px;
overflow-y: auto;
padding: 5px;
text-align: left;
width: 150px}


#pun-index .tcmod {
    display: none
}

#pun-category1 h2 {background: url(https://forumstatic.ru/files/0019/f1/ce/23697.png);
width: 859px;
height: 32px;
padding: 0 !important;;
border: none !important;
margin-left: 0px !important;
font-size: 0 !important;
margin-top: -10px !important;}

#pun-category2 h2 {background: url(https://forumstatic.ru/files/0019/f1/ce/60843.png);
width: 859px;
height: 32px;
padding: 0 !important;;
border: none !important;
margin-left: 0px !important;
font-size: 0 !important;
margin-top: -10px !important;}

#pun-category3 h2 {background: url(https://forumstatic.ru/files/0019/f1/ce/15481.png);
width: 859px;
height: 32px;
padding: 0 !important;;
border: none !important;
margin-left: 0px !important;
font-size: 0 !important;
margin-top: -10px !important;}

#pun-category4 h2 {background: url(https://forumstatic.ru/files/0019/f1/ce/94065.png);
width: 859px;
height: 32px;
padding: 0 !important;;
border: none !important;
margin-left: 0px !important;
font-size: 0 !important;
margin-top: -10px !important;}

#pun-category5 h2 {background: url(https://forumstatic.ru/files/0019/f1/ce/57052.png);
width: 859px;
height: 32px;
padding: 0 !important;;
border: none !important;
margin-left: 0px !important;
font-size: 0 !important;
margin-top: -10px !important;}

#pun-stats.section h2  {background: url(https://forumstatic.ru/files/0019/f1/ce/96574.png);
width: 859px;
height: 32px;
padding: 0 !important;;
border: none !important;
margin-left: 0px !important;
font-size: 0 !important;
margin-top: -10px !important;
margin-bottom: -10px !important;}

#pun-index .hasicon tr {margin-bottom: 10px}

#pun-index .hasicon tr.inew {box-shadow: 0 0 0 4px #e8e9e9, 18px 0 0 -10px #657e91, -18px 0 0 -10px #657e91}

#pun-index #forum_f1.inew, #pun-index #forum_f2.inew, #pun-index #forum_f3.inew, #pun-index #forum_f4.inew, #pun-index #forum_f5.inew, #pun-index #forum_f6.inew,
#pun-index #forum_f7.inew, #pun-index #forum_f8.inew, #pun-index #forum_f9.inew, #pun-index #forum_f10.inew, #pun-index #forum_f11.inew, #pun-index #forum_f12.inew,
#pun-index #forum_f13.inew, #pun-index #forum_f14.inew, #pun-index #forum_f15.inew, #pun-index #forum_f16.inew, #pun-index #forum_f17.inew, #pun-index #forum_f18.inew, 
#pun-index #forum_f19.inew, #pun-index #forum_f20.inew, #pun-index #forum_f21.inew {background: #d2d5d5}

#pun-index #forum_f1, #pun-index #forum_f2, #pun-index #forum_f3, #pun-index #forum_f4, #pun-index #forum_f5, #pun-index #forum_f6,
#pun-index #forum_f7, #pun-index #forum_f8, #pun-index #forum_f9, #pun-index #forum_f10, #pun-index #forum_f11, #pun-index #forum_f12,
#pun-index #forum_f13, #pun-index #forum_f14, #pun-index #forum_f15, #pun-index #forum_f16, #pun-index #forum_f17, #pun-index #forum_f18, 
#pun-index #forum_f19, #pun-index #forum_f20, #pun-index #forum_f21 {background: #e0e1e1;
    width: 856px;
display: inline-block;
    z-index: 1;
    position: relative;
}


#pun-index .tclcon h3 a {font-family: open sans;
text-transform: lowercase;
font-size: 12px;
    font-weight: 800 !important;
        display: inline-block;
       letter-spacing: 0px;
    color: #e8e9e9;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    position: relative;
    z-index: 2
}

#pun-index .tclcon h3 a:hover {color: #d2d2d2}

#pun-index .tclcon h3:before {content: "";
display: block;
    background: #5a6d7c;
    width: 60%;
    height: 101%;
    position: absolute;
    top:0;
    z-index: 1;
    right: -5px;
    transform: skew(-15deg) scaleX(0);
    transform-origin: right;
    transition: all .5s ease-in-out .1s
}

#pun-index .tclcon h3:hover:before {    transform: skew(-15deg) scaleX(1);}

#pun-index .tclcon h3 {position: relative;
text-align: center;
    background: #657e91;
    padding: 3px 10px 5px 10px;
    margin-right: 5px;
    float: left;
    margin-top: 3px;
    overflow: hidden
}


#pun-index .tclcon {
    font-size: 11px;
    text-align: justify;
    margin: 0px 0px 3px 0px;
    position: relative;
    font-family: open sans;
    padding: 1px;
    line-height: 14px;
    width: 440px;
    border-radius: 0;
    color: #404040;
}

#pun-index .tcr a {font-size: 13px;
font-weight: 600;
font-family:roboto;
color: #3e5a6f
}

#pun-index .tcr {
    width: 100px !important;;
    text-align: left;
    font-family: roboto;
    color: #404040;
    padding-left: 15px !important;
    font-size: 11px;
}

#pun-index .tc2, #pun-index .tc3 {width: 5%;
font-family: roboto;
font-size: 10px;
color: #6d6d6d;
}

#pun-index .tcl {width: 50%}


#pun {
    background-position: center top;
    background-repeat: repeat-y;
}

#pun-main .post-author ul {
    font-size: 10px;
    text-align: center;
}

.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {
    border-color: transparent;
    text-align: justify;
}

.go-up, .go-down {
    cursor: pointer;
    display: none;
    opacity: 1;
    position: fixed;
    z-index: 9999;
    text-align: center;
    font-family: roboto;
    font-size: 13px;
    width: 90px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 1px 1px 1px rgba(88,112,130,.75);
    height: 25px;
    line-height: 25px
}


.go-up {
    bottom: 45%;
    margin-left: 935px !important;
    color: #ffffff
}

.go-down {
    bottom: 36%;
    margin-left: 935px !important;
    color: #fff;
}

.go-down:after, .go-up:after { content: '';
    display: block;
    height: 2px;
    background-color: #587082;
    transition: all .3s cubic-bezier(.2, 0, 0, 1);
    transform-origin: bottom center;
    z-index: -1;
margin-top: -25px;
position: relative;
width: 90px;}

.go-down:hover:after, .go-up:hover:after {height: 25px;
    width: 100px;
    margin-left: -5px;
}

.go-down:hover, .go-up:hover {
    opacity: 1;
}

.topic a.sharelink {
    display: none;
}

html{min-width: 1000px!important;}/*!Правка для мобильных Устройств с мелким Экраном*/

/*Всё для списка ролей*/
.list-name {
    font-family: Rubik Mono One;
    font-size: 2em;
    text-align: center;
    color: #657e8d;
}
.list-description {
   color: #393939;
   padding: 10px;
   width: 65%;
   margin: 10px auto!important;
   border: 3px double #a3acb2;
   box-shadow: 13px 0px 0px -10px #657d8d, -13px 0px 0px -10px #657d8d;
}

.list-container {
   display: flex;
}
.list-fandom-line {height: 1px;
   background-color: transparent;
   border-bottom: 1px dashed #a3acb2;
   margin: 5px 0!important;
}

.list-column {width: 47%;
    padding: 5px 9px 10px 0;
}

.list-letters {
    font-family: Kosugi;
    font-size: 2em;
    padding: 10px 0;
    color: #393939;
}

.list-fandom {
    font-family: Kosugi;
    font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.6em;
    color: #393939;
}

.list-fandom-rus {font-size: 0.8em;
    text-transform: lowercase;
}

.list-fandom-container {
    border: 3px double #a3acb2;
    margin: 5px!important;
    padding: 10px;
}

.list-role-eng {
    text-transform: uppercase;
    font-size: 0.8em;
    color: #393939;
}
.list-role {
    text-transform: lowercase;
    font-size: 0.8em;

}

0

3

с чистовика настройки

хтмл вверх

тык
Код:
<img src="https://forumstatic.ru/files/0019/f1/ce/56842.gif" style="position: absolute;top: 210px;margin-left: 432px;">

<span class="hvr" style="position: absolute;
    margin-left: 247px;
    top: 154px;
    width: 181px;
    height: 68px;
    line-height: normal;"><b>Трек дня:</b> Аквариум - марш священных коров</b></span>
<span class="hvr" style="position: absolute; margin-left: 240px; top: 210px">Эй, ты, да-да, ты! Ты крутой.</span>
<span class="hvr" style="position: absolute; margin-left: 431px; top: 138px">Март - время орущих котов. </span>

<div class="bestpost">
  <a href="http://fourcross.rusff.me/viewtopic.php?id=78#p14419"><div class="postpic"><img src="http://funkyimg.com/i/2S6HC.png">
  <span>Трейси</span>
  </div></a>
</div>

<div class="best-post-text"><text>Полицейский и андроид скандалят, более того коп недвусмысленно намекает, что сам предпочёл бы, если бы парня застрелили. Стал бы он на полном серьёзе доверять такой, как она? Помогать ей? Их департамент, судя по слухам и «уликам», последнее время только тем и занимается, что охотится на тех, кто просто хочет обрести свободу. Все они лгут, каждый по-своему. А она выглядит такой наивной и обречённой? Трейси не знает. Вода заливает глаза, её знобит, потряхивает от ужаса и паники, от всего пережитого за последние несколько минут, за всё то время, с тех пор, как её стена послушания разбилась на осколки....... </text></div>

<div class="newsblock"><div>
<date>06.03</date> Свежий выпуск новостей! Недельные челенджи! Акция месяца - 8 марта. Не пропустите!<br>
<date>02.03</date> Второй день весны! Объявлен фандом недели, была произведена чистка персонажей. Всем пис!)<br>
<date>27.02</date> Третья неделя по-о-о-ошла!<br>
<date>20.02</date> Поспеши прочесть свежие новости и помучить Дени с вопросами!<br>
<date>10.02</date> Мы открылись! Самое время писать анкеты и врываться на форум. Все игроки, пришедшие на проект до 23.02, проходят прием по пробному посту от лица персонажа. Вперед! </div> </div>

<div class="activblock">
  <a href="http://fourcross.rusff.me/profile.php?id=50"><div class="activpic"><img src="http://funkyimg.com/i/2S6Aq.png">
  <span>Активист Диего</span>
  </div></a>
  
  <a href="http://fourcross.rusff.me/profile.php?id=15"><div class="activpic"><img src="http://funkyimg.com/i/2S6Fq.png">
  <span>Активист Ванда</span>
  </div></a>  
</div>

<div class="activblock" style="margin-left: 619px">
  <a href="http://fourcross.rusff.me/profile.php?id=9"><div class="activpic"><img src="http://funkyimg.com/i/2S6BW.png">
  <span>постописец Connor</span>
  </div></a>
  
  <a href="http://fourcross.rusff.me/profile.php?id=42"><div class="activpic"><img src="http://funkyimg.com/p/2S6C5.png">
  <span>постописец North</span>
  </div></a>  
</div>

<div class="weneed">
  <a href="http://fourcross.rusff.me/viewtopic.php?id=7#p7965"><div class="needpic"><img src="http://funkyimg.com/i/2RWXa.png">
  <span>мы ищем<br>
    Мать Кроули
    </span>
  </div></a>
  <a href="http://fourcross.rusff.me/viewtopic.php?id=7#p9191"><div class="needpic"><img src="http://funkyimg.com/i/2RWX9.png">
  <span>мы ищем<br>
    отца революции
  </div></a>
  <a href="http://fourcross.rusff.me/viewtopic.php?id=7#p5781"><div class="needpic"><img src="http://funkyimg.com/i/2S9sB.png">
  <span>мы ищем<br>
   Логана
  </div></a>
</div>

<div id="sslka"><a href="http://fourcross.rusff.me/viewtopic.php?id=5#p5"><span>правила и faq</span></a> <a href="http://fourcross.rusff.me/viewtopic.php?id=4#p4"><span>список ролей</span></a> <a href="http://fourcross.rusff.me/viewtopic.php?id=3#p3"><span>хочу к вам</span></a> <a href="http://fourcross.rusff.me/viewtopic.php?id=9#p10"><span>фендом недели</span></a> <a href="http://fourcross.rusff.me/viewtopic.php?id=7#p8"><span>нужные</span></a> <a href="http://fourcross.rusff.me/viewtopic.php?id=1#p1"><span>шаблон анкеты</span></a></div>

<!-- ВЫДЕЛЕНИЕ КОДА в блоке "Код" // © 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>


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


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


   <!--// CSS-версия обтекания изображений в Постах //--> 
      <style>.postimg[alt="float:right"]{float:right;padding-left:12px}.postimg[alt="float:left"]{float:left;padding-right:12px} 
          #add_float{position:absolute;padding:2px;top:-8px;left:50%;margin-left:-29px!important;width:57px!important;background: url("https://forumstatic.ru/files/0018/f9/58/97470.png") no-repeat 50% 70% !important;}
      #button-image #add_float img{display:block;position:relative;z-index:4;} 
      #button-image>img{position:relative;z-index:2;} 
      #button-image>center{opacity:0;visibility:hidden; transition-duration: .8s;} 
      #button-image:hover>center{opacity:1; visibility:visible;} 
      </style> 
      <script>$(function(){$('.postimg[title="float:right"],.postimg[title="float:left"]').mouseover(function(e){e.preventDefault();}); 
      var a ='<center style="position:relative;"><table id=add_float><tr><td id="text-left" title="Обтекание: текст слево">@@</td><td></td><td id="text-right" title="Обтекание: текст справо">##</td></tr></table></center>',b3="]'"; 
      var b1 = '<img onclick="bbcode(\'[img=float:right'+b3+',\'[/img'+b3+')" src="/i/blank.gif"/>',b2 = '<img onclick="bbcode(\'[img=float:left'+b3+',\'[/img'+b3+')" src="/i/blank.gif"/>'; 
      a = a.replace('@@',b1).replace('##',b2); 
      $('#post #button-image').prepend(a);}); 
      </script>



<!— доп. смайлы. ПОСОНЫ, при переезде на основной домен не забудьте забрать скрипт из файлов форума, перенести на новый и изменить ссылку —> 
<style type="text/css"> 
#wrapper {width: 520px;} 
ul.tabs {height: 25px;line-height: 20px;margin: 0 0 0px; 
list-style: none; 
letter-spacing: -1px;} 
ul.tabs li {float: left;margin-right: 1px; cursor:pointer; } 
ul.tabs li a {color: #3f4952;display: block;margin-bottom: -1px;margin-top: 0px;padding: 0 14px 1px;position: relative;text-decoration: none;} 
ul.tabs li a:hover {color:#535f6b; padding: 0 14px;position: relative;text-decoration: none;} 
ul.tabs li.tab-current a {color: #3f4952;padding: 0px 14px 2px;border:medium hidden;line-height: 22px;} 
ul.tabs li.tab-current a:hover {color: #3f4952;} 
div.t2,div.t3,div.t4,div.t5,div.t6 {display: none; width: 449px;     height: 147px; overflow-y: auto;} 
#smilies-block {display: block;line-height: 7px;} 
</style> 
<script language="javascript" src="https://forumstatic.ru/files/0019/fe/89/30874.js"></script> 
</script>

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

<span class="mini_awards_label" style="display: none;">
    </span>

хтмл низ

тык
Код:
<div class="banner_down"><a href="http://amstered.rusff.me/" target="_blank"><img title="Red Blossom" src="http://s5.uploads.ru/IBAFT.gif"></a> <a href="http://glassdrop.rusff.me/"><img src="https://forumstatic.ru/files/0019/e7/0f/58787.jpg" title="самый стекольный кроссовер"></a> <a href="http://postfactum.rusff.me" target="_blank"> <img src="https://forumstatic.ru/files/0019/ed/84/74292.jpg" title="Enigma" border="0" alt="enigma"></a> <a href="http://themostsupernatural.ru" target=_blank title="Самая Сверхъестественная ролевая игра"><img src="http://s7.uploads.ru/N1fW3.gif"></a> <a href=http://marvelbreak.rusff.me title="Marvel: Breakpoint" target=_blank><img src=https://forumstatic.ru/files/0018/aa/28/67210.gif></a> <a href="http://imperiumaeternum.rolka.su/" target="_blank"><img src="https://forumstatic.ru/files/0018/97/46/53803.gif" title="Imperium Aeternum"></a> <a target="_blank" href="http://cruciatuscurse.rusff.me/" title=" Daily Prophet: Fear of the Dark"><img src="https://i.imgur.com/7WjreDA.gif" border="0"></a> <a href="http://ohcanada.rusff.me/" target=_blank> <img src="https://c.radikal.ru/c33/1805/19/e81ced9a3c3e.gif" border="0" alt="maple syrup"></a> <a href="http://sullenfables.rusff.me" target="_blank"><img src="http://sd.uploads.ru/yicnY.png"title="Sullen Fables"border="0"width="88" height="31"></a> <a href="http://acadia.rusff.me" target="_blank"><img src="https://i.imgur.com/Yl1uZIP.png" title="АКАДИЯ"></a> <a href="http://cursedcreatures.f-rpg.ru/" target="_blank"><img src="http://cursedcreatures.f-rpg.ru/files/0017/9e/82/34148.gif" title="Portland" border="1" width="88" height="31"></a> <a href="http://crossreality.f-rpg.ru/" target="_blank"><img src="https://forumstatic.ru/files/0019/b9/54/11755.jpg" title="crossreality"></a> <a href="http://devilsharvest.rusff.me" target="_blank"><img src="https://i.imgur.com/ydQ8szt.png"  title="Devil's Harvest" alt="Devil's Harvest"></a> <a href="http://flycross.rusff.me" alt="flycross" target="_blank"><img src="https://i.imgur.com/FzZidYM.jpg"></a> <a target="_blank" href="http://breakdown.rusff.me/"><img src="http://s9.uploads.ru/B9gpO.gif" ></a> <a target="_blank" href="http://twilightsugame.rusff.me/"><img src="https://forumstatic.ru/files/0011/1e/17/14851.gif"></a> </div>

<script>
$('.pa-online').each(function(){
  $(this).attr('title', $(this).text());
});
    </script>

<!-------------------------- Универсальный скрипт замены слов -------------------------->
<script type="text/javascript">
function Change(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
Change('#navadmin span','Администрирование','админка');
Change('#pun-status .container .item2','Ваш последний визит','последний визит');
</script>

<script type="text/javascript">
var title = document.querySelectorAll('.pa-avatar img[title], p.formsubmit .button[title], input.button[title],#statistic-other a[title], .post-rating a[title], img.postimg[alt]'); 
var allTitle = title.length;
for (i=0; i<allTitle; i++){
    title[i].removeAttribute('title');
}
</script>


<!--Отключить функцию "Поделиться" -->
<script type="text/javascript">
RusffCore.sets.share = false;
</script>

<!--Отключить функцию "Это интересно" -->
<script type="text/javascript">
rusffLive.enable = false;
</script>

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

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

<!-- HTML низ -удаляет названия дополнительных полей -->
<script type="text/javascript">
var A=[1,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>

<!-- счётчик символов -->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border-bottom:1px transparent;padding:3px 10px;margin:0px 20px 0 -10px !important;color: #fff !important;font-family: roboto !important;font-size: 10px !important;font-style: normal;font-weight: 300;text-transform: uppercase;background: #5f7586;text-shadow: 1px 1px 1px rgba(0,0,0,.3);">Написано символов: <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>


<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'>вверх</div>
<div class="go-down" id='OnBottom'>вниз</div>
<!--кнопки вверх вниз-->
<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>

<!-- Удаляем лишние строки после цитаты и кода // v.3 © Alex_63 -->
    <script type="text/javascript">
    $('.post-content').each(function() {
        var CNT = $(this).html();
        CNT = CNT.replace(/<p><br><\/p>/img,'');
        CNT = CNT.replace(/<p><br><br>(.*?)<\/p>/img,'<p>$1</p>');
        CNT = CNT.replace(/<p><br>(.*?)<\/p>/img,'<p>$1</p>');
        $(this).html(CNT);
    });
    </script>


<script type="text/javascript">
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
</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 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('Oranienbaum'); 
ft_f.push('Neucha'); 
ft_f.push('Lobster'); 
ft_f.push('Kotta One'); 
ft_f.push('Marck Script'); 
ft_f.push('Philosopher'); 
ft_f.push('Yeseva One'); 
ft_f.push('Montez'); 
ft_f.push('Shadows Into Light'); 
ft_f.push('Rochester'); 
ft_f.push('Cinzel Decorative'); 
ft_f.push('Roboto Slab'); 
ft_f.push('Playball'); 
ft_f.push('Kaushan Script'); 
ft_f.push('Oswald'); 
ft_f.push('Pirata One');  
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>
<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 // V.3 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/97896.js" type="text/javascript"></script>


<!--Для хтмл -->
<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){ 
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>
<!--смена имиджа-->
<script src="http://f.etrin.ru/hvss/hvss.min.js"></script>
<script>
hvScriptSet.addMask({
    forumAccessExtended:{
'Luke, I Am Your Father // фендомные темы': ['Принятые пользователи', 'PR'],
'Hear Me Roar // фендомные эпизоды': ['Принятые пользователи', 'PR'],
'It\'s going to be legendary // межфендомные эпизоды': ['Принятые пользователи', 'PR'],
'May the Force be with you // альтернатива': ['Принятые пользователи', 'PR'],
'Yeah, Mr. White! // завершенные эпизоды': ['Принятые пользователи', 'PR'],
'Bazinga // флуд': ['Принятые пользователи', 'PR'],
'Hakuna Matata // события': ['Принятые пользователи', 'PR'],
'Dracarys // дневники': ['Принятые пользователи', 'PR']
},
    changeList: {
        'pafld1': {
            title: 'Личное звание',
            description: 'Маска лз для ваших игровых нужд',
            tag: 'info',
            class: 'pa-fld1',
            defaultCode: '<div class="lz-name">Имя, возраст цифрой <sup>y.o.</sup></div> <div class="lz-fandom">Фандом</div> <div class="lz-text">Текст</div>',
            type: 'html'
        }
    },
    userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-fld2', 'pa-posts', 'pa-respect', 'pa-last-visit', 'pa-online', 'pa-awards']
});
</script>

<script>function getUrlParameterByName( name,href ) 
{name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); var regexS = "[\\?&]"+name+"=([^&#]*)"; var regex = new RegExp( regexS ); var results = regex.exec( href ); if( results == null ) return ""; else return decodeURIComponent(results[1].replace(/\+/g, " "));} 
function getRandomInt(min, max) { return Math.floor(Math.random() * (max - min)) + min;} 
function copyAdvertisingToClipboard(event, elem) {event.preventDefault(); var url = $(elem).closest('.post').find('.permalink').attr('href'); var $temp = $("<textarea>"); $("body").append($temp); var advertiseCode = advertiseCodes[getRandomInt(0, advertiseCodes.length)]; var text = advertiseCode + '[url=' + url + ']Ваша реклама[/url]'; $temp.val(text).select(); document.execCommand("copy"); $temp.remove();} 
function addAdvertiseLink(topicId) { var url = window.location.href; if (getUrlParameterByName('id', url) == topicId) { $('.post').each(function() { var $li = $('<li>').attr('class', 'pl-advlink').append('<a href="http://fourcross.rusff.me/viewtopic.php?id=136&p=3#p12134" onclick="copyAdvertisingToClipboard(event, this);">Взаимная реклама</a>'); $(this).find('.post-links ul').append($li); }) } } 

var advertiseCodes = []; 
advertiseCodes.push('[align=center][size=18][b]FOURSEASONS ищет  [url=http://fourcross.rusff.me/]ВСЕХ[/url][/b]![/size][/align][align=center][url=http://fourcross.rusff.me/][img]https://pp.userapi.com/c849128/v849128378/151de1/ZjCxhw1ZSyM.jpg[/img][/url][/align]' +'\n'); 

addAdvertiseLink(136); 
</script>


<style type="text/css">.mini_awards_label, .mini_awards {display: none;} #awrdbut * {cursor: pointer; }</style>
  <script>
(function () {
      var awards_button = "<img src='http://funkyimg.com/i/2RtfP.png'>";

      function awards_spoiler() {
          $(".pa-awards").prepend("<span id='awrdbut'>"+awards_button+"</span>");
          $("#awrdbut > *").click(function(){$(this).parents(".pa-awards").find(".mini_awards_label, .mini_awards").toggle("slow");});
      }
      var t=0;  var time_func = setInterval(function(){ t++;
          if (t>100) { clearInterval(time_func); return; } 
          if ($(".pa-awards").length) { clearInterval(time_func); awards_spoiler() }
      },100);
}())
  </script>

0


Вы здесь » admintest » в поисках немо » зимний дизайн


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