цитата
код код код код код код код код код код код код код код код код код код код код код код код код код код код код код код код код код код код код
тестовик |
Привет, Гость! Войдите или зарегистрируйтесь.
цитата
код код код код код код код код код код код код код код код код код код код код код код код код код код код код код код код код код код код код
шрриищщи
kl.kl.kl.
sdvsdvsdv
#pun-index .main h2, #pun-stats h2, #post-form h2, .punbb .main h1 {
margin: 0.8em -20px 0.7em -20px !important;
padding: 12px 0 10px 0;
letter-spacing: 0.05em;
font-size: 14px;
font-family: Romul, Tahoma, sans-serif;
font-weight: 400;
color: #deb185;
text-align: center;
background: url(https://forumstatic.ru/files/001a/fb/17/98403.png) calc(0% - 24px) calc(0% - 24px) no-repeat, url(https://forumstatic.ru/files/001a/fb/17/98403.png) calc(100% + 24px) calc(0% - 24px) no-repeat, url(https://forumstatic.ru/files/001a/fb/17/98403.png) calc(100% + 24px) calc(100% + 24px) no-repeat, url(https://forumstatic.ru/files/001a/fb/17/98403.png) calc(0% - 24px) calc(100% + 24px) no-repeat, url(https://forumstatic.ru/files/001a/fb/17/32183.jpg) 50% 50% repeat #2d2839;
border-style: solid;
border-width: 2px 0px;
-moz-border-image: url(https://forumstatic.ru/files/001a/fb/17/97064.png) 2 repeat;
-webkit-border-image: url(https://forumstatic.ru/files/001a/fb/17/97064.png) 2 repeat;
border-image: url(https://forumstatic.ru/files/001a/fb/17/97064.png) 2 fill repeat;
box-shadow: 0 6px 4px -6px #7b3e0e, 0 -6px 4px -6px #7b3e0e, 0 14px 10px -14px #927150, 0 -14px 10px -14px #927150, inset 0 0 8px rgb(0 0 0 / 70%);
<script><!--Количество тем, сообщений, последнее сообщение в столбик-->
$(".category thead").remove();
$(".category tbody tr").each(function(){
$(this).find(".tcl").after("<td class=\"tc_tbl\"></td>");
$(this).find(".tc2,.tc3,.tcr").appendTo($(this).find(".tc_tbl"));
if($(this).find(".tcr").text().length<2){$(this).find(".tcr").remove();}
$(this).find(".tc2").prepend("Тем: ");
$(this).find(".tc3").prepend("Сообщений: ");
$(this).find(".tcr").prepend("");
var cssObj={
"display":"block",
"padding":"2px",
"border":"0 none" //Последний элемент без запятой
}
$(this).find(".tc2,.tc3,.tcr").css(cssObj);
});
</script>
<style>
#pun-index #pun-main .tc2{
text-align: center!important;
width: 70px!important;
height: auto;
border: 1px solid #f3e0a6!important;
background: #f6e6b2!important;
box-shadow: inset 0 0 0 1px #fff5d4;
margin: -5px 0 0 2px!important;
position: relative;
}
#pun-index #pun-main .tc3{
text-align: center!important;
width: 120px!important;
height: auto;
border: 1px solid #f3e0a6!important;
background: #f6e6b2!important;
box-shadow: inset 0 0 0 1px #fff5d4;
margin: -20px 0 0 100px!important;
position: relative;
}
</style>
un-index #pun-main .tc2{
text-align: center!important;
width: 70px!important;
height: au
ывмывмывмывмывмывмщз.щз.щз.
смсочка
$(".category thead").remove();
$(".category tbody tr").each(function(){
$(this).find(".tcl").after("<td class=\"tc_tbl\"></td>");
$(this).find(".tc2,.tc3,.tcr").appendTo($(this).find(".tc_tbl"));
if($(this).find(".tcr").text().length<2){$(this).find(".tcr").remove();}
$(this).find(".tc2").prepend("Тем: ");
$(this).find(".tc3").prepend("Сообщений: ");
$(this).find(".tcr").prepend("");
var cssObj={
ЛУЧШИЕ ЗА НЕДЕЛЮ
15.08.22-21.08.22
[html]
<center>
<div class="tstat">
<div class="statsubh">лучшие на этой неделе</div>
<div class="tstatbody">
<table><tr valign="top">
<td>
<div class="statsub">активисты</div>
<center><img src="https://forumupload.ru/uploads/001b/a5/26/2/986420.png"> <img src="https://forumupload.ru/uploads/001b/a5/26/2/250835.png"> <img src="https://forumupload.ru/uploads/001b/a5/26/2/528823.png"> <img src="https://forumupload.ru/uploads/001b/a5/26/2/704251.png"> </center><br><br>
<div class="statsub">пост недели</div>
<img src="https://forumupload.ru/uploads/001b/a5/26/2/755684.png" align="left"> <div style="color: #fefefe; font-size: 10px; font-family: 'bahn'; letter-spacing: 1px; margin-left: 45px; text-align: justify; width: 260px; height: 51px; overflow: auto;">- ... да даже запеченная с кленовым сиропом и корицей, можно и мед, но с сиропом выходит сочнее. В общем из тыквы можно приготовить миллион блюд, я вам говорю.
- Господи, храни нас от заразы и трепа Мердока... - Это, пожалуй, была фраза, которой заканчивался, без преувеличения, каждый монолог рядового Джереми Мердока, которые, состояли из восхваления пирогов из тыквы и огромных сисек его жены. Покойной жены, но об этом мы молчали, желая сохранить лишь приятные воспоминания, пока направлялись к месту высадки.<br>
<a href=https://vanover.ru/viewtopic.php?id=144#p8559>Читать полностью</a></div><br><br>
<div class="statsub">пара недели</div>
<center><img src="https://forumupload.ru/uploads/001b/a5/26/2/828044.png"></center>
</td>
<td>
<div class="statsub">эпизод недели</div>
<center><img src="https://forumupload.ru/uploads/001b/a5/26/2/361845.png"></center><br><br>
<div class="statsub">анкета недели</div>
<img src="https://forumupload.ru/uploads/001b/a7/7d/3/141309.jpg" align="left"> <div style="color: #fefefe; font-size: 10px; font-family: 'bahn'; letter-spacing: 1px; margin-left: 45px; text-align: justify; width: 260px; height: 51px; overflow: auto;">Дикон Бёрк родился и вырос в Портленде, штат Орегон.
В возрасте 19 лет был мобилизован в армию Соединенных Штатов и прошел службу в Афганистане в составе 10-й Горной Дивизии. После дембеля несколько лет работал автомехаником в мастерской «Hot Road» в Салмон-Крик, где вскоре вступил в ряды известного в тех краях байкерского клуба «Dark Angels MC».<br>
<a href=https://vanover.ru/viewtopic.php?id=142#p8411>Читать полностью</a></div><br><br>
<div class="statsub">флудеры</div>
<center><img src="https://forumupload.ru/uploads/001b/a5/26/2/117018.png"> <img src="https://forumupload.ru/uploads/001b/a7/7d/3/184343.jpg"> <img src="https://forumupload.ru/uploads/001b/a5/26/2/52802.png"> <img src="https://forumupload.ru/uploads/001b/a5/26/2/755684.png"> </center>
<br><br></td>
</tr></table>
</div>
</div>
</center>
[/html]
<!-- Cчётчик Игровых постов, стили --> <script type="text/javascript"> /*delete localStorage.alertsAMS_onCountCode*/ /*************************** Настройки! ***************************/ FORUM._NUMpa_fld = 4; // Номер.Доп.поля, FORUM._color_fld = "inherit"; // Цвет шрифта cчётчика, FORUM.includeFirstPost = 0; // 0 - не учитывать,1 - учитывать Первопост автора в игровых темах, FORUM.AddOrSlash = 0; // 0 - Поле отдельно, 1 - через слешь c общ. числом сообщений, FORUM.Number_winners = [7,[4]]; // Начальное Число отображаемых юзеров в таблице и список форумов показа; FORUM.Subscription_Code = "0f3408de075781bf95267dbe9f827eecd23fcffe"; //Код подписки;/выдаётся на этапе теста/ /**** НАСТРОЙКА Игровых локаций ****/ function ad_ (){/*!~!FORUM.ForArrAy = { //Форум //Темы (включаемые, или исключаемые) f14 : -[0], // Основные эпизоды f16 : -[0] // Альтернативные эпизоды //Последний элемент без запятой! } !~!*/}ad_ = ad_.toString().split('!~!')[1]; </script> <script type="text/javascript" src="https://forumstatic.ru/files/0013/44/56/77707.js?"></script> <style>.punbb .table_GamePosts tbody th {color:#fff!important}#pre_placement>a {z-index:1000;top: 3px; right: 6px;}.punbb span.GamePst{padding: 0;}.punbb .table_GamePosts td {width: 25%;}</style> <!--//END Cчётчик Игровых постов © Deff--> <!---- стрелки вверх вниз ----> <div class="go-up" id='ToTop'><img src="https://forumstatic.ru/files/0011/c3/3f/16453.png" border="0"></div> <div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/0011/c3/3f/81894.png" border="0"></div> <style> .go-up,.go-down { display:none; position:fixed; z-index:9999; /*показываем поверх все элементов на странице*/ cursor:pointer; margin-bottom:5px; /*отступ снизу (можно не указывать)*/ width: 10px; /*ширина кнопки*/ height: px; /*высота кнопки*/ } .go-up { bottom: 225px; margin-left: 1185px !important; } .go-down { bottom: 200px; margin-left: 1185px !important; } .go-down:hover,.go-up:hover { opacity:1; } </style> <script type="text/javascript"> $(function(){ if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow") else $("#ToTop").fadeIn("slow") }); if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow") else $("#OnBottom").fadeIn("slow") }); $("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")}) $("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")}) }); </script> <!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. --> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script> <script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script> <script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script> <script> hvScriptSet.addMask({ forumAccessExtended: { 'альтернатива': ['игроки', 'не гости'] }, userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-fld3', 'pa-fld2', 'pa-posts', 'pa-respect', 'pa-online'] }); </script> <script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script> <style>.PRbtnImage{position:absolute;margin:-7px 0 7px;}</style> <script type="text/javascript"> PR.nick = 'PR'; //Ник PR-аккаунта PR.pass = '1111'; //Пароль PR-аккаунта PR.btn_text = 'PR'; //Надпись на кнопке PR-входа(или ссылка на картинку); PR.set();</script> <!--// CSS-версия обтекания изображений в Постах //--> <style>.postimg[alt="float:right"]{float:right;padding-left:12px;pointer-events:none}.postimg[alt="float:left"]{float:left;padding-right:12px;pointer-events:none} #add_float{position:absolute;padding:2px;top:-8px;left:50%;margin-left:-29px!important;width:57px!important;background: url("https://forumstatic.ru/files/0013/44/56/27326.png") no-repeat 50%!important;} #button-image #add_float img{display:block;position:relative;z-index:4;} #button-image>img{position:relative;z-index:2;} #button-image>center{opacity:0;visibility:hidden; transition-duration: .8s;} #button-image:hover>center{opacity:1; visibility:visible;} </style> <script>$(function(){$('.postimg[title="float:right"],.postimg[title="float:left"]').mouseover(function(e){e.preventDefault();}); var a ='<center style="position:relative;"><table id=add_float><tr><td id="text-left" title="Обтекание: текст слева">@@</td><td></td><td id="text-right" title="Обтекание: текст справа">##</td></tr></table></center>',b3="]'"; var b1 = '<img onclick="bbcode(\'[img=float:right'+b3+',\'[/img'+b3+')" src="/i/blank.gif"/>',b2 = '<img onclick="bbcode(\'[img=float:left'+b3+',\'[/img'+b3+')" src="/i/blank.gif"/>'; a = a.replace('@@',b1).replace('##',b2); $('#post #button-image').prepend(a);}); </script>
<!-- Категории --> <script type="text/javascript"><!--Своя картинка в каждую категорию --> $(document).ready(function(){ myarray=new Array( "Админка", "https://forumstatic.ru/files/0011/57/96/61309.png", "Гостевая", "https://forumstatic.ru/files/0011/57/96/21310.png", "Организационная", "https://forumstatic.ru/files/0011/57/96/97298.png", "Эпизоды", "https://forumstatic.ru/files/0011/57/96/73099.png", "Общение", "https://forumstatic.ru/files/0011/57/96/35552.png", "Реклама", "https://forumstatic.ru/files/0011/57/96/47545.png", "Архив", "https://forumstatic.ru/files/0011/57/96/91302.png", "Статистика форума", "https://forumstatic.ru/files/0011/57/96/26790.png" //Последний элемент без запятой! ) $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) { for(q=0;q<myarray.length;q++){ var cssObj = { "background-color": "transparent", "background-image":"url("+myarray[q+1]+")", "background-position":"50% 50%", "background-repeat":"no-repeat" //Последний элемент без запятой! } if($(this).children("span").text()==myarray[q])$(this).css(cssObj); q++} }); }); </script> <!-- Кликабельность ника в постах Гостя --><script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script> <script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script> <!--ТЕГ абзаца - [indent] --> <style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style> <script type="text/javascript">(function(){ var b = '[indent]'; $("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif" onclick="smile(\''+b+'\')"></td>'); var indent = '<span style="display:inline-block;margin:1em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/ $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}()); </script> <style type="text/css"> #button-justify { background:url(https://forumupload.ru/uploads/001b/a7/11/2/369061.png) center no-repeat!important;} </style> <script type="text/javascript"> $(document).ready(function(){ $("#post #button-center").after('<td id=button-justify align=center valign=center title="Выравнивание по ширине"><img onclick="bbcode(\'[align=justify]\',\'[/align]\')" src="/i/blank.gif"/></td>');}); </script> <!-- Разделение тем: "Важные темы" и "Темы форума" // © Alex_63 --> <script type="text/javascript">if($('#pun-viewforum').length){$('tr[class$="isticky"]:first').before('<tr class="tr-divider imp"><td class="td-divider" colspan="4">Важные темы</td></tr>');$('tr[class$="isticky"]:last').next('tr').before('<tr class="tr-divider st"><td class="td-divider" colspan="4">Темы форума</td></tr>');$('.stickytext').remove()}</script> <!-- //End//-Разделение тем --> <!-- Черная Подсказка,- инициализируем $.fn.tipsy--> <script> $(document).ready(function(){$('*[title]').not(.GamePst).not('*[title] *[title]').tipsy({gravity:$.fn.tipsy.autoNS})}); $.catch = function(a,f){$(function(){var t,i=0;function s(){i++;if(i>120)return;t=setTimeout(function(){if(!$(a).length){s();return};f()},100);}s();});} $.catch('.pa-awards img[title]',function(){$('.punbb li.pa-awards img[title]').tipsy({fade:true,gravity:'s award'});}); </script> <!--простой способ вставки картинок--> <script> var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>" $("#button-image").after(oldIMG); </script> <!-- Аватар по умолчанию --> <script type="text/javascript"> var DefAvtr = 'https://i.ibb.co/ry2dKPW/2.gif'; //Ссылка на аватар по умолчанию var GuestAvtr = 'https://i.ibb.co/vLwspdy/image.gif'; //Ссылка на аватар для Гостя $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){ var b = DefAvtr;if($(this).text()=='Гость'){b = GuestAvtr;} var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>'; if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s); });$('#profile-left strong:contains("Нет аватара")') .parent().html('<div><img src="'+DefAvtr+'"/></div>'); </script> <!-- Конец --> <!-- личные страницы --> <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0013/44/56/73823.css" /> <style>.my-tabs > .tab-a[num-tab="0"]{display:block}.my-tabs { display: block; position: fixed!important;top: 5%!important; margin-top: 0!important;}</style> <script img-data="https://sa.uploads.ru/SoT3N.png" forum="25" data-OLD-src="https://forumstatic.ru/files/0013/44/56/57946.js?" src="https://forumstatic.ru/files/001b/a5/26/81209.js"></script> <!-- Переадресация клика со своей Иконки для Вспл. таблицы в топике --> <style>.post-author img.a-info{display:none!important}</style> <script type="text/javascript"> function iconRedir(that) { $(that).parents('.post-author').find('.post-img-Sp.a-info')[0].click(); }; </script> <!-- Включаем HTML в Постах в Вспл.табличке--> <script type="text/javascript"> $(function(){$('img.a-info,.my-tabs>span').live('click',function(){$("li.tab-a").map(function(){HTMLinPost.parseTags($(this).attr("data-group-id",0))});});}); </script> <!-- Замена для Сообщений и Репутации © deff --> <script type="text/javascript"> function changeS(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});} changeS('.pa-posts','Сообщений:','соо:<br>'); changeS('.pa-respect','Уважение</a>:','авторитет</a>:'); changeS('.pa-respect','Уважение:</span> <span>','авторитет:</span><br><span>'); </script> <!-- НАЧАЛО. ссылка на новые сообщения --> <script type="text/javascript"> $('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>'); </script> <!-- КОНЕЦ. ссылка на новые сообщения --> <!-- Регулировка размера шрифта в постах © Alex_63 --> <style> .FNTslider { border-radius: 4px; position:relative;z-index:1000; background: #ccc; width: 110px; height: 5px; margin: 3px 5px; border: solid 0px #; float: right; margin-top: 5px; margin-right: 7%; } .FNTslider .before { height: 6px; border: solid 0px transparent; border-right: none 0; border-radius: 4px 0 0 4px; position: absolute; background: #fff; margin-top: -1px; box-shadow: 0px 0px 2px 0px rgb(203, 176, 120) inset; } .FNTslider .thumb { width: 8px; height: 13px; border-radius: 3px; position: relative; top: -4px; background: #fff; cursor: pointer; } </style> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script> <!-- Конец --> <!-- Активен/Пассивен --> <!--БАННЕРЫ ПАРТНЕРЫ--> <div style="position: absolute; margin-top: -45px; margin-left: -11px; height: 31px; overflow-y: scroll; text-align: justify; width: 950px; padding-right: 12px;"> <a href="http://boyzzz.mybb.ru/" target="_blank"><img src="https://i.imgur.com/Tc2L9oP.png" title="The Boyz" alt="LYL" width="88" height="31"></a> <a href="https://arcanus.f-rpg.me/" target="_blank"><img src='https://i.imgur.com/LVuejDi.gif' title="Аркан. Городская мистика"/></a> <a href="http://noname.rolbb.ru" title="NO NAME - no problem" target="_blank"><img src="https://forumstatic.ru/files/0019/d7/11/12054.gif"></a> <a href="https://barcross.rusff.me" title="CROSS BAR" target="_blank"><img src="https://forumstatic.ru/files/001b/2c/35/65418.png"></a> <a href="https://ravencross.f-rpg.me/" target="_blank"><img src="https://forumstatic.ru/files/001b/85/c5/34116.png" title="ravencross" width="88" height="31" border="0"></a> <a href="http://lux1980.rusff.me/" target="_blank"> <img src="https://forumupload.ru/uploads/001b/28/b1/2/451625.gif" title="Lux: ante mortem" border="0" alt="Lux: ante mortem"></a> <a href='http://onlineroleplay.rusff.me/' target='_blank' title='ONLINEROLEPLAY'><img src='https://forumupload.ru/uploads/001b/1a/5a/29/557600.gif' border='0' width='88' height='31'></a> <img src="https://forumupload.ru/uploads/001b/a7/11/2/918259.png";> <img src="https://forumupload.ru/uploads/001b/a7/11/2/918259.png";> <img src="https://forumupload.ru/uploads/001b/a7/11/2/918259.png";> <img src="https://forumupload.ru/uploads/001b/a7/11/2/918259.png";> <img src="https://forumupload.ru/uploads/001b/a7/11/2/918259.png";> </div>
Код:/* фон */ body { background: url(https://forumstatic.ru/files/0011/57/96/37565.png) no-repeat fixed; background-size: cover; background-color: #1e2141; } /* шапка */ #pun-title table { background-image: url(https://forumstatic.ru/files/0011/57/96/78534.png); margin-left: -36px; width: 1011px; height: 320px; top: -319px!important; position: absolute; } #pun-reputation .inner { background-color: #aba49b; } /* пун*/ #pun { background-color: #transparent; background: url(https://forumstatic.ru/files/0011/57/96/93787.png?v=1); } /* футер */ #pun-about p.container { background: url(https://forumstatic.ru/files/0011/57/96/59737.png) no-repeat; width: 1010px; height: 116px; margin: 0px 0 -88px -36px!important; } /* ссылки */ .punbb a, .tcl h3 a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #56702e; text-decoration:none; transition: color .7s linear, opacity .7s linear; -webkit-transition: color .7s linear, opacity .7s linear; -moz-transition: color .7s linear, opacity .7s linear; } /*наведение*/ .punbb a:hover, .punbb a:focus, .punbb a:active { color: #787878; } /*-----аватар на главной-----*/ .punbb .user-avatar .avatar-image { border-radius: 0!important; height: 30px!important; width: 30px!important; border: 2px solid #787878!important; margin: 2px 0 0 -5px!important; } .punbb .user-avatar .isonline { top: 0px!important; right: 5px!important; } /*---- плашка объяв ----*/ .op { width: 180px; height: 30px; margin-bottom: 3px!important; position: relative; display: block; background: #e8e0ce; border: 1px solid #ece6d7; box-shadow: inset 0 0 10px #d3c2a4, 0 3px 3px #d4b26f; } .op a { position: absolute; width: 185px; height: 15px; top: 9px; /* left: 25px; */ font-weight: 900; text-align: center; z-index: 99999; font-size: 10px; color: #806b41 !important; font-family: century gothic; text-transform: uppercase; } .op a:hover { color:#fff!important; text-shadow: none !important; } /*------------- комментарий к репутации, модерация ---------------*/ #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner { display: none; position: fixed; left: 50%; top: 50%; margin: -135px 0 0 -384px; width: 750px; z-index: 100; font-size: 11px; border: 1px solid #6c6c6c; background: linear-gradient(45deg, #636363, #e1e1e1); box-shadow: inset 0 0 0 1px #fff; } .punbb #move_posts_form .formal>form.container { width: 100%!important; position: relative; border: none!important; padding-left: 0!important; padding-right: 0!important; box-shadow: inset 0 0 10px #a08b8c!important; background: linear-gradient(45deg, #b29e96, #b29e96, #b29e96); border: 1px solid #7a6f6f; } /* разделитесль смс и подписи*/ .punbb .post-sig dt { opacity: .2; } /* CS3.1 иконка старых сообщений*/ .punbb table Div.icon { background: url(https://forumstatic.ru/files/0011/57/96/48669.png); position: absolute; margin: -29px 3px 0 450px!important; } /* CS3.2 иконка новых */ TR.inew Div.icon { background: url(https://forumstatic.ru/files/0011/57/96/76881.png); } #pun-viewforum TR.isticky Div.icon { background: url(https://forumstatic.ru/files/0011/57/96/61966.png); } #pun-viewforum TR.iclosed Div.icon { background: url(https://forumstatic.ru/files/0011/57/96/92703.png); } #pun-viewforum TR.isticky Div.icon, #pun-viewforum TR.inew Div.icon, #pun-viewforum TR.iclosed Div.icon, #pun-viewforum table Div.icon { margin: 0 0 0 450px!important; } /* CS5 Прочие элементы */ /* размытие зачеркнутого текста*/ .punbb .post-content del { filter: blur(1px); text-decoration: none; } .punbb .post-content del:hover { filter: blur(0px); } /* оформление в теме*/ .punbb .post-links { padding: 3px 1px 0px 8px; height: 18px; margin-left: 10px!important; border-top: 1px dashed #959595; border-bottom: 1px dashed #959595; } /*статистика-категории*/ #pun-stats.section h2 { background-attachment: scroll; background-clip: border-box; font-size: 0px; width: 974px; height: 50px; margin-left: -17px; background-origin: padding-box; background-position: 0% 0%; background-size: auto; } /* категории */ #pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2, #pun-category7.category h2, #pun-category8.category h2 { width: 974px; height: 54px; margin-left: -17px; } /*форма ответа*/ .punbb textarea { padding: 10px; color: #14112b!important; outline: none!important; font-size: 11px!important; letter-spacing: .03em; background: #d5d5d5; border: 1px #b5b5b5 solid; box-shadow: 0 0 5px #e1e1e1, inset 0 0 0 1px #ebebeb, 0 0 10px #b9b9b9 inset; min-height: 160px; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } /* кнопки ответа*/ .punbb input.button{ padding: 4px 15px 6px; background: #3a3c5e; font-size: 11px!important; color: #b5b5bf!important; font-family: 'Roboto Condensed'; text-transform: lowercase; border: 1px #565882 solid; border-radius: 3px; transition: .5s; box-shadow: inset 0 0 0 1px #6c6d9d, inset 0 7px 5px #6f70a1; } .punbb input.button:hover{ background: #4b5b31; color: #b5b5bf!important; border: 1px #22370c solid; box-shadow: inset 0 0 0 1px #4a5b31, inset 0 9px 7px #21360b; } /*---- фон кнопок в форме ответа ----*/ #pun_wrap #post .container[id$="-area"] { overflow-y: auto; text-shadow: none; padding: 5px; max-height: 185px; min-width: 180px; color: #141421; text-shadow: 0 1px 1px #d5d5d5; font-family: 'Roboto Condensed'; text-transform: uppercase; border: 1px solid #b5b5b5; box-shadow: 0 0 15px #979797 inset, inset 0 0 0 1px #d5d5d5, 0 5px 5px #959494; background: #c1c1c1; } /*---- табличка с кнопочками оформления поста ----*/ #form-buttons table { background: #d5d5d5; border: 1px #b5b5b5 solid; box-shadow: 0 0 5px #e1e1e1, inset 0 0 0 1px #ebebeb, 0 0 10px #b9b9b9 inset; margin-bottom: 5px; } #form-buttons table { width: 102.6%!important; } /*---- заголовки форм ответа, модерация----*/ .punbb input, .punbb select { padding: 3px 0 3px 9px; color: #221559 !important; font-family: 'arial'!important; font-size: 11px!important; background: #d5d5d5; border: 1px solid #b5b5b5; border-radius: 2px; /* box-shadow: 0 0 0 1px #f3eeee inset, inset 0 9px 5px #dddeba; */ outline: none!important; } /*------------- CS3.6 профиль----------------*/ /* аватар */ .pa-avatar { width: 230px; padding: 13px 0px 12px!important; border: 1px solid #464769; margin: 20px 0 8px -12px!important; box-shadow: 0 0 1px #fff; } .pa-avatar.item2 > img { box-shadow: 0 0 5px #898989, inset 0 0 0 1px #b1b1b1; padding: 7px; background: radial-gradient(at top, #cfcfcf, #b1b1b1); border: 1px solid #cfcfcf; } /* плашка сменить на флд2*/ .pa-fld1 { font-family: 'Roboto Condensed'; width: 230px; overflow: hidden; font-size: 11px; color: #5e3e6f; display: block; text-shadow: 0 1px 0 #cdb5ca; margin: -25px 0 0 -11px!important; } li.pa-ua {display: none!important;} .pa-fld3, .pa-fld2, .pa-posts, .pa-respect { font-family: 'Roboto'; width: 35px; margin: 0 5px 0 7px!important; font-size: 9px; text-transform: lowercase; font-weight: bold; color: #454168; display: inline-block; } .pa-respect a:hover, .pa-gifts a:hover { opacity: .5; } /* лз сменить на флд3*/ .pa-fld4 { margin: 11px 0 11px 0px!important;} .pa-fld4 lzname { display: block; text-align: center; font-family: merriweather; text-transform: uppercase; font-size: 10px; margin-bottom: 3px; margin-top: 2px;} .pa-fld4 lzname a { transition: 1s; color: #2b236d !IMPORTANT; background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%); background-clip: text !important; -webkit-background-clip: text !important; -moz-background-clip: text !important; -o-background-clip: text !important; text-shadow: 0px 0px 4px #5858587d, 1px 1px #00000033; text-transform: uppercase; letter-spacing: .8px; } .pa-fld4 lzname a:hover { color: #241 !important; } .pa-fld4 lzinfo { color: #234; line-height: 15px; font-family: 'Roboto Condensed'; font-weight: bold; } /*скрытие названия доп полей*/ .pa-fld1 .fld-name, .pa-fld4 .fld-name, .pa-gifts {display: none;} /*закладки*/ #BookmCntToggle { top: px!important; } #MyBookmarks { box-shadow: 0 0 20px #505100, inset #f8f699 0 0 10px !important; background: #e4e488; border: 1px solid #adac3c; } #MyBookmarks #bm2 { border-width: 0.4em 0.7em 0.4em 0!important; border-color: transparent #5b5d00 transparent transparent!important; } /*---- Цвет текста на форуме ----*/ .punbb { color: #141221; font-weight: normal; font-style: normal; } /* ВНЕШНОСТИ -------------------------------------------------------------*/ .face { min-height: 200px; width: 650px; background: url(https://forumupload.ru/uploads/001b/a7/11/2/717141.png) top no-repeat, url(https://forumupload.ru/uploads/001b/a7/11/2/45353.png) bottom no-repeat, url(https://forumupload.ru/uploads/001b/a7/11/2/999097.png) repeat-y; } .face11 { width: 600px; padding-top: 55px !important; margin-left: -24px !important; padding-bottom: 15px; } .faa { background-color: #636e57; padding: 2px 0px 2px 5px; font-family: Franklin Gothic Medium; font-size: 10px; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 1px !important; margin-bottom: 5px !important; } .fafa1 {background-color: #afafaf; padding: 2px 0px 2px 0px; margin-bottom: 2px !important;} .fafa { font-family: Franklin Gothic Medium; font-size: 11px; color: #444e37!important; letter-spacing: 1px !important; padding-left: 8px; } .fwom { width: 195px; } .fman { width: 195px; margin-left: 3px !important; } .fnam { width: 195px; margin-left: 4px !important; } .fh2za {font-family: Franklin Gothic Medium; font-size: 18px; text-transform: uppercase; text-shadow: 1px 1px #3f4b30; color: #c8dbaf!important; letter-spacing: 1px !important; position: absolute; top: 20px; width: 620px;} .fh2zat {font-family: Franklin Gothic Medium; font-size: 11px; color: #c8dbaf!important; letter-spacing: 1px !important; width: 600px; position: absolute; top: 45px; left: 25px;} /* ХОЧУ К ВАМ -------------------------------------------------------------*/ .hoch {background: transparent url(https://forumupload.ru/uploads/001b/a7/11/2/607044.png) no-repeat scroll center top; width: 650px !important; height: 350px!important;} .hochh { font-family: Franklin Gothic Medium; font-size: 25px; text-transform: uppercase; text-shadow: 1px 1px #3f4b30; color: #c8dbaf!important; letter-spacing: 1px !important; position: absolute; top: 25px; width: 620px; text-align: center; } .parafoto {position: absolute; top: 85px; left: 420px;} .hochtext { position: absolute; top: 85px; left: 40px; text-align: justify; color: #4c4e4a; font-size: 13px; font-family: 'Franklin Gothic Medium'; letter-spacing: 1px; width: 350px; height: 180px; overflow: auto;} .hochh2 { font-family: Franklin Gothic Medium; font-size: 12px; text-transform: uppercase; text-shadow: 1px 1px #3f4b30; color: #c8dbaf!important; letter-spacing: 1px !important; position: absolute; top: 278px; width: 620px; left: 30px; text-align: left; } .hochtext2 { position: absolute; top: 305px; left: 40px; text-align: justify; color: #4c4e4a; font-size: 13px; font-family: 'Franklin Gothic Medium'; letter-spacing: 1px; width: 580px; height: 30px; overflow: auto;} .hochfotofa { position: absolute; top: 65px; left: 420px; width: 180px; text-align: center; background-color: #b5bbb0; border: 1px solid #b5bbb0; box-shadow: inset 0 0 5px #949b8e; padding-top: 2px; padding-bottom: 3px; color: #435b2b; font-family: 'Franklin Gothic Medium'; letter-spacing: 0.5px; font-size: 10px; } /* НУЖНЫЕ -------------------------------------------------------------*/ .nyjn { background: transparent url(https://forumupload.ru/uploads/001b/a5/26/2/69593.png) no-repeat scroll center top;; width: 650px !important; height: 600px!important; } .nyjnh { font-family: arial; font-size: 18px; text-transform: uppercase; text-shadow: 1px 1px #3f4b30; color: #c8dbaf!important; /* letter-spacing: 1px !important; */ position: absolute; top: 18px; width: 620px; text-align: center; } .nyjnfoto { position: absolute; top: 180px; left: 25px; max-width: 180px; max-height: 150px; margin-top: 6px; } .nyjntext { position: absolute; top: 185px; left: 245px; text-align: justify; color: #4c4e4a; font-size: 13px; font-family: 'arial'; letter-spacing: px; width: 390px; height: 300px; overflow: auto; } .nyjnpynk { position: absolute; top: 75px; left: 245px; text-align: justify; color: #4c4e4a; font-size: 13px; font-family: 'arial'; letter-spacing: 1px; overflow: auto; width: 390px; } .nyjnh2 { font-family: arial; font-size: 12px; text-transform: uppercase; text-shadow: 1px 1px #3f4b30; color: #c8dbaf!important; letter-spacing: 1px !important; position: absolute; top: 507px; width: 620px; left: 30px; text-align: left; } .nyjnh3 { font-family: arial; font-size: 12px; text-transform: uppercase; text-shadow: 1px 1px #3f4b30; color: #c8dbaf!important; letter-spacing: 1px !important; position: absolute; top: 160px; left: 250px; width: 380px; text-align: right; } .nyjntext2 { position: absolute; top: 540px; left: 20px; text-align: justify; color: #4c4e4a; font-size: 13px; font-family: 'arial'; letter-spacing: 1px; width: 620px; height: 35px; overflow: auto;} .nyjnfotofa { position: absolute; top: 165px; left: 25px; width: 180px; text-align: center; background-color: #b5bbb0; border: 1px solid #b5bbb0; box-shadow: inset 0 0 5px #949b8e; padding-top: 2px; padding-bottom: 3px; color: #435b2b; font-family: 'arial'; letter-spacing: 0.5px; font-size: 10px; } /* СТАТИСТИКА -------------------------------------------------------------*/ .tstat { min-height: 200px; width: 650px; background: url(https://forumupload.ru/uploads/001b/a7/11/2/603266.png) top no-repeat, url(https://forumupload.ru/uploads/001b/a7/11/2/66817.png) bottom no-repeat, url(https://forumupload.ru/uploads/001b/a7/11/2/365916.png) repeat-y; } .statsub { font-family: 'Franklin Gothic Medium'; background-image: url(https://forumupload.ru/uploads/001b/a7/11/2/592596.png); padding: 2px; color: #c8dbaf; font-size: 9px; text-align: center; width: 300px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px !important; } .statsubh { font-family: Franklin Gothic Medium; font-size: 18px; text-transform: uppercase; text-shadow: 1px 1px #3f4b30; color: #c8dbaf!important; letter-spacing: 1px !important; position: absolute; top: 18px; width: 620px; left: 18px; text-align: center; background-image: url(https://forumupload.ru/uploads/001b/a7/11/2/592596.png); line-height: 35px; border: 1px solid #cfcfcf !important; } .tstatbody {padding-top: 70px!important;} /* ПРИНЯТИЕ ИГРОКА -------------------------------------------------------------*/ .welco {background: transparent url(https://forumstatic.ru/files/001b/a7/7d/30737.png) no-repeat scroll center top; width: 650px !important; height: 287px!important;} .welco1 { position: absolute; top: 30px; width: 600px; left: 25px; font-size: 14px; font-family: Franklin Gothic Medium; color: #435b2b; letter-spacing: 1px; text-transform: uppercase; } .welco2 { width: 380px; position: absolute; top: 63px; left: 270px; text-align: left; font-family: Franklin Gothic Medium; color: #363636; height: 200px; overflow: auto; } .welcofo { border-radius: 100px !important; float: right; width: 150px; height: 150px; } .wel11 { text-transform: uppercase; flex: auto; text-align: center; padding: 4px 0px 4px 0px; font-family: merriweather; transition: 1s; background: #c9bfbf78; border: 1px solid #a8ab977d; margin: 0px 3px 0 0; top: 70px; width: 220px; left: 20px; position: absolute; } .wel11 a:hover { text-transform: uppercase; flex: auto; text-align: center; padding: 4px 0px 4px 0px; font-family: merriweather; transition: 1s; background: #b2b3a582; margin: 0px 3px 0 0; color: #000; top: 70px; width: 220px; left: 20px; } .wel22 { text-transform: uppercase; flex: auto; text-align: center; padding: 4px 0px 4px 0px; font-family: merriweather; transition: 1s; background: #c9bfbf78; border: 1px solid #a8ab977d; margin: 0px 3px 0 0; top: 106px; width: 220px; left: 20px; position: absolute; } .wel22 a:hover { text-transform: uppercase; flex: auto; text-align: center; padding: 4px 0px 4px 0px; font-family: merriweather; transition: 1s; background: #b2b3a582; margin: 0px 3px 0 0; color: #000; top: 70px; width: 220px; left: 20px; } .wel33 { text-transform: uppercase; flex: auto; text-align: center; padding: 4px 0px 4px 0px; font-family: merriweather; transition: 1s; background: #c9bfbf78; border: 1px solid #a8ab977d; margin: 0px 3px 0 0; top: 142px; width: 220px; left: 20px; position: absolute; } .wel33 a:hover { text-transform: uppercase; flex: auto; text-align: center; padding: 4px 0px 4px 0px; font-family: merriweather; transition: 1s; background: #b2b3a582; margin: 0px 3px 0 0; color: #000; top: 70px; width: 220px; left: 20px; } .wel44 { text-transform: uppercase; flex: auto; text-align: center; padding: 4px 0px 4px 0px; font-family: merriweather; transition: 1s; background: #c9bfbf78; border: 1px solid #a8ab977d; margin: 0px 3px 0 0; top: 181px; width: 220px; left: 20px; position: absolute; } .wel44 a:hover { text-transform: uppercase; flex: auto; text-align: center; padding: 4px 0px 4px 0px; font-family: merriweather; transition: 1s; background: #b2b3a582; margin: 0px 3px 0 0; color: #000; top: 70px; width: 220px; left: 20px; } .wel55 { text-transform: uppercase; flex: auto; text-align: center; padding: 4px 0px 4px 0px; font-family: merriweather; transition: 1s; background: #c9bfbf78; border: 1px solid #a8ab977d; margin: 0px 3px 0 0; top: 219px; width: 220px; left: 20px; position: absolute; } .wel55 a:hover { text-transform: uppercase; flex: auto; text-align: center; padding: 4px 0px 4px 0px; font-family: merriweather; transition: 1s; background: #b2b3a582; margin: 0px 3px 0 0; color: #000; top: 70px; width: 220px; left: 20px; } /* ЛИЧНАЯ СТРАНИЦА -------------------------------------------------------------*/ .tlz6 { min-height: 200px; width: 650px; background: url(https://forumupload.ru/uploads/001b/a7/11/2/603266.png) top no-repeat, url(https://forumupload.ru/uploads/001b/a7/11/2/66817.png) bottom no-repeat, url(https://forumupload.ru/uploads/001b/a7/11/2/365916.png) repeat-y; } .tlz6fo { width: 600px; text-align: center; padding-top: 35px; } img.tlz6foto { box-shadow: 0 0 0 4px #c1c5bd, 0 0 0 5px #fff; } .tlz6te { width: 600px; margin-top: 20px!important; padding-bottom: 20px!important; margin-left: 205px !important; } .tlz6te2 { background-color: #b7b7b7; width: 190px; text-align: center; padding: 2px 0px 2px 0px; box-shadow: inset 0 0 8px #959090; border: 1px solid #b7b7b7; color: #3e3e3e; font-size: 10px; font-family: 'Merriweather'; letter-spacing: 1px; } .tlz61 { width: 610px; margin-left: 20px !important; padding-top: 20px; } img.tlzadw { width: 80px; border-radius: 100px; box-shadow: 0 0 0 4px #c1c5bd, 0 0 0 5px #fff; margin-top: 10px; } .tlzadwh1 { text-align: center; font-family: verdana; color: #e5e5e5; text-shadow: 1px 1px #878686; } .tlzadwh11 { text-align: center; font-family: verdana; color: #e5e5e5; font-size: 13px; text-shadow: 1px 1px #878686; padding-top: 15px; } td.tlxtabf { text-align: center; width: 120px; } td.tlz589l { width: 300px; vertical-align: top; } .tlz589 { background-color: #b7b7b7; padding: 10px 0 10px 0px; text-align: center; margin-top: 10px !important; border: 1px solid #c7c7c7; margin-left: 10px !important; margin-bottom: 10px !important; max-height: 350px; overflow: auto; } /* ФОН СЕРЫЙ -------------------------------------------------------------*/ .obj { min-height: 200px; width: 650px; background: url(https://forumstatic.ru/files/001b/a4/de/70256.png) top no-repeat, url(https://forumstatic.ru/files/001b/a4/de/69328.png) bottom no-repeat, url(https://forumstatic.ru/files/001b/a4/de/57958.png) repeat-y; } .obj1 { width: 600px; padding-top: 55px !important; margin-left: -24px !important; padding-bottom: 15px; } .obj2 { background-color: #636e57; padding: 2px 0px 2px 5px; font-family: Franklin Gothic Medium; font-size: 14px; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 1px !important; margin-bottom: 5px !important; } .obj3 { padding: 2px 0px 2px 5px; font-family: Franklin Gothic Medium; font-size: 12px; color: #454545; text-align: center; text-transform: uppercase; letter-spacing: 1px !important; margin-bottom: 5px !important; } .obj4 { padding: 2px 0px 2px 0px; margin-bottom: 2px !important; font-family: Franklin Gothic Medium; color: #454545; font-size: 12px; } /* БАНК -------------------------------------------------------------*/ .bank { min-height: width: 650px; background: url(https://forumstatic.ru/files/001b/a4/de/68202.png) top no-repeat; } .bank1 { width: 600px; padding-top: 55px !important; padding-bottom: 150px; margin-left: -60px !important; } .bank2 { background-color: #636e57; width: 260px; padding: 2px 0px 2px 5px; font-family: Franklin Gothic Medium; font-size: 12px; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 1px !important; margin-bottom: 5px !important; margin-right: -5px !important; margin-left: 20px !important; } .bank3 {background-color: #afafaf; width: 260px; padding: 2px 0px 2px 0px; margin-bottom: 2px !important; text-align: left; margin-left: 20px !important; } .bank4 { font-family: Franklin Gothic Medium; width: 255px; font-size: 11px; color: #444e37!important; letter-spacing: 1px !important; padding-left: 8px; } .bank5 { background-color: #636e57; width: 260px; padding: 2px 0px 2px 5px; font-family: Franklin Gothic Medium; font-size: 12px; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 1px !important; margin-bottom: 5px !important; margin-left: 55px !important; } .bank6 { font-family: Franklin Gothic Medium; width: 255px; font-size: 11px; color: #444e37!important; letter-spacing: 1px !important; padding-left: 8px; } .bank7 {background-color: #afafaf; width: 260px; padding: 2px 0px 2px 0px; margin-bottom: 2px !important; text-align: left; margin-left: 55px !important; } /* ХРОНОЛОГИЯ -------------------------------------------------------------*/ .hronf { min-height: 200px; width: 650px; background: url(https://forumupload.ru/uploads/001b/a7/11/2/335770.png) top no-repeat, url(https://forumupload.ru/uploads/001b/a7/11/2/40467.png) bottom no-repeat, url(https://forumupload.ru/uploads/001b/a7/11/2/564039.png) repeat-y; } .hrong {background-color: #6e6d6d; box-shadow: inset 0 0 10px #545353; padding: 5px 0 5px 200px; text-align: center; margin-top: 20px !important; border: 1px solid #6e6d6d; color: #bbb9b9; font-family: 'Franklin Gothic Medium'; letter-spacing: 1px; font-size: 17px; width: 200px; margin-left: 180px !important;} .hrote { text-align: left; font-family: Franklin Gothic Medium; color: #727272; font-size: 9px; text-transform: uppercase; letter-spacing: 0.5px; width: 370px; margin-left: 180px !important; padding: 3px 0px 2px 10px; margin-top: 5px !important; background-color: #b5b5b5;} .hrotab { margin-bottom: 25px !important; } /* АНКЕТА -------------------------------------------------------------*/ .anketa {background: transparent url(https://forumstatic.ru/files/001b/a7/7d/32163.png) no-repeat scroll center top; width: 650px !important; height: 750px!important;} .anketfo { border-radius: 500px !important; max-width: 150px; max-height: 150px; position: absolute; margin-top: 50px !important; margin-left: 42px !important; border: 2px solid #000000; margin-top: 6px; box-shadow: 2px 2px 2px #000000, 0px 0px 0px 1px #000000; } .anknam { position: absolute; margin-top: 35px!important; font-size: 25px; letter-spacing: 0.5px; font-family: 'Raleway'; color: #a4b698; text-shadow: 2px 1px #2f342c; margin-left: 230px!important; width: 260px; text-align: center; } .anktex2 { position: absolute; margin-top: 210px!important; width: 550px; text-align: -webkit-left; margin-left: 75px!important; height: 450px; overflow: auto; color: #292a29; font-size: 15px; letter-spacing: 0px; font-family: 'Raleway'; } .anknvo { position: absolute; margin-top: 70px!important; margin-left: 230px!important; font-size: 10px; font-family: 'Raleway'; letter-spacing: 1px; color: #9d9f9b; width: 250px; text-align: center; } .ankprof { position: absolute; margin-top: 110px!important; margin-left: 210px!important; width: 130px; text-align: center; color: #111111; font-size: 11px; font-family: 'Raleway'; } .ankor { position: absolute; margin-top: 110px!important; margin-left: 350px!important; width: 100px; text-align: center; color: #111111; font-size: 11px; font-family: 'Raleway'; } .anknap1 { position: absolute; margin-top: 110px!important; margin-left: 480px!important; text-align: center; color: #111111; font-size: 11px; font-family: 'Raleway'; } .ankvn { position: absolute; margin-top: 175px!important; margin-left: 270px!important; text-align: center; color: #707a65; font-size: 11px; font-family: 'Raleway'; background-color: #b5bbb0; border: 1px solid #b5bbb0; box-shadow: inset 0 0 5px #949b8e; padding-top: 2px; padding-bottom: 3px; color: #647651; width: 180px; } .ankmess { position: absolute; margin-top: 709px !important; margin-left: 30px !important; color: #424242; font-family: 'Raleway'; font-size: 15px; letter-spacing: 1px; width: 585px; padding: 3px 0 2px 5px; } /* КНОПКИ -------------------------------------------------------------*/ .kn { border: 0.2px solid #6e6d6d; border-radius: 3px; font-size: 11px; font-family: 'Franklin Gothic Medium'; text-transform: uppercase; padding: 3px 5px 2px 5px; display:inline-block; text-transform: uppercase !important; } /* ГОСТЕВАЯ*/ .gost { width: 560px; height: 429px; background: url(https://forumstatic.ru/files/001b/a7/7d/29015.png) no-repeat top center; } .gost nav { position: absolute; text-align: center; font-size: 10px!important; font-family: 'Franklin Gothic Medium'; letter-spacing: 1px; } .gost nav a { margin-right: 2px; padding: 3px 5px 3px 5px; font-family: "Franklin Gothic Medium"; font-size: 11px; text-transform: uppercase!important; border: 1px solid #333a29;!important; color: #262c1d !important; background: #eae5e552; transition: all .5s cubic-bezier(.3,.2,.2,.3); -webkit-transition: all .5s cubic-bezier(.3,.2,.2,.3); -moz-transition-duration: all .5s cubic-bezier(.3,.2,.2,.3); } .gost nav a:hover { background: #565f46; color: #fcfcfc !important; transition: all .5s cubic-bezier(.3,.2,.2,.3); -webkit-transition: all .5s cubic-bezier(.3,.2,.2,.3); -moz-transition-duration: all .5s cubic-bezier(.3,.2,.2,.3); } .gost glink { position: absolute; display: block; padding-right: 8px; padding-left: 5px; margin: 100px 0 0 4px; font-family: 'Franklin Gothic Medium'; width: 540px; text-align: center; text-transform: uppercase; color: #333a29 !important; line-height: 25px; height: 60px; } .gost face1, .gost face2 { width: 250px; height: 122px; position: absolute; margin-top: 288px; padding-right: 6px; overflow-y: auto; font-family: "Franklin Gothic Medium" !important; text-align: center; text-transform: lowercase; text-shadow: #adb4c2 0px 0px 1px; font-size: 12px; line-height: 150%; color: #48503c !important; } .gost face1 { margin-left: -264px; } .gost face2 { margin-left: 10px; } .gost gdate { text-align: center; display: block; width: 120px; line-height: 12px; font-family: 'Franklin Gothic Medium'; text-transform: uppercase; padding: 1px 0px; margin: 2px 0px; color: #fcfcfc !important; text-shadow: #282c21 1px 1px 1px !important; background: #43473e; } .gost face1 a, .gost face2 a { color: #3a5e05 !important; border-bottom: 1px solid #767676 !important; } .gost face1 a:hover, .gost face2 a:hover { color: #4c4c4c !important; border-bottom: 1px solid #464d57 !important; } .gost face1::-webkit-scrollbar, .gost face2::-webkit-scrollbar { width: 2px; height: 0px; background: #bbaca4; } .gost face1::-webkit-thumb, .gost face2::-webkit-scrollbar-thumb { border: none!important; } /* новости */ .novost:: -webkit-scrollbar{/* position: absolute; */text-align: center;/* height: 128px; */width: 168px;/* margin-left: 768px !important; */top: -35px;/* overflow-y: overlay; */z-index: 9999;} .nov { display: inline-block; position: relative; text-align: center; margin-left: 375px !important; top: -135px; width: 145px; height: 16px; padding: 3px 10px 3px 0px !important; margin-bottom: -6px !important; font-size: 10px; font-family: "bona nova"; text-transform: uppercase; background: url(https://forumstatic.ru/files/001b/a5/26/99076.png); background-repeat: no-repeat; background-position: top center; transition: all .5s cubic-bezier(.3,.2,.2,.3); opacity: .6; z-index: 999; } .nov:hover { transition: all .5s cubic-bezier(.3,.2,.2,.3); opacity: 1; } .nov img { display: none!important; width: auto; max-height: 18px; margin: -1px 5px 0 0!important; display: block; float: right; } .nov1 { position: absolute; display: block; text-align: center; width: 158px; height: 15px; margin: -1px 0px 0px 0px!important; overflow: hidden; color: #ffffff !important; text-shadow: none!important; transition: all .5s cubic-bezier(.3,.2,.2,.3); } .nov1:hover { color: #ededed !important; text-shadow: none!important; transition: all .5s cubic-bezier(.3,.2,.2,.3); } .krat { position: absolute; /* border: red 1px solid; */ display: block; text-align: center; font-size: 11px; margin-bottom: 6px; text-transform: lowercase; font-family: 'Bona Nova'; top: 50px; margin-left: -35px; width: 250px; height: 15px; letter-spacing: .4px; color: #c6c7b7c9; transition-duration: 1s; background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%); background-clip: text !important; -webkit-background-clip: text !important; -moz-background-clip: text !important; -o-background-clip: text !important; font-weight: 300; text-shadow: 0px 0px 4px #b3b39c33, 1px 1px #00000045; }
Код:/************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme*/ /* A1.1 */ @import url(style_cs.css); /* A1.1 */ @import url(https://fonts.googleapis.com/css?family=Alegreya|Alegreya+Sans+SCAmatic+SC|Bad+Script|Caveat|Comfortaa|Cormorant+Infant|El+Messiri|Exo+2|Forum|Gabriela|Jura|Lobster|Montserrat|Marck+Script|Neucha|Noto+Sans|Oswald|Open+Sans+Condensed:300|Pacifico|Pangolin|Pattaya|Philosopher|Playfair+Display|Playfair+Display+SC|Poiret+One|Prata|Roboto|Roboto+Mono|Roboto+Condensed|Rubik+Mono+One|Ruslan+Display|Russo+One|Ruda|Seymour+One|Underdog|Yeseva+One|Yanone+Kaffeesatz); @import "http://fonts.fontstorage.com/import/nautilus.css"; @import "http://fonts.fontstorage.com/import/lato.css"; @import url('https://fonts.googleapis.com/css2?family=Bona+Nova:ital,wght@0,400;0,700;1,400&family=Merriweather:wght@300;400;700;900&family=Montserrat:wght@100;200;300;400;500;600;700;800&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Flex:opsz,wght@8..144,100;8..144,200;8..144,300;8..144,400;8..144,500;8..144,600;8..144,700;8..144,800&family=Roboto:wght@100;300;400;500;700;900&family=Source+Sans+Pro:wght@200;300;400;600&family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap'); /* A1.1 */ /* A2 Deal with browser defaults and wonkiness*/ /* A2.1 */ html, body {margin: 0px; padding: 0} html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* A2.2 */ .punbb * {margin: 0px} /* A2.3 */ .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0; list-style: none; } /* A2.4 */ .punbb img { border:none} /* A2.5 */ .punbb .main table { table-layout: fixed; width: 100%; } /* A2.6 */ .checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;} /* A2.7 */ p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle} /* A3 Text setup*/ /* A3.1 */ body { font-size: 95.01%; } /* A3.2 */ .punbb { font: normal 70.75% verdana, arial; } /* 3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial; } /* A3.4 */ .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { font-size: px; } .punbb h1 { font-size: 0px; } /* A3.5 */ .punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 0em; } /* A3.6 */ .punbb pre { font: 11px/140% verdana, arial, sans-serif; } /* A3.7 */ .punbb address, .punbb em { font-style: normal } /* A3.8 */ .punbb .post-content em { font-style: italic; } /* A3.9 */ .punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; } /* A3.10 */ .punbb a { text-decoration: underline } /* A3.11 */ .punbb optgroup { font-weight: bold; } /* A4 Float clearing and hidden items*/ /* A4.1 */ #pun:after, .punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0; } /* A4.2 */ .acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 { font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden } /* A5 Basic page layout and borders*/ /* A5.1 */ #pun { margin: auto; width : 1010px; position: relative; float: top center; padding: 0px 0px 0px 0px; margin-top: 315px!important; } /* A5.2*/ .punbb { height: auto; width: 940px; margin-left: 35px; } /* A5.3 */ #pun-redirect, #pun-maint { margin: 50px 20% 12px 20%; width: auto; float: none; } #pun-redirect .main-title { font-size: 0em; } /* A5.4 */ .punbb .section, .punbb .main { margin-bottom: 1em; } /* A5.5 */ .punbb .category, .punbb .post { margin-top: 0.4em; } /* A5.6 */ .punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; } /* 5.7 */ #pun-post .topic { margin-top: 1em; } /* A5.8 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-style: none none solid none; border-width: 0px 0px 2px 0px } /* A5.9 */ .punbb .container { border-style: solid; border-width: 1px; } /*B - MAIN CONTENT - GENERAL*/ /* B1 Parsed Content, Signatures and Scroll Boxes*/ /* B1.1 */ .punbb .post-content { padding: 0; margin: 0; width: 100%; overflow: hidden; } /* B1.2 */ .punbb .post-sig dt { display: block; border-top: 1px solid #888; width: 250px; margin: 5px 0; } /* B1.3 */ .punbb .post-content p { margin: 0; /* padding: 0 20px 7px 25px; */ text-align: justify; line-height: 150%; } /* 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: auto; } /* B1.7 */ .punbb .post-content .scrollbox { width: 100%; } /* B1.8 цитата-код*/ .punbb .post-content .quote-box, .punbb .post-content .code-box { padding: 5px 7px 5px; margin: 15px 10px; color: #3c3c3c!important; font-size: 11px!important; border: 1px solid #afafaf; box-shadow: inset 0 0 0 1px #cdcdcc, inset 0 0 10px #aeaeae, 0 0px 3px #f1f1f1; background: radial-gradient(at top, #c7c7c7, #e3e3e3); min-height: 18px; } .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; padding: 6px 15px 5px; margin-bottom: 7px; font-size: 12px; font-family: tahoma; letter-spacing: 1px; text-transform: none!important; font-weight: 600; color: #383a5c; border-bottom: 1px solid #b0b0b0; box-shadow: 0 1px 1px #dfdfdf; } .punbb .quote-box p { margin-top: 1em!important; margin-bottom: 1em!important; } /* 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-weight: bold; } /* B3 Pagination and posting links */ /* B3.1 */ .punbb .linkst { float: left; position: relative; width: 100%; font-size: 11px; height: 0; } /* B3.2 */ .multipage { margin-top: 3em; } /* B3.3 */ .linkst .pagelink { position: absolute; top: -4em; left: 0.9em; width: 24em; font-family: 'arial'; } /* B3.4 */ .linkst .postlink { position: absolute; top: -4em; right: 1em; width: 16em; text-align: right; font-family: 'arial'; } /* B3.5 */ .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 11px; } /* B3.6 */ .linksb .pagelink { float: left; width: 24em; text-align: left; font-family: 'arial'; } /* B3.7 */ .linksb .postlink { float: right; font-family: 'arial'; } /* 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%; margin: -1em 0 0 0; } /* C1.3 */ .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 1em; } /* C1.4 */ .punbb fieldset { border-style: solid; border-width: 1px; padding: 0 18px 0 18px; margin: 0 0 1em 0 } /* C1.5 */ .punbb fieldset legend { font-size: 1.1em } /* C1.6 */ .punbb fieldset legend span { padding: 0 5px; margin: 0 0 0 15px; font-size: 11px; font-family: 'arial'; text-transform: lowercase; color: #56702e; } /* C1.7 */ .punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0 } /* C1.8 */ .punbb .fs-box { padding: 1em 0 0.8em 0; } /* C1.9 */ .punbb .fs-box p, .punbb .fs-box fieldset { padding: 0 0 0.8em 0 } /* C1.10 */ .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin-right: 1em; } /* C1.11 */ .punbb .inline .infofield { clear:both } /* C1.12 */ .punbb .datafield br { display: none } /* C1.13 */ .punbb .required label, .punbb .datafield span.input { font-weight: bold } /* C1.14 */ .punbb .datafield span.input a { font-weight: normal; } /* C1.15 */ .punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 12em 0 0; height: 100%; /* For IE */ } /* C1.16 */ .punbb textarea, .punbb .longinput input { width: 64%; margin: 0; } /* C1.17 */ .punbb .hashelp { position: relative; } /* C1.18 */ .punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%; } /* c1.19 */ .punbb #profile .helplinks { top: 1.5em; } /* C1.20 */ .punbb .helplinks span { display: block; padding-bottom: 0.2em; } /* C1.21 */ #pun-post .formal .info-box li { padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0; } /* C2 Table layout */ /* C2.1 */ /* скрыть верхнюю строчку табл */ #pun-index thead { opacity: 0; border: 0 none; height: 0; } #pun-index .category tr { border: 1px solid #787878; margin-bottom: 26px !important; padding: 10px 0 2px; display: block; } .punbb .main .tcl { overflow: hidden; text-align: left; font-family: 'arial'; width: 50%; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { background-color: transparent; text-align: center; font-family: arial; font-size: 0px; color: #cecece; display: none; } /* C2.3 */ .punbb .main .tcr { background-color: transparent; overflow: hidden; width: 35%; text-transform: uppercase; font-family: tahoma; font-size: 11px; } .punbb .main .tcr a { text-transform: lowercase; font-weight: bold; } /* C2.4 */ #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { background-color: transparent; width: 40% } /* C2.5 */ #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { background-color: transparent; text-align: center; width: 20%; } /* C2.6 */ #pun-debug table .tcl { background-color: transparent; width: 15%; white-space:normal; } /* C2.7 */ #pun-debug .tcr { background-color: transparent; width: 90%; white-space: normal; } /* C2.8 подфорумы*/ #pun-index .tcl h3 { margin: -32px -10px 0; background: #cfcfcf; padding: 0px 15px 0px 15px; font-size: 16px; text-transform: uppercase; position: absolute; font-family: arial; font-weight: 600; text-align: center; } .tcl h3 a { color: #787878!important; } .tcl h3 a:hover { color: #56702e!important; } #pun-index td div.tclcon { text-transform: lowercase; font-size: 12px; text-align: justify; font-family: Tahoma; color: #787878; margin: 0 0 0 15px; width: 470px; line-height: 20px; } .podflink a { color: #56702e!important; display: inline-block; left: -5px; position:relative; margin: 0 5px; transition: all 1s!important; font-family: arial; } .podflink a:hover { margin: 0 5px 0 15px; color: #35441f!important; } .podflink a::before { content: ""; padding: 0 px; margin: 0px 7px 2px 2px; background: #; position: absolute; height: 4px; width:4px; top: 9px; display: inline-block; border-radius: 50%; opacity: 0; transition: all .5s; } .podflink a:hover::before { background: #56702e!important; opacity: 1; left: -10px; } /* C2.9 */ .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } /* C2.10 */ .punbb td .modlist { display: block; padding-top: 0.3em } /* C2.11 */ .punbb .main td { border-style: solid none none solid; border-width: 1px 0 0 1px; padding: 0.8em 1em; } /* C2.12 */ .punbb .main th { border-style: none none none solid; border-width: 0 0 0 1px; font-size: 0!important; padding: 0.4em 1em 0.4em 1em; } /* C2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 0 } * html .tclcon {height: 1px} /* C2.14 */ .punbb td div.tclcon { } /* C2.15 */ .punbb div.icon { float: right; display: inline; width: 45px; height: 16px; margin: -16px 3px 0 0px!important; } /* C3 Topics */ #pun-title, #pun-navlinks { border-color: #; } /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3 { border-color: transparent; } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: transparent ; } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table { border-color: transparent; } /* CS2.5 */ .punbb th { border-color: transparent ; } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: #; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: transparent; } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: transparent ; } .punbb .divider { border-color: transparent; } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid transparent ; } li.pa-online { border-left-color: transparent ; } /* C3.1 */ .punbb .post .container { border-style: none solid solid solid; border-width: 1px; margin-top: -1px; padding-bottom: 1px; margin-left: -5px; } /* C3.2 */ .punbb .post h3 { border-style: solid solid none solid; border-width: 1px; } /* CS3.3 */ .punbb .post h3 span { padding: 0.5em 1em; display: block; font-weight: 100; font-size: 11px!important; font-family: tahoma; text-transform: lowercase; margin: 2px 0px 10px 250px; } /* C3.4*/ .punbb .post h3 strong { float: right; text-align: right; margin: 0 10px 0 0; display: block; font-weight: 100; font-size: 11px!important; font-family: tahoma; color: #464769!important; } /* C3.5 профиль*/ .punbb .post .post-author { float: left; width: 230px; margin: -26px 0 0 3px; text-align: center; padding-bottom: 10px; min-height: 118px; background: #c0c0c0; border: 2px solid #464769; box-shadow: inset 0 0 0 1px #d5d4d4, inset 0 0 15px #b5b5b5; } /* C3.6*/ .punbb .post .post-author ul, .punbb .post .post-author p { padding: 0 1em 1em 1em; line-height: 140%; } /* C3.7 имя*/ .pa-author { font-family: 'roboto'; width: 225px; font-size: 15px; text-align: center; margin: 15px 0 10px -10px; font-weight: 600; } .pa-author::before { content: " "; width: 25px; margin: 7px 0; left: 35px; position: absolute; border-bottom: 1px solid #464769; box-shadow: 0 1px 0 #dbdbdb; } .pa-author::after{ content: " "; width: 25px; margin: 7px 0; left: 240px; position: absolute; border-bottom: 1px solid #464769; box-shadow: 0 1px 0 #dbdbdb; } /* C3.8 */ .pa-author a { color: #56702e !important; } .pa-author a:hover { color: #787878!important } /* C3.9 */ li.pa-title { width: 200px; color: #141421; background: #c0c0c0; font-size: 8px; position: absolute; margin: 3px 0 5px 4px; font-family: 'Roboto'; text-transform: lowercase; } li.pa-online, li.pa-last-visit { font-size: 0px; font-family: 'arial'; margin: 15px 0 5px -10px; } /* C3.11 */ .punbb .post-body { margin-left: 20em; border-left-style: none; border-left-width: 0px; padding: 0 0 1px 0; } /* C3.12 */ .punbb .post-box { padding: 1em; margin: 0 10px 0 40px; padding-left: 2em; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em; } /* C3.14 */ .punbb .post-links { margin-left: 19em; border-left-style: solid; border-left-width: 1px; } /* C3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; background: transparent; text-align: right; } li.pl-delete a, li.pl-edit a, li.pl-quote a, li.pl-reports a, li.pl-email a { padding: 2px 7px; text-align: center; font-size: 10px!important; text-transform: lowercase; text-align: center; font-family: 'Roboto Condensed'; } li.pl-share a { display: none; } /* C3.16 */ .punbb .post-links li { display: inline; padding-left: 1em; } /* C3.17 */ .pl-email, .pl-website { float: left; } /* C3.18 */ .punbb .clearer { clear: both; height: 0; font-size: 0; } /* C4 Moderator menu */ /* C4.1 */ .punbb .modmenu .container { padding: 0.5em 1em; text-align: right; font-family: 'arial'; text-transform: lowercase; } /* C4.2 */ .punbb .modmenu strong, .punbb .modmenu a { font-size: 12px; height: 1.9em; line-height: 130%; } /* C4.3 */ .punbb .modmenu .container strong { float: left; } /* C4.4 */ .punbb .modmenu input { margin-left: 1em; } /* C5 Message boxes */ /* C5.1 */ .punbb .info .container { padding: 0.8em 1em } /* C5.2 */ .punbb .info .container .backlink { padding-top: 0.8em; } /* C6 Profile предпросмотр профиля*/ /* C6.1 */ #profile .container { padding-left: 18.6em; } /* C6.2 */ #profilenav { float: left; width: 14em; margin-left: -16.3em; display: inline; } /* C6.3 */ #profilenav li { padding-bottom: 0.8em; font-weight: bold; } /* C6.4 */ #viewprofile ul { border-style: solid; border-width: 1px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; background: #d4d27c; border: 1px solid #b9b756; box-shadow: inset 0 0 0 1px #eae889, inset 0 0 10px #f3f197, 0 0 10px #c2c064; } #profile-signature ul { box-shadow: none; background: none; border: none!important; outline: none; } #viewprofile a { color: #eef5d8 !important; text-shadow: 0 1px 1px #745f2a; } #profile-left #pa-edit a { font-family: ; font-weight: 100!important; text-transform: lowercase; } /* C6.5 */ /* оформление меню при редактировании */ #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; } #viewprofile h1 span { font-size: 10px!important; } /* 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: 10em; margin: 0 0 0 -13em; padding: 5px; font-weight: normal; } #profile-name strong { font-size: 14px!important; margin: 0 0px -10px 0; } #profile-left { width: 30%; } #profile-left li#profile-name strong { color: #eef5d8!important; text-shadow: 0 1px 1px #32050f; font-family: 'Montserrat'; font-weight: 100!important; font-size: 14px!important; } #profile-left li#profile-title strong, #profile-left li#pa-online strong, #profile-left li#pa-last-visit strong { font-family: 'Montserrat'; color: #3b2d0a; text-shadow: 0 1px 1px #f6f691; font-size: 10px; text-transform: lowercase; font-weight: 100!important; } #profile-left li img { box-shadow: 0 0 15px #eae889; margin: 15px 0; border: 1px solid #969443; } #profile-title strong { font-size: 9px!important; margin: 0 0px -10px 5px; text-transform: lowercase!important; } #profile-right li span { width: 155px; font-size: 11px; text-align: center; font-family: 'Roboto Condensed'; text-transform: lowercase; border-bottom: 1px solid #a6a434; } #profile-right li strong { text-align: left; margin: 0 0 5px 40px!important; font-family: 'Roboto Condensed'; color: #5e4c1f; text-shadow: 0 1px 1px #f6f691; } #viewprofile td {text-align: center;} /*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; background: url(https://forumstatic.ru/files/0011/57/96/52389.png); /* background: #8e021a; */ padding: 5px 0 4px; border: 1px solid #b9b752; box-shadow: 0 0px 3px #d6d672 inset, inset 0 0 0 1px #d1d16a; margin: 0 0 2px; } /* C6.11 */ .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em } /* C7 User list */ /* C7.1 */ #pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; } /* C7.2 */ #pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border-top: none; } /* C7.3 */ #pun-userlist .usertable table { border-style: solid; border-width: 1px; } /************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/ /* D1 Logo and description */ /* D1.1 */ #pun-title { margin: 0; border-style: none none none none; border-width: 1px 1px 0 1px; } /* D1.2 */ #pun-title h1 { display : block; height : 40px; padding: 2em 1em 0 1em; } /* D1.3 */ #pun-title .container { border-style: none none none none; } /* D1.4 */ #pun-title h1 span { font-size: 1.5em; } /* D1.4 */ #pun-title h1 span { display: none; } #pun-title h1 span { font-size: 1.5em; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: -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 навигация*/ #pun-navlinks { position: relative; margin: 1px 0 35px 0; left: 0; list-style: none; display: inline-block; width: 100%; } /* D3.2 */ #pun-navlinks .container { text-align: center; text-transform: uppercase; font-family: arial; font-size: 13px; font-weight: bold; text-shadow: none!important; } /* D.3 */ #pun-navlinks li { display: inline; padding-right: 1.6em; } /* D3.4 */ #pun-navlinks li a { color: #787878!important; } #pun-navlinks li a:hover { color: #56702e!important; } /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { width: 100%; height: 100%; top: -25px; position: relative; left: 0; list-style: none; display: inline; } #pun-ulinks .container { font-family: 'Roboto'; text-align: center; text-transform: lowercase; font-size: 10px; } /* D4.2 */ #pun-ulinks li, #pun-ulinks li a { white-space: nowrap; display: inline; } /* D4.3 */ #pun-ulinks li a { color: #56702e!important; padding: 0 7px 0 7px; } #pun-ulinks li a:hover{ opacity: .7 } /* D4.4 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; } /* D5 Welcome box and Top Breadcrumbs */ /* D5.1 */ #pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; margin-top: auto; } /* D5.2 привет гость*/ #pun-status .container { text-transform: uppercase; font-family: arial; text-align: right; position: relative; width: auto; top: 170px; left: -240px; width: 450px; font-size: 10px; padding: 15px 0 14px; position: absolute; transform: rotate(-90deg); color: #cecece; letter-spacing: .1em; } #pun-status .container .item1 { } #pun-status .container .item2 { } #pun-status .container .item5 {display: none;} #pun-status strong { font-weight: normal!important;} /* D5.3 */ #pun-status span { white-space: nowrap; margin-right: 0.5em; } #pun-status .status-right { float: right; display: none; } /* D5.4 */ #pun-crumbs1 { font-weight: bolder; overflow: hidden; margin: -25px 0 0; } /* D5.5 */ #pun-crumbs1 p.container { border-top: none; font-family: arial; color: #787878; font-size: 11px; height: 15px; letter-spacing: .1em; text-align: center; position: relative; text-transform: lowercase; } /* D5.6 */ #pun-break1 { margin: 0 1em; border-style: solid none; border-width: 1px 0; height: 0; margin: -2px 1em; position: relative; z-index: 1; } /* D6 Announcement */ /* D6.1 */ #pun-announcement h2 { margin: 0px 0px 0px 0; position: relative; } /* D6.2 */ #pun-announcement h2 span { display: block; padding: -35px 0 0px 0; } /* D6.3 */ #pun-announcement .container { width: 100%; height: auto; } /* D7 Statistics */ /* D7.1 */ #pun-stats .container { padding: 0.8em 1em; /* font-size: 12px; */ font-family: arial; border: 1px solid #787878; margin-top: 10px; } /* 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; text-align: justify; width: 100%; line-height: 150%; } /* D7.5 */ li#onlinelist div { border-top-style: solid; border-top-width: 1px; padding: 0.7em 0 0 0; } /* D8 Quick Jump - About - Bottom Breadcrumbs */ /* D8.1 */ #pun-qjump { margin: 0; border: none; width: 50%; position: relative; float: left; } /* D8.2 */ #pun-qjump .container { border: none; background: transparent; padding: 0.8em 1em; } /* D8.3 */ #pun-about { margin-top: 0; } /* D8.4 */ #pun-about .container { border-top-style: none; text-align: right; line-height: 100%; padding: 1.5em 1em; } /* D8.5 */ #pun-about p span { display: block; border-bottom: none; text-align: center; font-family: arial; text-transform: lowercase; position: relative; bottom: -57px; } /* D8.6 */ #pun-crumbs2 { font-weight: bold; overflow: hidden; margin-bottom: 0; border-bottom: none; } /* D8.7 */ #pun-crumbs2 .container { border-bottom: none; padding: 1px; text-align: center; font-size: 10px; letter-spacing: 1px; font-family: arial; } /* D8.8 */ #pun-break4 { margin: -3px 1em; border-style: solid none; border-width: 1px 0; position: relative; height: 0; z-index: 1; } /* D8.9 */ div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 0px; } /* D9 Help file */ /* D9.1 */ #pun-help .formal .info-box h3.legend { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em; } /* D9.2 */ #pun-help .formal .info-box h3.legend span { padding-bottom: 0.6em; display: block; border-bottom-style: solid; border-bottom-width: 1px; font-size: 1.1em; } /* D9.3 òåêñò ñòàòèñòèêè ðåãèñòðèðîâàííûõ*/ #pun-help .formal p, #pun-help .formal dd { margin-bottom: 1em } /* D9.4 òåêñò íèæíåé ñòàòèñòèêè*/ #pun-help .formal ul, #pun-help .formal dl { font-weight: bold; overflow: hidden; margin-top: 0; } /* D9.5 */ #pun-help .formal li { padding: 0; line-height: 130% } /* D9.6 */ #pun-help .formal li * { vertical-align: text-top } /* D9.7 */ #pun-help .formal dt span { font: 1.4em/120% verdana, monaco, "bitstream vera sans mono", "courier new", courier, monospace } /* D9.8 */ #pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode { padding-bottom: 0; } /* D9.9 */ #pun-index th.tcl {font-size:0%;} #pun-viewforum .forum thead { display: none; } .topic a.sharelink {display: none;} div#pun-live-rusff {display: none; } .lastedit { isplay: none;} /*прокрутка*/ ::-webkit-scrollbar-thumb:vertical { border: 1px solid #11072a; box-shadow: inset 0 0 0 1px #799459; background: #49582f; } ::-webkit-scrollbar-thumb:horizontal { border: 1px solid #b7a2bb; box-shadow: inset 0 0 0 1px #d6792a; background: #ff9817; } ::-webkit-scrollbar{ width: 8px; height: 7px; background: #11072a; } /* Скрываем Страницу поиска пользователей в Админке от модераторов*/ .gid2 #pun-adnav .item4,.gid2 #pun-admin_users #pun-admain1.adformal{display:none!important;} /* Tooltip */ .tooltip { position: relative; display: inline-block; } /* Tooltip text */ .tooltip .tooltiptext { visibility: hidden; width: 150px; height: 100px; overflow: hidden; /* color: #fff; */ text-align: center; /* padding: 5px 0; */ /* border-radius: 6px; */ margin: 15px 0 0 -90px; position: absolute; z-index: 1; } /* Show the tooltip text when you mouse over the tooltip container */ .tooltip:hover .tooltiptext { visibility: visible; }
пипка
<div class="knopka" style="position: absolute; top: -258px; left: 899px;">
<img src="https://forumupload.ru/uploads/001b/a7/11/2/391313.png"
onmouseover=src="https://forumupload.ru/uploads/001b/a7/11/2/438913.png"
onmouseout=src="https://forumupload.ru/uploads/001b/a7/11/2/391313.png" border=0 height=100%>
</div>