\\\
фейс синий с котом
Страница: 1
Сообщений 1 страница 5 из 5
Поделиться12024-04-02 21:36:12
Поделиться22024-04-02 21:36:55
- Автор: Shady Admin
- Администратор
- большой текстмаленький текстя не понимаю счастья и не ощущаю последствий.
- w-werewolf
- монеты: 666
- Сообщений: 40
- Уважение: +1
- посты: 100
хтмл верхКод:<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><center><br><font face="Times New Roman"><font color="#800000"><span style="font-size: 20pt">Скоро вернёмся...</font></font></span></center> </span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='index.php' /><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> <!-- Cчётчик Игровых постов --> <script type="text/javascript"> /*delete localStorage.alertsAMS_onCountCode;*/ /*************************** Настройки! ***************************/ FORUM._NUMpa_fld = 4; // Номер.Доп.поля, FORUM._color_fld = "inherit"; // Цвет шрифта, FORUM.includeFirstPost = 0; // 0 - не учитывать,1 - учитывать Первопост автора в игровых темах, FORUM.AddOrSlash = 0; //0 - Поле отдельно, 1 - через слешь c общ. числом сообщений, FORUM.Number_winners = [7,[30,32]]; // Начальное Число отображаемых юзеров в таблице и список форумов показа; FORUM.Subscription_Code = "f87f9524f52b3f15cd458b2bf2a95a906ca5a960"; //Код подписки!!; /**** НАСТРОЙКА Игровых локаций ****/ function ad_ (){/*!~!FORUM.ForArrAy = { //Форум //Темы (включаемые, или исключаемые) f32 :-[344], //Мы пишем историю f9 :-[0], //Вы пишете рассказ f43 :-[0], //Merry Christmas, Joy f48 :-[0], //Между прошлым и будущим f18 :-[0] //А если бы... //Последний элемент без запятой! } !~!*/}ad_ = ad_.toString().split('!~!')[1];//alert(ad_); </script> <script type="text/javascript" src="https://forumstatic.ru/files/0013/44/56/77707.js"></script> <style>.Form-Table{}.punbb .table_GamePosts tbody th{text-align: center;color:#fff} #pre_placement>a {top:3px;right:2px;}.punbb .GamePst{padding:0!important;} .punbb #profile-right li#pa-fld2 strong.GamePst2 {}</style> <!--//END Cчётчик Игровых постов © Deff--> <!---------------------------------ТАБЛИЦА В ШАПКЕ------------------------------> <!------------------ важные ссылки ------------> <div class="link"> <a href="http://faceinless.ru/viewtopic.php?id=9#p11">сюжет</a> <a href="http://faceinless.ru/viewtopic.php?id=65">путеводитель</a> <a href="http://faceinless.ru/viewtopic.php?id=66#p4840">роли & внешности </a> <a href="http://faceinless.ru/viewtopic.php?id=152">faq</a> <a href="http://faceinless.ru/viewtopic.php?id=10">бестиарий</a> <a href="http://faceinless.ru/viewtopic.php?id=7">сюжетные акции</a> </div> <!------------------ инфо о проекте ------------> <div class="info1"> THE VAMPIRE DIARIES × THE ORIGINALS X LEGACIES X 2018 </div> <!------------------ лучший пост ------------> <div class="bestpostname">лучший пост <a href="https://faceinless.ru/viewtopic.php?id=393#p85432">Trevor</a></div> <div class="bestpost"> Кому-то достаточно одного объятия для того, чтобы все понять. Мне уж точно было достаточно. Получил то, что в глубине души всегда знал. Просто захотелось убедиться практически. Для чего? Я еще тот мазохист и извращенец. По-другому, и быть не может. Столь древние существа как мы – уже давно не способны на нормальность. Кто-то это сходу признает, кому-то помогают принять эту истину. </div> <!------------------ лучший игрок ------------> <div class="bestplay">лучший игрок <a href="https://faceinless.ru/profile.php?id=3"> Aurora de Martel</a></div> <!------------------ лучший эпизод ------------> <div class="bestep">лучший эпизод <br><a href="https://faceinless.ru/viewtopic.php?id=605" title="Adriana & Jason">i just wanna have some fun with you</a> </div> <!------------------ активисты ------------> <div class="activep"> активисты флуда <br> <a href="https://faceinless.ru/profile.php?id=135">Alex</a> x <a href="https://faceinless.ru/profile.php?id=132"> Henrik</a> x <a href="https://faceinless.ru/profile.php?id=98"> Kayla</a> x <a href="https://faceinless.ru/profile.php?id=66">Cassie</a> </div> <!------------------ постописцы ------------> <div class="poster"> постописцы <br> <a href="https://faceinless.ru/profile.php?id=100"> Klaus</a> x <a href="https://faceinless.ru/profile.php?id=138"> Hope</a> x <a href="https://faceinless.ru/profile.php?id=130">Kat</a> x <a href="https://faceinless.ru/profile.php?id=91">Maud</a> </div> <!--выделить код. Alex_63 new.2019--> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script> <script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script> <script type="text/javascript">select_text.linkText = 'выделить [копируется сразу]' //текст ссылки</script> <!-- конец --> <!-— Отключение реакций --> <script> ReactionsPlugin.setConfig({ disable: true }); </script> <!-— Отключение модулей --> <script type="text/javascript"> RusffCore.sets.share = 0; // Отключить функцию "Поделиться" rusffLive.enable = false; // Отключить функцию "Это интересно" RusffCore.sets.use_awards = 0; // Отключить награды RusffCore.sets.files.button = false; // Отключить кнопку "Вложения" RusffCore.sets.graffiti = 0; // Отключение граффити RusffCore.sets.auth_methods = 0; // Убирает ссылки на соцсети при входе RusffCore.sets.show_reportBtn = 0; // Отключение кнопки жалоба RusffCore.sets.tags = 0; // Отключить функцию "Теги" ReactionsPlugin.setConfig({ disable: true }); </script> <!-- Смена аватара в топике (в HTML верх) © Deff, Alex_63 --> <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0015/c4/3f/67168.css" /> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/67169.js"></script> <!-- конец --> <!--// Быстроплюсы v.2 РЕНО by Deff //--> <script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js" addcomment="1"></script> <!--Скрытие профиля в теме тегом--> <script> FORUM.set('editor.addition.tags.hideprofile',{name:'Скрыть минипрофиль',onclick:function(){insert('[hideprofile]');}}); $().pun_mainReady(function(){$('.post-content p:contains("[hideprofile]")').html(function(){return $(this).html().replace(/\[hideprofile\]/gim,'')}).parents('.post').addClass('hideprofile')}); </script> <!-- Конец --> <!-- ВОССТАНОВЛЕНИЕ ПОСЛЕДНЕГО ПОСТА при утере by Человек-Шаман --> <script> $(document).ready(function() { $('#addition-area').append(function() { return $('<div>Восстановить последний пост</div>').click(restoreLastPost); }); function restoreLastPost() { $('#main-reply').val(localStorage.ReservePost); }; }); </script> <!--конец--> <!---------------------------- Быстрая смена аккаунта ----------------------------> <script type="text/javascript"> New_EXiT = 'https://forumstatic.ru/files/001a/f4/24/67452.png'; //Дополнительная Иконка выход; </script> <script data="357656" src="https://forumstatic.ru/files/0014/cc/0a/93129.js"></script> <!-- БЫСТРОЕ РЕДАКТИРОВАНИЕ ПОСТОВ © Alex_63 // V.3 --> <script src="https://forumstatic.ru/files/0015/c4/3f/97896.js"></script> <!-- КОММЕНТАРИИ К РЕПУТАЦИИ --> <script type="text/javascript"> if(FORUM.PartnerVote.toString().replace(/function\s*\(post_id,vote\)\s*/,"")==="{return true;}") FORUM.PartnerVote = function(post_id,vote){return false} </script> <script type="text/javascript"> RusffCore.sets.share = false; RusffCore.sets.show_reportBtn = 0; </script> <!---------------------------- лс----------------------------> <script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script> <!--/ Мгновенные уведомления © Alex_63, Deff 2019 /--> <link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" /> <style>.punbb #pun-main .pun-modal.unread-notifications .section h2{text-align:center!important}</style> <script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script> <script type="text/javascript"> notifications.token = '86c40b77b6a48c9457190510e92b2032162fa7f4'; // Forum token notifications.key = 'ove93sk013s7'; // Subscription key RusffCore.sets.notifications = false </script> <!--+ Мгновенные уведомления: подписки на форум/тему © Alex_63, 2019 --> <script>notifications.load('subscriptions');</script> <!--+ Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019 --> <script type="text/javascript"> notifications.load('common', {}); notifications.load('important', {topics: [58,130,9,65]}); // ID важных тем (через запятую) </script> <!-—+ Мгновенные уведомления: комментарии к репутации без переадресации Alex_63, 2019 --> <script>notifications.load('reputation');</script> <!--+ Мгновенные уведомления: упоминания © Alex_63, 2020 --> <script>notifications.load('mentions');</script> <!--// конец //--> <link rel="stylesheet" href="/files/001b/95/a1/11817.css"> <link rel="stylesheet" href="/files/001b/95/a1/96876.css">
Поделиться32024-04-02 21:37:11
- Автор: Shady Admin
- Администратор
- большой текстмаленький текстя не понимаю счастья и не ощущаю последствий.
- w-werewolf
- монеты: 666
- Сообщений: 40
- Уважение: +1
- посты: 100
хтмл низКод:<!----------------- хтмл в постах с допуском по группам © Alex_63 ---------------> <script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/94151.js"></script> <script type="text/javascript"> HTMLinPost.groups = [1,2,3,4,5,6,7,8,9,10,11,12]; // Группы, допущенные к вставке HTML в посты HTMLinPost.noAccess = []; // Пользователи с запретом вставки HTML в посты HTMLinPost.parseHTMLinPosts() </script> <!-------------------------- Кликабельность ника в постах гостя --------------------------> <script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script> <!---------------------------- навигация ----------------------------> <script type="text/javascript"> var itemMass = new Array("faceless", "coven", "search", "who're me?", "letters", "ams", "become cursed", "come back", "run away"); var itemIdMass = new Array("navindex", "navuserlist", "navsearch", "navprofile", "navpm", "navadmin", "navregister", "navlogin", "navlogout"); for(i=0; i<itemIdMass.length; i++){ if(document.getElementById(itemIdMass[i])){ var str = document.getElementById(itemIdMass[i]).firstChild.firstChild str.innerHTML=itemMass[i]; } } </script> <!--скрыть блок автора в сообщении--> <style> #pun-live-rusff, .hide-author .post-author, .hide-author .post-sig, .hide-author .pl-email, .hide-author .pl-delete, .hide-author .pl-quote, .hide-author h3 {display:none!important;} .hide-author .post-rating {margin-top:40px!important;position: relative; z-index:99!important;} #pun-viewtopic h1 {text-align:center;} .hide-author .post-links {position:relative;z-index:99!important; margin-top:-23px!important;margin-left:770px!important;} .hide-author .post-body, .hide-author .post-box{margin:0!important;padding:0!important;} </style> <script>$('.post abbr[title="hide-author"]').parents('.post').addClass('hide-author')</script> <!--конец--> <!------------------------------------------------ АВАТАРИЯ: ГОСТЮ, ПРИВЕТСТВИЕ, ОТОБРАЖЕНИЯ В ТЕМАХ Deff, Alex_63 ----> <script type="text/javascript"> var DefAvtr = 'https://i.imgur.com/hKt5Ry2.png'; //Ссылка на аватар по умолчанию var GuestAvtr = 'https://i.imgur.com/CsCDOp2.png'; //Ссылка на аватар для Гостя $('#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> <style>.avatar-image[style*="default_avatar.jpg"]{ background-image:url(АВ ССВЛКА)!important; }</style> <!--ТЕГ абзаца - [indent] --> <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> <!---------------------------- счетчик символов ----------------------------> <script>var a,L,epl=$("#main-reply"),str='<small id="plng" style=" font-size: 8px !important; margin: 0 20px 0 10px; font-family: tahoma; ">написано <b style=" font-family: tahoma; font-size: 13px;">00</b> символов</small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script> <!--кнопки вверх вниз--> <div class="go-up" id='ToTop'><img src="https://forumstatic.ru/files/001b/f0/c8/82372.png" border="0" /></div> <div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/001b/f0/c8/97975.png" border="0" /></div> <!--кнопки вверх вниз--> <script type="text/javascript"> $(function(){ if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow") else $("#ToTop").fadeIn("slow") }); if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow") else $("#OnBottom").fadeIn("slow") }); $("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")}) $("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")}) }); </script> <!-— новые сообщения --> <script type="text/javascript"> $('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>'); // поправка для нормального отображения профиля $('.post-author ul').append('<li class="end_check"></li>'); </script> <!-— Конец --> <!-------------------------- Пиар-вход --------------------------> <script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script> <script type="text/javascript"> PR.nick = 'pr'; //Ник PR-аккаунта PR.pass = '1111'; //Пароль PR-аккаунта PR.btn_text = 'PR-вход'; //Надпись на кнопке PR-входа(или ссылка на картинку); PR.set();</script> <!-- Мгновенный предпросмотр сообщения © Alex_63 --> <script type="text/javascript"> var PPREV = {}; PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты </script> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script> <!-- Кнопка отключения мгновенного предпросмотра --> <style>#togglePreview{float:right;margin-top:-17px}</style> <script type="text/javascript">(function (){ var a='Включить быстрый предпросмотр'; var b='Отключить быстрый предпросмотр'; var d='_PreviewToggle'; setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;} getCookiePPrev=function(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;} $('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').insertAfter('#post fieldset:last legend'); var x = ParseContent; window.togglePreview = function(sel){//alert(sel.value); if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return} if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return} }; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()}; }()) </script> <!-- запятая после ника --> <script type="text/javascript"> function to(username) {insert('[b]' + username + '[/b]' + ', ');} </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//-Разделение тем --> <!--обтекание изображения 2.4.4--> <script language="javascript"> $(function(){ $('td#button-link').before('<td id="floatbut" style=\'background-image:url("https://i.imgur.com/Sv4mpWV.png")\'></td>'); $('#floatbut, .vibor').click(function(){ $('div#float').toggle();}); }); elm=document.getElementsByTagName("div") for(x in elm) if(elm[x].className=="post-content") { post = elm[x].innerHTML; if(post.indexOf("[/float]") != -1) { floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>") }} </script> <div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20"> <div><strong>Направление обтекания</strong></div><br> <div align="center"> <img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left]', '[/float]')" /> <img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" /> </div></div> <!---------------------------- выравнивание justify----------------------------> <script type="text/javascript"> if(form=document.getElementById("form-buttons")) form.getElementsByTagName("tr")[0].insertCell(8).innerHTML="<img src='/i/blank.gif' id='button-mybb' onclick=\"bbcode('[align=justify]', '[/align]');\"/>" </script> <!---------------------------- МАСКА ----------------------------> <script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script> <script> hvScriptSet.addMask({ guestAccess: ['Мы пишем историю', 'Вы пишете рассказ', 'А если бы...', 'Общение', 'Конкурсы', 'Дорогой дневник...', 'Завершенные сюжетные эпизоды'], forumAccessExtended: { 'Мы пишем историю': ['игроки'], 'Вы пишете рассказ': ['игроки'], 'А если бы...': ['игроки'], 'Общение': ['игроки', 'Пользователи'], 'Конкурсы': ['игроки'], 'Дорогой дневник...': ['игроки'], 'Завершенные сюжетные эпизоды': ['игроки'], }, changeList: { 'pafld2': { title: 'личное звание', description: '', tag: 'info', class: 'pa-fld2', defaultCode: '<div class="lzname"> <b>Имя Фамилия, возраст</b> </div> <div class="lztext">текст и <a href="http://faceinless.ru/">ссылка</a>. </div>', type: 'html' } }, userFields: ['pa-author', 'pa-title', 'pa-avatar item2', 'pa-fld1', 'pa-fld2', 'pa-fld3', 'pa-posts', 'pa-fld4', 'pa-respect'] }); </script> <!---------------------------- личная страничка ----------------------------> <style> .reveal-modal { display:none; visibility: visible; top: 100px; left: 50%; margin-left: -300px; width: 520px; position: fixed; z-index: 101; } </style> <div id="character" class="reveal-modal xlarge main container"> <div class='modal_wrap'></div> <a class="close-reveal-modal" onclick="$(this).parent().hide()">×</a> </div> <script type="text/javascript"> function showTab(elem){ $(".menu span").removeClass("tabactive"); $(elem).addClass("tabactive"); $("div.submenutext").hide(); var activeDiv = $(elem).attr("alt"); $("div."+activeDiv).fadeIn(); return false; } $(".modal-link").click(function() { var modId = $(this).attr('id'); $('.modal_wrap').html(''); $.get('/pages/'+modId, function (data){ $('.modal_wrap').html($(data).find('.character').html()).parent().show(); }); $(".submenutext").hide(); $(".submenutext:first").show(); }); </script> <!-- Регулировка размера шрифта в постах © Alex_63 --> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script> <div class="cop"> <a href="https://imagiart.ru/viewtopic.php?id=19438#p1326422">mrazeushadyprod.</a></div> <div class="ban"> <a href="https://imagiart.ru/" target="_blank"> <img src="https://i.imgur.com/h3ba1GC.gif" title="photoshop: Renaissance" border="0" alt="photoshop: Renaissance"></a><a href="https://soullove.ru" target=_blank> <img src="https://forumstatic.ru/files/000e/5d/50/31063.gif" border="0" alt="shadow souls"></a><a href="http://greenwich.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001b/b5/60/77478.png" border="0" alt="greenwich"></a> <a href="http://darkmatter.rusff.me/" title="TVD DARK MATTER" target="_blank"><img src="https://i.imgur.com/sWcM3uJ.gif"></a> <a href="http://wearethefuture.rusff.me/" title="REVOLT"><img src="http://i.imgur.com/3fj04bc.gif"></a><a href="https://labardon.rusff.me" target=_blank title="Labardon: disillusionment of unity"><img src="https://i.ibb.co/7vC8mL2/image.gif" border="0"alt="labardon" width=88 height=31></a><a href="http://newadventure.rusff.me/"><img src="https://forumstatic.ru/files/0014/ed/19/40119.png"></a><a href="https://thedome.rusff.me/" target="_blank"><img src='https://i.imgur.com/qEqiky1.jpg' title="Город, из которого нет выхода" /></a><a href="https://bostoncrazzy.rusff.me/" target="blank"><img src="https://i.imgur.com/MjPg7nE.gif" title="BOSTON"></a><a href="https://darksymphony.f-rpg.me/" title="Явь, Сны и Магия: Dark symphony"><img src="https://forumupload.ru/uploads/001b/d5/58/2/217166.gif"></a><a href="https://verbaveritatis.rusff.me" title="Верба"><img src="https://forumupload.ru/uploads/001b/aa/c9/2/785234.png"></a><a href="https://arhi.rusff.me/" target="_blank" title="Аркхейм: авторский мир, фэнтези, рисованные внешности"><img src="https://forumstatic.ru/files/001b/8c/87/29818.png" width="88" height="31"/></a> <a href="http://nostresscross.rusff.me/" target="_blank"> <img src="https://i.imgur.com/xnkEbfi.gif" title="no stress cross"></a><a href="https://miamiclub.ru" target="_blank"> <img src="https://forumstatic.ru/files/001b/fb/fb/50003.gif" title="MIAMI CLUB" border="0" alt="MIAMI CLUB"></a></a><a href="https://drinkbutterbeer.rusff.me" target="_blank"><img src="https://forumupload.ru/uploads/001a/2e/af/7/894083.png" title="у нас наливают"></a><a href="http://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://forumstatic.ru/files/001b/0f/ee/83990.jpg" border="0"/></a> <a href="https://morsmordremortis.rusff.me" target="_blank"> <img src="https://forumupload.ru/uploads/001b/b9/c5/4/598723.gif" title="MORSMORDRE: MORTIS REQUIEM" border="0" alt="MORSMORDRE: MORTIS REQUIEM"></a> <a href="http://aluvio.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001b/9d/5d/18464.png" title="alluvio maris"></a><<a href="http://prophecy.rolbb.me"><IMG alt=" Magic War. Prophecy" src="https://forumupload.ru/uploads/001b/e6/91/2/894168.jpg" border ></a><a href="http://shlexmalalexnulla.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001b/91/87/45101.png" border="0" width="88" height="31" title="LEX MALA LEX NULLA"></a> <a target="_blank" href="https://seattle.f-rpg.me/" title="Seattle: городское фэнтези"><img src="https://forumstatic.ru/files/001b/f4/a2/90015.png" width="88px" border="0"></a><a href="https://tma.f-rpg.me/" title="The morning after" target="_blank"><img src="https://forumupload.ru/uploads/001b/f6/17/2/586749.gif"></a><a href="https://hpa.magicrpg.ru" class="tip" title="Форумная ролевая игра по мотивам мира Дж.Роулинг Гарри Поттер с авторским сюжетом" target="_blank"><img src="https://forumstatic.ru/files/001b/f4/b7/88399.gif"></a><a href="https://pulseofny.rusff.me/" target="_blank"><img src= "https://forumstatic.ru/files/0012/8f/f4/96939.gif " title="PULSE. Зомби-апокалипсис. Нью-Йорк 2024"/></a> <a href="https://karma.f-rpg.me/" target="_blank"><img src="https://forumupload.ru/uploads/0013/26/8a/4/813808.png" title="karma cross" border="0" width="88" height="31"></a> </div> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(96542288, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/96542288" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->
Поделиться42024-04-02 21:37:36
- Автор: Shady Admin
- Администратор
- большой текстмаленький текстя не понимаю счастья и не ощущаю последствий.
- w-werewolf
- монеты: 666
- Сообщений: 40
- Уважение: +1
- посты: 100
стильКод:/************************************************************* Основа css by shady. **************************************************************/ /* ПОДГРУЗКА ШРИФТОВ -------------------------------------------------------------*/ /* базовые шрифты - поддержка кириллицы -------------------------------------------------------------*/ @import url(style_cs.css); @import url('https://forumstatic.ru/files/001b/6e/df/58432.css'); @import url('https://forumstatic.ru/files/0018/25/96/61263.css'); @font-face { font-family: POIRETONE-REGULAR; src: url('https://forumstatic.ru/files/001b/f0/c8/46727.ttf?v=1');} @font-face {font-family: tahoma; src: url('https://forumstatic.ru/files/001b/11/27/69819.ttf?v=1');} @font-face { font-family: YESEVAONE; src: url('https://forumstatic.ru/files/001b/11/27/49269.otf?v=1');} @font-face { font-family: Koloman Modern; src: url('https://forumstatic.ru/files/001b/6e/df/58872.ttf');} @font-face { font-family: Alter Biom; src: url('https://forumstatic.ru/files/001b/b9/c5/65163.otf?v=1');} @font-face { font-family: Vogue Highline serif; src: url('https://forumstatic.ru/files/001b/6e/df/10841.otf');} /* шрифт для адвент календаря */ @font-face { font-family: Delicate; src: url('https://forumstatic.ru/files/001b/dd/85/40872.otf');} /* ROOT -------------------------------------------------------------*/ :root { --h1-font: 13px "POIRETONE-REGULAR"; /* шрифт и размер заглавного текста */ --body-font: 10px "tahoma"; /* шрифт основного текста */ --backcol: #c2c4bb; /* цвет подложки выпадающих меню */ --forcol: #8787871c; /* цвет подложки в цитатах*/ --link: #5b5851; /* цвет основных ссылок */ --hovlink: #714036; /* цвет ссылок при наведении */ --doplink: #7b94b6; /* цвет дополнительных ссылок */ --t-body: #5b5851; /*цвет основного текста */ --doptext: #726255; /*цвет дополнительного текста */ --proftext: #595858; /*цвет текста в профиле */ --bordin: 1px solid #afa8a4; /*цвет рамок форм */ --headtext: #7b94b6; /*цвет текста в шапке */ --headhov: #745c4f; /* цвет ссылок в шапке при наведении */ } /* ОСНОВНЫЕ ШРИФТЫ ФОРУМА -------------------------------------------------------------*/ /* основной шрифт текста форума */ body { font: 11px "verdana";} h1, h2 { font: 12px "POIRETONE-REGULAR"; font-weight: normal;} /* шрифты поля ввода*/ textarea, input, select, optgroup { font: 11px verdana;} /*шрифт в поле кода */ .punbb pre { font: 10px verdana; } /* ЦВЕТ ТЕКСТА БОЛЬШИНСТВА ЭЛЕМЕНТОВ НА ФОРУМЕ -------------------------------------------------------------*/ .section .container, .post-body, .post-links, .punbb td.tc2, .punbb td.tc3, .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .info-box, #pun-main .info-box .legend, .main .container, .post .container, .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .post h3 span, .punbb th, #viewprofile li, #setmods dl { color: #5b5851; } /* ЦВЕТ ТЕКСТА ПОСТОВ -------------------------------------------------------------*/ .post-box { color: #4a3a32; } /* ЦВЕТ ДЕЖУРНОГО ТЕКСТА (тему просматривают, страницы и т.д.) -------------------------------------------------------------*/ .linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb { text-transform: uppercase; color: var(--t-body); letter-spacing: 0.5px; font: var(--body-font); font-size: 9px; font-weight: bolder; } /* ЦВЕТ ССЫЛОК НА ФОРУМЕ -------------------------------------------------------------*/ .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { text-decoration: none; transition: color 0.3s ease-in-out; color: #5b5851; font-weight: 600; } /* ЦВЕТ ССЫЛОК НА ФОРУМЕ ПРИ НАВЕДЕНИИ -------------------------------------------------------------*/ .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: #714036; } /* ТАБЛИЦЫ -------------------------------------------------------------*/ /* стили таблиц */ .main table { table-layout: fixed; width: 100%; } #messages > fieldset > div > div > table, #rep_form > table {width: 100%;} /* отступы в ячейках */ .main td { padding: 5px 10px; } th { padding: 0!important; font-size: 0px!important; } /* ширина подфорума */ .main .tcl { text-align: left; width: 55%; text-transform: lowercase; } #pun-index .tcl { text-align: left; width: 60%; } /* ширина ячеек */ .tc2, .tc3, .tcmod { text-align: center; width: 5%; } /* ширина последнего сообщения */ .tcr { text-align: left; width: 30%; line-height: 20px!important; text-transform: lowercase; } /* ширина в поиске/модерировании */ #pun-userlist .tcl, #pun-searchtopics .tcl, #pun-modviewforum .tcl { width: 40% } #pun-userlist .tc2, #pun-searchtopics .tc2 { text-align: left; width: 20%; } /*дебаг */ #pun-debug table .tcl { width: 15%; white-space:normal; } #pun-debug .tcr { width: 90%; white-space: normal; } /* расположение последней активной темы */ #pun-index .tcr { width: 40%!important; text-align: left; line-height: 11px!important; font: var(--body-font); text-transform: uppercase; color: var(--t-body); font-size: 8px; font-weight: bolder; } /* последняя активная тема в подфоруме */ #pun-index .tcr a { text-transform: uppercase; font: var(--h1-font); font-weight: bolder; } /* количество тем и сообщений в подфоруме */ #pun-index .tc2, #pun-index .tc3 { width: 5%; display: none; } /* НАВИГАЦИЯ ПО ФОРУМУ СВЕРХУ -------------------------------------------------------------*/ /* расположение*/ #pun-navlinks { top: 40px!important; position: relative; text-align: center;} #pun-navlinks .container { padding: 0px; margin: 0;} #pun-navlinks li { display: inline; } /* вид ссылок */ #pun-navlinks li a { color: var(--link); text-transform: uppercase; padding-right: 7px; font: var(--h1-font); font-size: 16px; font-weight: bolder; } /* вид ссылок навигации при наведении */ #pun-navlinks li a:hover { color: var(--hovlink); } /* ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ -------------------------------------------------------------*/ /*расположение */ #pun-ulinks { text-align: center; position: relative; top: 60px; } #pun-ulinks .container { padding: 0!important; margin: 0px;} #pun-ulinks li, #pun-ulinks li a { display: inline;} /* цвет ссылок */ #pun-ulinks a { transition: all 0.5s linear 0s; text-transform: lowercase; padding-right: 10px; color: var(--link); font: var(--body-font);} /* цвет ссылок при наведении */ #pun-ulinks a:hover { color: var(--hovlink);} /* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ И СНИЗУ -------------------------------------------------------------*/ /* расположение сверху */ #pun-crumbs1 { margin-top: 100px !important; margin-bottom: -60px;} /* расположение снизу */ #pun-crumbs2 { margin-top: 0px; } /* общий внешний вид */ #pun-crumbs1, #pun-crumbs2 { font: var(--h1-font); text-align: center; text-transform: uppercase; font-weight: bolder; color: var(--t-body); } /* цвета ссылок */ #pun-crumbs2 a, #pun-crumbs1 a {font-weight: bold; } /* цвет ссылок при наведении */ #pun-crumbs2 a:hover, #pun-crumbs1 a:hover {font-weight: bold; color: var(--hovlink);} /* СТРОКА ПРИВЕТСТВИЯ -------------------------------------------------------------*/ /* расположение */ #pun-status { position: absolute; text-align: center; top: 85px; width: 990px; } /* внешний вид */ #pun-status .container { color: var(--t-body); font: var(--body-font); text-transform: lowercase;} #pun-status strong { font-weight: normal; } #pun-status span { margin-right: 5px; } #pun-status .status-right { float: none!important; } /* цвет ссылки */ #pun-status a { color: var(--t-body); font-weight: normal;} /* ТЕМЫ -------------------------------------------------------------*/ /* весь пост */ .post .container { margin-top: 30px; } /* разделитель между сообщения*/ .post h3 { width: 710px; margin: 35px 0px -10px 270px !important; padding: 5px; box-sizing: border-box; height: 18px; line-height: 10px; background: var(--forcol); border: var(--bordin); } /* текст внутри разделителя */ .post h3 span { display: block; text-transform: uppercase; letter-spacing: 0.5px; color: var(--t-body); font: var(--body-font); font-size: 8px!important; line-height: 7px; } /* ссылка внутри разделителя */ .post h3 a { font-size: 8px!important; color: var(--t-body)!important;} /* номер поста */ .post h3 strong { float: right; text-align: right; font-weight: normal; margin-right: 10px; } /* расположение профиля */ .post .post-author { float: left; min-height: 265px!important; } /* пост и отступы в посте */ .post-body { margin-left: 260px; } .post-box { padding: 15px 15px 0px; } /* выравнивание текста поста */ .post-content { width: 100%; overflow: hidden; text-align: justify; } /* абзацы постов */ .post-content p { padding: 0; line-height: 150%;} .post-content {} /* ссылки в посте */ .post-links a { } .post-links li { display: inline; padding-left: 5px; } .post-links ul { padding: 0px 10px 0px 22px; text-align: right; } .pl-email, .pl-website { float: left; } .clearer { clear: both; height: 0; font-size: 0; } /* курсив и подчеркнутый текст внутри поста */ .post-content em {font-style: italic} .post-content em.bbuline {font-style: normal; text-decoration: underline;} /* картинки в постах */ .post-content img { vertical-align: text-bottom } .post-content img.postimg { vertical-align: middle; } /* таблицы в постах */ td { border-color: transparent; } .post-content td { padding: 0.4em 0.5em !important; overflow: hidden; } /* разделитель подписи в посте */ .post-sig dt, .post-sig dd, .post-sig dl {margin: 0} .post-sig dt { display: block; margin: 5px 0; border: 1px solid #b6b1a24f; width: 350px; margin: 0px 170px; } /* ФОРМЫ -------------------------------------------------------------*/ /* контейнер можно отключить */ .formal .container {padding: 15px 0px; } .punbb .formal fieldset {min-width:0; border: none;} .punbb .formal span.input {padding-right:0 !important} #post-form h2, #pun-announcement h2 { display:none;} /* местоположение кнопок отправить/посмотреть */ .formsubmit { margin: 10px 0px 10px 20px;} .formsubmit input, .formsubmit a, .formsubmit span { margin: 0; } /* инфо по заполнению */ fieldset { padding: 0 10px 0 20px;} fieldset legend { margin: 0 0px 10px 10px;} /* настройка текста */ fieldset legend span { text-transform: uppercase!important; } fieldset fieldset { border: none; margin: 0; padding: 0px 0px 5px; } .fs-box { padding: 0px; } .fs-box p, .punbb .fs-box fieldset { padding: 0px; } .inline .inputfield, .inline .selectfield, .inline .passfield { float: left; margin-right: 1em; } .inline .infofield { clear:both } .datafield br { display: none } .required label, .datafield span.input { font-weight: bold } textarea, .longinput input { width: 64%; margin: 0; } /* обводка активного поля */ input, textarea, button {outline:none;} input:active, textarea:active, button:active {outline:none;} .hashelp { position: relative; } /* чекбоксы */ .checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;} p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle; } /* страница переадресации */ #pun-redirect {padding: 14px;} #pun-redirect.punbb .info .container{ } /* поле ввода текста поста */ .punbb textarea { background-clip: padding-box; background: var(--forcol); padding: 18px 20px !important; width: 95% !important; color: #312726; border: solid 1px #826b5c38; border-radius: 5px; } /* поле ввода название темы */ .punbb select, input { background: var(--forcol); color: var(--fortext); margin-top: 5px; border: solid 1px #826b5c; border-radius: 3px; } /* перенос сообщений из темы */ .pun-modal .container { width: 100%!important; position: relative; border: none!important; padding-left: 0!important; padding-right: 0!important; background: var(--backcol); } /* пагинация -------------------------------------------------------------*/ /* страницы в подфоруме сверху */ .linkst { position: relative; height: 0; top: 0px; } .linkst .pagelink { margin-left: 25px;} .postlink.long { width: 300px; } .linkst .postlink { position: absolute; top: 0px; right: 20px; text-align: right; font: var(--h1-font); text-transform: uppercase; } /* страницы в подфоруме снизу*/ .linksb { text-align: right; padding: 0px 20px; position: relative; bottom: -5px;} .linksb .pagelink { width: 300px; text-align: left; } .linksb .postlink {float: right; font: var(--h1-font); text-transform: uppercase; } /* страницы в теме снизу*/ #pun-viewtopic .linksb { text-align: right; padding: 0px 25px; position: relative; bottom: -20px;} /* подписаться и отслеживать внутри темы */ .subscribelink { clear:both; padding-top: 10px; } /* меню модератора */ .modmenu .container { padding: 0px 25px; text-align: right; margin: 10px 0px 0px; } .modmenu strong, .modmenu a {height: 15px; padding-bottom: 10px; } .modmenu .container strong { float: left; } .modmenu input { margin-left: 1em; } /* КНОПКИ И ФОРМЫ ЗАПОЛНЕНИЯ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ*/ /* формы заполнения*/ .punbb select, .punbb option { text-transform: uppercase!important; line-height: 9px; font-size: 8px !important; padding: 2px 4px 4px;} .checkbox { width: auto !important;} .punbb option { background-color: var(--forcol);} /* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ -------------------------------------------------------------*/ input.button, #post fieldset .hashelp div input, button, #pun-admain input { background: var(--forcol); border-radius: 4px!important; border: 1px solid #46464638 !important; color: var(--t-body); padding: 5px 5px 3px!important; cursor: pointer!important; -webkit-transition: .5s all; -moz-transition: .5s all; -ms-transition: .5s all; -o-transition: .5s all; transition: .5s all; font: var(--h1-font)!important; letter-spacing: 0.5px; text-transform: uppercase; font-size: 8px!important; width: auto; font-weight: bolder!important; } /* при наведении */ input.button:hover, #post fieldset .hashelp div input:hover, button:hover { background: #8f67677a; cursor: pointer!important; } /* КОДЫ И ЦИТАТЫ -------------------------------------------------------------*/ /* расположение */ #pun-main table .quote-box, #pun-main table .code-box {margin: 5px 1px 5px} /* бокс под цитаты/код итд */ .scrollbox { width: 100%; overflow: auto; max-height: 200px; } blockquote {margin:0;} /* ВЫПАДАЮЩИЕ ОКНА ШРИФТОВ, РАЗМЕРА ТЕКСТА И ТД -------------------------------------------------------------*/ #color-area, #table-area, #keyboard-area {width:auto} #keyboard-area {text-align:center; padding-bottom:4px} #imageup-area {width:170px} #imageattach-area {width:770px; height:200px; padding:0px !important} #smilies-area, #video-area, #spoiler-area {width:450px} #image-area {width:550px} #color-area * {border:0} #color-area table {width:320px; height:20px; padding:0; margin:0} #table-area table {width:auto !important; padding:0; margin:0; border-collapse:collapse} #table-area div {margin-top:1em; text-align:center} #table-layout {margin-right:0.5em} #table-area td {background-color:#fff; width:20px; height:20px; border-width:1px !important; border-style:solid !important; border-color:#dadada !important} #table-area td.selected {background-color:#c8c8ff} #color-area td, #table-area td {margin:0; padding:0; line-height:0} #color-area td img, #table-area td img {width:20px; height:20px; cursor:pointer !important} #font-area span, #font-area img, #size-area span, #size-area img {display:block; position:relative; } #font-area span, #font-area img {height:15px} #size-area span, #size-area img {height:24px} #font-area span, #size-area span {padding:1px 0} #addition-area div {height:24px; vertical-align:middle} #font-area img {width:100%; margin-top:-15px} #size-area img {width:100%; margin-top:-24px} #keyboard-span {text-align:center; padding-bottom:10px; width:auto} #keyboard-span input {font-family:Arial, Helvetica, sans-serif; font-weight:300; font-size:13px; color:#666; background-color:#fff; margin:1px 1px 0 0; border:1px solid #ddd; cursor:pointer; height:25px; min-width:30px} #imageup-area input {font-size:0.8em} #imageup-area p {padding:0; margin:0} #imageup-title {margin-bottom:10px !important} #imageup-submit {margin-top:10px !important} /* настройки оформления */ #font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area, #video-area-msg, #smilies-area, #video-area, #spoiler-area, #float { padding: 15px 10px 10px 10px !important; background: var(--backcol); border-radius: 5px; color: var(--t-body); border: var(--bord); } #size-area {width: 50px; left: 15px;} #font-area span, #font-area img { height: 15px; } /* фон репутации */ .post_reputation { padding: 15px; background: var(--backcol);} #font-area { height: 160px; width: 130px; overflow-y: auto; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; left: 0px; } #font-area div { -webkit-flex-basis: 12em; flex-basis: 12em; -webkit-flex-grow: 1; flex-grow: 1; } #tags .container {position: absolute; top: 37px; z-index: 2; right: 50px;} /* мини аватар на главной -------------------------------------------------------------*/ .user-avatar { height: 35px!important; width: 35px!important; float: left!important; position: relative; margin: 0px 15px 10px 0!important;} .user-avatar .avatar-image { border: 2px solid; height: 35px!important; width: 35px!important; color: #382b2982!important; opacity: 0.85; background-position: center center; background-size: cover; background-repeat: no-repeat; filter: grayscale(0.5) brightness(0.9)!important; border-radius: 0!important;} .user-avatar .avatar-image span img { filter: grayscale(1)!important;} .user-avatar .isonline { width: 8px!important; height: 8px!important; border-radius: 50%; display: block; position: absolute; top: -4px!important; right: 30px!important; animation: blinkColor .9s linear infinite; -moz-animation: blinkColor .9s linear infinite; -webkit-animation: blinkColor .9s linear infinite; background: var(--hovlink)!important; z-index: 100; } .punbb .user-avatar a {padding:0!important; background:none transparent!important} .punbb .user-avatar a::after {content:none!important} .punbb .user-avatar .avatar-image:hover {opacity:1} @keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}} @-moz-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}} @-webkit-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}} #pun-viewforum .user-avatar { float: left!important; position: relative; height: 30px!important; width: 30px!important; margin: 0px 10px 0px 0px!important; } #pun-messages .user-avatar {float: right!important; position: relative; height: 30px!important; width: 30px!important; margin: 0px 10px 0px 0px!important; } #pun-viewforum .user-avatar .avatar-image, #pun-messages .user-avatar .avatar-image { border: 1px solid!important; height: 30px !important; width: 30px !important; opacity: 0.65; background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; filter: grayscale(0.5); border-radius: 0!important;} #pun-viewforum .user-avatar .isonline { width: 5px!important; height: 5px!important; border-radius: 50%; display: block; position: absolute; top: -1px!important; right: 30px!important; animation: blinkColor .9s linear infinite; -moz-animation: blinkColor .9s linear infinite; -webkit-animation: blinkColor .9s linear infinite; background: var(--hovlink)!important; z-index: 100; } /* ПРОКРУТКА, ВЫДЕЛЕНИЕ, ВВЕРХ-ВНИЗ, БЕГУНОК УВЕЛИЧЕНИЯ ТЕКСТА -------------------------------------------------------------*/ /* выделенный текст */ ::selection { background: #3c3c3c; color: #745c4f;} /* ширина прокрутки */ ::-webkit-scrollbar { width: 4px; height: 4px;} /* движущаяся часть прокрутки */ ::-webkit-scrollbar-thumb { background-color: #4f3f38; } .blockcode .scrollbox::-webkit-scrollbar-thumb, #main-reply::-webkit-scrollbar-thumb, #tags .container::-webkit-scrollbar-thumb, #imageQueue::-webkit-scrollbar-thumb, #uploaded-images::-webkit-scrollbar-thumb, #mask_dialog .hv-form-block::-webkit-scrollbar-thumb, .punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-thumb, .hv-masks-storage::-webkit-scrollbar-thumb, #form-login #List-UserNames ul::-webkit-scrollbar-thumb, .pun-modal .container::-webkit-scrollbar-thumb, .unread-notifications #notifications-wrap::-webkit-scrollbar-thumb, #history_selected_version textarea::-webkit-scrollbar-thumb, .adinput textarea::-webkit-scrollbar-thumb, #post #wrapper div::-webkit-scrollbar-thumb, #post #wrapperBottom div::-webkit-scrollbar-thumb, .hvStickerPackModalContent::-webkit-scrollbar-thumb, .materielbag::-webkit-scrollbar-thumb, .banktt::-webkit-scrollbar-thumb { background-color: #8a837745; } /* подложка прокрутки */ ::-webkit-scrollbar-track { background-color: #13191e; } .blockcode .scrollbox::-webkit-scrollbar-track, #main-reply::-webkit-scrollbar-track, #tags .container::-webkit-scrollbar-track, #imageQueue::-webkit-scrollbar-track, #uploaded-images::-webkit-scrollbar-track, #mask_dialog .hv-form-block::-webkit-scrollbar-track, .punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-track, .hv-masks-storage::-webkit-scrollbar-track, #form-login #List-UserNames ul::-webkit-scrollbar-track, .pun-modal .container::-webkit-scrollbar-track, .unread-notifications #notifications-wrap::-webkit-scrollbar-track, #history_selected_version textarea::-webkit-scrollbar-track, .adinput textarea::-webkit-scrollbar-track, #post #wrapper div::-webkit-scrollbar-track, #post #wrapperBottom div::-webkit-scrollbar-track, .hvStickerPackModalContent::-webkit-scrollbar-track, .Select_Topics tbody::-webkit-scrollbar-track, .materielbag::-webkit-scrollbar-track, .banktt::-webkit-scrollbar-track { background-color: #8a837745; } /* ПРОФИЛЬ ПРИ НАСТРОЙКЕ + ЛИЧНЫЕ СООБЩЕНИЯ -------------------------------------------------------------*/ #profilenav h2 { } /* контейнер */ #profile .container { padding-left: 200px; } /* навигация */ #profilenav { float: left; width: 200px; margin-left: -180px; } /* отступы между строк в меню*/ #profilenav li { padding-bottom: 10px; font-weight: normal; } /* отступ в управлении */ #setmods dl {padding: 0 0 0 110px; } #setmods dt { float: left; width: 150px; margin-left: -190px; padding: 10px; font-weight: bold; display: inline; } #setmods dd { display: block; padding: 10px; font-weight: normal; } /*настройки списка */ #profilenav ul { padding: 0px; } /* заголовки в настройках профиля (у меня отключены) */ #viewprofile h2, #profilenav h2 { text-align: left; margin: 0px!important;} #viewprofile h2 span, #profilenav h2 span { font-size: 11px; text-align: center; } #profile-signature ul { border-style: none!important; margin: 0; padding: 10px; } /* ПРОФИЛЬ в ПРЕДПРОСМОТРЕ -------------------------------------------------------------*/ #viewprofile ul { padding: 0px 25px; position: relative; } #viewprofile li { } #viewprofile li span {float: left; width: 150px; padding: 5px 10px; font-weight: bold; } #viewprofile li strong, #viewprofile li div { display: block; padding: 7px 10px; font-weight: normal; } #profile-left { width: 25%; padding-top:0 !important;} #profile-right {width: 75%} #profile-name strong {} #profile-left strong {font-weight:bold!important;} #profile-signature {padding:10px;} #viewprofile .lzname, #viewprofile .lztext { background: transparent; text-align: left; width: auto; border: none; outline: none; margin: 0!important; padding: 0px!important; padding-bottom: 2px!important; text-shadow: none; font-weight: normal!important; } /* ОСНОВНЫЕ НАСТРОЙКИ. НЕ ТРЕБУЮТ ИЗМЕНЕНИЙ -------------------------------------------------------------*/ * html .tclcon {height: 1px} html, body {min-width: 1000px!important;} /* отключить прокрутку снизу */ body {overflow-x: hidden} /* отступы по умолчанию у тела */ body {margin: 0; padding:0;} /* элементы списка */ ul, dl, li, dd, dt { list-style: none; } /* убрать курсив с текста везде кроме поста */ address, em {font-style: normal;} /* убрать подчеркивание с ссылок */ a { text-decoration: none; } /* скрытые элементы */ #pun:after, .punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after, #pun-title h1 span, #pun-main h1, #pun-debug h2 { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0; } .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, #navawards a span { font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden } #pun-ulinks .item5, .modlist, .topic a.sharelink, li.pa-ua, .pa-author imgб li#navawards, .lastedit, .pa-gifts, div#pun-live-rusff { display:none;} /* информация при регистрации */ .info-box {padding: 0 30px; margin: 0 0 10px 0; } .info-box * { padding: 0; } #pun-main .info-box .legend { font-weight: bold; } /* СКОПИРОВАНО ИЗ ЭКСТРЫ -------------------------------------------------------------*/ #poll-special table.poll1 {width:auto} #poll-special td {border:0} .punbb .post-content img.postimg {max-width:100%; margin:0.4em 0} #poll-special td {text-align:left !important; cursor:default !important} #poll-special td.tac {text-align:center !important} #poll-special td.tar {text-align:right !important} #form-buttons table, .punbb .formal textarea {width:100%} #form-buttons td {padding:0 !important; line-height:0; background-position:center; background-repeat:no-repeat; border:0; cursor:pointer;} #form-buttons td img {height:26px; width:100%} #form-buttons tr {text-align: center;} td#button-font {background:url('/i/form_buttons.3.png') no-repeat 50% 5px} td#button-size {background:url('/i/form_buttons.3.png') no-repeat 50% -21px} td#button-bold {background:url('/i/form_buttons.3.png') no-repeat 50% -47px} td#button-italic {background:url('/i/form_buttons.3.png') no-repeat 50% -73px} td#button-underline {background:url('/i/form_buttons.3.png') no-repeat 50% -99px} td#button-strike {background:url('/i/form_buttons.3.png') no-repeat 50% -125px} td#button-left {background:url('/i/form_buttons.3.png') no-repeat 50% -151px} td#button-center {background:url('/i/form_buttons.3.png') no-repeat 50% -177px} td#button-right {background:url('/i/form_buttons.3.png') no-repeat 50% -203px} td#button-link {background:url('/i/form_buttons.3.png') no-repeat 50% -229px} td#button-spoiler {background:url('/i/form_buttons.3.png') no-repeat 50% -255px} td#button-image {background:url('/i/form_buttons.3.png') no-repeat 50% -281px} td#button-video {background:url('/i/form_buttons.3.png') no-repeat 50% -307px} td#button-hide {background:url('/i/form_buttons.3.png') no-repeat 50% -333px} td#button-quote {background:url('/i/form_buttons.3.png') no-repeat 50% -359px} td#button-code {background:url('/i/form_buttons.3.png') no-repeat 50% -385px} td#button-color {background:url('/i/form_buttons.3.png') no-repeat 50% -411px} td#button-smile {background:url('/i/form_buttons.3.png') no-repeat 50% -437px} td#button-keyboard {background:url('/i/form_buttons.3.png') no-repeat 50% -463px} td#button-table {background:url('/i/form_buttons.3.png') no-repeat 50% -489px} td#button-addition {background:url('/i/form_buttons.3.png') no-repeat 50% -515px} #formkey, #formetc {display:none} #main-reply {width:100%} #pun-messages #post-form div.container {padding-left:2.3em} #similar-topics {margin-top:1em} #similar-topics div.container {padding-top:1.1em} #similar-topics td {border:0; padding:0} #similar-topics td.st-tcl {width:60%} #similar-topics td.st-tc2 {width:25%; padding-right:1em; text-align:right} #similar-topics td.st-tcr {width:15%; padding-right:1em; text-align:right} .postlink.long .new-topic {padding-right:12px} #pun-online .tcl.action {width:25%} #pun-index .isub .tcl {padding-left: 3em !important;} #pun-main #subforums {padding: 1em 0 1em 1em; margin-bottom: 5px;} /** подгрузка видео и картинок ---------------------------------------------------------------*/ #video-host-list {margin-top:.3em; line-height:1.8em} #video-area-tinp, #image-area-tinp {margin:.5em 0; padding:.3em; border:#66a solid 1px; height:70px} #video-area-msg, #image-source-list, #image-area-actions, #spoiler-sels {line-height:2em} p[class="checkfield"] img, div[class="checkfield"] img, fieldset[class="radiofield"] img {height:auto; max-height:50px} #image-area-tcon-computer {margin:0 0 1em} #image-area-tcon-computer td {border:none !important; padding:0} #imageupload-left {width:140px} #imageupload-right {padding-left:9px !important; background:transparent !important; max-width:380px} #image-area-actions {text-align:right} * html #imageQueue {height:expression( this.scrollHeight > 65 ? "66px" :"auto" )} /* sets max-height for IE */ * html #uploaded-images {height:expression( this.scrollHeight > 143 ? "144px" :"auto" )} #imageQueue {max-height:72px; overflow-y:auto; margin-bottom:10px} #uploaded-images {max-height:144px; overflow-y:auto} #uploaded-images img {width:88px; height:66px; border:1px solid; margin-right:4px; cursor:pointer} #upload-button-container, #image-width, #image-thumb-width, #image-insert-format, #insert-all-images-container {margin-top:10px} #image-source-list a, #image-area-actions a, #spoiler-sels a {margin-right:15px; cursor:pointer} #insert-image-tip {margin-top:10px} #upload-button-container img {cursor:pointer; width:120px; height:30px} #image_upload_input {position:absolute; z-index:-1; left:-9999px} #selected-image-width, #selected-thumb-width {width:6em} #imageupload-left input[type=button] {width:11em; text-align:center} #upload-button-container input[type=button] {font-weight:bold} #image-width, #image-thumb-width, #image-insert-format strong {font-size:.9em} .uploadQueueItem {padding:.8em 1em; border:solid 1px #ddd; border-radius:5px; margin-bottom:.5em; background:rgba(238,238,238,0.22)} .uploadQueueItem.error {border-color:rgba(255,0,0,0.25); background-color:rgba(255,0,0,0.08)} .uploadQueueItem .cancel {font-size:20px; font-weight:700; font-family:Arial; float:right; margin:-.25em 0 0} .uploadQueueItem .cancel a {text-decoration:none; color:#333!important} .uploadProgress {display:block; width:98%; height:3px; margin:2px 0 0; background:#ddd; position:relative} .uploadProgressBar {position:relative; background:#00adff; height:3px; width:.1%; transition:width .1s linear} /** подсказки и затемнение фона при всплывающих страницах ---------------------------------------------------------------*/ .tipsy {padding:5px; font-size:11px; font-family:tahoma,helvetica,verdana,arial; position:absolute; z-index:100000;} .tipsy-inner {padding:5px 8px 4px; background-color:black; color:white; max-width:200px; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px} .tipsy-arrow {position:absolute; width:0; height:0; border:solid 5px; border-color:transparent transparent black transparent} .tipsy-n .tipsy-arrow {top:0; left:50%; margin-left:-5px; border-top:0} .tipsy-nw .tipsy-arrow {top:0; left:11px !important; border-top:0} .tipsy-ne .tipsy-arrow {top:0; left:auto !important; right:11px; border-top:0} .tipsy-s .tipsy-arrow {bottom:0; left:50%; margin-left:-5px; border-color:black transparent transparent transparent; border-bottom:0} .tipsy-sw .tipsy-arrow {bottom:0; left:11px !important; border-color:black transparent transparent transparent; border-bottom:0} .tipsy-se .tipsy-arrow {bottom:0; left:auto !important; right:11px; border-color:black transparent transparent transparent; border-bottom:0} .tipsy-e .tipsy-arrow {top:50%; margin-top:-5px; left:auto !important;right:0; border-color:transparent transparent transparent black; border-right:0} .tipsy-w .tipsy-arrow {top:50%; margin-top:-5px; left:0 !important; border-color:transparent black transparent transparent; border-left:0} .jGrowl {z-index:9999; color:#fff; font-size:12px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; position:fixed} .jGrowl.top-left {left:0; top:0} .jGrowl.top-right {right:0; top:0} .jGrowl.bottom-left {left:0; bottom:0} .jGrowl.bottom-right {right:0; bottom:0} .jGrowl.center {top:0; width:50%; left:25%} .jGrowl.center .jGrowl-closer,.jGrowl.center .jGrowl-notification {margin-left:auto; margin-right:auto} .jGrowl-notification {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; text-align:left; display:none; border-radius:5px; min-height:40px} .jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff} .jGrowl-notification .jGrowl-header {font-weight:700; font-size:.85em} .jGrowl-notification .jGrowl-close {background-color:transparent; color:inherit; border:none; z-index:99; float:right; font-weight:700; font-size:1em; cursor:pointer} .jGrowl-closer {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; display:none; border-radius:5px; padding-top:4px; padding-bottom:4px; cursor:pointer; font-size:.9em; font-weight:700; text-align:center} .jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff} @media print {.jGrowl {display:none}} .pun-modal {position:fixed; width:100%; height:100%; top:0; left:0; bottom:0; z-index:100000} .pun-modal .modal-bg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); cursor:pointer; z-index:110000} .pun-modal .modal-inner {width:700px; max-width:94%; height:auto; max-height:44em; margin:12% auto 0; box-shadow:0 0 14px rgba(0,0,0,.3); position:relative; z-index:120000; overflow:hidden} .pun-modal h2,.pun-modal h1 {max-width:700px; margin:0!important} .pun-modal .container {padding:.6em 1em; max-height:40em; overflow:auto} .pun-modal .closer {position:absolute; font-size:1.5em!important; line-height:.8em; right:.4em; padding:.3em!important; margin:-.3em!important; cursor:pointer; background:none 0 transparent!important} .noscroll {overflow:hidden!important} .flag-i { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; margin-right: 1em; } .flag-i:before { content: '\00a0';} .social { background-image: url(/i/social.1.png); background-repeat: no-repeat; float: left; display: block; margin: 3px 5px; width: 16px; height: 16px; } .social-vkontakte { background-position: -130px 0;} .social-odnoklassniki { background-position: -78px 0;} .social-mailru { background-position: -52px 0;} .social-google { background-position: -26px 0;} .social-yandex { background-position: -156px 0;} /* СТРАНИЦА СООБЩЕНИЙ -------------------------------------------------------------*/ #pun-messages .post h3 { width: 750px!important; margin: 15px 0px 19px -23px!important; } #pun-messages .post-author { margin-left: -60px!important; } #pun-messages .post-author ul {} #pun-messages .post-body { margin-left: 265px; padding: 0px 0px 0px 10px;} #pun-messages .post-box { padding: 0em!important;} #pun-messages .post-content { width: 100%!important; overflow: hidden; text-align: justify;} #pun-messages .pa-posts, .pa-respect { margin: 0px; } #pun-messages .pmtcl1 { width: 35%!important; } #pun-messages td.tc2.pmtc22 { width: 45% !important; line-height: 35px; } #pun-messages .pmtc22 { width: 20% !important; } #pun-messages .pmtc33 { width: 16% !important; } #pun-messages .pmtc24 { width: 7% !important; padding: 0 !important; } /* ВНЕШНИЙ ВИД ПРОФИЛЯ ПРИ ПРОСМОТРЕ -------------------------------------------------------------*/ #viewprofile #profile-right li span { float: left; width: 140px; padding: 5px 10px; margin: 2px 20px 0px; font: var(--body-font); font-size: 8px; text-align: center; color: var(--t-body); border-radius: 5px; background: var(--forcol); border: var(--bordin); } #viewprofile #profile-left { width: 30%; padding-top: 0 !important; /* text-align: center; */ /* background: #aca48d; */ } .modlist { display: block; padding-top: 0.3em; display: none!important; } /*БыстроПлюсы для Топика!*/ .noNull:before { content: "+"; font-size: 9px; display: none; margin-left: -6px; margin-top: 0px; position: absolute; } div .post-rating p>a { text-align: center; outline: 1px solid transparent; font-weight: 700; background: url(https://forumstatic.ru/files/001b/f0/c8/95281.png?v=1) no-repeat center; position: relative; z-index: 100; width: 29px; padding-right: 2px; padding-top: 20px; height: 46px; text-align: center; font-size: 10px !important; display: inline-block; vertical-align: middle; line-height: 34px; color: #4f4c46; } div.dark-style .post-rating p>a { color: #6BC8AF !important; } div.post-vote { margin-bottom: 65px; } div.post-vote p>a { font-size: 0 !important; position: absolute; cursor: pointer; z-index: 200; width: 23px; height: 23px; background: url(https://forumstatic.ru/files/0012/d8/04/75043.png?) no-repeat; display: none!important; background-size: 100%; margin-left: 29px; margin-top: 42px; } .post.dark-style div.post-vote p>a { background: url(https://forumstatic.ru/files/0012/d8/04/38128.png?) no-repeat; background-size: 100%; } td.tcl.username { padding-left: 15px; padding-bottom: 10px; } .punbb .main .tcl { padding-left: 15px; } .punbb .main .tcr { padding-right: 15px; line-height: 35px; } .NoComments { display: none; } .post-content abbr { cursor: help; text-decoration: underline dashed; } #all_voters tbody { background: #edeee485!important; } /* ВСПЛЫВАЮЩАЯ ЛС -------------------------------------------------------------*/ .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,.8); z-index: 9999; display: none; top: 0; left: 0; } .reveal-modal.xlarge { width: 900px; margin-left: -440px;} .reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: -18px; right: -24px; color: #73647e; font-weight: bold; cursor: pointer; text-decoration: none; } /************************* Стиль для Быстрой смены аккаунтов Deff *************************/ /*Cкрытие формы входа без клика*/ #pun-navlinks a:not(.NextShow)+span.odd{ display:none!important; } #pun-navlinks a#New-exit { background: transparent!important; position:absolute; /*outline:red solid 1px;*/ display:inline-block!important; } #pun-navlinks #New-exit img{ position:absolute; margin-top: 7px; margin-left: 65px; width:20px; height:auto; opacity:.62; } #pun-navlinks #New-exit:hover{ opacity: .4; } /*Стиль доп-иконки Выход!*/ .punbb #pun-navlinks a#New-exit { position:absolute; z-index:100000!important; margin-top: 0px!important; margin-left: -30px!important; float:none!important; } .punbb #pun-navlinks a#New-exit:before { content:none; } .punbb #pun-navlinks #form-login input{ text-align: center; border: 1px solid #1f1f1f; text-rendering: auto; color: #000000!important; margin-top: 4px!important; margin-bottom: 3px!important; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block!important; text-align: center; width: 110px; background: #505050; font: normal normal 400 11px tahoma!important; } .punbb #form-login #fld1,#form-login #fld2{ background-color: rgba(244, 248, 252, .7); } .punbb #pun-navlinks #form-login input[type="submit"]{ margin: 13px 0 2px!important; font-size: 8px!important; color: #9b9b9b!important; background: #505050; border: 1px solid #1f1f1f!important; text-align: center; text-transform: uppercase; padding: 2px 4px; min-width: 110px; border-radius: 0px; font-family: tahoma!important; font-weight: 700!important; transition: all 0.5s ease-in-out 0s; cursor: pointer; } .punbb #pun-navlinks #form-login input[type="submit"]:hover{ opacity:0.6; } /*Стиль формы входа*/ .punbb #pun-navlinks #form-login { min-height: 183px; border: 1px solid #626262; border-radius: 0px 0px 6px 6px; color: #7a7a7a; display: block; font: 8px tahoma; background: rgb(40 40 40); border-color: #381207; left: 0px; padding: 8px 12px; margin: 1px 0; position: absolute !important; z-index: 20; text-align: center; word-spacing: normal; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.235); text-transform: uppercase; top: 6px; width: 135px; font-weight: bolder; z-index: 100000!important; } #pun-navlinks #navlogin #form-login { margin-left: -36px;/*Подвижки формы влево от вход*/ } #pun-navlinks #navlogout #form-login { margin-left: -36px;/*Подвижки формы влево от выход*/ } .ismoderator #pun-navlinks #navlogout #form-login { margin-left: -36px!important;/*Подвижки формы влево от выход для АМС*/ } /*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */ #pun-navlinks #form-login input[value="Войти"]+p{ margin-bottom: 11px; margin-top: 11px; } .punbb #pun-navlinks #form-login a.Rega, .punbb #pun-navlinks #form-login a.Forgot{ position:relative; text-transform: none!important; z-index:20; cursor:pointer; font: normal normal 200 10px/normal Roboto!important; letter-spacing: 0.4!important; display:inline; background: none!important; padding: 0 0 0 8px!important; color: #BCBCBC; text-shadow: 1px 1px 1px rgb(40, 52, 61); } .punbb #pun-navlinks #form-login a.Rega:before, .punbb #pun-navlinks #form-login a.Forgot:before{ content:none; } /* Помечаем красным незаполненные поля!*/ #form-login input.none{ outline:red dashed 2px!important; } /*Форма слева(с Никами) */ #List-UserNames { position: absolute; margin-top: -9px; min-height: 90px; width: 220px; right: 100%; padding: 12px 19px 12px 17px; background: rgb(40 40 40); border-color: #381207; border-style: solid; border-width: 1px 1px 1px 1px; border-radius: 0 0 0px 6px; text-align: center; /* box-shadow: inset 0.23em 0 3.4em rgba(20,20,11,.99);*/ } /*Стиль контейнера под список Ников*/ .punbb #List-UserNames ul{ padding: 0; overflow:hidden; overflow-y:auto; min-height:36px; max-height:72px;/*Видимое число Ников без прокрутки! сейчас - 4*/ } .punbb #List-UserNames li { display: block!important; position: relative; background: rgb(80 80 80); text-align: left; box-shadow: 1px 1px 1px rgb(19, 20, 15); padding-left: 5px!important; font: 9px tahoma!important; margin: 1px auto!important; padding: 2px 0; transition: .33s; } .punbb #List-UserNames li:hover{ opacity:.84; /*background:#83693E!important;*/ } /*Стиль Ников*/ .punbb #List-UserNames li>b{ cursor: pointer; color: #9b9b9b; } .punbb #List-UserNames li>b:hover{ opacity:.93; text-shadow:1px 1px 1px rgba(0,0,0,.6); } /*Скролл контейнера с никами*/ #List-UserNames ul::-webkit-scrollbar { width: 3px; height: 5px; } #List-UserNames ul::-webkit-scrollbar-track { background-color: #393A38; border: 0px solid #d7d8d9; box-shadow: none; } #List-UserNames ul::-webkit-scrollbar-thumb { background-color: #C0BFBD; border: 0px solid #d7d8d9; box-shadow: none; } /*Кнопки Удалить (правее ников)*/ #List-UserNames ul li>span { display:inline-block; padding:0 3px; position:absolute; opacity:.88; cursor:pointer; top:0;bottom:0; right:2px; color:#464646; font: normal normal 700 10.56px/normal Verdana; text-shadow:1px 1px 1px rgba(0,0,0,.6); } /*Текст при отсутствии запомненных Ников!*/ #List-UserNames ul:empty:before{ display:inline-block; content: "У Вас нет запомненных ников, введенных через форму справо, или через перенос ниже!"; } /*Кнопка выход-2*/ #navlogin #exit-2 { display:none; } #pun:not(.isguest) #navlogout .Rega, #pun:not(.isguest) #navlogout .Forgot { display:none!important; } /*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/ #List-UserNames ul+span{ display:inline-block; padding:6px 0 8px 0; text-align:left; font: normal normal 400 10.56px/normal Roboto; } /*Сам инпут*/ .punbb #List-UserNames input { border: 1px solid #1f1f1f!important; text-shadow: none!important; color: #333!important; background-color: rgb(86 86 86); font: 11px tahoma!important; padding: 2px !important; text-transform: uppercase; vertical-align: middle; } /*Стрелочки к инпуту*/ #List-UserNames ul+span b{ font: normal normal 400 13px/normal Verdana; padding:0 3px; color: #F9F4FC; } /*Кликалка слева, чуть выше инпута*/ #List-UserNames .a1-copy{ display:inline-block!important; cursor:pointer; float:left; } /*Кликалка справа*/ #List-UserNames .a1-paste{ cursor:pointer; display:inline-block!important; float:right; } /*Подсказки на кликалках*/ .tipsy.a11 { font: normal normal 400 11px/normal Roboto!important; margin-top:-22px!important; margin-left: 148px!important; max-width:170px; } /************************* //Конец Стиля для Быстрой смены аккаунтов *************************/ /*--------------------------адвент-----------------------------------*/ .advfon { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; /* кол-во столбцов*/ grid-template-rows: auto; /* кол-во рядов*/ gap: 15px; /*интервал между рядами и колонками */ padding: 20px; background: url(https://forumstatic.ru/files/001b/dd/85/98626.png); /* фон*/ border-radius: 5px; } .advfon nyslova { display: grid; font-size: 15px; font-family: Montserrat SemiBold; color: #00250f; grid-column-start: 1; grid-column-end: 5; background:url(https://forumstatic.ru/files/001b/dd/85/43805.png); box-shadow: 0px 0px 37px 6px rgb(241 234 115 / 23%); border-radius:15px; padding: 15px; } .advfon xmas { grid-column-start: 1; grid-column-end: 5; margin-left: auto; margin-right: auto; margin-bottom: 10px; margin-top: -50px; z-index: 999999; color: #ffe974; text-shadow: #ffd700d4 1px 0 10px; font-family: 'Delicate'; font-size: 85px; height: 70px; } .okno { background: linear-gradient(127deg, #efe299a3 30%, rgb(92 169 120 / 76%) 78%); padding: 10px; height: 200px; border-radius: 3px; box-sizing: border-box; display:grid; font-family: Montserrat SemiBold; font-size: 14px; } .okno close { display: flex; justify-content: center; align-items: center; margin: -10px; height: 200px; font-family: Montserrat SemiBold; font-size: 50px; color: #ffe974; background:url(https://forumstatic.ru/files/001b/dd/85/43805.png); font-family:Delicate; text-shadow: #ffd700 0px 0px 4px; } .lastokno1 { grid-column-start: 1; grid-column-end: 3; background: linear-gradient(127deg, #efe299a3 30%, rgb(92 169 120 / 76%) 78%); padding: 10px; height: 200px; border-radius: 3px; box-sizing: border-box; font-size: 14px; font-family: Montserrat SemiBold; } .lastokno2 { grid-column-start: 3; grid-column-end:5; background: linear-gradient(127deg, #efe299a3 30%, rgb(92 169 120 / 76%) 78%); padding: 10px; height: 200px; border-radius: 3px; box-sizing: border-box; font-size: 14px; font-family: Montserrat SemiBold; } .lastokno1 close, .lastokno2 close { font-family:Delicate; font-size: 50px; color: #ffe974; background:url(https://forumstatic.ru/files/001b/dd/85/43805.png); overflow: hidden; display: flex; justify-content: center; align-items: center; margin: -10px; height: 200px; text-shadow: #ffd700 0px 0px 4px; } .okno zadanie { border-bottom: thick double #0037199e; overflow-y: scroll; max-height: 140px; /* Ограничиваем высоту текста задания */ padding: 0px 5px 0px 0px; } .okno priz { padding:7px; max-height: 60px; } .okno zadanie, .okno priz { display: grid; grid-template-rows: 130px 1fr; /* Первая строка для задания, вторая для приза */ } .lastokno1 zadanie, .lastokno2 zadanie { border-bottom: thick double #0037199e; overflow-y: scroll; max-height: 140px; /* Ограничиваем высоту текста задания */ padding: 0px 5px 0px 0px; } .lastokno1 priz, .lastokno2 priz { padding:7px; max-height: 60px; text-align: center; } .lastokno2 zadanie, .lastokno2 priz, .lastokno1 zadanie, .lastokno1 priz{ display: grid; grid-template-rows: 130px 1fr; /* Первая строка для задания, вторая для приза */ } /*--------------------------адвент конец-----------------------------------*/
Поделиться52024-04-02 21:37:51
- Автор: Shady Admin
- Администратор
- большой текстмаленький текстя не понимаю счастья и не ощущаю последствий.
- w-werewolf
- монеты: 666
- Сообщений: 40
- Уважение: +1
- посты: 100
цветаКод:/* ТЕЛО */ #pun { position: relative; width: 1069px; margin: 300px auto 150px auto; background: repeat transparent url(https://forumstatic.ru/files/001b/f0/c8/81648.png); background-position: center; padding-top: 185px; padding-bottom: 50px; } /* КОНТЕНТА ВНУТРИ ТЕЛА */ .punbb { height: auto; width: 1069px; box-sizing: border-box; padding: 0px 40px; } .multipage { margin-top: 90px!important; } #pun-main { margin-top: 55px!important; } .adminmain { padding-left: 155px; margin-bottom: 6px; margin-top: 70px; } /* ЗАДНИЙ ФОН */ body { background: url(https://i.imgur.com/AQKqWRw.png) no-repeat fixed top center; background-size: cover; background-color: #161618; } /* шапка */ #pun-title { background: url(https://i.imgur.com/0dk1Rg3.png); margin-left: -79px; margin-bottom: -210px; margin-top: -485px; width: 1150px; height: 599px; } /* ФУТЕР */ #pun-about p.container { background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/001b/f0/c8/36195.png) no-repeat scroll bottom center; height: 142px; width: 1070px; margin-bottom: -165px; margin-left: -40px; margin-top: -30px; } /* РЕЙТИНГ */ #pun-about .container .item1 { margin-top: 25px; width: 1069px; position: absolute; font-family: 'tahoma'; font-size: 7px; text-align: center; text-transform: lowercase; } /* ПРОФИЛЬ */ .post-author { width: 306px; background: url(https://forumstatic.ru/files/001b/f0/c8/73670.png) top no-repeat, url(https://forumstatic.ru/files/001b/f0/c8/63303.png) bottom no-repeat, url(https://forumstatic.ru/files/001b/f0/c8/24938.png) repeat-y; margin-left: -51px!important; padding-bottom: 40px!important; margin-top: -10px; } .post-author ul { margin-top: 39px; width: 240px; padding: 0px 15px!important; box-sizing: border-box; margin-left: 40px; text-align: center; font: var(--body-font); color: var(--proftext); } /* НИК АВТОРА */ .pa-author {font: var(--h1-font); } .pa-author a {color: var(--hovlink)!important;} .pa-author a:hover {color: var(--link)!important;} /* СТАТУС */ .pa-title { margin-top: 40px; text-transform: lowercase; } /* АВАТАР ПОЛЬЗОВАТЕЛЯ */ .pa-avatar { margin-bottom: 5px !important; text-align: center; } .pa-avatar img { max-width: 180px; max-height: 180px; border: 1px solid #21130f!important; box-shadow: 0 0 2px #161515; } /* ПОЛЯ ПРОФИЛЯ */ .pa-fld5 { background: url(https://forumstatic.ru/files/001b/f0/c8/19852.png) no-repeat; width: 238px; height: 33px; font: var(--h1-font); color: var(--doptext); font-size: 15px; line-height: 29px; font-weight: bolder; margin-left: -13px; margin-top: 20px; margin-bottom: 20px; } .pa-fld1 { margin-left: -14px!important; background: url(https://forumstatic.ru/files/001b/f0/c8/18717.png) no-repeat; width: 238px; height: 47px; margin-top: 10px; } .pl0 { width: 237px; height: 46px; position: relative; } #pl1 { font: var(--h1-font); text-transform: lowercase; color: var(--doptext); font-size: 16px; font-weight: bold; text-align: center; position: relative; padding-top: 6px; text-shadow: 1px 1px black; } #pl2 { font: var(--body-font); color: var(--doptext); text-align: center; text-shadow: 1px 1px black; } #pl3 { margin-top: -55px!important; max-width: 30%; } /* лз */ .pa-fld2 { margin-bottom: 10px!important;} .lzname { font: var(--h1-font); font-size: 15px; text-transform: lowercase; text-shadow: 1px 1px black; margin-top: 10px!important; } .lzname a {} .lztext { font-size: 8px!important; text-transform: uppercase; text-align: justify; padding: 7px !important; background-color: #00000052; border: 1px solid #000000; outline: 1px solid #333333; margin-top: 10px!important; position: relative; line-height: 12px; text-shadow: 1px 1px black; } .lztext a { color: var(--doptext)!important; } .pa-fld2 a:hover {color: var(--hovlink)!important;} .lztext a:hover {color: var(--hovlink)!important;} /*посты */ li.pa-fld4 { font-family: 'Poiret One'; width: 95px; position: absolute; height: 39px; text-align: center; margin-left: 113px!important; margin-top: -61px!important; font-size: 36px; color: #595858; font-weight: bolder; background-color: #00000052; border: 1px solid #000000; outline: 1px solid #333333; padding: 10px 0px!important; } .pa-fld4 span {display:none} /* деньги */ .pa-fld3 { width: 90px; height: 10px; text-align: center; margin-bottom: 4px; padding: 3px 5px 3px 5px !important; font-size: 7px; text-transform: uppercase; text-shadow: 1px 1px black; background-color: #00000052; border: 1px solid #000000; outline: 1px solid #333333; font-weight: bolder;} li.pa-ua { margin-top: 0.7em; display: none!important; justify-content: center;} .pa-online {font-size: 7px;} #profilenav h2 { text-align: left !important; } /* ПОСТЫ, РЕПУТАЦИЯ */ .pa-posts { width: 90px; height: 10px; text-align: center; padding: 3px 5px 3px 5px !important; margin-bottom: 3px; font-size: 7px; text-transform: uppercase; text-shadow: 1px 1px black; background-color: #00000052; border: 1px solid #000000; outline: 1px solid #333333; font-weight: bolder; } .pa-respect { width: 90px; height: 10px; text-align: center; padding: 3px 5px 3px 5px !important; margin-bottom: 3px; font-size: 7px; text-transform: uppercase; text-shadow: 1px 1px black; background-color: #00000052; border: 1px solid #000000; outline: 1px solid #333333; font-weight: bolder; } .pa-respect a { color: var(--proftext)!important;} /* ОТОБРАЖЕНИЕ ПРИ ОТВЕТИТЬ */ #pun-post .pa-author { width: 244px !important; text-shadow: rgb(0 0 0) 1px 1px 0px; text-align: center; height: 100px; font-size: 12px!important; letter-spacing: 1px; font-family: Vogue Highline serif; font-weight: bold; color: #87694d!important; text-transform: uppercase; margin: 29px 5px 16px 59px!important; } /* АЙПИ */ .pa-ip { clear: both; color: #626262cf!important; font-size: 7px; margin-top: 10px!important; } .pa-awards { padding: 20px 0px 0px 0px!important; } /* ПОДФОРУМ */ #pun-index .category table {padding: 0px 0px 0px 10px;} #pun-index .hasicon tr { z-index: 1; width: 900px; position: relative; display: table; background: var(--forcol); margin-bottom: 20px !important; border: var(--bordin); margin-left: 35px; } #pun-index .tclcon { width: 580px; min-height: 35px!important; font-size: 7px; text-transform: uppercase; line-height: 12px; position: relative; text-align: justify; color: var(--t-body); letter-spacing: 0.1px; font-family: 'tahoma'; } #pun-index .tclcon a {} /* НАЗВАНИЕ */ #pun-index .tclcon h3 a { color: var(--t-body); display: block; margin-bottom: 10px; margin-left: 40px; position: relative; padding: 4px 0px 5px 40px; text-transform: uppercase; background: var(--forcol); width: 540px; height: 25px; font: var(--h1-font); font-size: 16px; box-sizing: border-box; font-weight: bolder; } #pun-index .tclcon a:hover { color: var(--hovlink);; } /* ССЫЛКИ */ #pun-index .tclcon span { display: block; font-weight: bold; } #pun-index .category .tc2, #pun-index .category .tc3, #f-subforums .tc2, #f-subforums .tc3 { display: none!important; } /* описание подфорумов и ссылки */ .f_desc_wrap { display: flex; justify-content: space-between; gap: 10px; /* отступ между блоком текста и блоком ссылок */ flex-direction: column; } .f_desc { flex: 0 0 1; width: auto /*ширина блока с текстом*/ } .f_links { flex: 0 0 auto; display: flex; flex-wrap: wrap; flex-direction: row; gap: 2px; width: 100% /*ширина блока ссылок*/; } .f_links a { background: var(--forcol); font: var(--h1-font); padding: 3px 20px 6px; flex: auto; line-height: 10px; text-transform: lowercase; text-align: center; display: flex; align-items: center; justify-content: center; border: var(--bordin); margin-right: 3px; box-sizing: border-box; transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s; } .f_links a:hover { letter-spacing: 1px} .Tems_And_messages { display: inline-block!important; width: auto; height: 25px; letter-spacing: 0.5px; font-size: 7px; text-transform: uppercase; color: var(--t-body); font-family: 'tahoma'; font-weight: bolder; } .main table .Add { display: block; padding: 0px; width: auto; position: absolute; top: 6px; right: 18px; } .Tems_And_messages .right { float: right!important; margin: 0 2px!important; } /* категории -------------------------------------------------------------*/ .category h2 span { display: block; background: url(https://forumstatic.ru/files/001b/f0/c8/49733.png) no-repeat; z-index: 1; color: var(--doptext); text-transform: lowercase; width: 1053px; height: 103px; box-sizing: border-box; margin-left: -39px!important; font: var(--body-font); text-align: center; font-size: 0px; } div#pun-category1 .catright::after { content: "«у нас проблема. и когда я говорю проблема, я подразумеваю глобальный кризис...» "; top: -95px; position: relative; font: var(--body-font); font-size: 7px; color: var(--t-body); letter-spacing: 1px; text-align: center; display: block; } div#pun-category2 .catright::after { content: "«семья — это не те, кто тебя балует и следует всякому твоему капризу. это те, кто сражается за тебя и за кого сражаешься ты»"; top: -95px; position: relative; font: var(--body-font); font-size: 7px; color: var(--t-body); letter-spacing: 1px; text-align: center; display: block; } div#pun-category3 .catright::after { content: "«и скажу по опыту, ненавидеть можно только то, что в иных обстоятельствах можно было полюбить» "; top: -95px; position: relative; font: var(--body-font); font-size: 7px; color: var(--t-body); letter-spacing: 1px; text-align: center; display: block; } div#pun-category4 .catright::after { content: "«когда ты теряешь кого-то, это чувство всегда остаётся с тобой, постоянно напоминая тебе, как легко можно пораниться» "; top: -95px; position: relative; font: var(--body-font); font-size: 7px; color: var(--t-body); letter-spacing: 1px; text-align: center; display: block; } div#pun-category5 .catright::after { content: "«за всю мою долгую жизнь, я пришёл к выводу, что мы навеки связаны с теми, кто с нами одной крови» "; top: -95px; position: relative; font: var(--body-font); font-size: 7px; color: var(--t-body); letter-spacing: 1px; text-align: center; display: block; } div#pun-category6 .catright::after { content: "«самопожертвование редко оправдывает ожидания тех, кто приносит себя в жертву» "; top: -95px; position: relative; font: var(--body-font); font-size: 7px; color: var(--t-body); letter-spacing: 1px; text-align: center; display: block; } div#pun-category7 .catright::after { content: "«когда чувства искренни, ты не можешь просто отвернуться»"; top: -95px; position: relative; font: var(--body-font); font-size: 7px; color: var(--t-body); letter-spacing: 1px; text-align: center; display: block; } /* СТАТИСТИКА -------------------------------------------------------------*/ #pun-stats h2 span {display: block; display: block; background: url(https://forumstatic.ru/files/001b/f0/c8/49733.png) no-repeat; z-index: 1; color: var(--doptext); text-transform: lowercase; width: 1053px; height: 103px; box-sizing: border-box; margin-left: -39px!important; font: var(--body-font); text-align: center; font-size: 0px; } #pun-stats h2 {} #pun-statistic .tc3 {width:15%;} #pun-statistic .tc-username {width:unset;text-align:left;} #pun-statistic .tc-title {width:25%;text-align:left;} #pun-statistic .tc-registered {width:20%;} #pun-statistic .tc-topic {width:50%;} /* оформление статистики */ #pun-stats { } /* оформление блока в статистике */ #pun-stats .container { position: relative; padding: 20px; box-sizing: border-box; margin-top: -30px;} #pun-stats .container span { font: var(--body-font); } #pun-stats .container span a { } #pun-stats .container strong { font: var(--body-font); } #pun-stats .container strong a { } /* вся инфа в 1 строчке */ #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 { color: var(--t-body); text-align: center; padding: 3px 10px 3px 10px; margin-right: 5px; display: inline-block; text-transform: lowercase; border-radius: 2px; background: var(--forcol); position: relative; left: 180px; margin-bottom: 20px; } /* активные пользователи */ li#onlinelist { margin-top: 10px; width: 100%; font: var(--body-font); color: var(--t-body); line-height: 15px; text-align: justify; text-transform: lowercase; } li#onlinelist a { } /*ИКОНКИ */ /* старые главная */ #pun-index table Div.icon { background-image: url(https://forumstatic.ru/files/001b/f0/c8/40176.png); background-repeat: no-repeat; border-style: none; display: block; height: 28px; margin-left: -2px; margin-top: -1px; width: 28px; z-index: 1; position: absolute; } /* новые главная */ #pun-index TR.inew Div.icon { background-image: url(https://forumstatic.ru/files/001b/f0/c8/73119.png); background-repeat: no-repeat; } /* старые */ #pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon { float: left; display: block; position: relative; margin: 3px 8px; width: 10px; height: 10px; background: var(--t-body); opacity: 0.3; border-radius: 50%; } /* новые */ #pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon { background: var(--doptext); opacity: 0.5; } /* важные */ #pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon { background: var(--doptext); opacity: 1; } /* закрытые*/ #pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon { background: var(--t-body); opacity: 1; } /* КНОПКИ ВВЕРХ ВНИЗ -------------------------------------------------------------*/ .go-up, .go-down { cursor: pointer; display: none; height: 32px; opacity: 1; position: fixed; width: 57px; z-index: 9999; } /* КНОПКИ ВВЕРХ ВНИЗ ПРИ НАВЕДЕНИИ ЧУТЬ СНИЖАЕТСЯ ПРОЗРАЧНОСТЬ КНОПКИ -------------------------------------------------------------*/ .go-down:hover, .go-up:hover { opacity: 0.7; } /* РАСПОЛОЖЕНИЕ КНОПКИ ВВЕРХ -------------------------------------------------------------*/ .go-up { bottom: 53%; margin-left: 1002px !important; } /* РАСПОЛОЖЕНИЕ КНОПКИ ВНИЗ -------------------------------------------------------------*/ .go-down { bottom: 45%; margin-left: 1002px !important; } /* КНОПКИ ВВЕРХ ВНИЗ ПРИ НАВЕДЕНИИ -------------------------------------------------------------*/ .go-down:hover, .go-up:hover { opacity: 1; } /************************************************************* ТОПИКИ И ВСЯКОЕ МЕЛКОЕ В ШАПКЕ **************************************************************/ /* ОБЪЯВЛЕНИЕ -------------------------------------------------------------*/ /* форма объявления */ #pun-announcement { text-align: center; top: 80px; position: relative; } .plashka { display: inline-block; transition-duration: 1s; padding: 3px 12px 7px 12px; margin-right: 5px!important; color: var(--link); min-width: 100px; background: var(--forcol); border: var(--bordin); font: var(--body-font); text-transform: lowercase; } .plashka a { color: var(--link); font-family: poiret one; font-size: 15px; font-variant: normal; text-transform: lowercase; } .plashka:hover { background: #26262221;} #tooltip { position: absolute; background: #262e31; z-index: 999; max-width: 180px; border: none; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,.05); font-family: alice; /* шрифт */ font-size: 10px; /* размер текста */ display: none; color: #9c9c9c; /* цвет текста */ text-align: center; padding: 2px 6px 3px 6px; text-shadow: 1px 1px 0 #1d2835; letter-spacing: 2px } #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; } .reactions-root .emoji-mart-bar{border:none!important;} /*ТАБЛИЦА --------------------------------------------------------------------------------------------*/ /* активисты */ .activep { position: absolute; left: 485px; top: -210px; z-index: 100; transition: 0.3s ease-in-out!important; color: var(--headtext)!important; text-align: left; font: 7px tahoma; text-transform: uppercase; line-height: 14px; width: 200px; height: 40px; text-shadow: 1px 1px black; font-weight: bolder; } .activep a {font-family: poiret one!important; text-transform: lowercase; font-size: 14px; color: var(--headtext)!important;} /* новости о проекте */ .info1 { width: 300px; position: absolute; top: 46px; left: 305px; z-index: 100; font-family: tahoma regular; font-size: 7px; color: #cd6855; text-transform: uppercase; text-align: right; font-weight: bolder; text-shadow: 1px 1px black; } .info1 a:hover { color: var(--headtext)!important; font-weight: 600 !important; text-shadow: 0px 0px 1px #000; } /* лучший пост */ .bestpost { width: 285px; overflow: auto; position: absolute; top: -190px; left: 679px; z-index: 100; font-family: tahoma regular; padding: 5px 7px 5px 0px; font-size: 8px; color: var(--headtext)!important; line-height: 12px; text-align: justify; text-transform: uppercase; font-weight: bolder; height: 48px; } .bestpostname { width: 280px; overflow: auto; position: absolute; top: -210px; left: 679px; z-index: 100; line-height: 15px; text-align: left; color: var(--headtext)!important; font-family: tahoma; text-transform: uppercase; font-size: 7px; text-shadow: 1px 1px black; font-weight: bolder; } .bestpostname a { line-height: 13px; text-transform: lowercase; color: var(--headtext)!important; font-family: poiret one; font-size: 14px; font-weight: bold!important; } .bestplay { width: 280px; overflow: auto; position: absolute; top: -125px; left: 679px; z-index: 100; line-height: 15px; text-align: left; color: var(--headtext)!important; font-family: tahoma; text-transform: uppercase; font-size: 7px; text-shadow: 1px 1px black; font-weight: bolder; } .bestplay a { line-height: 13px; text-transform: lowercase; color: var(--headtext)!important; font-family: poiret one; font-size: 14px; font-weight: bold!important; } /* постописцы */ .poster { position: absolute; left: 485px; top: -158px; z-index: 100; transition: 0.3s ease-in-out!important; color: var(--headtext); text-align: left; font: 7px tahoma; text-transform: uppercase; line-height: 14px; width: 300px; height: 40px; text-shadow: 1px 1px black; font-weight: bolder;} .poster a {font-family: poiret one!important; text-transform: lowercase; font-size: 14px; color: var(--headtext)!important;} /* лучший эпизод*/ .bestep { width: 200px; overflow: auto; position: absolute; top: -210px; left: 270px; z-index: 100; line-height: 15px; text-align: left; color: var(--headtext); font-family: tahoma; text-transform: uppercase; font-size: 7px; font-weight: bolder; text-shadow: 1px 1px black; } .bestep a { line-height: 13px; text-transform: lowercase; color: var(--headtext)!important; font-family: poiret one; font-size: 14px; font-weight: bold!important; } /* ссылки*/ .link { width: 550px; position: absolute; top: -248px; left: 387px; z-index: 100; text-align: center; } .link a { font: var(--h1-font); color: #9d9d9d!important; padding: 0px 5px; text-transform: lowercase; position: relative; display: inline-block; } .link a:hover {color: var(--hovlink)!important;} .cop a { position: absolute; font: var(--body-font); font-size: 10px; width: 990px!important; text-align: center; color: var(--doptext)!important; font-weight: 100!important; margin-top: 75px; } .cop:hover a {color: var(--link)!important; } /*---------- баннеры -------------*/ .ban { position: absolute; height: 65px; width: 930px; left: 60px; bottom: -145px; text-align: center; overflow: auto; overflow-x: hidden; padding: 0 10px 0px 0px; } .ban img {opacity: 0.3; filter: grayscale(1); transition: 0.3s ease-in-out!important;} .ban img:hover {opacity: 1; filter: grayscale(0); transition: 0.3s ease-in-out!important;} /*---------------------------------- ГОСТЕВАЯ ---------------------------------- */ .guest { width: 801px; height: 440px; background: url(https://forumstatic.ru/files/001b/f0/c8/37587.png); margin-left: 70px!important; margin-top: 30px; } .guest faq { position: absolute; width: 690px; height: 50px; margin-top: 89px; margin-left: 49px; line-height: 127%; font-size: 8px; padding: 5px; font-family: verdana; text-transform: uppercase; overflow-y: auto; color: #717171; text-shadow: 1px 1px #000; text-align: center; font-weight: bolder; } .guest rules { position: absolute; width: 689px; height: 50px; margin-top: 153px; margin-left: 49px; line-height: 127%; font-size: 10px; padding: 5px; font-family: verdana; text-transform: lowercase; overflow-y: auto; color: #595858; text-shadow: 1px 1px #000; text-align: justify; } .guest ams { position: absolute; width: 700px; height: 22px; font-size: 16px; text-align: center; font-family: 'Poiret One'; font-weight: bold; margin-top: 120px; margin-left: 47px; color: var(--doptext)!important; } .guest ams a {color: var(--doptext)!important;} .guest pers a, .guest face a {color: var(--doptext)!important;} .guest pers { position: absolute; width: 308px; height: 108px; margin-top: 261px; margin-left: 48px; line-height: 120%; font-size: 9px; text-align: justify; font-family: tahoma; overflow-y: auto; color: #717171; letter-spacing: 0.3px; padding: 10px; } .guest face { position: absolute; width: 308px; height: 108px; margin-top: 261px; margin-left: 420px; line-height: 120%; font-size: 9px; text-align: justify; font-family: tahoma; overflow-y: auto; color: #717171; letter-spacing: 0.3px; padding: 10px; } /*---------------------------------- банк ---------------------------------- */ .bank { width: 801px; height: 623px; background: url(https://forumstatic.ru/files/001b/f0/c8/31080.png); margin-left: 70px!important; margin-top: 30px; } .bank rules { position: absolute; width: 689px; height: 50px; margin-top: 40px; margin-left: 49px; line-height: 127%; font-size: 10px; padding: 5px; font-family: verdana; overflow-y: auto; color: #7f7f7f; text-shadow: 1px 1px #000; text-align: justify; } .bank get a, .bank spend a { color: #7f7f7f!important; } .price { position: absolute; width: 305px; height: 425px; margin-top: 138px!important; margin-left: 48px!important; line-height: 127%; font-size: 10px; padding: 5px; font-family: verdana; overflow-y: auto; color: #7f7f7f; text-shadow: 1px 1px #000; text-align: left; padding-left: 20px; } .bank span { text-transform: uppercase; font-weight: bolder; } .bank spend { position: absolute; width: 305px; height: 425px; margin-top: 138px!important; margin-left: 420px!important; line-height: 127%; font-size: 10px; padding: 5px; font-family: verdana; overflow-y: auto; color: #7f7f7f; text-shadow: 1px 1px #000; text-align: left; padding-left: 20px; } /*---------------------------------- внешности и роли ---------------------------------- */ .vnesh { width: 801px; height: 723px; background: url(https://forumstatic.ru/files/001b/f0/c8/34531.png); margin-left: 90px!important; margin-top: 30px; } .vnesh rules { position: absolute; width: 689px; height: 50px; margin-top: 40px; margin-left: 49px; line-height: 127%; font-size: 10px; padding: 5px; font-family: verdana; overflow-y: auto; color: #7f7f7f; text-shadow: 1px 1px #000; text-align: center; } .vnesh rules span {display: block; font: var(--h1-font); font-size: 20px; font-weight: bolder; } .vnesh rules2 { position: absolute; width: 680px; height: 100px; margin-top: 122px!important; margin-left: 48px!important; line-height: 127%; font-size: 10px; padding: 5px; font-family: verdana; overflow-y: auto; color: #7f7f7f; text-shadow: 1px 1px #000; text-align: left; padding-left: 20px; } /*---------------------------------- расы ---------------------------------- */ .race { width: 801px; height: 773px; background: url(https://forumstatic.ru/files/001b/dc/dc/18772.png); margin-left: 90px!important; margin-top: 30px;} .race rules { position: absolute; width: 689px; height: 50px; margin-top: 40px; margin-left: 49px; line-height: 127%; font-size: 10px; padding: 5px; font-family: verdana; overflow-y: auto; color: #7f7f7f; text-shadow: 1px 1px #000; text-align: center; } .race rules span {display: block; font: var(--h1-font); font-size: 20px; font-weight: bolder; } /* ПАГИНАЦИЯ © blanche. брать можно только с копирайтом */ .pagelink strong, .pagelink a {transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s; display: inline-block;} .pagelink strong {margin: 0px 0px 0px 10px; padding: 0 0px 3px 0; font-weight: normal; font-size: 10px;} .pagelink strong, .pagelink a:hover {transform: scale(1.5);} .pagelink a {padding: 0 1px 0 3px;} li.pa-avatar.item2 { margin: -9px; } .hotlink { text-align: center; text-transform: uppercase; letter-spacing: 2px; width: auto; margin-top: 10px!important; padding: 2px 0px 2px 0px; font-weight: bold; } .hotlink a { border: 1px solid #afada5; } .hotlink a:hover { color: #a17e2e!important; } /* КНОПКИ ФОРМЫ ОТВЕТА С МЕСТОМ ПОД СИМВОЛЫ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ */ #form-buttons { margin: 0px -14px 3px 0px; padding: 4px 5px 0px 0px; height: 25px; border-bottom: none; border-radius: 5px 5px 0 0; } #pun-messages #form-buttons {/*В Личке*/ padding: 4px 5px 0px 0x; } small#plng { width: 150px; /* text-align: center; */ margin-top: 28px!important; left: -1px; position: relative; z-index: 1; text-transform: lowercase; /* line-height: 25px; */ font-family: 'tahoma'!important; font-size: 10px!important; } small#plng b {font-size: 12px; font-family: var(--fontd); } #pun-edit #font-area, #pun-edit #size-area, #pun-edit #color-area, #pun-edit #table-area, #pun-edit #smilies-area, #pun-edit #image-area, #pun-edit #imageup-area, #pun-edit #imageattach-area, #pun-edit #keyboard-area, #pun-edit #video-area, #pun-edit #addition-area, #pun-edit #spoiler-area {margin: 22px -21px 0 2px !important;} #spoiler-area a, #image-area a {color: inherit;} #keyboard-span input {box-shadow: none !important; text-shadow: none !important;} #image-area, #color-area, #video-area, #spoiler-area, #addition-area div {height: auto !important;} /* фон у элементов при нажатии в форме ответа (смайлы и т.д.) */ #tags .container {overflow-y: auto; height: 205px; z-index: 99999;line-height: 200%;} #float, #tags .container { padding: 10px !important; color: #4f4c46!important; background: #c4c2bb; border: 1px #afada5 solid!important;} #keyboard-span input {border: none !important; margin: 3px 2px !important; height: 23px !important; padding: 5px !important; font-size: 12px !important;} #imageupload-left strong {display: block;} #upload-button-container input[type=button] {font-weight: normal !important} #image_upload .button { width: auto !important;} /* ЦИТАТЫ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ -------------------------------------------------------------*/ /* цитаты, спойлер, выделить код */ .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 10px 20px 25px 20px; position: relative; overflow: hidden;} .punbb .post-content .quote-box, .punbb .post-content .code-box, .pun-modal .modal-inner, #mask_dialog .inner, .editBookmark, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #MyBookmarks { font-size: 11px!important; font-family: var(--fontm)!important; } .punbb .post-content .quote-box, .punbb .post-content .code-box { border-radius: 2px; padding: 20px 15px 10px 15px!important; background: #2626220d; border: 1px #afada5 solid!important; } .punbb .quote-box cite:before, .punbb .code-box strong.legend:before, .post-content .spoiler-box > div:before { font-size: 40px; position: absolute; left: 17px; top: 16px; color: #8c8a82; opacity: 0.5!important; content: '\269C'; } /* фон проставления репутации */ .post_reputation { background-color: #bec2c7; padding-right: 20px !important; } /* написал и выделить код */ .punbb .quote-box cite, .punbb .code-box strong.legend, .post-content .spoiler-box > div { font-style: normal; padding: 7px 10px; display: block; text-transform: uppercase; font-family: 'tahoma'; letter-spacing: 0.7px; font-size: 8.6px; text-align: justify; margin: -9px 7px 15px 50px; border-bottom: 1px solid #afada5; line-height: 200%; } .post-content .spoiler-box > div {background: no-repeat 10px !important; margin-bottom: 0px;} /* СПОЙЛЕР BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ. ПРОДОЛЖЕНИЕ В НАСТРОЙКАХ */ .post-content .spoiler-box > div:after { content: '+'; font-size: 15px; float: right; margin: 16px -20px 0 0px; transition: all .8s; color: #a99672; } .post-content .spoiler-box > div.visible:after { transform: rotate(45deg);} /* выделить код (скопировать код) */ #pun-main .code-box .scrollbox pre { font-family: var(--fontm)!important; font-size: 12px;} /* КНОПКИ И ФОРМЫ ЗАПОЛНЕНИЯ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ*/ /* формы заполнения*/ .punbb select, .punbb option { font-family: var(--fontm); text-transform: uppercase !important; font-size: 9px !important; padding: 4px !important;} .checkbox {width: auto !important;} .punbb option { background-color: #aaa291 !important;} /* модерское */ /* 7.2 админка */ #pun-admain fieldset .handle, #pun-admain fieldset p { border-color: #eee0!important; background: #eee0!important; } /*настройка масок*/ #mask_dialog .inner { cursor: default; margin: 0; width: 760px; max-width: 99%; max-height: 90%; overflow-x: auto; z-index: 100; box-shadow: 0 0 40px #222; padding: 8px; background: #c4c2bb!important; border-radius: 5px; } #mask_dialog .hv-add-template { cursor: pointer; float: right; margin: 0px 36px 9px 18px; } #mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea { width: 95%; background: #0000000f; } #mask_dialog .hv-form-block { max-height: 415px; overflow-y: auto;} #post #mentions-area { background-color: #e0c89e!important; } /************************************************************* ЛИЧНАЯ СТРАНИЧКА **************************************************************/ #character { width: 669px; height: 524px; margin-left: -195px!important; top: 100px!important; z-index: 99999; background: url(https://forumstatic.ru/files/001b/f0/c8/88993.png); } .lsgif { left: 23px; top: 30px; filter: grayscale(1) blur(0.5px); position: absolute; } .lsgif img { object-fit: cover; width: 218px; height: 125px; } .lsname { text-transform: lowercase; font-size: 16px; top: 170px!important; position: absolute; font-family: 'Poiret One'; color: var(--doptext); line-height: 15px; height: 280px; overflow: hidden; font-weight: bolder; left: 26px; text-align: center; writing-mode: tb-rl; transform: rotate(180deg); } .lsbon { color: #6c6c6c; text-transform: uppercase; font-family: 'tahoma'; height: 35px; width: 220px; position: absolute; font-size: 8px; line-height: 33px; font-weight: bolder; top: 456px; left: 22px; text-align: center; } .lscards { height: 262px; width: 150px; position: absolute; left: 73px; top: 170px; } .lsquest { height: 478px; width: 345px; position: absolute; top: 21px; left: 255px; overflow: auto; padding-right: 10px; padding-left: 10px; } .quest { position: relative;} .quest img {width: 100px; height: 100px; /* filter: grayscale(1); */} .submenuItems { display: none; background: #1515158a; border: 1px solid #333333; text-align: center;} .submenuItems .quest { margin: 0 5px; position: relative; display: inline-block;} .submenuItems .quest img { border-radius: 50%; position: absolute; top: 0; left: 0; transition: all .5s; } .submenuItems .quest, .submenuItems .quest img {width: 100px; height: 100px; filter: hue-rotate(70deg);} .submenuItems .quest span { display: block; text-align: center; overflow: auto; height: 100%; width: 100%; box-sizing: border-box; padding-right: 7px; font-size: 9px; transition: all .5s; opacity: 0; } .submenuItems .quest img.x {filter: grayscale(1); opacity: .7} .submenuItems .quest img.1 {filter: grayscale(0); opacity: 1} .submenuItems .quest:hover img { opacity: 0; } .submenuItems .quest:hover span { opacity: 1; } .ls_pl { position: absolute; width: 350px; height: 185px; overflow: auto; padding: 10px; left: 250px; top: 27px; padding-top: 40px; } .ls_pl span, .ls_aw span { background: #191919; width: 350px; position: absolute; text-align: center; font-family: poiret one; text-transform: lowercase; font-size: 13px; height: 30px; line-height: 27px; font-weight: bold; border: 1px solid black; outline: 1px solid #383838; margin-top: -36px!important; } .ls_aw { position: absolute; width: 350px; height: 185px; overflow: auto; padding: 10px; left: 250px; top: 260px; padding-top: 40px; } .pod {opacity: 0.3; filter: grayscale(1);} .pod:hover {opacity: 1; filter: grayscale(0);-webkit-transition: .5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all;} .grayscale { -webkit-filter: grayscale(1); } details summary { background-color: #151515; width: 350px; border: 1px solid #000000; outline: 1px solid #333333; color: #7f7f7f; z-index: 1000; position: relative; margin: 10px 0px -1px -6px!important; font-family: 'Poiret One'; font-weight: bolder; text-transform: lowercase; font-size: 13px; text-align: center; line-height: 27px; height: 30px; } details summary::-webkit-details-marker { display: none; } details summary::before { display: none; } details[open] summary::before { display: none; } .menu span { cursor: pointer; display: inline-block; margin-right: 5px; border-radius: 0%; text-align: center; background: url(https://forumstatic.ru/files/001b/6e/df/69865.png) no-repeat; width: 153px!important; height: 37px; top: -20px; left: 10px; position: relative; padding: 5px 0px 0px 0px; } .menu { color: #7a5e5b; font-family: 'Koloman Modern'; text-transform: uppercase; z-index: 9999; position: relative; font-weight: bolder; top: 344px; font-size: 10px;} .menu-links { margin-left: 475px!important; color: #6c6c6a; display: flex; position: absolute; top: 90px; right: 15px; height: 350px; font-family: 'Poiret One'; text-transform: lowercase!important; font-size: 14px; writing-mode: tb-rl; transform: rotate(360deg); gap: 10px; align-content: stretch; justify-content: space-around; cursor: pointer; font-weight: bolder; } #submenu {} #submenu, .menu span { } .menu .tabactive { color: #4a4b71; } #submenu {} .submenutext { display: none; height: 40px; } .hvStickerPackModal { padding: 16px 16px 8px; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #999; border-radius: 4px; background: #c5c6ba!important; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); position: absolute; display: none; bottom: 0; left: 0; z-index: 100; } .chr2, .chr2 * {box-sizing:border-box;} .chr2 { --chrw: 590px; /* ширина блока */ --chrbg: #; /* цвет фона */ --chrd: #ffffff; /* активный эпизод */ --chrc: #6a8972; /* закрытый эпизод */ --chbs: rgba(0,0,0,0.3); /* цвет границы */ } .chr2 {width:var(--chrw); background:var(--chrbg); border-radius:16px; border:1px solid var(--chbs); margin:10px auto 10px 10px!important; padding:26px 20px 24px 10px; position:relative; width: 675px;} .chr2 p {padding:0px !important; margin:0px !important;} .chr2 h7 {display:block; text-align:center; font-family:Cuprum, Tahoma, sans-serif; font-size:24px;} .ch1 {position:relative; padding: 15px 0px; display:grid; grid-template-columns: 180px 1fr; grid-template-rows:auto; align-items:stretch;} .ch1:first-of-type {/*shipovnik*/ padding-top:0px;} .ch1:last-of-type {padding-bottom:0px;} .ch2 {display:block; grid-column:1 / 2; grid-row:1 / -1; text-align:center; padding-right:10px; border-right:1px solid var(--chbs);} .ch3 {display:block; grid-column:-2 / -1; grid-row:1 / -1; padding-left:14px; text-align:justify;} .ch2 em {display:block; font-style:normal !important; font-weight:600; font-family:Cuprum, Tahoma, sans-serif; font-size:16px; padding-bottom:4px;} .ch4 {text-transform:uppercase; font-family:Oswald, Tahoma, sans-serif; font-size:14px; letter-spacing:0.03em;} .ch1:before {content:''; display:block; width:12px; height:12px; border-radius:50%; position:absolute; top:15px; left:-10px; transform:translateX(-50%); background: var(--chrd); border:1px solid var(--chbs);} .close.ch1:before {background:var(--chrc);} /************************************************************* СТИЛИ К СКРИПТАМ И ДОПОЛНЕНИЯ **************************************************************/ /* Отключить надпись "Отредактировано" */ p.lastedit {display:none} /*Убрать "Закрыто и "Важно"*/ .stickytext,.closedatafield{ display:none;} /*отключение наград*/ li#navawards {display: none;} /*Регулировка размера шрифта в постах © Alex_63*/ .FNTslider { position: relative; z-index: 100; background: var(--forcol); width: 110px; height: 4px; margin: 1px 5px !important; border: var(--bordin); float: right; margin-right: 9% !important; } .FNTslider .before { height: 4px; border-right: none 0; position: absolute; background: var(--hovlink); } .FNTslider .thumb { width: 5px; height: 10px; border-radius: 2px; position: relative; top: -3px; background: #384464; cursor: pointer; } /* Разделение тем: "Важные темы" и "Темы форума" // © Alex_63 */ #pun-main .forum table{ table-layout: auto;} #pun-main tr.tr-divider { font-weight: bold; background: #0000000f; height: 20px!important; font-family: 'tahoma'; text-transform: uppercase; font-size: 8px; } /*Скрытие профиля в теме тегом*/ .hideprofile .post-author,.hideprofile .pl-email,.hideprofile .pl-website{display:none!important} .hideprofile .post-body,.hideprofile .post-links,.hideprofile .post-links ul,.post.hideprofile h3>span{margin-left:0!important} /*Переключение раскладки выделенного текста*/ #button-transL{background-image:url(https://i.imgur.com/IY448wH.png)} /*ТЕГ абзаца - [indent]*/ #button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;} /*выравнивание justify*/ #button-mybb {background-image:url('https://i.imgur.com/RdKU4no.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
Страница: 1
Вы здесь » zeus & shady design test » Новый форум » фейс синий с котом