хтмл верх
Код:
<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 = 0
if(GroupID != 1 && active == 1){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= 'Форум на профилактике - '+document.title;
}
</script>
<!-- HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<style>div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;}</style>
<script type="text/javascript" src="http://onepiecetime.f-rpg.ru/files/0013/73/32/22916.js"></script>
<!-- HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<style>
li#navawards {display: none !important;}
</style>
<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="http://savepic.net/6573696m.png" border="0" width=100%/></div>
<div class="go-down" id='OnBottom'><img src="http://savepic.net/6565504m.png" border="0" width=100%/></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right: 181px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity: 0.8; /*прозрачность*/
margin-bottom: 5px; /*отступ снизу (можно не указывать)*/
width: 59px; /*ширина кнопки*/
height:85px; /*высота кнопки*/
}
.go-up {
bottom: 190px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:100px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>
<!-- Админы -->
<div style="width: 100px; max-height: 700px; overflow: none; position: absolute; top: 64px; margin-left: 94px; font-size: 10px; line-height: 8px; opacity: 0.96; text-align: center">
<a href="http://ghsnow.anihub.ru/profile.php?id=5" title="Gabriel Weiss" class="tooltip"><img src="http://savepic.net/6604419m.png">
<span class="tip">
Ну тут все итак ясно, всея форума. Босс. Шеф. Мозговой центр.
<br><b>связь:</b> 588728739</span></a><br>
<a href="http://ghsnow.anihub.ru/profile.php?id=3" title="Mathias James Backer" class="tooltip"><img src="http://savepic.net/6617731m.png">
<span class="tip">
Второй админ. Отпускает грехи всему форуму. Сначала наказывает, потом отпускает. Догонит и снова отпустит. Молитесь, дети наши.
<br><b>связь:</b> через Габа.</span></a><br>
<a href="http://ghsnow.anihub.ru/" title="админ три" class="tooltip"><img src="http://savepic.net/6610263m.png">
<span class="tip">
пыщ-пыщ ололо я водитель нло
<br><b>связь:</b> ~</span></a><br>
<a href="http://ghsnow.anihub.ru/" title="админ четыре" class="tooltip"><img src="http://savepic.net/6610263m.png">
<span class="tip">
пыщ-пыщ ололо я водитель нло
<br><b>связь:</b> ~</span></a>
</div>
<!-- челы -->
<div style="width: 100px; max-height: 700px; overflow: none; position: absolute; top: 64px; margin-left: 552px; font-size: 10px; line-height: 8px; opacity: 0.96; text-align: center">
<a href="http://ghsnow.anihub.ru/" title="чел рас" class="tooltip"><img src="http://savepic.net/6610263m.png">
<span class="tip">
тыры пыры растапыры</span></a>
<br>
<a href="http://ghsnow.anihub.ru/" title="чел два" class="tooltip"><img src="http://savepic.net/6610263m.png">
<span class="tip">
тыры пыры растапыры</span></a>
<br>
<a href="http://ghsnow.anihub.ru/" title="чел три" class="tooltip"><img src="http://savepic.net/6610263m.png">
<span class="tip">
тыры пыры растапыры</span></a>
<br>
<a href="http://ghsnow.anihub.ru/" title="чел четыре" class="tooltip"><img src="http://savepic.net/6610263m.png">
<span class="tip">
тыры пыры растапыры</span></a>
</div>
<!-- навигация1 -->
<div style="width: 180px; max-height: 500px; overflow: none; position: absolute; top: 269px; margin-left: 59px; opacity: 0.93;">
<style type="text/css">
a.sbla, a.sbla:link, a.sbla:visited {
display: block;
margin-bottom: 1px;
margin: 5px;
text-transform: lowercase;
text-decoration: none;
text-align: center;
font-family: verdana;
font-size: 11px;
letter-spacing: 1px;
background: #222330;
color: #7c8087;
text-shadow: 1px -1px 0px #000000;
padding: 1px 2px 2px 10px;}
a.sbla:hover, a.sbla:active {
-moz-transition: 1s ease;
-webkit-transition: 1s ease;
letter-spacing: 3.8px;
background: #38394b;
color: #7c8087;
}
</style>
<dis class="navpage"><center>
<div id="sm1" class="submenutext" style="display: block;"><div style="width: 180px; height: 180px; align="center"><div style="padding: 0px; -moz-border-radius: 0px 0px 0em 0em; width: 180px; margin: -1px 0px 0px 1px; border-radius: 5px; text-align: center;">
<a href="http://ghsnow.anihub.ru/viewtopic.php?id=14" class="sbla">правила</a>
<a href="http://ghsnow.anihub.ru/viewtopic.php?id=9" class="sbla">сюжет</a>
<a href="http://ghsnow.anihub.ru/viewtopic.php?id=10" class="sbla">F.A.Q</a>
<a href="http://ghsnow.anihub.ru/viewtopic.php?id=59" class="sbla">хронология событий</a>
</div>
</div></center>
</dis></div>
<!-- навигация2 -->
<div style="width: 180px; max-height: 500px; overflow: none; position: absolute; top: 269px; margin-left: 501px; opacity: 0.96;">
<style type="text/css">
a.sbla, a.sbla:link, a.sbla:visited {
display: block;
margin-bottom: 1px;
margin: 5px;
text-transform: lowercase;
text-decoration: none;
text-align: center;
font-family: verdana;
font-size: 11px;
letter-spacing: 1px;
background: #222330;
color: #7c8087;
text-shadow: 1px -1px 0px #000000;
padding: 1px 2px 2px 10px;}
a.sbla:hover, a.sbla:active {
-moz-transition: 1s ease;
-webkit-transition: 1s ease;
letter-spacing: 3.8px;
background: #38394b;
color: #7c8087;
}
</style>
<dis class="navpage"><center>
<div id="sm1" class="submenutext" style="display: block;"><div style="width: 180px; height: 180px; align="center"><div style="padding: 0px; -moz-border-radius: 0px 0px 0em 0em; width: 180px; margin: -1px 0px 0px 1px; border-radius: 5px; text-align: center;">
<a href="http://ghsnow.anihub.ru/viewtopic.php?id=11" class="sbla">список ролей</a>
<a href="http://ghsnow.anihub.ru/viewtopic.php?id=12" class="sbla">занятые внешности</a>
<a href="http://ghsnow.anihub.ru/viewtopic.php?id=13" class="sbla">игровое время</a>
<a href="http://ghsnow.anihub.ru/viewtopic.php?id=15#p17" class="sbla">шаблон анкеты</a>
</div>
</div></center>
</dis></div>хтмл низ
Код:
<div class="container"><!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<script>
var a1 = 1 // 0 - Кнопки остаются на текущем месте, 1 - Все собираются в одну группу;
var a2 = 0 // 1-Показ первой вкладки; 0-Скрытие первой вкладки;
var a3 = 0 // Резкость Открытия: 1-Резко; 0-Плавно;
var LiArr=new Array(
//При наличии двух косых => // в начале пункта, - пункт не скрывается.
//"pa-author", //Ник-Нейм
//"pa-avatar", //Аватар
//"pa-title", //статус
// 1 кнопка - ссылка на Картинку
//В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию)
"http://savepic.net/6600004m.png",
//"pa-reg", //Зарегистрирован
//"pa-invites", //Приглашений
//"pa-posts", //Кол-во сообщений:
//"pa-respect", //Уважение:
//"pa-positive", //Позитив
//"pa-sex", //Пол
//"pa-age", //Возраст
//"pa-icq", //Аська
//"pa-ip", //IP Юзера
//"pa-time-visit", //Провел на форуме:
//"pa-last-visit", //Последний визит:
//"pa-online", //Пользователь online - Не засовываем в спойлеры
//"pa-from", //Откуда
"pa-fld1", //Доп.Поле.1
//"pa-fld2", //Доп.Поле.2 (музыка)
"pa-fld3", //Доп.Поле.3
"pa-fld4", //Доп.Поле.4
"pa-fld5", //Доп.Поле.5
// 2 кнопка- ссылка на Картинку
"http://savepic.net/6587716m.png",
"gift", //Подарки(только для rusff и ork)
"award", //Награды(только для rusff и ork)
//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>
<!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->
<script><!--Оставляем цифру Новых сообщений. -->
var clr=($("#navpm a").css("color"));var chng=" (";
var subs="</span><span style=\"color:"+clr+";\" id=\"news_messag\">(";
$("#navpm a").html($("#navpm a").html().replace(chng,subs));
$("#news_messag").appendTo("#navpm");
</script>
<script type="text/javascript">
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
</script>
<script type="text/javascript"><!-- ОНЛАЙН-ОФФЛАЙН КАРТИНКИ -->
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<img src='http://savepic.net/6606148m.png' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1))
{we[x].innerHTML=we[x].innerHTML+"<img src='http://savepic.net/6604100m.png' />"}
}
</script>
<style type="text/css">
/*1. Настройка общего вида линков */
#pun-navlinks a {
display: inline-block;
margin-left: -2px;
}
/*2. Настройка изображений */
#navindex a {background: url(http://savepic.net/6616718m.png) no-repeat top center;
height: 26px;
width: 99px;}
#navuserlist a {background: url(http://savepic.net/6605454m.png) no-repeat top center;
height: 26px;
width: 99px;}
#navsearch a {background: url(http://savepic.net/6604430m.png) no-repeat top center;
height: 26px;
width: 99px;}
#navprofile a {background: url(http://savepic.net/6610574m.png) no-repeat top center;
height: 26px;
width: 99px;}
#navpm a {background: url(http://savepic.net/6597262m.png) no-repeat top center;
height: 26px;
width: 99px;}
#navadmin a {background: url(http://savepic.net/6598286m.png) no-repeat top center;
height: 26px;
width: 99px;}
#navlogout a {background: url(http://savepic.net/6596238m.png) no-repeat top center;
height: 26px;
width: 99px;}
#navlogin a {background: url(http://savepic.net/6589070m.png) no-repeat top center;
height: 26px;
width: 99px;}
#navregister a {background: url(http://savepic.net/6587022m.png) no-repeat top center;
height: 26px;
width: 99px;}
/*3. Настройка изображений при ховере (наведении) */
#navindex a:hover {background: url(http://savepic.net/6616718m.png) no-repeat top center;}
#navuserlist a:hover {background: url(http://savepic.net/6605454m.png) no-repeat top center;}
#navsearch a:hover {background: url(http://savepic.net/6604430m.png) no-repeat top center;}
#navprofile a:hover {background: url(http://savepic.net/6610574m.png) no-repeat top center;}
#navpm a:hover {background: url(http://savepic.net/6597262m.png) no-repeat top center;}
#navadmin a:hover {background: url(http://savepic.net/6598286m.png) no-repeat top center;}
#navlogout a:hover {background: url(http://savepic.net/6596238m.png) no-repeat top center;}
#navlogin a:hover {background: url(http://savepic.net/6589070m.png) no-repeat top center;}
#navregister a:hover {background: url(http://savepic.net/6587022m.png) no-repeat top center;}
/* Скрываем текстовые надписи */
#pun-navlinks a span {display: none;}
</style>
<style>.Myimge {position:absolute;margin-top: 0,5px;cursor:pointer;}</style>
<script type="text/javascript">
PiarNik="snow";
PiarPas="0000";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<span id=spMyimg><img class=\"Myimge\" title=\"Быстрый вход для 'Пиарщиков'\" onclick=\"PiarIn()\" src=\"http://savepic.net/6588046m.png\" onmouseover=\"this.src='http://savepic.net/6588046m.png' \" onmouseout=\"this.src='http://savepic.net/6588046m.png'\" /></span>";
if($("#navlogin").html()!=null){
$("#navlogin").append(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>
<script>
greet="Остерегайся сумрака, "
str = document.getElementById("pun-status").innerHTML
pos = str.indexOf("Привет")
document.getElementById("pun-status").innerHTML=str.substring(0,pos)+greet+str.substring(pos+8,str.length-1)
visit="Последнее посещение"
str = document.getElementById("pun-status").innerHTML
if( (pos=str.indexOf("Ваш последний визит")) != -1 )
document.getElementById("pun-status").innerHTML=str.substring(0,pos)+visit+str.substring(pos+21,str.length-1)
</script>
<script type="text/javascript">
function select_text(elem) {
if(window.getSelection) {
var s=window.getSelection();
if(s.setBaseAndExtent){
s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);
}
else {
var r=document.createRange();
r.selectNodeContents(elem);
s.removeAllRanges();
s.addRange(r);
}
}
else if(document.getSelection){
var s=document.getSelection();
var r=document.createRange();
r.selectNodeContents(elem);
s.removeAllRanges();
s.addRange(r);
}
else if(document.selection){
var r=document.body.createTextRange();
r.moveToElementText(elem);
r.select();
}
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">оттыкай меня немедленно!</a>';
}
}
</script>
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld1")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>
<! ВСЕ КОДЫ И БАННЕРЫ СТАВИТЬ ВЫШЕ КОПИРАЙТА --------------------------->
<div id="forum_copyright">
</div>
<!-------------------------------------------------------->
<script type="text/javascript" src="http://96kingdom.ucoz.ru/testing.js"></script>таблица
Код:
<table width="726px" height="139px" border="0" cellpadding="1px"> <tr valign="top"> <td width="235px"> <div style="overflow:auto; overflow-x:hidden; height: 139px; width: 220px; text-align: center; font-size: 10px; margin-right: 5px; margin-left: 1px; text-shadow: 0px 0px 0px #000000"> <img src="http://savepic.su/5367070.png"><b>07.04.15:</b> Обновлена погода! <a href="http://ghsnow.anihub.ru/viewtopic.php?id=13#p6790"><b>Подробнее о времени и погоде.</b></a>. Не забудьте пройти и ознакомиться. Так же весна выкашивает ряды игроков, но мы живые, мы играем, мы остаемся в строю и никакая весенняя зараза нас не возьмет! Командир гарантирует! <hr> <img src="http://savepic.su/5370142.png"><b>11.03.15:</b> ВНИМАНИЕ!!! Обновление FAQ: были прописаны самые важные события мира за последние 8 лет. Ознакомиться можно тут - <a href="http://ghsnow.anihub.ru/viewtopic.php?id=59#p2544"><b>Хронология событий</b></a>. Так же напоминаем тем, кто еще не подал анкету - поспешите, ведь на нее дается всего 3 дня. А те, кто уже принят и мается без дела - запущена сюжетная арка, все желающие могут записаться как в один, так и в несколько квестов в теме <a href="http://ghsnow.anihub.ru/viewtopic.php?id=57"><b>Книга I</b></a>. Всем приятного вечера и вдохновения, с теплом, АМС Серых историй. <hr> <b>10.03.15:</b> Специально для одиноких людей, не любящих долго искать партнеров для игры и выяснять отношения, у нас появилась новая тема - <a href="http://ghsnow.anihub.ru/viewtopic.php?id=55#p1897"><b>Забери меня с собой</b></a>, где они могут заранее найти себе спутников. <hr> <b>09.03.15:</b> Поменяли дизайн, почти написали первые сюжетные квесты. Играть начали всем скопом. И личные эпизоды и побочные от сюжета. Весна выкашивает ряды ролевиков, но мы живем и будем цвести аки вереск на пустоши ролевых просторов. <hr> <b>03.03.15:</b> Итак, мы тихо, но растем. У нас уже есть 7 принятых анкет, активный разговорчивый коллектив и большое желание жить, развиваться и писать историю нашего мира. Будем рады новичкам, а все желающие могут заглянуть в тему квестов, где уже готов один массовый эпизод для всех желающих. <a href="http://ghsnow.anihub.ru/viewtopic.php?id=19#p1042"><b>Вот тут, если кому-то интересно.</b></a> <hr> <b>26.02.15:</b> Отредактирован <a href="http://ghsnow.anihub.ru/viewtopic.php?id=10"><b>FAQ</b></a> добавлен 5 пункт в "О мире", добавлен 3 пункт в инфо о Серых и 2 пункт в "Боевые силы", просьба зарегистрированным и гостям пройти и ознакомиться повторно. <hr> <b>26.02.15:</b> Открылись, е-мае! </div> </div> </td> <td width="251px"> <div style="overflow:auto; overflow-x:hidden; height: 139px; width: 249px; text-align: center; font-size: 10px; margin-left: 9px; text-shadow: 0px 0px 0px #000000"> <img src="http://savepic.su/5367070.png"><b>Апрель</b> свободный для личных эпизодов месяц. Особо важные события пришлись на март. Но следите за обновлениями таблицы, в любой момент АМС может устроить вам всем сюрриз. Для кого-то, возможно, неприятный) <hr> С важными событиями прошлого месяца можно ознакомиться в общей <a href="http://ghsnow.anihub.ru/viewtopic.php?id=59"><b>Хронологии событий</b></a> </div> </div> </td> <td width="240px"> <div style="overflow:auto; overflow-x:hidden; height: 139px; width: 220px; text-align: center; font-size: 10px; margin-left: 16px; text-shadow: 0px 0px 0px #000000"> <img src="http://savepic.su/5367070.png"><b>Дата:</b> <br> 1-30 апреля 1891 года. <br> <b>Погода:</b> <br> Апрель принес с собой много снега, очень много снега, чудовищно много снега! Природа явно обозлилась на людей за что-то и щедро посыпала Норвегию огромными хлопьями. Впрочем, снег не успевал коснуться земли и с середины месяца начал таять, разводя вокруг грязь и слякоть. В свете последних событий в городах удвоены патрули, Все четыре штаба мобилизуются на весну, готовясь к ней, как в зиме когда-то. Люди напуганы. Никто не знает, появится ли S-ранг снова, или произошедшее в марте было чистой случайностью... <br> <a href="http://ghsnow.anihub.ru/viewtopic.php?id=13#p6790"><b>Подробнее о времени и погоде.</b></a><br> </div> </td> </tr> </table> <table width="726px" height="50px" border="0" cellpadding="1px"> <tr valign="center"> <td width="50%" align="center"><a href="http://neopolis.rusff.me/" title="Аниме, омегаверс, NC-17" target="_blank"> <img src="https://forumstatic.ru/files/0014/ef/e4/23398.gif" alt="Неополис"></a> </td> <td width="50%" align="center"><a href="http://forum-top.ru/vote/4155" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru" /></a> <a href="http://top.roleplay.ru/23397" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> </td> </tr> </table>
цсс верх
Код:
/* STRUCTURE BY 96KINGDOM.RU
-------------------------------------------------------------*//*************************************************************
A - SETUP
**************************************************************/
/* A1 Import the colour scheme
-------------------------------------------------------------*/
/* A1.1 */
@import url(style_cs.css);
/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/
/* A2.1 */
html, body {margin: 0; padding: 0}
/* A2.2 */
.punbb * {
margin: 0
}
/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
padding: 0;
list-style: none;
}
/* A2.4 */
.punbb img {
border:none
}
/* A2.5 */
.punbb .main table {
table-layout: fixed;
width: 100%;
}
/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
height: 1.8em;
vertical-align: middle
}
/* A3 Text setup
-------------------------------------------------------------*/
/* A3.1 */
body {
font-size: 100.01%;
}
/* A3.2 */
.punbb {
font: normal 68.75% verdana, arial, helvetica, sans-serif;
}
/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1em verdana, arial, helvetica, sans-serif
}
/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table {
font-size: 1em;
font-weight: normal;
}
/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
font-size: 1.1em;
}
/* A3.6 */
.punbb pre {
font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}
/* A3.7 */
.punbb address, .punbb em {
font-style: normal
}
/* A3.8 */
.punbb .post-content em {
font-style: italic
}
/* A3.9 */
.punbb .post-content em.bbuline {
font-style: normal;
text-decoration: underline;
}
/* A3.10 */
.punbb a {
text-decoration: underline
}
/* A3.11 */
.punbb optgroup {
font-weight: bold;
}
/* A3.11 */
.punbb th {
font-size: 0.8em;
font-weight: normal;
visibility: hidden;
}
/* 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 {
position: relative;
width: 760px;
margin: auto;
}
/* A5.2 Внутренности "тела" форума*/
.punbb {
width: 740px;
position: relative;
height: auto;
color: #000000; /*цвет текста всего форума*/
margin-left:10px; /*отступ от левого края*/
}
/* A5.3 */
#pun-redirect, #pun-maint {
margin: 0;
width: 100%;
height: 100%;
float: none;
top: 0 !important;
left: 0 !important;
}
/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 1em;
}
/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.4em;
}
/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
margin-top: 0;
}
/* 5.7 */
#pun-post .topic {
margin-top: 1em;
}
/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-style: none none solid none;
border-width: 0px 0px 2px 0px
}
/* A5.9 */
.punbb .container {
border-style: solid;
border-width: 1px;
}
/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
padding: 1.3em 1em 0.4em 1.0em;
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: 0px;
margin: 0px;
width: 100%;
overflow: hidden;
}
/* B1.2 */
.punbb .post-sig dt {
display: block;
width: 100%;
margin: 5px 0;
}
/* B1.3 */
.punbb .post-content p {
margin: 0;
padding: 0 0 1em 0;
line-height: 130%;
}
/* B1.4 */
.punbb .post-content img {
vertical-align: text-bottom
}
/* B1.5 */
.punbb .post-content img.postimg {
vertical-align: middle;
}
/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
width: 100%;
overflow: hidden;
}
/* B1.7 */
.punbb .post-content .scrollbox {
width: 100%;
overflow: auto;
}
/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 0.4em 1.8em 1.4em 1.8em;
padding: 1em;
}
/* 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: 1em;
}
/* B3.3 */
.linkst .pagelink {
position: absolute;
margin-top: -0.8em;
left: 1em;
width: 24em;}
/* B3.4 */
.linkst .postlink {
position: absolute;
right: 2.5em;
width: 16em;
margin-top: -0.7em;
text-align: right;
font-weight: bold;}
/* B3.5 */
.punbb .linksb {
text-align: right;
padding: 0.4em 1em 0.5em 1em;
font-size: 1.1em;}
/* B3.6 */
.linksb .pagelink {
float: left;
width: 24em;
text-align: left;}
/* B3.7 */
.linksb .postlink {
float: right;
width: 16em;
font-weight: bold
}
/* B3.8 */
.subscribelink {
clear:both;
padding-top: 0.3em;
padding-bottom: 0.5em;
}
/***************************************/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/
/* C1 Form layout
-------------------------------------------------------------*/
/* C1.1 */
.punbb .formal .container {
padding: 1.7em 2.3em 1.1em 2.3em;
}
/* C1.2 */
.punbb .formsubmit {
padding: 0 0 0 1.7em;
margin: 1em 0 0 0;
}
/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
margin: 0 0.6em 0 0
}
/* C1.4 */
.punbb fieldset {
border-style: solid;
border-width: 1px;
padding: 0 28px 0 18px;
margin: 0 0 1em 0
}
/* C1.5 */
.punbb fieldset legend {
padding: 0;
text-align: center;
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;
border:0px none;
}
/* 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: justify;
width: 54%;
}
/* 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: 25%;
}
/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
width: 40%
}
/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
text-align: center;
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.4em;
font-weight: normal;
text-align: center;
}
/* 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 {
padding: 4px 1em 5px 1em;
font-size: 0.9em;
border-left: 1px solid transparent;
border-bottom: 1px solid transparent;
font-weight: normal;
font-family: arial;
}
/* C2.13 */
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0
}
/* C2.14 */
.punbb tbody.hasicon td.tcl {
padding-left: 1em
}
/* C2.15 */
.punbb div.icon {
height: 68px;
width: 68px;
float: right;
display: block;
margin-left: 2px;
padding: 10px;
}
* html .tclcon {height: 1px;}
/* C2.16 */
.punbb td div.tclcon {
marign-top: -2px;
margin-left: 0px;
}
/* C3 Topics
-------------------------------------------------------------*/
/* C3.1 */
.punbb .post .container {
border-style: none solid solid solid;
border-width: 1px;
margin-top: -1px;
padding-bottom: 1px;
}
/* C3.2 */
.punbb .post h3 {
border-style: solid solid none solid;
border-width: 1px;
}
/* C3.3 */
.punbb .post h3 span {
padding: 0.5em 1em;
display: block;
margin-right: 19em;
margin-left: 0;
z-index: 50;
}
/* C3.4 */
.punbb .post h3 strong {
float: left;
text-align: left;
width: 5em;
font-weight: normal;
}
/* C3.5 */
.punbb .post .post-author {
float: right;
width: 19.0em;
margin-top: -1.5em;
overflow: hidden;
}
/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 1em 1em 1em;
line-height: 140%;
}
/* C3.7 */
.pa-author {
text-decoration: none
}
/* C3.8 */
.pa-author a {
text-decoration: none;
font-weight: bold;
}
/* C3.9 */
li.pa-title {
padding-top: 10px;
padding-bottom: 0.4em;
text-size:14px;
font-family: verdana;
}
li.pa-online {
line-height: 0.8em;
border-left-style: solid;
border-left-width: 0.7em;
padding-left: 0.4em;
margin-top: 1.5em;
margin-bottom: 5px;
}
/* C3.11 */
.punbb .post-body {
margin-right: 19em;
margin-left: 0;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
}
/* C3.12 */
.punbb .post-box {
padding: 1em;
}
/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}
/* C3.14 */
.punbb .post-links {
margin-right: 19em;
margin-left: 0em;
}
/* C3.15 */
.punbb .post-links ul {
padding: 0 0 0 0;
height: 18px;
line-height: 2em;
margin-right: -19em;
margin-left: 0em;
text-align: left;
}
/* C3.16 */
.punbb .post-links li {
display: inline;
padding-right: 1em;
}
/* C3.17 */
.pl-email, .pl-website {
float: left;
}
/* C3.18 */
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}
.punbb .post .post-author, .pl-email, .pl-website {
float: right;
}
.post-rating {
float: left;
}
/* C4 Moderator menu
-------------------------------------------------------------*/
/* C4.1 */
.punbb .modmenu .container {
padding: 0.5em 1em;
text-align: right;
}
/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
height: 1.8em;
line-height: 1.8em;
}
/* C4.3 */
.punbb .modmenu .container strong {
float: left;
}
/* C4.4 */
.punbb .modmenu input {
margin-left: 1em;
}
/* C5 Message boxes
-------------------------------------------------------------*/
/* C5.1 */
.punbb .info .container {
padding: 0.8em 1em
}
/* C5.2 */
.punbb .info .container .backlink {
padding-top: 0.8em;
}
/* C6 Profile
-------------------------------------------------------------*/
/* C6.1 */
#profile .container {
padding-left: 20em;
}
/* C6.2 */
#profilenav {
float: left;
width: 14em;
margin-left: -18.3em;
display: inline;
background: #f2efe5 ;
border: double #c7b8a1 !important;
color: #b8aa90;
}
/* 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: 10px 14px -1em 14px;
}
/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
padding: 0 5px;
position: relative;
}
/* C6.7 */
#viewprofile li, #setmods dl {
padding: 0 0 0 16em;
margin-bottom: 0.2em;
}
/* C6.8 */
#viewprofile li span {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.5em 1em;
font-weight: bold;
}
/*C6.9 */
#setmods dt {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.8em 1em;
font-weight: bold;
display: inline;
}
/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
display: block;
padding: 0.5em 1em;
font-weight: normal;
}
/* C6.11 */
.punbb img.avatardemo {
float: right;
margin: 0 0 0.8em 1.8em
}
/* C7 User list
-------------------------------------------------------------*/
/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
border-bottom: none;
margin-bottom: 0;
}
/* C7.2 */
#pun-userlist .usertable .container {
padding: 0 2.3em 2.3em 2.3em;
border-top: none;
}
/* C7.3 */
#pun-userlist .usertable table {
border-style: solid;
border-width: 1px;
}
/***************************************/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/
/* D1 Logo and description
-------------------------------------------------------------*/
/* D1.1 */
#pun-title {
margin: 0;
border-style: solid solid none solid;
border-width: 1px 1px 0 1px;
}
/* D1.2 */
#pun-title h1 {
display : block;
height : 40px;
padding: 2em 1em 0 1em;
}
/* D1.3 */
#pun-title .container {
border-style: none solid none solid;
}
/* D1.4 */
#pun-title h1 span {
display : none;
}
#pun-title table {
border: none;
height: -15px;
width: 100%;
}
#pun-title td.title-logo-tdl {
border: none;
width: 100%;
}
#pun-title td.title-logo-tdr {
border: none;
width: 468px;
}
/* D2 Page navigation
-------------------------------------------------------------*/
/* D2.1 */
#pun-pagelinks {
position: absolute;
top: 10px;
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: 10;
font-size: 1.6em;
margin-left: -9999px;
display: block;
float: center;
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: auto; margin-top:-184px;
}
#pun-navlinks .container {
border: none;
margin: 0;
}
/* D3.2 */
#pun-navlinks .container {
padding-top: 0px;
height: 12px;
text-align: center;
}
/* D.3 */
#pun-navlinks li {
display: inline;
margin: 0.40%;
}
/* D3.4 */
#pun-navlinks li a {
font-size: 13px;
font-style: normal;
font-weight: bold;
font-family: "Times New Roman";
text-transform: uppercase;
}
/* D4 User links
-------------------------------------------------------------*/
/* D4.1 */
#pun-ulinks {
border: none 0px ;
margin-top:10px;
}
/* D4.2 */
#pun-ulinks .container {
padding: 0.7em 1em;
text-align: center;
font-weight: normal;
height: 60px;}
/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-left-style: none;
border-left-width: 0px;
white-space: nowrap;
margin: 0px;
}
/* D4.4 */
#pun-ulinks li a {
font-size: 11px;
font-family: arial;
text-transform: lowercase;
}
/* D4.5 */
#pun-ulinks li {
border-left-style: none;
border-left-width: 0;
}
/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/
/* D5.1 */
#pun-status, #pun-status .container {
border-bottom: none;
margin-bottom: 0;
}
/* D5.2 */
#pun-status .container {
margin-top: 10px;
padding: 1em 1em 1em 1em;
text-align: center;
}
/* D5.3 */
#pun-status span {
white-space: nowrap;
margin-right: 0.5em;
}
/* D5.4 */
#pun-crumbs1 {
font-weight: bold;
overflow: hidden;
text-align: center;
}
/* D5.5 */
#pun-crumbs1 p.container {
border-top: none;
padding: 1em 1em -1.0em 1em;
font-size: 1.3em;
}
/* D5.6 */
#pun-break1 {
margin: 0 1em;
border-style: solid none;
border-width: 0px 0;
height: 0;
margin: -2px 1em;
position: relative;
z-index: 1;
}
/* D6 Announcement
-------------------------------------------------------------*/
/* D6.1 */
#pun-announcement h2 {
padding: 0;
margin: 0em 1em 3.5em 1em;
border-style: none none solid none;
border-width: 0 0 0px 0;
position: center;
font-weight: bold;
}
/* D6.2 */
#pun-announcement h2 span {
display: none;
padding: 1em 0 0.8em 0;
border-bottom-style: solid;
border-bottom-width: 0px;
}
/* D6.3 */
#pun-announcement .container {
padding: 0em 1em 0em 1em ;
}
/* D7 Statistics
-------------------------------------------------------------*/
/* D7.1 */
#pun-stats .container {
padding: 0.8em 1em
}
/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
float: left;
clear: both;
line-height: 150%;
}
/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
text-align: right;
line-height: 150%;
}
/* D7.4 */
li#onlinelist {
margin-top: 1em;
border-top-style: solid;
border-top-width: 0px;
float: left;
width: 100%;
line-height: 130%;
}
/* D7.5 */
li#onlinelist div {
border-top-style: solid;
border-top-width: 0px;
padding: 0.7em 0 0 0;
}
/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/
/* D8.1 */
#pun-qjump {
margin: 0;
border: none;
width: 50%;
position: relative;
float: left;
}
/* D8.2 */
#pun-qjump .container {
border: none;
background: transparent;
padding: 0.8em 1em;
}
/* D8.3 */
#pun-about {
margin-top: 0;
}
/* D8.4 */
#pun-about .container {
text-align: center;
line-height: 120%;
overflow-x: hidden;
}
/* 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;
text-align: center;
}
/* D8.7 */
#pun-crumbs2 .container {
border-bottom: none;
padding: 0.8em 1em;
font-size: 1.1em;
}
/* D8.8 */
#pun-break4 {
margin: -2px 1em;
border-style: solid none;
border-width: 0px 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: 0px;
padding-bottom: 0;
margin-bottom: 0.8em;
}
/* D9.2 */
#pun-help .formal .info-box h3.legend span {
padding-bottom: 0.6em;
display: block;
border-bottom-style: solid;
border-bottom-width: 0px;
font-size: 1.1em;
}
/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
margin-bottom: 1em
}
/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
padding: 0 0 0 1em
}
/* D9.5 */
#pun-help .formal li {
padding: 0;
line-height: 130%
}
/* D9.6 */
#pun-help .formal li * {
vertical-align: text-top
}
/* D9.7 */
#pun-help .formal dt span {
font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}
/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
padding-bottom: 0;
}цсс низ
Код:
.pl-share{
float: left!important;
position: relative !important;
left: 0 !important;
}
/* CS1 Background and text colours
-------------------------------------------------------------*/
/* CS1.0A Настройки фона*/
#pun-announcement h2 {display: none}
#pun-announcement .container {margin-top: -304px; margin-left: -9px; margin-bottom: 69px}
body {
background: url("http://savepic.net/6564164m.png") repeat-x top center, /*верхний фон*/
url("http://savepic.net/6564164m.png") repeat-x bottom center, /*нижний фон*/
#e7e3d7 url("http://savepic.net/6564164m.png") repeat; /*общий фон*/
}
/* CS1.0B Настройки "тела" форума*/
#pun {
background: url("http://savepic.net/6559044.png") repeat-y scroll top center;
}
/* CS1.0C Настройки прокрутки*/
::-webkit-scrollbar
{width: 6px;
height: 10px;
background-color: #9a9a9a;}
::-webkit-scrollbar-thumb{
background-color: #304644; }
/* CS1.0D Настройки шапки*/
#pun-title.section {
background: transparent url("http://savepic.net/6584647.png") top center scroll no-repeat;
height: 762px;
width: 1600px;
margin-top: 0px;
margin-left: -417px !important;}
/*Настройки баннера*/
#pun-title table tbody tr .title-logo-tdr {
position: absolute;
z-index: 1;
left: 191.5px;
top:240px;
}
/* CS1.0E Настройки переадресации*/
#pun-redirect {
background: url("http://savepic.su/5148887.png") repeat top center,
#350000;
position: fixed;
text-align: center;
font-size: 11px;
}
#pun-maint {
margin: 0px 20% 12px 20%;
}
#pun-redirect .main-title {
margin-bottom:30px !important;
}
/* CS1.0F Настройки футера/копирайта */
#forum_copyright {
text-align: center;
background: url("http://savepic.net/6617414.png") scroll center;
width: 793px;
height: 69px;
margin-left:-27px;
}
#html-footer {
margin:0px 0 -3px 0;
text-align: center; }
#html-footer {
margin:0px 0 -3px 0;
text-align: center; }
/* CS1.1 Элементы форума*/
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pu
n-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 {
background-color: transparent;
}
/* CS1.3 Настройки заголовков*/
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
font-size: 14px;
text-shadow: -1px 0px 0px #000000;
text-align: center;
font-family: "Franklin Gothic Medium";
text-transform: uppercase;
color: #a6a5a3;
height: 29px;
background: url("http://savepic.net/6564184.png") no-repeat scroll center;
width: 790px;
margin-left:-31px;
font-weight: normal;
}
#pun-redirect h1 {background-image: none; padding-bottom:10px; color: transparent; text-shadow: none;}
.punbb-admin #pun-admain h2{
color: #b8aa90;
background: transparent;
text-align: left;
text-shadow: none;
padding-left: 55px;}
/* CS1.7 Настройки цитаты и кода*/
.punbb .quote-box, .punbb .code-box {
background: url("");
background-color: #c5c4c2;
color: #191822;
padding: 0px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
box-shadow: 1px 1px 2px black;
-moz-box-shadow: 1px 1px 2px black;
-webkit-box-shadow: 1px 1px 2px black;
}
/* CS1.7A Настройки маркированного текста*/
.post-content .highlight-text {
margin: 0 1.0em 0 1.0em;
background: url("http://savepic.su/5300842.png");
color: #c5c4c2;
padding: 0px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
box-shadow: 1px 1px 2px black;
-moz-box-shadow: 1px 1px 2px black;
-webkit-box-shadow: 1px 1px 2px black;
color: #1b1321!important;
display: block;
font-family: "Calibri";
text-transform: uppercase;
text-shadow: 1px -1px 0px #52393b;
font-style: normal;
font-size: 20px !important;
text-align: center;
line-height: 18px;
padding: 10px;
border: double #2a1612!important;
}
/* CS1.8 */
#pun-navlinks .container {
background-color: transparent;
font-size: 11px;
text-transform: uppercase;
font-family: "Times New Roman";
}
.offline li.pa-online strong {
font-weight: normal
}
/* CS1.9 Настройки формы ответа*/
.punbb textarea {
background: #c5c4c2 url("");
padding: 9px;
border: double #191822!important;
color: #191822;
}
/* CS1.10 Настройки профиля в теме*/
.punbb .post .post-author > ul {
background: url(http://s017.radikal.ru/i409/1503/ea/472328c6d582.png) top center no-repeat,
url(http://s018.radikal.ru/i523/1503/cb/9cb83a11550a.png) bottom center no-repeat;
padding:10px 6px 20px 6px !important;
}
.punbb .post .post-author {
text-align: center;
background: transparent url(http://s018.radikal.ru/i521/1503/d4/254f84fab5ac.png) repeat-y;}
.pa-author a, .pa-author {
color: #9da0a9!important;
font-family: "Franklin Gothic Medium";
text-transform: capitalize;
font-size: 14px;}
.pa-author a:hover {
color: #0f4052!important; }
/* CS1.11 Настройки окон в форме ответа*/
#size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area {
background: #c5c4c2;
padding: 9px;
border: groove #191822!important;
color: #191822;
}
/* CS1.12 Настройки полей ввода, кнопок и выпадающих меню*/
.punbb input, .punbb .button, .punbb select {
background: #c5c4c2 url("");
padding: 4px;
border: double #2a1612!important;
color: #523738;
}
#post .formsubmit {text-align: center;}
/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 Убираем все рамки*/
.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online {
border-color: transparent;
}
/* 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: #191822;
text-shadow: 0px 0px 0px #;
border-bottom: 0px none #fffff;
font-style: normal;
font-weight: 550;
text-decoration: none;
}
#pun-index .tcl h3 a, #pun-index .tcl h3 a:link, #pun-index .tcl h3 a:visited {
color: #222330;
font-style: normal;
font-family: "Impact";
text-transform: uppercase;
font-size: 18px;
}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #222330;
}
/* 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: #bcc0c6;
text-shadow: 0px 0px 0px #000000;
text-decoration: none;
}
#pun-index .tcl h3 a:hover, #pun-index .tcl h3 a:focus, #pun-index .tcl h3 a:active {
color: #bcc0c6;
font-style: normal;
text-transform: uppercase;
font-size: 18px;
text-shadow: 0px 0px 0px #000000;
}
/* CS3.3 Настройки навигационных ссылок*/
#pun-navlinks a {
font-size: 18px;
text-align: center;
font-family: "Times New Roman";
text-transform: uppercase;
color: #191822;
font-weight: normal;
}
/* CS3.4 Настройки навигационных ссылок при наведении*/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #bcc0c6;
}
/* CS4 Иконки сообщений
-------------------------------------------------------------*/
Div.icon {background-image : url(http://savepic.net/6571353m.png); background-repeat: no-repeat; }
TR.inew Div.icon {background-image : url(http://savepic.net/6577497m.png); background-repeat: no-repeat;}
TR.isticky Div.icon {background-image : url(http://savepic.net/6562137m.png); background-repeat: no-repeat;}
TR.iclosed Div.icon {background-image : url(http://savepic.net/6569305m.png); background-repeat: no-repeat;}
TR.iredirect Div.icon {background-image : url(http://savepic.net/6569305m.png); background-repeat: no-repeat;}
/*Настройки рекламного баннера*/
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-main .post-author ul {text-align: center;}
#pun-title table tbody tr .title-logo-tdr {
position: absolute;
z-index: 1;
top: -90px;
opacity: 0.3;}
#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container .post-author ul {text-align: center; }
#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container .pa-author {text-align: center; }
#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container ul .pa-title {text-align: center; }
#pun-messages .post-box {width: 200px;}
.lastedit {display: none;}
.tclcon h3 {text-transform: uppercase;}
#pun-messages .post-box {width: 200px;}
.pa-author {font-size: 11px !important;}
.pa-title {font-size: 10px;}
hr{color:#8e8088;height:1px;border:none;background:#8e8088;}
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 660px; top: 0px; !important}
/* CS5 Другое
-------------------------------------------------------------*/
.closedatafield, #pun-title .title-logo span, .pa-gifts, .lastedit {
display: none
}
#pun-stats ul.container {
background: transparent url() no-repeat 0px 10px;
padding-left:40px;}
#pun-reputation div.inner div.container, #pun-report div.inner div.container , #pun-popup_awards div.inner div.container {
color: #7c8087;
padding: 3px;
background: #57585f!important; }
#pun-reputation h1, #pun-report h1, #pun-popup_awards h1 {
background: #222330!important;
width: auto !important;
height: 26px !important;
margin: auto !important;
color: #222330!important;}
hr {
border: none;
background: #222330;
border-top: ridge #7c8087;}
.punbb th {
background: #7c8087;
color: #191822;
}
.punbb .post-sig {color:#222330;}
.punbb .post-sig dt {
border: none;
border-top: groove 2px #222330;
}
#profile .container #profilenav h2 {
text-align : left;
color: #130d17;
text-shadow: none;}
#arrows {
position:fixed;
right: 18%;
bottom: 3%;
}
.tooltip {
border: none;
color: #000000;
text-decoration: none;
position: relative;}
.tooltip span {
margin-left: -999em;
position: absolute;}
.tooltip:hover span {
font-family:verdana;
font-weight: normal;
position: absolute;
left: 36px;
top: -3px;
z-index: 99;
margin-left: 0;}
.tooltip:hover img {
left: 1em;
top: 2em;
z-index: 99;
margin-left: 0;}
.tip {
position: absolute;
background-color: #c5bfd9!important;
background-image: url();
border-top: 2px solid #5b4041;
border-bottom: 2px solid #9a756a ;
color: #000000;
z-index: 1000;
width: 150px;
padding: 3px;
}
body{
overflow-x:hidden;
}
.post-author ul li.pa-avatar img {
border: 1px solid #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}
#pun-index .category .tc2, #pun-index .category .tc3 {
display: none;
}
/* CS11 reiting
-------------------------------------------------------------*/
#pun-about p.container {display: none}
/* STRUCTURE BY 96KINGDOM.RU
-------------------------------------------------------------*/