Test Design

Объявление

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

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


Вы здесь » Test Design » Гостевая книга » гостевая


гостевая

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

1

прап

0

2

роароо

0

3

рпп

0

4

рпап

0

5

http://dragcave.net/image/ISLSN.gif

http://dragcave.net/image/RbZZk.gif

http://dragcave.net/image/HYVkx.gif

http://dragcave.net/image/Rl8Lo.gif

http://dragcave.net/image/hkbNj.gif

http://dragcave.net/image/W8DOp.gif

http://dragcave.net/image/Ipre0.gif

http://dragcave.net/image/FXeVU.gif

Отредактировано Игритт (2016-02-20 10:22:37)

0

6

http://dragcave.net/image/UE1XS.gif

0

7

http://dragcave.net/image/KSYZw.gif

0

8

Настройки

хтмл-верх

Код:
<script type="text/javascript" src="http://forumstatic.ru/files/0010/b4/f8/33839.js"></script>
<style type="text/css"> 

.punbb div.icon {
float:right!important;
}
#pun-stats h2, .lastedit{display:none}
#pun-index .main h2 {
background:  url(http://sg.uploads.ru/IGs74.png) 50% 0% no-repeat !important;
 margin-left: -500px !important;
position: relative;
z-index: 100;
font-weight: 650;
font-size: 11pt;
line-height: 10px;
height: 36px;
padding-top: 45px !important;
margin: -5px auto -25px;
font-family: "Book Antiqua", "Palatino Linotype", "Times New Roman", Times;
Color: #FBE58D;
text-shadow: 0 0 0.5em #FBE58D;
}
</style>

<style type="text/css">
td.tcl:hover, td.tcr:hover,  td.tc2:hover, td.tc3:hover{background: 
background: rgb( 123, 139, 53);
background: rgba( 123, 139, 53, 0.1) !important;}
</style>
<style>
#pun .section .statscon .container {background-image: url("http://sh.uploads.ru/SRwT2.png"); 
background-repeat: no-repeat; left = left center = center left = 0% 50% }
</style>

<style> /*корректирую кнопки цитировать, удалить, лс и т.д.*/
.pl-edit{ 
margin-left: -20px;
}
.pl-quote{
margin-left: -20px;
}
.pl-email{
margin-left: -14px;
}
</style>
<style> /*корректируем кнопку "ответить;Нов.тема; Нов.опрос*/
.linkst .postlink{ 
margin-top: -65px;
}
.linksb .postlink{
margin-top: -65px;
}


#down-cont
{
  display: block;
  position: absolute;
  margin-top: 12px;
  margin-left: 3px;
  cursor: pointer;
  box-shadow: inset 5px 5px 20px rgba(94, 67, 34, 0.647);
  border-radius: 3px;
  border: 2px outset rgba(84, 17, 17, 0.655) !important;
  padding: 4px 6px !important;
  background: radial-gradient(ellipse at center, #8e2c23 0%,#48150a 100%);
  color: #dd973d;
}
</style>

<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="http://sh.uploads.ru/mJBO0.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="http://sg.uploads.ru/fkqd3.png" border="0"/></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right: 35px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.7; /*прозрачность*/
margin-bottom: 150px; /*отступ снизу (можно не указывать)*/
width: 60px; /*ширина кнопки*/
height: 70px; /*высота кнопки*/
}
.go-up {
bottom:95px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:25px; /*положение от низа окна браузера нижняя кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>
<script type="text/javascript">
var docurl=location.href; 
$(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")})
});

function loadcont(){if($('#down-cont').html().length<15) $('#down-cont').load('http://lastshelter.mybb.ru/pages/smiles #smls');
else $("#smls").toggle();
}

function hidets(e) {
var val = document.getElementById("hd").style.opacity;
if(val<0.06)
{
return false;
}
document.getElementById("hd").style.opacity = parseFloat(val)-0.0005;
   }
</script>

хтмл-низ

Код:
<!--Переключение раскладки выделенного текста -->
<style>#button-transL{background-image:url(http://uploads.ru/i/X/j/Z/XjZW7.png)}</style>
<script type="text/javascript">

$('#pun-ulinks .item7').html('<a href="http://lastshelter.mybb.ru/viewtopic.php?id=6#p6">Справочник</a>');

$('#pun-ulinks .item3').html('<a href="http://lastshelter.mybb.ru/viewtopic.php?id=1#p1">Сюжет</a>');
$('#pun-ulinks .item4').html('<a href="http://lastshelter.mybb.ru/viewtopic.php?id=17">Системы</a>');

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"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

<script><!--Свои картинки вместо:Новая тема;Новый опрос;Ответить;Профиль;ЛС;и т.д. -->
   pstlnk=new Array(
  ".postlink","Новая тема",
"http://sh.uploads.ru/YLtr7.png","http://sh.uploads.ru/qGCz5.png",
  ".postlink","Новый опрос",
"http://sh.uploads.ru/ahroM.png","http://sg.uploads.ru/9RBek.png",
  ".postlink","Ответить",
"http://sh.uploads.ru/WVriM.png","http://sg.uploads.ru/3DBMK.png",
  ".pl-email","Профиль",
"http://sg.uploads.ru/zaTGh.png","http://sg.uploads.ru/Dt4GN.png",
  ".pl-email","ЛС",
"http://sh.uploads.ru/40dRG.png","http://sh.uploads.ru/WCgUc.png",
  ".pl-email","E-mail",
"http://sh.uploads.ru/Is4fP.png","http://sh.uploads.ru/a5dvA.png",
  ".pl-website","Вебсайт",
"Ссылка на картинку","Ссылка на картинку при наведении",
  ".pl-delete","Удалить",
"http://sg.uploads.ru/6CUdl.png","http://sg.uploads.ru/A8c29.png",
  ".pl-edit","Редактировать",
"http://sh.uploads.ru/2DlSJ.png","http://sh.uploads.ru/gA9Us.png",
  ".pl-quote","Цитировать",
"http://sg.uploads.ru/LofIJ.png","http://sg.uploads.ru/xP48C.png" // !ПОСЛЕДНИЙ элемент без запятой
)
function find_and_replace(value){var s0,s1,s2,s3,i; for (i=0; i < pstlnk.length; i=i+4){s0=pstlnk[i+2];
  s1="onmouseover=\"this.src='"+pstlnk[i+3]+"'\"";s2="onmouseout=\"this.src='"+s0+"'\"";
  s3='<img class="pst_lnk" src="'+s0+'" '+s1+' '+s2+' border="0" />';
  var str=$(value).find(pstlnk[i]+":contains('"+pstlnk[i+1]+"')").html();
  if (str!=null) {str=str.replace(pstlnk[i+1],s3);
$(value).find(pstlnk[i]+":contains('"+pstlnk[i+1]+"')").html(str);};};}
$("#pun-viewforum .linkst,#pun-viewforum .linksb,#pun-viewtopic .linkst,#pun-viewtopic .linksb,#pun-viewtopic .post .post-links").each(function(){find_and_replace(this);;});


function getAlternateDate(dt)
{
if (dt.indexOf("Вчера")!=-1 || dt.indexOf("Сегодня")!=-1)
{return dt;}
var arr= [];
var date = new Date(dt.replace(/(\d+)-(\d+)-(\d+)/, '$2/$3/$1'));
var diff = new Date();
diff = diff - date;
var daysFloat = diff/(1000*60*60*24);
arr[0] = Math.floor(daysFloat);

var hoursFloat = (diff - (arr[0]*1000*60*60*24))/(1000*60*60)
arr[1] = Math.floor(hoursFloat);
return arr;
}


$('#pun-viewforum .tcr a').each(function(){
var $dt = $(this).html();
 var alt = getAlternateDate($dt);
if ($.isArray(alt))
{
$(this).html('прошло дней: '+alt[0]+', часов: '+alt[1]);
}
});


$('#pun-index .tcr span').each(function(){
var $dt = $(this).html();
var other = $dt.substring($dt.indexOf(' - '));
 $dt = $dt.substring(0,$dt.indexOf(' - '));
 var alt = getAlternateDate($dt);
if ($.isArray(alt))
{
$(this).html('прошло дней: '+alt[0]+', часов: '+alt[1]+' '+other);
}
});
</script>

<script>
var $lol = $('#pun-messages .pa-title').clone(); $('#pun-messages .pa-title').remove();$('#pun-messages .pa-avatar').after($lol);
</script>
<div id=alertMess style="display:none;width:291px; height:100px;top:42%;margin-left:-105px;position:fixed;z-index:100;"><img class=CloSandHid src="http://uploads.ru/i/L/H/t/LHtDQ.png" style="position:absolute;z-index:220;margin-top: 110px;margin-left: 180px;width: 120px;max-height: 35px;cursor:pointer"/><a class=CloSandHid id=HREff href=""><img src="http://uploads.ru/i/y/6/E/y6E2J.png" style="position:absolute;z-index:100;width: 110px;margin-top: 110px;margin-left: 55px;"/></a><img class=MyMessag src="http://sh.uploads.ru/Z6XM3.png"/></div><script>var MessagMy=($("#pun-navlinks #navpm").text().indexOf("("))!=-1;function MiguN1(){$("#alertMess .MyMessag").fadeTo(1600,0.03,function(){$(this).fadeTo(1500,1,function(){return false});return false});return false}function setcookieM2(a,b,c){if(c){var d=new Date();d.setTime(d.getTime());d=new Date(d.getTime()+c*1000*60)}if(a&&b)document.cookieM2=a+'='+b+(c?'; expires='+d.toGMTString():'');else return false}function getcookieM2(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookieM2);if(c){c=c[0].split('=')}else{return false}return c[1]?c[1]:false}function timerZap(){timerID=setTimeout("MiguN1();timerZap();",3200);return}$(".CloSandHid").click(function(){setcookieM2("CloSandHid",true,15);if(getcookieM2("CloSandHid")){$("#alertMess").hide()}});if(!getcookieM2("CloSandHid")&&document.URL.indexOf("/messages.php")==-1){$(document).ready(function(){var a=$("#navpm");$("#HREff").attr("href","../messages.php");if(MessagMy){timerID=setTimeout("$('#alertMess').fadeIn(2300);timerZap()",2300)}})}</script>






<div id="Bubble" style="display:none;position:absolute;z-index:100000"><span></span></div><script type="text/javascript">function PopUpPL_Quote(){var fresh=false,SSsq='<img src="http://forumstatic.ru/files/0013/23/f9/48446.png">';$("#Bubble").prependTo("body");$('.post').mouseup(function(pos){var theSelection='';if(window.getSelection&&!$.browser.opera){theSelection=window.getSelection().toString()}else if(document.getSelection){theSelection=document.getSelection()}else if(document.selection){theSelection=document.selection.createRange().text}if(!(theSelection==''||typeof theSelection=='undefined'||theSelection==null)&&!(fresh)){$("#Bubble").css({'left': (pos.pageX+5)+'px', 'top':(pos.pageY+4)+'px', 'display': 'none' });$("#Bubble span").html('<a href="'+$(this).find("li.pl-quote a:first").attr("href")+'">'+SSsq+'</a>');$("#Bubble").fadeIn(200);fresh=true}else if(fresh){fresh=false}});$('#Bubble span').click(function(){$('#Bubble').hide(200);fresh=false});$('.post').mousedown(function(){if(fresh){$("#Bubble:visible").hide(200);fresh=false}});}
if($("#pun-viewtopic").length){PopUpPL_Quote()} </script>

<script>



if(GroupID!=3&&(docurl.indexOf("viewtopic")!=-1||docurl.indexOf("post.php")!=-1||docurl.indexOf("edit.php")!=-1)){var a,L,epl=$("#main-reply"),str='<small id="plng" style="border: solid 1px rgb(221, 203, 158); background: rgb(233, 222, 178); padding: 2px 8px; margin: 0 20px 0 10px;">Написано символов: <b>00</b> </small>';
epl.parents("fieldset").find("legend").prepend(str);
function epl3(){a=epl.val().length;L=(a>9)? '':'0';$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});}




/*var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});*/</script>

<!--audio в одном v.2.5.1-->
<script type="text/javascript">
var player;
$(function(){
$('td#button-code').before('<td style=\'background-image:url("http://uploads.ru/i/W/Q/P/WQPBO.gif");background-position:center center;\' onclick="tag_play()"><img src="/i/blank.gif" title="Загрузить музыку"></td>');
$('div.post-content p').map(function () {
text = $(this).html(); 
if(text.indexOf("zippyshare.com") != -1) {
player = /\[audio\]http:\/\/www(\d+)\.zippyshare\.com\/v\/(.*?)\/file\.html\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed type='application/x-shockwave-flash' src='http://api.zippyshare.com/api/mediaplayer/mediaplayer.swf' flashvars='height=20&amp;width=400&amp;file=http://www$1.zippyshare.com/downloadMusic%3Fkey%3D$2%26&amp;volume=80&amp;autostart=false&amp;frontcolor=0x000000&amp;backcolor=0xffffff&amp;lightcolor=0x000000&amp;type=flv' quality='high' menu='false' wmode='transparent' allowscriptaccess='always' height='20' width='400' name='mp3player' border='0' style='margin-bottom: 6px;'/>"));}
if(text.indexOf("promodj.com") != -1) {
player = /\[audio\](.*?)promodj\.com\/(.*?)\/(\d+)\/(.*?)\[\/audio\]/gim
$(this).html(text.replace(player, "<br /><iframe src='http://promodj.com/embed/$3/big' width='100%' height='70' style='min-width: 450px; max-width: 900px' frameborder='0' allowfullscreen></iframe>"));
}
if(text.indexOf("prostopleer.com") != -1) {
player = /\[audio\](.*?)\/tracks\/(.*?)\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed src='http://embed.prostopleer.com/track?id=$2' type='application/x-shockwave-flash'  wmode='transparent' width='411' height='28'></embed>"));
}
if(text.indexOf("soundcloud.com") != -1) {
player = /\[audio\]&lt;iframe width=\"100%\" height=\"166\" scrolling=\"no\" frameborder=\"no\" src=\"(.*?)soundcloud\.com(.*?)\"&gt;&lt;\/iframe&gt;\[\/audio\]/gim
$(this).html(text.replace(player, "<br /><iframe width='100%' height='166' scrolling='no' frameborder='no' src='$1soundcloud.com$2'></iframe>"));
}
if(text.indexOf(".mp3") != -1) {
player = /\[audio\](http:\/\/[^\s<"]+?.mp3)\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed src='http://www.demo-music.ru/pleer/pleer4.swf' type='application/x-shockwave-flash' allowscriptaccess='always' wmode='transparent' flashvars='comment=demo-music.ru&amp;st=http://www.demo-music.ru/pleer/style_pleer.txt&amp;file=$1' width='470' height='33'>"));
}  });  });
function tag_play()
{var FoundErrors = '';
var enterURL = prompt("Введите ссылку на на музыку с promodj.com, zippyshare.com, prostopleer.com, soundcloud.com или прямую ссылку формата .mp3 ", "http://");
if (!enterURL)
{FoundErrors += " " + error_no_url;}
if (FoundErrors)
{alert("Ошибка!" + FoundErrors);
return;}
insert("[audio]" + enterURL + "[/audio]");}
</script>

0

9

структура

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

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

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

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

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

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

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

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

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

/* 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 12px verdana, 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: 90%;
  font-weight: 400;
  }
.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }

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

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

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

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

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

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

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


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

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

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


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

/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  width : 840px;
  padding: 0px 10px 0px 10px;
  
}

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

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

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

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

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

/* A5.9 */
.punbb .container {
  }

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

#pun-main h2 {
  padding: 0.5em 1em;
  border: none;
}

/* A 5.11  Иконки меню навигации */
#pun-navlinks li  {
}

/**********
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.3 */
.punbb .post-content p {
  margin: 0;
  padding: 7px 0 1em 0;
  line-height: 150%;
  }

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

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

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  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, .quote-box, .spoiler-box {
margin: 12px 17px 15px;
  padding: 1em;
border-style: solid;
border-color: transparent;
border-width: 16px;
-moz-border-image: url(http://sh.uploads.ru/FoYEc.png) 16;
-webkit-border-image: url(http://sh.uploads.ru/FoYEc.png) 16;
-o-border-image: url(http://sh.uploads.ru/FoYEc.png) 16;
border-image: url(http://sh.uploads.ru/FoYEc.png) 16 fill;
box-shadow: 5px 5px 10px rgba(69, 47, 25, 0.810);
  }

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
margin: -38px 0px 2px;
position: relative;
z-index: 100;
width: 500px;
  }

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

/* C1.4 */
.punbb fieldset {
 border: none;
  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 {
  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: 0px 0px 20px;
  }

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

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

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

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

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
font-family: "Book Antiqua" !important;
font-size: 11pt;
  }

/* 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: none;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
padding: 20px 1em 6px;
  border: none;
background: rgba(92, 28, 9, 0.12);
  }

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

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
  margin-left: 0px;
}

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

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

/* C3.1 */
.punbb .post .container {
    margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {

  }

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

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

/* C3.5 */
.punbb .post .post-author {
  float: left;
width: 209px;
  margin-top:50px;
min-height: 64px;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0px 15px 15px 16px;
  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;

  padding-left: 0.4em;
  margin-top: 0.7em;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  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;
position: relative;
}
.punbb .post-links .pl-share {
left: 0px !important;}

  
/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  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: 20px 10px 4px;
  text-align: right;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

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

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


/* C5 Message boxes
-------------------------------------------------------------*/

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

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


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
padding-left: 185px;
  }

/* 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 {
    padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
    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 {
  }


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

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

/* D1.1 */
#pun-title {
  margin: 0;
height: 500px;
}

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

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

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

#pun-title TABLE {
  border: none;
  width: 100%;
}

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

#pun-title TD.title-logo-tdr {
  border: none;
  width:900px;
  vertical-align: center;
  padding-right: 20px;
}

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

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

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

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

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

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

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

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

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


/* D3.2 */
#pun-navlinks .container {

  margin: 0;
position: relative;
  padding-top: 4px;
  height: 30px;
  font-weight:bold;
  text-align: center;
}

/* D.3 */
#pun-navlinks li {
display: inline-block;
margin-left: 0px;
position: absolute;

height: 48px;
}

#pun-navlinks li:not(#navadmin) {
background: url(http://sg.uploads.ru/NGc5U.png) 0px 0px no-repeat transparent;
}
/* D3.4 */
#pun-navlinks li a {

display: inline-block;
font-size: 1em;

min-width: 40px;
position: relative;
padding: 0px 8px;
color: black;
color: transparent;
line-height: 27px;
font-family: "Aniron", "Book Antiqua", "Palatino Linotype", "Times New Roman", Times, serif;
overflow: hidden;
  }

#navawards, #navrules {display: none !important;}
#navadmin {
left: 590px;
top: -40px;
}
#navadmin a {
background: url(http://sg.uploads.ru/Sm2RZ.png) 0px 0px no-repeat transparent;
height: 39px;
width: 220px;
}
#pun-navlinks li a span {}

#navpm img {
left: 50px;
position: absolute;
top: -14px;
}



#navindex {
left:16px; 
width:91px;
background-position: -1px 0px !important;
}
#navuserlist {
left:105px; 
width:119px;
background-position: -92px 0px !important;
}
#navsearch {
left:220px;
width:98px;
background-position: -211px 0px !important;
}
#navregister {
 left:503px;
width:151px;
background-position: -309px 0px !important;
}
#navlogin {
left:648px;
 width:71px;
background-position: -460px 0px !important;
}
#navpiar {
left:709px;
 width:99px;
background-position: -531px 0px !important;
}
#navprofile {
left:503px;
 width:119px;
background-position: -630px 0px !important;
}
#navpm {
left:618px; 
 width:117px;
background-position: -749px 0px !important;
}
#navlogout {
left:730px; 
width:83px;
background-position: -866px 0px !important;
}


#navindex:hover, #navindex:focus,  #navindex:active   {
left:16px; 
width:91px;
background-position: -1px -48px !important;
}
#navuserlist:hover, #navuserlist:focus,  #navuserlist:active {
left:105px; 
width:119px;
background-position: -92px -48px !important;
}
#navsearch:hover, #navsearch:focus,  #navsearch:active {
left:220px;
width:98px;
background-position: -211px -48px !important;
}
#navregister:hover, #navregister:focus,  #navregister:active {
 left:503px;
width:151px;
background-position: -309px -48px !important;
}
#navlogin:hover, #navlogin:focus,  #navlogin:active {
left:648px;
 width:71px;
background-position: -460px -48px !important;
}
#navpiar:hover, #navpiar:focus,  #navpiar:active {
left:709px;
 width:99px;
background-position: -531px -48px !important;
cursor: pointer;
}
#navprofile:hover, #navprofile:focus,  #navprofile:active {
left:503px;
 width:119px;
background-position: -630px -48px !important;
}
#navpm:hover, #navpm:focus,  #navpm:active {
left:618px; 
 width:117px;
background-position: -749px -48px !important;
}
#navlogout:hover, #navlogout:focus,  #navlogout:active {
left:730px; 
width:83px;
background-position: -866px -48px !important;
}











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

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

/* D4.2 */
#pun-ulinks .container {
  padding: 0.7em 1em;
   text-align: center;
margin-top: 39px;
    }

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

  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em;
color: #92C231 !important;
font-size: 90%;
 text-shadow: 0 0 0.5em #448C26;
  }
#pun-ulinks li a:hover, #pun-ulinks li a:focus, #pun-ulinks li a:active {
opacity: 1;} 

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

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

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

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

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

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

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

/* D5.6 */
#pun-break1 {
  display: none;
  }

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

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
   position: relative;
  font-weight: bold;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: none;
  }

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

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

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

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

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

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

/* D7.5 */
li#onlinelist div {
  padding: 0.7em 0 0 0;
  }

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

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

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

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

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

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

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

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

/* D8.8 */
#pun-break4 {
  display: none
  }

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


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

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

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

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

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

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

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

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
/*Бордер пост*/
.post-box {
  border-width: 1px;
  border: rgba(17, 68, 41, 0.1) 2px dotted;
  border-radius: 7px;
  background: rgba(119, 101, 79, 0.18);
  box-shadow: 1px 2px 20px rgba(55, 73, 45, 0.2) inset;

margin-left: 15px;
margin-right: -25px;}

/* Верх аватара*/
.punbb .post .post-author {
  float: left;
  width: 290px;
  margin-top: -40px;
  margin-left: -55px !important;
  padding-top: 94px;
  background: url(http://sg.uploads.ru/8IV3s.png) top center no-repeat;
  text-align: center;
}

/* C3.6 */


/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  padding-bottom: 1em !important;
}

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

/*низ ава*/
li.pa-title { 
background: url("http://sg.uploads.ru/eX0ES.png") 50% -20px no-repeat transparent;
color: #DDBF6F;
font-weight: 600;
height: 70px;
padding-top: 15px !important; /* Отступ от надписи сверху */
padding-bottom: 9px !important; /* Отступ от надписи снизу */
margin-top: 0px;
line-height: 15px;
padding: 0px 44px;
width: 170px;
}
li.pa-online {
  line-height: 0.8em;

  padding-left: 0.4em;
  margin-top: 0.7em;
  }

.post-author ul li.pa-avatar {
  background: url('http://sg.uploads.ru/PwtE6.png') center repeat-y;
padding-left: 2px;
  margin-bottom: -3px;
}
.punbb .post h3 span {
  background-color: transparent;
  color: #0a253d;
  text-align: center;
  float: right;
  margin-top: -20px;
  padding-top: 35px;
  margin-right: -75px;
  background: url(http://sh.uploads.ru/a3Jr5.png) no-repeat;
  width: 345px;
  height: 71px;
}


#pun-viewforum #pun-main h1,#pun-viewtopic #pun-main h1
{

    background: url(http://sg.uploads.ru/DdgIF.png) 59% no-repeat;
    height: 83px;
    margin-left: -164px;
    width: 1144px;
    margin-top: -60px;
    margin-bottom: 50px;
}
#pun-viewforum #pun-main h1 span, #pun-viewtopic #pun-main h1 span
{

    font-size: 11pt;   
    display: block;
    margin-top: 35px;
    line-height: 10px;            font-family: "Book Antiqua", "Palatino Linotype", "Times New Roman", Times;   Color: #FBE58D;   text-shadow: 0 0 0.5em #FBE58D;

}

цвета

Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/
.cufon-active #dom-menu .dom-menu-button > a {
display: block;
width: 100px;
height: 35px;
}


body {
  background: url("http://sh.uploads.ru/2gj6o.jpg") no-repeat top center, url("http://sh.uploads.ru/IpjqL.jpg") repeat-y top center; 
color: #030303 !important;
  }

HTML {
background: url("") center top repeat-x, url("http://sh.uploads.ru/FdwaE.jpg") center top repeat #D2C1A0; 
}

#pun_wrap {  
background: url("http://sg.uploads.ru/mx5AX.png") no-repeat center bottom;
padding-bottom: 70px;
}

#pun-searchtopics .main .tcl a {
font-weight: normal;
}

.inew .byuser {
font-weight: normal;
}


/*.punbb .main .category h2, #pun-stats h2 { 
background: 
color: #f2cf8b;
url("") 50% 0% no-repeat;
font-variant: small-caps;
font-weight: 700;
font-size: 11pt;
line-height: 16px;
height: 36px;
margin: 0px auto -46px;
overflow: visible;
padding-left: 60px !important;
padding-right: 60px !important;
padding-top: 26px !important;
text-align: center;
width: 494px;
z-index: 32;
position: relative;
font-family: "Aniron", "Book Antiqua", "Palatino Linotype", "Times New Roman", Times, serif;
} */



.punbb .main .category h2 {

}

#pun-stats h2 {

}
/*быстрый ответ*/



/* CS1.1 */
.punbb .main .container,
.punbb td.tc3,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,
#setmods dd, .punbb .post-body,
.post-box, .punbb .post-links,
.punbb-admin #pun-admain .adcontainer,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #29221a;
  }

#pun-ulinks .container {
  background-color: transparent;
  color: #29221a;
}

/* CS1.2 */
.punbb .post .container,
.punbb .post h3 {
  background-color:  transparent;
  color: #29221a;
}

.punbb .post h3 span {
  background-color:  transparent;
  color: #29221a;
}

.punbb td.tc2, .punbb td.tcr {
  background-color:  transparent;
  color: #29221a;
  }

/* CS1.3 */
.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background:  transparent;
color: #351F11;
  text-align: center;
  }




.punbb-admin #pun-status .container {margin-top: 90px;}


.category .container {
background: url(http://sg.uploads.ru/QMqgF.png) 0px 0px no-repeat, url(http://sg.uploads.ru/QMqgF.png) -1728px 100% no-repeat, url(http://sg.uploads.ru/gJOj6.png) -864px 0px repeat-y rgba(255, 255, 255, 0.196) !important;
box-shadow: 0px 10px 26px rgba(69, 47, 25, 0.610);
margin-left: -12px;
padding: 15px 12px 20px;
width: 840px;
}




/* CS1.4 */
.punbb .modmenu .container {
  color: #29221a;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  color: #29221a;
  }

#viewprofile h2 span {
  background-image: none;
}

.punbb .post h3 strong {
  font-size: 0.9em;
  color: #29221a;
}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  color: #220904
  }

.punbb textarea, .punbb select, .punbb input {
background-color: rgba(214, 206, 176, 0.345);
box-shadow: inset 5px 5px 20px rgba(94, 67, 34, 0.647);
color: #29221A;
padding: 2px;
}

/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  color: #29221a;
  }

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

.punbb th {
  color: #574739;
  background: transparent;
}

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

#pun-title, #pun-navlinks {
  border-color: none;
}

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {

  }

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

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

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

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

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

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

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

.punbb .divider {

  }

.punbb .formal fieldset .post-box, .punbb .info-box {
background: rgba(83, 70, 55, 0.196);
  }

li.pa-online {
  border-left-color: #6e6053;
  }


/* CS3 Links
-------------------------------------------------------------*/

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

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

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #681504;
  text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #6B432E;
  color: #6B432E;
  }

.post h3 span a:link, .post h3 span a:visited {
  font-weight: bold;
  font-size: 0.9em;
  text-decoration: none;
}

/* CS4 Post status icons
 -------------------------------------------------------------*/

Div.icon {
background-image : url(http://sg.uploads.ru/nL8uM.png); 
background-repeat: no-repeat; 
background-position: 0px 0px;
display: block;
float: left;
height: 84px;
margin-right: 30px;
margin-top: -8px;
margin-bottom: -12px;
width: 84px;}

TR.inew Div.icon {background-position: 0px -84px;}

tr.iclosed div.icon {background-position: 0px -252px;
      
}

tr.isticky div.icon {background-position: 0px -168px;
       
}

td.tcr a{
        background: transparent url(../../img/Mybb_Simply_Brown/post.gif) no-repeat 0px 3px;
        padding-left: 12px;
}

#pun-stats ul.container {
        
        padding-left: 85px;
}

#pun-stats div.statscon {
        background: transparent;
margin-top: 10px;
}

#pun-crumbs2 .container, #pun-about .container{
        background:  transparent;
        color: #671F11;
}



.fs-box .ContentField, .fs-box .Switch {display: none !important;}
.award {margin-top: 2px;}
.post-author-Sp span {margin-left: -5px;}

/*переключатели*/
.post-ul-Sp {
position: relative;
z-index: 10;
background: #B3A387;
box-shadow: inset 0px 0px 30px #7E5127, 0px 5px 5px rgba(41, 17, 7, 0.251);
color: #29221A !important;
margin-top: 4px;
padding: 30px 5px 5px 5px !important;
}

.post-img-Sp {
display: inline-block;
height: 28px;
width: 87px;
margin-top: 2px !important;
position: relative;
z-index: 20;
height: 28px;
float: left;
}

.post-img-Sp:nth-of-type(1) {
margin-left: 3px;
}
.post-img-Sp:nth-of-type(2) {
}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;}



.button, [proPart]:after, .fs-box .hashelp > div > input {
background: #8e2c23; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #8e2c23 0%, #48150a 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#8e2c23), color-stop(100%,#48150a)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #8e2c23 0%,#48150a 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #8e2c23 0%,#48150a 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #8e2c23 0%,#48150a 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #8e2c23 0%,#48150a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e2c23', endColorstr='#48150a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

color: #dd973d !important;
box-shadow: inset 0px 0px 6px #FA7943, 0px 3px 5px rgba(102, 48, 27, 0.553);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 2px outset rgba(84, 17, 17, 0.655) !important;
padding: 4px 6px !important;
}
.button:hover, .button:active, .button:focus {
cursor: pointer;

}








/*вверх-вниз
#butsupdown {position: fixed; bottom: 45%; right: 50px;}
#butsupdown a{
position: absolute;
height: 55px;
width: 38px;
background: url(http://sh.uploads.ru/TA8Qg.png) 0px 0px no-repeat;
opacity: 0.8;
text-decoration: none !important
}
#butsupdown span {color: transparent;}
#butsupdown a:hover, .butsupdown a:focus, .butsupdown a:active {opacity: 1;} 
#buttonup {background-position: 0px 0px;
bottom: 0px;}
#buttondown {background-position: 0px -55px !important;}*/






#pun-main .post-content td { 
border-bottom-style: dotted !important;
border-bottom-width: 0px !important;
border-left-width: 0px !important;
border-right-width: 0px !important;
border-top-style: dotted !important;
border-top-width: 0px !important;
}
/*разделитель брик1*/
#pun-break2 {
display: none;
}
.divider {
height: 30px;
}
.divider, .post {
background: url(http://sg.uploads.ru/kI4Rp.png) 60% 0px no-repeat transparent;
margin: auto auto -15px !important;
}
.post {
padding-top: 50px;
margin-top: 30px !important;
}

#pun-status p span.item3 {margin-right: -30px;}

#form-buttons {
background: url(http://sg.uploads.ru/wcJ1L.png) 50% 0px no-repeat transparent;
height: 47px;
margin-bottom: -20px !important;
margin-left: 25px;
padding: 28px 38px 0px;
width: 638px;
}

#form-buttons #button-size, #form-buttons  #button-bold, #form-buttons #button-italic,  #form-buttons  #button-underline, #form-buttons   #button-strike, #form-buttons  #button-left, #form-buttons  #button-center, #form-buttons  #button-right {
background-image: url(http://sg.uploads.ru/VYc8J.png) !important;
}
#profile .fs-box #form-buttons {
margin-left: -90px !important;
}
#profile .fs-box #main-reply { 
margin-left: -63px !important;
width: 650px !important;
}
#profile .fs-box .post-box {
width: 342px;
}



/*.topic .post-box .post-content > .spoiler-box {
 background: url("http://sg.uploads.ru/u0hHV.png") no-repeat 0px 0%, url("http://sg.uploads.ru/u0hHV.png") no-repeat -1140px 100%, url("http://sg.uploads.ru/u0hHV.png") -570px 0px  repeat-y transparent !important; 
border: none !important;
min-height: 26px !important;
padding: 20px 28px 8px !important;
width: 514px !important;
-moz-border-image: none !important;
-webkit-border-image: none !important;
-o-border-image:none !important;
border-image: none !important;
}*/

.post-content .spoiler-box > div.visible {
background-image: url("http://sh.uploads.ru/3Ig7f.png") !important;
}

.post-content .spoiler-box > div { 
background: url("http://sh.uploads.ru/xOQfC.png") 0% 50% no-repeat transparent !important;
color: #681504;
font-weight: 700;
font-size: 10pt;
}


.multipage h1 {
padding: 1em !important;
}


div.AwardAllWindow {
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.5);
  position: fixed; top: 0px; left: 0px;
}
div.AwardWindow {
  z-index: 9999; position: fixed;
  top: 10% !important; left: 50% !important;
  width: 700px; padding: 10px; 
  background: #331400;
  margin-left: -350px !important; 
  vertical-align: middle; 
  border: 1px solid #E3BB55;
  border-radius: 5px; 
  color: #E3BB55;
}
div.AwardWindow div#closeBtn { 
  cursor: pointer; 
  background: url(http://uploads.ru/i/P/A/l/PAlLS.png) no-repeat center;
  width: 16px; height: 16px;
  position: relative;
  top: -5px; left: 690px;
}
div.AwardWindow h3 { 
  font-variant: small-caps;
  font-weight: bold;
  font-size: 15px;
  margin-top: -20px; 
}
div.AwardWindow div#AwardContent { 
  width: auto; height: auto; 
  min-height: 100px;
  max-height: 300px !important; 
  overflow-y:auto;
}
div.AwardWindow div#AwardContent td#title { 
  font-variant: small-caps;
  font-weight: bold; 
  font-size: 15px;
  width: 200px;
  text-align: center;
}
div.AwardWindow div#AwardContent td#desc { 
  font-size: 10px;  
}
/*
#pun-profile fieldset > span {
  cursor: pointer;
  padding: 5px;
  border: 1px solid black;
  position: relative;
  top: -17px;
  margin-bottom: 10px;
  left: 150px;
  background-color: white;
}*/

#pun-profile fieldset > span {
  cursor: pointer;
  padding: 5px;
  position: relative;
  top: -16px;
  margin-bottom: 10px;
  left: 100px;
}


.pa-fld1 > div {
display: block !important}
.pa-fld1 #title, .pa-fld1 #desc {display: none;}

.pa-fld1 #img {display: block !important}





#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
background: #BDA987;
box-shadow: inset -30px 0px 121px -48px rgba(7, 21, 28, 0.400);
top: 55px !important;
}


#pun-admain legend span  {
background-color: #C9B190 !important;
box-shadow: 0px 2px 4px #927353;
}
#pun-admain fieldset, .adcontainer {
border: none !important;}


#pun-adnav .isactive ul.adsubnav a { 
color: #122636 !important;
}
admin.css:227
#pun-adnav ul.adsubnav a { 
color: #101046 !important;}
#pun-admain fieldset .adfs-box textarea {
background: #DFD5C4 !important;}
}
#post-form #image-area-tcon-computer td {padding: 5px !important;}
#image_uploadUploader {margin-top: 15px;}



.inner {
background: url('http://sh.uploads.ru/IpjqL.jpg') center;
border: solid 2px #29221A;
}
/*
.fs-box > .inputfield:last-of-type ,.fs-box > .checkfield:last-of-type,  .fs-box > .infofield:last-of-type, fieldset .inline:last-of-type   {
margin-bottom: 35px;
}
*/
fieldset:last-of-type .inputfield, fieldset:last-of-type .checkfield, fieldset:last-of-type .infofield, fieldset:last-of-type .inline {
margin-bottom: 14px;
}

fieldset .inputfield:last-of-type #tags {
margin-bottom: 34px;
}
.fs-box input[name="updateSettings"] {margin-top: 30px !important;}
#pun-pages #pun-status {
margin-top: 90px !important;
}

0


Вы здесь » Test Design » Гостевая книга » гостевая