Добро пожаловать на MARVEL: StandOFF!
Время в игре: май-июль, 2017.
Голосуй за нас:
Рейтинг Ролевых Ресурсов - RPG TOP
гостевая сюжет f.a.q. правила персонажи акции
Рыжая вполне себе спокойно пропустила мимо ушей парочку фраз, связанных с её раздвоением личности - как таковое: само по себе утверждение, хоть и имело право на жизнь, но было весьма ошибочным.

Мастерская vol.2

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

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


Вы здесь » Мастерская vol.2 » настюшина свалка » ДИЗИГН АККУРАТНО НИЧО НЕ ПРАВИТЬ МАМОЙ ХРИСТОМ ПРОШУ


ДИЗИГН АККУРАТНО НИЧО НЕ ПРАВИТЬ МАМОЙ ХРИСТОМ ПРОШУ

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

1

HTML-верх
Код:
<div id="resplash" style="display: none;">
<div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span>Форум на профилактике</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='/' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password'  id='fld2'  name='req_password'  size='25'  maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div>
<script type="text/javascript">
var active = 1; 
if(GroupID != 1 && active == 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>


<!--вверх и вниз-->
<a style="position: fixed; top: 381px; right: 75px; cursor: pointer; background-color: transparent !important;" id="Go_Top"><img src="https://forumstatic.ru/files/0019/fc/f7/51805.png" alt="Вверх"></a>

<a style="position: fixed; top: 430px; right: 75px; cursor: pointer; background-color: transparent !important;" id="Go_Bottom"><img src="https://forumstatic.ru/files/0019/fc/f7/38567.png" alt="Вниз"></a>

<script type="text/javascript">
jQuery(function(){
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
  else $("#Go_Top").fadeIn("slow")
});

$("#Go_Bottom").hide().removeAttr("href");
if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
  else $("#Go_Bottom").fadeIn("slow")
});

$("#Go_Top").click(function(){
  $("html, body").animate({scrollTop:0},"slow")
})
$("#Go_Bottom").click(function(){
  $("html, body").animate({scrollTop:$(document).height()},"slow")
})
});
</script>

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

<!---------------------------- редакция подписи ---------------------------->
<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>
HTML-низ
Код:
<!-- ССЫЛКА НОВЫЕ СООБЩЕНИЯ -->
<script type="text/javascript">
if(GroupID != 3) 
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
</script>
<!-- Конец -->

<!---------------------------- прячем редактирование---------------------------->
<style>
.lastedit {display:none;}
</style>

<!---------------------------- кнопка обтекания---------------------------->

<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
  });
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content") 
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\}}
</script>
<div id="float" style="display:none; border: 1px solid #d3d9db; background-color: #e6e6e6; box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.6); padding: 8px; width:auto; position:absolute; margin-top: -36%; margin-left: 29%; z-index:20">
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" onclick="bbcode('[float=left; margin: 15px; text-align: (.*?)\]([^\[]*)\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none; border: 1px solid #d3d9db; background-color: #e6e6e6; box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.6); padding: 8px; width:auto; position:absolute; margin-top: -36%; margin-left: 29%; z-index:20">
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" onclick="bbcode('[float=left;'>', '')" original-title="Слева">
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" onclick="bbcode('', '')" original-title="Справа">
</div></div>

<!---------------------------- абзац---------------------------->
<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 = '';
$("#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 a,L,epl=$("#main-reply"),str='<small id="plng" style="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>

<!---------------------------- выравнивание justify---------------------------->
<style>
#button-mybb {background-image:url('http://icons.iconarchive.com/icons/famfamfam/silk/16/text-align-justify-icon.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(8).innerHTML="<img src='/i/blank.gif' id='button-mybb' onclick=\"bbcode('
', '
');\"/>"
</script>

<!-- Разделение ников пользователей в теме запятой -->
<script>$('#topic-users-in a').prev('a').after(',');</script>

<!--Скрыть название доп.поля-->
<script type="text/javascript">
var A=[1,2,3,4,5,6]
$(".post .post-author li").each(function (){
for(var i in A){if($(this).hasClass("pa-fld"+A[i])){
$(this).html($(this).html().replace(/^[^:]*:/,''));}};});
</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>
<!-- переключить раскладку текста КОНЕЦ -->

<!------------------------------- СООБЩЕНИЙ И РЕПУТАЦИЯ НА СВОЕ ---------------------->
<script type="text/javascript">
if (document.URL.indexOf("viewtopic.php") != -1){
li=document.getElementsByTagName("li")
f=0
while(li[++f]){
s=li[f].innerHTML
if((p=s.indexOf("Сообщений")) != -1) li[f].innerHTML=s.substring(0,p)+"Соо"+s.substring(p+9)
}
}
</script>

<script type="text/javascript">
function changeLink()
{var arr=document.links
for (j in arr)
{
if (arr[j].innerHTML=="репутация")
{arr[j].innerHTML="плюсы"}

}}
changeLink()
</script>

<!---------------------------- тег img---------------------------->
<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>
<!-- Конец -->

<!-- Просмотр полного профиля на странице /profile.php V.2 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/44995.js"></script>
<!-- Конец -->
<!---------------------------- бегунок – размер шрифта---------------------------->
<style>
.FNTslider {
  border-radius: 4px;
  position:relative;z-index:1000;
  background: #E0E0E0;
  width: 110px;
  height: 5px;
  margin: 3px 5px;
  border: solid 1px #ccc;
  float: right;
  margin-right: 7%;
}
.FNTslider .before {height: 5px;
    border: solid 1px transparent;
    border-right: none 0;
    border-radius: 4px 0 0 4px;
    position: absolute;
    background: #7e6970;
    margin-top: -1px;
}
.FNTslider .thumb {    width: 8px;
    height: 13px;
    border-radius: 3px;
    position: relative;
    top: -4px;
    background: #b05653;
    cursor: pointer;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></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>
<!-- Конец -->

<!-- Правка глюка Репы при  отсутствии скриптов  руссфф  v2-->
<script> if($('#pun-viewtopic').length)$(window).load(function () {
if(!$('#pun-reputation').length)FORUM.PartnerVote = function() { return true; };
});
</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>
<!-- Конец -->

0

2

Структура style.css
Код:
/*************************************************************
A - SETUP
**************************************************************/

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

/* A1.1 */
/*************************************************************
A - SETUP
**************************************************************/

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

/* A1.1 шрифты */
  @import url(style_cs.css);
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&subset=cyrillic,latin-ext,vietnamese');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=cyrillic,cyrillic-ext,latin-ext');
 @import url(https://forumstatic.ru/files/000f/ee/14/15223.css);


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

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

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0px;  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 текст */

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

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

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

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

/* A3.5 */
.punbb h1 span, .punbb legend span {
   font-size: 11px;
}

.punbb h2 span {
   font-size: 0px;
}

/* A3.6 */
.punbb pre {
/*  font: 12px monaco, "bitstream vera sans mono", "courier new", courier, monospace*/
font-size: 12px!important!
}

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

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

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

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

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


/* A4 Float clearing and hidden items*/

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

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

/* A5 Basic page layout and borders*/
#pun {
    margin: auto;
    width : 1005px;
    position: relative;
    margin-bottom: 0px
}

/* A5.2 */
.punbb {
   float: auto;
   height: auto;
   width: 900px;
   margin-left: 55px;
} 

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

#pun-redirect .main-title {    
  font-size: 0em;   
}

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

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

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

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

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

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

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

/*B - MAIN CONTENT - GENERAL*/
/* B1 Parsed Content, Signatures and Scroll Boxes*/

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

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

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  text-align: justify;
  padding: 0 5px 7px 10px;
  line-height: 150%;
  font-size: 1em;
  }

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

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

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
font-size: 11px!important;
  }

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box{
    background:linear-gradient(to bottom, #82807d, #919695);
    border: dotted 1px #756c70;
    border-left: solid black 1px;
    border-right: solid black 1px;
    margin: 14px 0px;
    color: #000000!important;
    padding: 14px;
}

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

/* B2 Information boxes */

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

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

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

/* B3 Pagination and posting links */

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 11px;
  height: 0;
  font-family: arial;
  margin-bottom: 10px;
  }

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

/* B3.3 */
.linkst .pagelink {
    font-family: arial;
    font-size: 12px;
    color: #3d3539;
    margin-bottom: 10px;
    font-style: normal;
  }

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

/* B3.5 */
.punbb .linksb {
  font-family: 'arial';
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 11px;
  }

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

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 10em;
  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;
    z-index: 1000!important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  }

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

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

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

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

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

/* C2 Table layout */

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

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  background-color: transparent;
    text-align: left;
    width: 3%;
}

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

/* C2.4 */
#pun-userlist .main .tcl,
#pun-modviewforum .main .tcl {
background-color: transparent;
  width: 20%
}

#pun-searchtopics .main .tcl,
{background-color: transparent;
  width: 50%}

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
    width: 20%;
background-color: transparent;
}

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

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

/* C2.8 */
#pun-index .tcl h3 {
   font-size: 17px;
   font-family: arial;
   text-align: center;
   padding: 18px 0 0 1px;
   margin: 5px 0 1px 0px;
   text-transform: uppercase;  
}

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

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

/* C2.11 */
.punbb .main td {
  border-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;
  font-size: 0;
  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 {
            
    }

/* C2.15 */
    .punbb div.icon {
    float: right; 
    display: inline;
}

/* C3 Topics */
#pun-title, #pun-navlinks {
    border-color: #;
}

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

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

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

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

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

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

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

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

#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: 1px solid transparent ; 
  }

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

/* C2.8 */
#pun-index .tcl h3 {
    text-align: center;
}

.tcl h3 a {
    color: #474a3e!important;
    text-shadow: none!important;
  transition: color .5s linear;     -webkit-transition: color .5s linear;      -moz-transition: color .5s linear; 
}
.tcl h3 a:hover {      
    color: #513e47!important;
    text-shadow: inset 1px 2px 2px rgb(53, 93, 71)!important;
  transition: color .5s linear;     -webkit-transition: color .5s linear;      -moz-transition: color .5s linear; 
}

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

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

/* CS3.3 */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin: 0px 0px 0 220px;
  }

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

/* C3.5 профиль */
.punbb .post .post-author {
    float: left;
    text-align: center;
    width: 214px;
    padding: 0px 0 50px 0;
    margin: -19px 0 0px -5px;
    overflow: hidden;
    padding-bottom: 15px;
    background: url(https://forumstatic.ru/files/0019/fc/f7/48982.png) -3px bottom no-repeat, url(https://forumstatic.ru/files/0019/fc/f7/48590.png) -3px top no-repeat, url(https://forumstatic.ru/files/0019/fc/f7/18952.png) -3px repeat-y;
}

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

/* C3.7 */
.pa-author {
    font-family: arial;
    width: 200px;
    font-size: 19px;
    text-align: center;
    text-transform: lowercase;
    text-shadow: 1px 1px 1px #b7b7b7, -2px -1px 0px #e9e9e9;
    margin: 17px 0px -10px 0px;
  }

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

/* C3.9 */
  li.pa-title {
  color: #4a3c41;
  font-size: 11px;
  position: relative;
  font-family: calibri;
  padding-bottom: 5px;
  margin: 1px -14px -8px -4px;
  text-transform: lowercase;
}

li.pa-online, li.pa-last-visit {
  color: #b5b5b5!important;
  font-size: 10px;
  font-family: arial;
  text-transform: lowercase;
  line-height: 11px;
  padding: 8px 1px 15px 16px;
  margin: 26px 38px 0px 33px;
  }

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

/* C3.12 */
.punbb .post-box {padding: 1em;margin: 0 0 0 6em;padding-left: 2em;}

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

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

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

/* C3.16 */

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

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

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

/* C4 Moderator menu */

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

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  font-family: arial, verdana;
  font-size: 11px; 
  height: 1.9em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }

/* C5 Message boxes */

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }

/* C6 Profile */

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

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

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

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

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

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

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

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

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

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

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

/* C7 User list */

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

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

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

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

/* D1 Logo and description */
/* D1.1 */
#pun-title {
  margin: 0;
  border-style: none none none none;
  border-width: 1px 1px 0 1px;
  }

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

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

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

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

#pun-title h1 span  {
  font-size: 1.5em;
  }

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

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

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

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

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

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

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




/* D3 */

#pun-navlinks, #pun-navlinks .container {
    width: 102%;
    margin: -271px 0px 0px 2px;
    list-style: none;
    height: 18px;
    position: relative;
    z-index: auto;
  }

/* D3.2 */
#pun-navlinks .container {
    text-align: center;
    font-family: arial;
}

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

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

#pun-navlinks a {
    display: inline-block;
}

#pun-navlinks a span {
display: ;
}

/* D4 User links */

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

/* D4.2 */
#pun-ulinks .container {;
  text-align: center;
  font-size: 10px;
  margin: 243px 0 10px 0px;
  font-family: arial;
  text-transform: lowercase;
  font-weight: bolder;
  }

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

#pun-ulinks li a:hover {  
    color: black;    
    transition: 0s ease;    -webkit-transition: 0s ease;     -moz-transition: 1s ease;}

/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em
  }

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

/* D5 Welcome box and Top Breadcrumbs */

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

/* D5.2 */
#pun-status .container { 
   text-align: left;
   padding: 10px 0 0 0; 
   text-transform: lowercase;   
   font-size: 10px;   
   font-family: calibri;    
   font-style: italic;
   color: #4e3b44;
}

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

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

/* D5.5 */
#pun-crumbs1 p.container {
   border-top: none;
   text-align: center;
   font-family: arial;
   padding: 1em 1em 0.8em 1em;
   font-size: 11px;
   color: #4e3b44;
   letter-spacing: 1px;
   text-shadow: 0 1px 2px #a8ada7;
  }

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

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  }

/* D6.3 */
#pun-announcement .container {
  width: 100%;
  height: auto;
  }

/* D7 Statistics */

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

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

#pun-stats li.item3 { display:none; }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  font-size: 11px;
  width: 190px;
  text-align: right;
  margin-left: 610px !important;
  line-height: 150%;
  }

/* D7.4 */
li#onlinelist {
  font-size: 11px;
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  text-align: justify;
  width: 100%;
  line-height: 14px;
  }

/* 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: center;
  line-height: 150%;
  padding: 0.8em 1em;
  }

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

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

/* D8.7 */
#pun-crumbs2 .container {
    font-family: arial;
    font-size: 12px;
    padding: 12px;
    text-align: center;
    color: #4e3b44;
}

/* D8.8 */
#pun-break4 {
  margin: -3px 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: 0px;
  }

/* 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 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }

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

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

/* D9.9 */
#pun-index th.tcl {font-size:0%;}

#pun-main .post-links li {text-transform: lowercase; font-size: 10px; }

#pun-viewforum .forum thead { display: none;}

/* B1.10*/
.hashelp center div a button, .button, .punbb select {
    padding: 0px 10px!important;
    border-radius: 0px;
    height: 28px;
    background: linear-gradient(#4e3b44, #6b6b6b)!important;
    text-transform: lowercase;
    font-size: 12px!important;
    color: #daded9!important;
    font-family: arial!important;
    -webkit-transition: 1.5s cubic-bezier(0, 0, 0.45, 1.16)

}
.button:hover{
	border: 1.3px dotted #4e3b44;
        background: linear-gradient(#a8ada7, #a8ada7)!important;
        color: #4e3b44!important;
        -webkit-transition: 1.5s cubic-bezier(0, 0, 0.45, 1.16)
}

/*prokrutka*/

::-webkit-scrollbar-thumb:vertical {background: linear-gradient(#4e3b44, #4e3b44, #4e3b44); box-shadow: inset 0 0 1px #18442a;} 
::-webkit-scrollbar-thumb:horizontal {background: linear-gradient(#4e3b44, #4e3b44, #4e3b44); box-shadow: inset 0 0 1px #18442a;} 
::-webkit-scrollbar{width: 5px; height: 5px; background-color:#a8ada7;}
#pun-about p.container, .category h2, #pun-stats  h2, .punbb .formal .container {/*image-rendering: pixelated;
    image-rendering: -moz-crisp-edges; /* Firefox */
    -ms-interpolation-mode: nearest-neighbor; /* IE */*/}

.punbb .formal span.input {mix-height:500px;}

Цвета style_cs.css
Код:
/* ФОН */
body { 
background: url(https://forumstatic.ru/files/0019/fc/f7/19185.png) 53% 0% repeat-x, url(https://forumstatic.ru/files/0019/fc/f7/56825.png) 100% repeat;
overflow-x: hidden;
}



/* ТЕЛО */
#pun {
   background-image: url(https://forumstatic.ru/files/0019/fc/f7/23793.png); 
   background-color: #e4e8eb; 
  }

/* ШАПКА */
#pun-title table {
    border: none;
    height: 435px;
    width: 1300px;
    margin-left: -215px;
    background: url(https://forumstatic.ru/files/0019/fc/f7/52795.png) top center no-repeat;
   }


/* ФУТЕР */
#pun-about p.container {
    background: transparent url(https://forumstatic.ru/files/0019/fc/f7/12764.png) bottom center no-repeat;
    width: 1300px;
    margin-bottom: -5px;
    margin-left: -226px;
    height: 158px;
}


/* ИКОНКИ СОО */
.punbb table Div.icon {
  width: 30px;
  height: 30px;
  margin: 0px 123px 0 0!important;
  background-image : url(https://forumstatic.ru/files/0019/fc/f7/63071.png);
  background-repeat: no-repeat;}

/* НОВОЕ */
TR.inew Div.icon {
background-image : url(https://forumstatic.ru/files/0019/fc/f7/11370.png);
background-repeat: no-repeat;}

/* ЗАКРЫТОЕ */
TR.iclosed Div.icon {
background-image : url(https://forumstatic.ru/files/0019/fc/f7/33423.png);
background-repeat: no-repeat;}

/* ВАЖНОЕ */
TR.isticky Div.icon {
background-image : url(https://forumstatic.ru/files/0019/fc/f7/37071.png);
background-repeat: no-repeat;}

/* КАТЕГОРИИ  */
#pun-category1.category h2, #pun-category2.category h2 {
    height: 67px;
    width: 751px;
    margin-left: 75px;
    font-size: 0px!important;;
}

#pun-category1.category h2 {background: url(https://forumstatic.ru/files/0019/fc/f7/98391.png);}

/* СТАТИСТИКА  */
#pun-stats.section h2 { 
    background-attachment: scroll;
    background-clip: border-box;
    height: 67px;
    width: 751px;
    font-size:0 !important;
    margin-left: 75px;
    background-color: transparent;
    background-image: url(https://forumstatic.ru/files/0019/fc/f7/88178.png);
    background-origin: padding-box;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: auto;
    font-size: 0px;
}

/* КНОПКА 24 7 */
#pun-stats ul.container { 
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url(https://forumstatic.ru/files/0019/fc/f7/55379.png);
    background-origin: padding-box;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: auto;
    padding-left: 83px;
    padding-top: 0px;
    margin-left: 5px;
}


/* ЗАГАЛОВКИ */
.punbb .section .container  .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.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-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #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, #pun-navlinks .container  { 
 background-color: transpanent;
 color: #08090a;
 font-weight: normal;
 font-style: normal;
}

/* ГЛАВНЫЕ ССЫЛКИ */
.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 {
  color: #4e3d46;  text-shadow: 1px 1px 1px #a8ada7;  text-decoration: none;
  transition: color 0s linear;     -webkit-transition: color 0s linear;      -moz-transition: color 0s linear; 
}

/* ГЛАВНЫЕ ССЫЛКИ HOVER */
.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, pun-index .tcl h3, .punbb-admin #punbb-admain a:active {
  color: #19000d;
}

/* НАВЛИНК */
#pun-navlinks li a {
     color: #a8ada7;
     font-style: normal;
     letter-spacing: 0px;
     text-shadow:  1px -1px 1px #4e3b44;
     text-transform: uppercase;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}
#pun-navlinks li a:hover {  
     color: #1f2213;
     text-shadow: 1 1px 1px #eee3ce;
     transition: 
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);

}


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


#punbb .modmenu .container, #pun-about p span {font-size: 10px !important;}

#pun-live-rusff {margin-right: 27px !important; letter-spacing: 0px !important;} 

#pun-main h1, #pun-main h2, .pagelink, .punbb fieldset legend, #pun-about p span, .punbb .linksb, .punbb .linkst, div#pun-live-rusff {
    font-family: arial;
    font-size: 12px;
    color: #6b6d6d;
    font-style: normal;
}

#pun-reputation .inner {
    font-size: 11px;
    font-family: calibri;
    background: #e6c8cf;
    border-radius: 2px;
    color: #1a472a!important;
    border: 1px solid rgb(223, 91, 122);
}

#pun-main h1 {
text-align: center;
}

#punbb input { 
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-shadow: 0px 0px 0px;
 }

/* ЗОНА ДЛЯ ВООДА ТЕКСТА */
.punbb textarea, .punbb select, .punbb input {
   background-color: #f5f5f5!important;
   color: #263121;
   border-radius: 4px;
   padding: 2px;
}

/* ФОРМА ОТВЕТА */
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
   overflow-y: auto;
    text-shadow: none;
    padding: 8px;
    max-height: 200px;
    font-size: 11px;
    font-family: calibri;
    background-color: #e6e2da!important;
    color: #501c28;
    box-shadow: 0 0 3px #fff;
    border-radius: 4px;
    border: 1px solid #c6c8c5;
}


/* ОСТАЛЬНОЕ */
#pun-main div.catleft, #pun-main div.catright {
  display: none;
}
#pun-announcement h2 {
  display: none;
}


.pa-gifts {display: none;}

.pa-author a {
    color: #533943!important;
    font-family: arial;
    }

.pa-author a:hover {
    color: #eee3ce!important;
    text-shadow: 0px 0 1px #fff!important; 
    transition: color .5s linear;     -webkit-transition: color .5s linear;      -moz-transition: color .5s linear; 
    }

.pa-avatar img {
   border-radius: 2px;
   margin: 1px 22px 0 9px;
}


.pa-posts {
    position: absolute;
    color: #533943!important;
    font-family: arial;
    font-size: 10px;
    text-transform: lowercase;
    width: 25px;
    text-align: l;
    margin: -8px 4px -12px -86px!important;
    display: inline;
}

.pa-respect {
    position: absolute;
    color: #533943!important;
    font-family: arial;
    font-size: 10px;
    text-transform: lowercase;
    width: 25px;
    text-align: l;
    margin: -9px 0px 0px 35px!important;
    display: inline;
}

.pa-fld1 {
    position: absolute;
    color: #533943!important;
    font-family: arial;
    font-size: 10px;
    text-transform: lowercase;
    width: 25px;
    text-align: l;
    margin: -8px 0px 0px -29px!important;
    display: inline;
}


/* ПОДФОРУМ */

#pun-index td div.tclcon {
    width: 382px;
    height: 188px;
    margin: 0 0 10px 0!important;
    background: url(https://forumstatic.ru/files/0019/fc/f7/38529.png);
}

.podf1 {
    width: 275px;
    margin: 10px 0 5px 72px !important;
    color: #6b6d6d;
    text-shadow: 1px 1px 0 #fff;
    font-family: calibri;
    font-size: 10px;
    letter-spacing: .2px;
    font-weight: bolder;
    font-style: italic;
    text-align: center;
}

/* ТЕКСТ ПОДФ */
.podf2 {
    overflow: auto;
    position: absolute;
    text-align: center;
    width: 370px;
    height: 84px;
    color: #6b6d6d;
    text-shadow: 1px 0px 1px #e4e8eb;
    padding: 18px 5px 3px 3px;
    margin: 36px -2px 27px 59px;
    line-height: 10px;
    font-family: calibri;
    font-size: 10px;
}

/* podforum links */
.podf3 {
    color: #a8ada8!important;
    text-shadow: -18px 12px 3px #3a3a3a;
    font-family: arial;
    text-align: center;
    position: absolute;
    display: block;
    padding: 117px 5px 17px 48px;
    font-size: 11px!important;
    width: 280px;
   text-transform: uppercase;  
}

.podf3 a {
    color: #a8ada8!important;
    text-shadow: none!important;
    width: 280px;
    }

.podf3 a:hover {    
    color: #a8ada8!important;  
    text-shadow: 0px 0 1px #fff!important; }

.podft {width: 330px;
margin: 20px 10px 10px 27px !important;
height: 94px;
overflow-y: auto;
line-height: 9pt !important;
font: 11px calibri;
text-align: justify;
color: #c3c5c2;
text-shadow: 0px 0 1px #222!important; }

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

.post-content .spoiler-box > div {
    text-align: center;
    display: block;
    text-transform: lowercase;
    letter-spacing: 1px;
    color: #545c6d!important;
    margin-left: -2px;
    margin-top: -3px;
    margin-bottom: -5px;
    font-family: arial;
    font-weight: normal;
    font-size: 14px;
}

.punbb input { 
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.punbb .code-box strong.legend a {     top: 21px!important;    font-size: 12px;}

/* */
::selection {
background: #a7a7a7!important; 
color: #1e2124;
}



/* ТАБЛА */
.tabpercent{position: absolute;
    width: 278px;
    height: 100px;
    overflow: auto;
    font-size: 45px;
    color: #e04d76;
    text-shadow: -1px 0px 0 #f5eddc;
    text-align: justify;
    font-family: arial;
    top: 156px;
    left: 805px;
    transform: rotate(-21deg);
}

/* ГОСТЕВАЯ */

.gostevaya{width:556px;
height:318px;
background:url(https://forumstatic.ru/files/0019/fc/f7/71992.png);

}

.gostevaya text{height: 165px;
    width: 180px;
    margin-left: 37px;
    margin-top: 129px;
    overflow: auto;
    position: absolute;
    font-family: calibri;
    font-size: 12px;
    color: #942b43;
    text-align: justify;
}

.gostevaya vnehi{    position: absolute;
    margin-left: 263px;
    width: 260px;
    height: 95px;
    color: #942b43;
    overflow: auto;
    text-align: center;
    margin-top: 196px;}

.gostevaya name{    position: absolute;
    margin-left: 127px;
    width: 270px;
    height: 30px;
    color: #ffffff;
    font-family: arial;
    font-size: 25px;
    overflow: auto;
    text-align: center;
    margin-top: 29px;}

/* ТЕМА */
.tema {
    background: url(https://forumstatic.ru/files/0019/fc/f7/38636.png) 0 bottom no-repeat,url(https://forumstatic.ru/files/0019/fc/f7/65674.png) 0 top no-repeat,url(https://forumstatic.ru/files/0019/fc/f7/24987.png) 0 repeat-y;
    padding: 52px 88px 45px 46px;
    text-align: justify;
    font-family: calibri;
    color: #881834;
    text-shadow: 1px 1px 1px #edf7fc;
    position: relative;
    left: 20px;
    font-size: 13px;
}

.tema img {
    border-radius: 20px;
    border: 1px solid #e14e73 !important;
}

.tema tema1 {
   position: absolute;
    font-size: 25px;
    margin: -38px 0px 0 32px;
    width: 378px;
    text-align: center;
    font-family: arial;
    color: #fbf5ea!important;
    text-shadow: 1px 1px 0 #e14e73, 0 0 5px #e14e73;
}


0


Вы здесь » Мастерская vol.2 » настюшина свалка » ДИЗИГН АККУРАТНО НИЧО НЕ ПРАВИТЬ МАМОЙ ХРИСТОМ ПРОШУ