[lztext]<div id="lz">// что хочу напишу и <i><a href="google.com">буба</a></i>.</div>[/lztext]
Тестовое сообщение
Сообщений 31 страница 42 из 42
Поделиться322024-10-10 01:36:37
[sign]нн[/sign][lztext]нн[/lztext][status]н[/status][nick]н[/nick]
Поделиться332024-10-10 01:40:14
[sign]нн[/sign][lztext]нн[/lztext][status]н[/status][nick]н[/nick]
Поделиться342024-10-10 01:41:49
<!------------------- маска профиля ------------------------------->
<script src="https://forumstatic.ru/files/0019/47/79/27999.js?v=1"></script>
<script>
hvScriptSet.addMask({
guestAccess: ['страницы истории', 'маховик времени', 'незавершенные эпизоды', 'пыльный чердак', 'проклятый аукцион', 'городская администрация', 'лавочка у подъезда'],
forumAccessExtended: {
'игра на выживание': ['игроки'],
'создаем историю': ['игроки'],
'маховик времени': ['игроки'],
'путешествие между мирами': ['игроки'],
'лавочка у подъезда': ['игроки'],
'шкатулка с секретами': ['игроки'],
'лотерея удачи': ['игроки'],
'страницы истории': ['игроки'],
'незавершенные эпизоды': ['игроки'],
'городская администрация': ['игроки']
},
changeList: {
'pafld1': {
title: 'личное звание',
description: '',
tag: 'lztext',
class: 'pa-fld2',
defaultCode: '// пишите, что хотите <i><a href="ссылка">можно с ссылками</a></i>.',
type: 'html'
}
},
userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-fld2', 'pa-fld3', 'pa-fld4', 'pa-fld5', 'pa-posts', 'pa-respect', 'pa-ip', 'pa-online', 'pa-awards']
});
</script>
<!------------------- конец маски профиля ------------------------------->Поделиться352024-10-10 01:43:22
[nick]бла бла[/nick][lztext]// привет тебе путник[/lztext]
Поделиться362024-10-10 01:44:45
[lztext]<div id="lz">// что хочу напишу и <i><a href="google.com">буба</a></i>.</div>[/lztext][fauxpl]лалалалалалалалаалалалалалаалалал[/fauxpl][status]длалалала[/status][nick]лалалалал[/nick]
Поделиться372024-10-10 01:51:37
[block=hvmask][icon]https://i.imgur.com/Hplp7cX.gif[/icon][nick]Casper Mayer[/nick][status]swing your bat[/status][sign][indent][/sign][lztext]// just come and show me what your mama gave[/lztext][/block]
надо чтоб сработала вот эта хуета
[icon]https://i.imgur.com/Hplp7cX.gif[/icon][nick]Casper Mayer[/nick][status]swing your bat[/status][sign][indent][/sign][lztext]// just come and show me what your mama gave[/lztext]
Поделиться382024-10-10 02:04:34
[nick]лалалалал[/nick][status]длалалала[/status][lztext]<div id="lz">// что хочу напишу и <i><a href="google.com">буба</a></i>.</div>[/lztext][fauxpl]лалалалалалалалаалалалалалаалалал[/fauxpl]
Поделиться392024-10-10 15:50:32
адаптив
/* бургер */
.burger-menu {
display: none;
color: var(--head-link) !important;
font-size: 20px !important;
background-color: #171717 !important;
box-shadow: var(--head-border);
padding: 5px;
opacity: .9;
}
/* АДАПТИВ НАЧИНАЕТСЯ ЗДЕСЬ */
@media screen and (max-device-width: 580px) {
html, body {
-webkit-text-size-adjust: none;
min-width: unset !important;
max-width: 100vw!important;
}
input, button { -webkit-text-size-adjust: none; }
#pun-index .tclcon {
-webkit-text-size-adjust: none;
}
#pun-stats .container {
-webkit-text-size-adjust: none;
}
#pun {
width: 96vw !important;
margin: 370px auto 180px !important;
}
#pun:before {
width: 104%;
height: 80%;
top: -45px;
left: 50%;
transform: translateX(-50%);
}
.go-up,
.go-down {
display: none!important;
}
#pun-index #pun-crumbs1 { margin: 0 !important; }
/*НАВИГАЦИЯ КАРТИНКАМИ */
#pun-navlinks {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -33px;
margin: 0 !important;
}
#pun-navlinks .container { gap: 16px!important; }
.isguest #pun-navlinks { }
.isguest #navindex {
margin-left: 20px;
}
#navindex {
margin-right: 4px;
}
#navindex a span,
#navuserlist a span,
#navsearch a span,
#navprofile a span,
#navpm a span,
#navadmin a span,
#navlogout a span,
#navregister a span,
#navlogin a span,
#navpr_1 a span,
#navpr_2 a span,
#navextra1 a span {
display: none;
}
#navindex a,
#navuserlist a,
#navsearch a,
#navprofile a,
#navpm a,
#navadmin a,
#navlogout a,
#navlogin a,
#navregister a,
#navpr_1 a,
#navpr_2 a,
#navextra1 a {
display: block;
transition: all .2s ease-in-out;
position: relative;
width: 22px;
height: 22px;
}
#navextra1 a {
font-size: 0px!important;
}
#navindex a:after {
content: "\f6f1";
}
#navuserlist a:after {
content: "\f0c0";
}
#navpm a:after {
content: "\f0e0";
}
#navsearch a:after {
content: "\f1e5";
}
#navprofile a:after {
content: "\f714";
}
#navadmin a:after {
content: "\f521";
}
#navlogout a:after {
content: "\f52b";
}
#navlogin a:after {
content: "\f52b";
}
#navregister a:after {
content: "\f234";
}
#navpr_1 a:after {
content: "\f1d8";
}
#navpr_2 a:after {
content: "\f518";
}
#navextra1 { margin: 0 2px 0 -4px; }
#navextra1 a:after {
content: "\f279";
}
#navindex a:after,
#navuserlist a:after,
#navsearch a:after,
#navprofile a:after,
#navpm a:after,
#navadmin a:after,
#navlogout a:after,
#navlogin a:after,
#navregister a:after,
#navpr_1 a:after,
#navpr_2 a:after,
#navextra1 a:after {
position: absolute;
text-align: center;
font-size: 20px;
color: var(--hovlink);
font-family: 'Font Awesome';
transition: all .2s ease-in-out;
left: 50%;
top: 44%;
transform: translateX(-50%) translateY(-50%);
}
#navawards {
display: none !important;
}
#navindex a:hover,
#navuserlist a:hover,
#navsearch a:hover,
#navprofile a:hover,
#navpm a:hover,
#navadmin a:hover,
#navlogout a:hover,
#navlogin a:hover,
#navregister a:hover,
#navpr_1 a:hover,
#navpr_2 a:hover,
#navextra1 a:hover {
transform: scale(1.2);
}
/* бургерное меню часть 2 */
.burger-menu {
display: block;
color: var(--hovlink) !important;
font-size: 24px !important;
background-color: var(--helpcol) !important;
border: var(--orange-border) !important;
padding: 0px 5px 4px;
opacity: 1;
height: auto;
}
#pun-ulinks {
position: absolute;
top: -90px;
left: 10px;
}
#pun-ulinks .container {
display: none!important;
padding: 10px;
list-style: none;
margin: 0;
}
#pun-ulinks .container.active {
display: flex !important;
flex-direction: column;
gap: 6px;
background-color: #0e0e0e;
box-sizing: border-box;
padding: 6px 10px !important;
border: var(--orange-border);
border-radius: 4px;
opacity: .95;
z-index: 10;
position: absolute;
width: 120px;
top: -210px!important;
}
#pun-ulinks .container li {
margin: 0;
}
#pun-ulinks li a {
font-family: 'Mulish';
font-size: 10px !important;
color: var(--doptext);
}
/* конец бургерное меню часть 2 */
#pun-index .category h2, #pun-stats h2 {
width: 99.6vw;
background-repeat: no-repeat;
margin: 0px 0px 0px -3px;
position: relative;
z-index: 4;
height: 40px;
}
#pun-index .category h2 span, #pun-stats h2 span{
font-size: 10px;
margin-top: -5px;
}
#pun-index .category .container {
width: 99%;
margin: 0 auto 0 -1%;
}
#pun-index .hasicon tr {
flex-direction: column;
}
#pun-index .tcr {
margin: 0!important;
padding: 10px 20px!important;
}
#pun-index .hasicon tr:after { width: 85%!important; }
#pun-about .container .item1 {
z-index: 2;
width: 100%;
bottom: 0px;
}
#pun-about .container .item1 a { font-size: 8px; }
.punbb { padding: 0; width: 100% !important; padding-top: 1px; }
.punbb::after, .punbb::before { content: none!important; }
#pun-status {
top: -345px !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 100% !important;
}
#pun-status .container {
background-color: #0e0e0ed1 !important;
padding: 5px 10px;
border-radius: 10px;
margin: 0 !important;
}
.isuser #pun-status .item2 { display: none; }
.isuser #pun-status .item3 { font-size: 0; }
.isuser #pun-status .item3 a { font-size: 12px; }
.category {
width: 100vw;
overflow: hidden;
}
#pun-index .hasicon {
padding: 0px 0px 10px;
width: 92%;
margin-left: -6px;
gap: 0px!important;
}
#pun-index .tclcon div {
height: unset !important;
margin-bottom: 8px;
}
#pun-index .tcl {
height: unset!important;
width: 100%!important;
padding: 5px 30px 0!important;
}
.switch {
top: 355px;
left: -1%;
}
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
width: 90%;
padding: 0px;
margin: 2px;
}
#pun-stats .container:before {
width: 92%;
height: 78px;
top: 4px;
}
#pun-stats .container {
padding: 6px 0px 20px;
}
li#onlinelist {
width: 86%;
margin-top: 35px;
}
.table,
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon,
#pun-userlist .tc2, #pun-searchtopics .tc2,
.multipage .hasicon .tc3,
.multipage .hasicon .user-avatar,
.spirit-navigation_2, .pa-fld4 {
display: none;
}
.multipage,
#pun-crumbs1, #pun-crumbs2 {
width: 94%;
margin: 0 auto;
}
.multipage .hasicon .tcr {
display: flex;
flex-direction: column;
align-content: end;
flex-wrap: wrap;
text-align: right;
width: 40%;
}
.multipage .hasicon .tcr .byuser {
margin-top: -7px;
line-height: 1;
}
#pun-userlist .tcl, #pun-searchtopics .tcl, #pun-modviewforum .tcl {
width: 55%!important;
}
.linkst .pagelink { left: 0!important; }
#pun-searchposts .post h3{
margin: 0px!important;
width: 100%!important;
height: 35px!important;
}
.post h3, #pun-messages .post h3 {
margin: 0px!important;
width: 100%!important;
}
#pun-searchposts .post h3 span, .post h3 span { width: 100%!important; }
#pun-searchposts .post .post-author {
margin-top: 20px;
width: 140px;
}
#pun-searchposts .post-body {
margin-left: 150px;
}
#pun-searchposts .post-box { margin-right: 0px; }
#viewprofile table {
width: 95%;
margin: 0 auto;
}
#pun-profile #viewprofile tbody tr #profile-left {
background: none!important;
width: 100%!important;
}
#pun-profile #viewprofile tbody tr {
flex-direction: column;
}
#pun-profile #viewprofile tbody tr #profile-right { width: 100%!important; }
#viewprofile li { width: 95%; }
#form-buttons tr {
width: 111%!important;
flex-wrap: wrap;
margin-left: -19px!important;
}
#main-reply {
width: 100% !important;
margin-left: -7%;
}
.subscribelink a { position: unset!important; }
#togglePreview input {
margin-top: 15px;
margin-left: 7%;
}
.post .post-author {
width: 100% !important;
margin-bottom: 15px !important;
background: url(https://forumstatic.ru/files/001c/35/64/12922.png);
min-height: 120px !important;
border: none !important;
margin-left: 0% !important;
position: relative !important;
}
.post-author:before, .post-author:after { content: none!important; }
.post .container { margin-top: 40px; }
.post-body { margin: 0!important; }
.post-content { width: 97%!important; }
.post-box { margin-right: -8px; }
.post-author ul { gap: 0px 30px;
margin-top: 5px!important;
margin-bottom: 0!important;
padding: 5px 15px !important;
justify-content: space-between;
display: grid!important;
grid-template-areas:
"nickname nickname avatar"
"title title avatar"
"lz lz avatar"
"art love avatar";
}
.pa-author {
grid-area: nickname;
margin: 0px;
width: 180px;
display: flex;
text-align: left;
}
.pa-title {
grid-area: title;
margin-bottom: 6px !important;
justify-self: center !important;
text-align: left;
}
.no-avatar .pa-title { margin-left: -40px;}
.pa-avatar { grid-area: avatar; margin-bottom: 25px !important; }
.pa-avatar img { max-height: 100px; max-width: 100px !important; }
.pa-fld1 {
font-size: 0px !important;
position: absolute;
right: 10px;
bottom: 10px;
width: fit-content;
height: fit-content;
background: none !important;
z-index: 2;
}
.pa-fld1 a {
font-size: 0px !important;
line-height: 0px !important;
width: 15px;
height: 15px;
position: relative;
padding: 0 !important;
}
.pa-fld1 a:before {
content: '\f188';
position: absolute;
text-align: center;
font-size: 18px;
color: var(--hovlink);
font-family: 'Font Awesome';
transition: all .2s ease-in-out;
left: 50%;
top: 44%;
text-shadow: 1px 1px 1px #0000008c;
transform: translateX(-50%) translateY(-50%) rotate(21deg);
}
.pa-fld1 a div { font-size: 0px !important; }
.pa-fld1:before { content: none!important; }
lz, .pa-fld3, .pa-fld5 { display: none; }
.fld_wrap:after, .fld_wrap_un:after, .fld_wrap:before, .fld_wrap_un:before, .pa-author a:before,
.pa-title:before { content: none!important; }
.fld_wrap .pa-respect .fld-name a::before, .isguest .fld_wrap .pa-respect .fld-name::before {
top: 0px;
font-size: 11px;
}
.pa-fld2 {
grid-area: lz;
width: 100% !important;
margin: 0 !important;
margin-left: -4px !important;
background: #0e0e0edb!important;
}
#lz {
margin: 5px 0px !important;
background: #0e0e0edb;
border-radius: 0 10px 10px 0;
}
.pa-posts, .pa-respect {
flex-direction: row;
font-size: 11px;
margin: 10px 10px !important;
gap: 11px !important;
width: 48px !important;
}
.pa-posts { width: 33px !important; }
.pa-respect {
flex-wrap: nowrap;
grid-area: love;
}
.pa-posts {
grid-area: art;
}
.pa-respect .fld-name {
width: 48px;
}
.fld_wrap_un .pa-respect .fld-name a::before, .isguest .fld_wrap_un .pa-respect .fld-name::before {
top: -1px;
}
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
width: 86vw!important;
background: #cec5b4;
}
.reveal-modal.xlarge { width: 95vw!important; }
.menu-links {
gap: 8px !important;
width: 95%;
}
.menu span, .menu a { padding: 0 10px; }
#submenu { width: 100%!important; }
.menu span, .menu a { font-size: 12px; }
.menu { margin-left: -4px; }
.redirect-page #pun {
width: 90% !important;
left: 50%;
transform: translateX(-50%);
}
#pun-messages #profilenav ul {
display: flex;
gap: 5px 10px;
flex-wrap: wrap;
}
#pun-messages #profilenav,
#profile #profilenav { float: none!important; margin: 20px 20px !important; }
#profile .container {
width: 96%!important;
margin: 0 !important;
padding: 0 !important;
}
#pun-messages .fs-box {
width: 110%;
margin-left: -10px;
margin-right: 0;
}
#pun-messages .fs-box .post-author {
margin-top: 20px !important;
min-height: 120px !important;
margin-left: -70px !important;
}
#pun-messages .post-body .post-box {
border: 0;
margin-left: -40vw!important;
width: 92vw;
}
#pun-messages .post-links {
margin-left: -60px!important;
margin-bottom: 20px!important;
}
#pun-messages .linksb {
margin-left: 10px;
margin-bottom: 30px;
}
#pun-messages #main-reply,
#pun-edit #main-reply {
width: 90% !important;
margin-left: -1px !important;
}
#pun-messages #form-buttons table tr {
width: 99% !important;
margin-left: 0px !important;
}
.punbb-admin {
width: 1040px!important;
background-color: #cec5b4;
}
#profile #form-buttons table tr {
width: 110% !important;
margin-bottom: 15px;
margin-left: -9px !important;
}
#profile #main-reply {
width: 98% !important;
margin-left: -3%;
}
.need { width: 100%!important; }
.need a { display: flex; width: fit-content !important; font-size: 11px;}
.cop {
bottom: -134px;
left: 50%;
transform: translateX(-50%);
}
#slideout { right: 0!important; }
#slideout:before { right: 1px!important; }
.hide-author .post-body {
width: unset !important;
padding: 0px !important;
}
.indOnline, .indOffline {
left: 50%;
transform: translateX(-50%);
top: -12px;
}
.lichka { width: 100%!important; }
.modal_wrap {
display: flex;
width: 98vw;
margin-left: 51px;
}
.modal_wrap > div { width: 100%!important; }
.lichka_gif {
position: unset!important;
margin-left: 113px !important;
}
.lichka_name { margin: 10px 10px 10px 56px !important; }
.lichka_text {
margin: 0 !important;
width: 83vw!important;
margin-left: 10% !important;
}
.lichka_plashki {
display: flex;
flex-direction: column;
width: 62vw !important;
}
.lichka_achiev {
display: flex;
flex-wrap: wrap;
width: 80vw!important;
margin: 15px 0 0 71px !important;
}
.lichka_awards {
width: 71vw!important;
margin: 0 !important;
height: 70px!important;
margin-left: 44px !important;
}
#form-buttons small { display: none!important; }
#character { left: 92%!important; }
.reveal-modal .close-reveal-modal {
top: -40px !important;
right: 88px !important;
transition: none !important;
font-size: 30px !important;
color: #929292 !important;
}
.punbb #pun-navlinks #form-login { top: -319px!important; left: -60px!important; }
#List-UserNames {
width: 122px!important;
left: -154px!important;
}
#List-UserNames ul+span { width: 136px!imortant; }
.punbb #pun-navlinks #form-login input { width: 128px!important; }
.punbb #List-UserNames li { background: none!important; }
#notify-link .unreads, #navpm .unreads { z-index: 999; }
#pun-navlinks li a { z-index: 10; }
.punbb #pun-navlinks a#New-exit {
right: -21px !important;
top: 0px !important;
margin: 0 !important;
}
.punbb #pun-navlinks a#New-exit:after { content: none!important; }
.hvStickerPackModalContainer {
left: 19px !important;
transform: unset !important;
}
.linksb .pagelink {
position: relative;
z-index: 99;
}
.reactions-root .emoji-mart { width: 350px !important; }
.post-box .post-sig { display: none; }
}
/* конец адаптива */
скрипт бургера
<!---------------------------- бургерное меню для адаптива ---------------------------->
<script>// Добавляем кнопку "бургерное меню"
window.addEventListener('load', function() {
var menu = document.querySelector('#pun-ulinks .container');
if (menu) {
// Создаем кнопку
var burgerButton = document.createElement('button');
burgerButton.className = 'burger-menu';
burgerButton.innerHTML = '☰';
burgerButton.onclick = function() {
menu.classList.toggle('active');
};
// Вставляем кнопку перед списком ссылок
var section = document.querySelector('#pun-ulinks');
section.insertBefore(burgerButton, section.firstChild);
}
});</script>
<!---------------------------- конец бургерного меню для адаптива ---------------------------->Поделиться402024-10-11 17:59:01
/* бургер */
.day .burger-menu {
display: none;
color: var(--head-link) !important;
font-size: 20px !important;
background-color: #171717 !important;
box-shadow: var(--head-border);
padding: 5px;
opacity: .9;
}
/* АДАПТИВ НАЧИНАЕТСЯ ЗДЕСЬ */
@media screen and (max-device-width: 580px) {
.day html, .day body {
-webkit-text-size-adjust: none;
min-width: unset !important;
max-width: 100vw!important;
}
.day input, .day button { -webkit-text-size-adjust: none; }
.day #pun-index .tclcon {
-webkit-text-size-adjust: none;
}
.day #pun-stats .container {
-webkit-text-size-adjust: none;
}
.day #pun {
width: 96vw !important;
margin: 370px auto 180px !important;
}
.day #pun:before {
width: 104%;
height: 80%;
top: -45px;
left: 50%;
transform: translateX(-50%);
}
.day .go-up,
.day .go-down {
display: none!important;
}
.day #pun-index #pun-crumbs1 { margin: 0 !important; }
/*НАВИГАЦИЯ КАРТИНКАМИ */
.day #pun-navlinks {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -33px;
margin: 0 !important;
}
.day #pun-navlinks .container { gap: 16px!important; }
.day .isguest #pun-navlinks { }
.day .isguest #navindex {
margin-left: 20px;
}
.day #navindex {
margin-right: 4px;
}
.day #navindex a span,
.day #navuserlist a span,
.day #navsearch a span,
.day #navprofile a span,
.day #navpm a span,
.day #navadmin a span,
.day #navlogout a span,
.day #navregister a span,
.day #navlogin a span,
.day #navpr_1 a span,
.day #navpr_2 a span,
.day #navextra1 a span {
display: none;
}
.day #navindex a,
.day #navuserlist a,
.day #navsearch a,
.day #navprofile a,
.day #navpm a,
.day #navadmin a,
.day #navlogout a,
.day #navlogin a,
.day #navregister a,
.day #navpr_1 a,
.day #navpr_2 a,
.day #navextra1 a {
display: block;
transition: all .2s ease-in-out;
position: relative;
width: 22px;
height: 22px;
}
.day #navextra1 a {
font-size: 0px!important;
}
.day #navindex a:after {
content: "\f6f1";
}
.day #navuserlist a:after {
content: "\f0c0";
}
.day #navpm a:after {
content: "\f0e0";
}
.day #navsearch a:after {
content: "\f1e5";
}
.day #navprofile a:after {
content: "\f714";
}
.day #navadmin a:after {
content: "\f521";
}
.day #navlogout a:after {
content: "\f52b";
}
.day #navlogin a:after {
content: "\f52b";
}
.day #navregister a:after {
content: "\f234";
}
.day #navpr_1 a:after {
content: "\f1d8";
}
.day #navpr_2 a:after {
content: "\f518";
}
.day #navextra1 { margin: 0 2px 0 -4px; }
.day #navextra1 a:after {
content: "\f279";
}
.day #navindex a:after,
.day #navuserlist a:after,
.day #navsearch a:after,
.day #navprofile a:after,
.day #navpm a:after,
.day #navadmin a:after,
.day #navlogout a:after,
.day #navlogin a:after,
.day #navregister a:after,
.day #navpr_1 a:after,
.day #navpr_2 a:after,
.day #navextra1 a:after {
position: absolute;
text-align: center;
font-size: 20px;
color: var(--hovlink);
font-family: 'Font Awesome';
transition: all .2s ease-in-out;
left: 50%;
top: 44%;
transform: translateX(-50%) translateY(-50%);
}
.day #navawards {
display: none !important;
}
.day #navindex a:hover,
.day #navuserlist a:hover,
.day #navsearch a:hover,
.day #navprofile a:hover,
.day #navpm a:hover,
.day #navadmin a:hover,
.day #navlogout a:hover,
.day #navlogin a:hover,
.day #navregister a:hover,
.day #navpr_1 a:hover,
.day #navpr_2 a:hover,
.day #navextra1 a:hover {
transform: scale(1.2);
}
/* бургерное меню часть 2 */
.day .burger-menu {
display: block;
color: var(--hovlink) !important;
font-size: 24px !important;
background-color: var(--helpcol) !important;
border: var(--orange-border) !important;
padding: 0px 5px 4px;
opacity: 1;
height: auto;
}
.day #pun-ulinks {
position: absolute;
top: -90px;
left: 10px;
}
.day #pun-ulinks .container {
display: none!important;
padding: 10px;
list-style: none;
margin: 0;
}
.day #pun-ulinks .container.active {
display: flex !important;
flex-direction: column;
gap: 6px;
background-color: #0e0e0e;
box-sizing: border-box;
padding: 6px 10px !important;
border: var(--orange-border);
border-radius: 4px;
opacity: .95;
z-index: 10;
position: absolute;
width: 120px;
top: -210px!important;
}
.day #pun-ulinks .container li {
margin: 0;
}
.day #pun-ulinks li a {
font-family: 'Mulish';
font-size: 10px !important;
color: var(--doptext);
}
/* конец бургерное меню часть 2 */
.day #pun-index .category h2, .day #pun-stats h2 {
width: 99.6vw;
background-repeat: no-repeat;
margin: 0px 0px 0px -3px;
position: relative;
z-index: 4;
height: 40px;
}
.day #pun-index .category h2 span, .day #pun-stats h2 span{
font-size: 10px;
margin-top: -5px;
}
.day #pun-index .category .container {
width: 99%;
margin: 0 auto 0 -1%;
}
.day #pun-index .hasicon tr {
flex-direction: column;
}
.day #pun-index .tcr {
margin: 0!important;
padding: 10px 20px!important;
}
.day #pun-index .hasicon tr:after { width: 85%!important; }
.day #pun-about .container .item1 {
z-index: 2;
width: 100%;
bottom: 0px;
}
.day #pun-about .container .item1 a { font-size: 8px; }
.day .punbb { padding: 0; width: 100% !important; padding-top: 1px; }
.day .punbb::after, .day .punbb::before { content: none!important; }
.day #pun-status {
top: -345px !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 100% !important;
}
.day #pun-status .container {
background-color: #0e0e0ed1 !important;
padding: 5px 10px;
border-radius: 10px;
margin: 0 !important;
}
.day .isuser #pun-status .item2 { display: none; }
.day .isuser #pun-status .item3 { font-size: 0; }
.day .isuser #pun-status .item3 a { font-size: 12px; }
.day .category {
width: 100vw;
overflow: hidden;
}
.day #pun-index .hasicon {
padding: 0px 0px 10px;
width: 92%;
margin-left: -6px;
gap: 0px!important;
}
.day #pun-index .tclcon div {
height: unset !important;
margin-bottom: 8px;
}
.day #pun-index .tcl {
height: unset!important;
width: 100%!important;
padding: 5px 30px 0!important;
}
.day .switch {
top: 355px;
left: -1%;
}
.day #pun-stats li.item1,
.day #pun-stats li.item2,
.day #pun-stats li.item3,
.day #pun-stats li.item4 {
width: 90%;
padding: 0px;
margin: 2px;
}
.day #pun-stats .container:before {
width: 92%;
height: 78px;
top: 4px;
}
.day #pun-stats .container {
padding: 6px 0px 20px;
}
.day li#onlinelist {
width: 86%;
margin-top: 35px;
}
.day .table,
.day #pun-viewforum table Div.icon,
.day #pun-messages table Div.icon,
.day #pun-searchtopics table Div.icon,
.day #pun-userlist .tc2,
.day #pun-searchtopics .tc2,
.day .multipage .hasicon .tc3,
.day .multipage .hasicon .user-avatar,
.day .spirit-navigation_2,
.day .pa-fld4 {
display: none;
}
.day .multipage,
.day #pun-crumbs1,
.day #pun-crumbs2 {
width: 94%;
margin: 0 auto;
}
.day .multipage .hasicon .tcr {
display: flex;
flex-direction: column;
align-content: end;
flex-wrap: wrap;
text-align: right;
width: 40%;
}
.day .multipage .hasicon .tcr .byuser {
margin-top: -7px;
line-height: 1;
}
.day #pun-userlist .tcl,
.day #pun-searchtopics .tcl,
.day #pun-modviewforum .tcl {
width: 55%!important;
}
.day .linkst .pagelink { left: 0!important; }
.day #pun-searchposts .post h3 {
margin: 0px!important;
width: 100%!important;
height: 35px!important;
}
.day .post h3,
.day #pun-messages .post h3 {
margin: 0px!important;
width: 100%!important;
}
.day #pun-searchposts .post h3 span,
.day .post h3 span {
width: 100%!important;
}
.day #pun-searchposts .post .post-author {
margin-top: 20px;
width: 140px;
}
.day #pun-searchposts .post-body {
margin-left: 150px;
}
.day #pun-searchposts .post-box {
margin-right: 0px;
}
.day #viewprofile table {
width: 95%;
margin: 0 auto;
}
.day #pun-profile #viewprofile tbody tr #profile-left {
background: none!important;
width: 100%!important;
}
.day #pun-profile #viewprofile tbody tr {
flex-direction: column;
}
.day #pun-profile #viewprofile tbody tr #profile-right {
width: 100%!important;
}
.day #viewprofile li {
width: 95%;
}
.day #form-buttons tr {
width: 111%!important;
flex-wrap: wrap;
margin-left: -19px!important;
}
.day #main-reply {
width: 100% !important;
margin-left: -7%;
}
.day .subscribelink a { position: unset!important; }
.day #togglePreview input {
margin-top: 15px;
margin-left: 7%;
}
.day .post .post-author {
width: 100% !important;
margin-bottom: 15px !important;
background: url(https://forumstatic.ru/files/001c/35/64/12922.png);
min-height: 120px !important;
border: none !important;
margin-left: 0% !important;
position: relative !important;
}
.day .post-author:before,
.day .post-author:after { content: none!important; }
.day .post .container { margin-top: 40px; }
.day .post-body { margin: 0!important; }
.day .post-content { width: 97%!important; }
.day .post-box { margin-right: -8px; }
.day .post-author ul {
gap: 0px 30px;
margin-top: 5px!important;
margin-bottom: 0!important;
padding: 5px 15px !important;
justify-content: space-between;
display: grid!important;
grid-template-areas:
"nickname nickname avatar"
"title title avatar"
"lz lz avatar"
"art love avatar";
}
.day .pa-author {
grid-area: nickname;
margin: 0px;
width: 180px;
display: flex;
text-align: left;
}
.day .pa-title {
grid-area: title;
margin-bottom: 6px !important;
justify-self: center !important;
text-align: left;
}
.day .no-avatar .pa-title { margin-left: -40px;}
.day .pa-avatar { grid-area: avatar; margin-bottom: 25px !important; }
.day .pa-avatar img { max-height: 100px; max-width: 100px !important; }
.day .pa-fld1 {
font-size: 0px !important;
position: absolute;
right: 10px;
bottom: 10px;
width: fit-content;
height: fit-content;
background: none !important;
z-index: 2;
}
.day .pa-fld1 a {
font-size: 0px !important;
line-height: 0px !important;
width: 15px;
height: 15px;
position: relative;
padding: 0 !important;
}
.day .pa-fld1 a:before {
content: '\f188';
position: absolute;
text-align: center;
font-size: 18px;
color: var(--hovlink);
font-family: 'Font Awesome';
transition: all .2s ease-in-out;
left: 50%;
top: 44%;
text-shadow: 1px 1px 1px #0000008c;
transform: translateX(-50%) translateY(-50%) rotate(21deg);
}
.day .pa-fld1 a div { font-size: 0px !important; }
.day .pa-fld1:before { content: none!important; }
.day lz,
.day .pa-fld3,
.day .pa-fld5 { display: none; }
.day .fld_wrap:after,
.day .fld_wrap_un:after,
.day .fld_wrap:before,
.day .fld_wrap_un:before,
.day .pa-author a:before,
.day .pa-title:before { content: none!important; }
.day .fld_wrap .pa-respect .fld-name a::before,
.day .isguest .fld_wrap .pa-respect .fld-name::before {
top: 0px;
font-size: 11px;
}
.day .pa-fld2 {
grid-area: lz;
width: 100% !important;
margin: 0 !important;
margin-left: -4px !important;
background: #0e0e0edb!important;
}
.day #lz {
margin: 5px 0px !important;
background: #0e0e0edb;
border-radius: 0 10px 10px 0;
}
.day .pa-posts,
.day .pa-respect {
flex-direction: row;
font-size: 11px;
margin: 10px 10px !important;
gap: 11px !important;
width: 48px !important;
}
.day .pa-posts { width: 33px !important; }
.day .pa-respect {
flex-wrap: nowrap;
grid-area: love;
}
.day .pa-posts {
grid-area: art;
}
.day .pa-respect .fld-name { width: 48px; }
.day .fld_wrap_un .pa-respect .fld-name a::before,
.day .isguest .fld_wrap_un .pa-respect .fld-name::before {
top: -1px;
}
.day #pun-report .inner,
.day #pun-reputation .inner,
.day #pun-admin-award-form .inner {
width: 86vw!important;
background: #cec5b4;
}
.day .reveal-modal.xlarge { width: 95vw!important; }
.day .menu-links { gap: 8px !important; width: 95%; }
.day .menu span,
.day .menu a { padding: 0 10px; }
.day #submenu { width: 100%!important; }
.day .menu span,
.day .menu a { font-size: 12px; }
.day .menu { margin-left: -4px; }
.day .redirect-page #pun {
width: 90% !important;
left: 50%;
transform: translateX(-50%);
}
.day #pun-messages #profilenav ul {
display: flex;
gap: 5px 10px;
flex-wrap: wrap;
}
.day #pun-messages #profilenav,
.day #profile #profilenav { float: none!important; margin: 20px 20px !important; }
.day #profile .container {
width: 96%!important;
margin: 0 !important;
padding: 0 !important;
}
.day #pun-messages .fs-box {
width: 110%;
margin-left: -10px;
margin-right: 0;
}
.day #pun-messages .fs-box .post-author {
margin-top: 20px !important;
min-height: 120px !important;
margin-left: -70px !important;
}
.day #pun-messages .post-body .post-box {
border: 0;
margin-left: -40vw!important;
width: 92vw;
}
.day #pun-messages .post-links {
margin-left: -60px!important;
margin-bottom: 20px!important;
}
.day #pun-messages .linksb {
margin-left: 10px;
margin-bottom: 30px;
}
.day #pun-messages #main-reply,
.day #pun-edit #main-reply {
width: 90% !important;
margin-left: -1px !important;
}
.day #pun-messages #form-buttons table tr {
width: 99% !important;
margin-left: 0px !important;
}
.day .punbb-admin {
width: 1040px!important;
background-color: #cec5b4;
}
.day #profile #form-buttons table tr {
width: 110% !important;
margin-bottom: 15px;
margin-left: -9px !important;
}
.day #profile #main-reply {
width: 98% !important;
margin-left: -3%;
}
.day .need { width: 100%!important; }
.day .need a { display: flex; width: fit-content !important; font-size: 11px;}
.day .cop {
bottom: -134px;
left: 50%;
transform: translateX(-50%);
}
.day #slideout { right: 0!important; }
.day #slideout:before { right: 1px!important; }
.day .hide-author .post-body {
width: unset !important;
padding: 0px !important;
}
.day .indOnline,
.day .indOffline {
left: 50%;
transform: translateX(-50%);
top: -12px;
}
.day .lichka { width: 100%!important; }
.day .modal_wrap {
display: flex;
width: 98vw;
margin-left: 51px;
}
.day .modal_wrap > div { width: 100%!important; }
.day .lichka_gif {
position: unset!important;
margin-left: 113px !important;
}
.day .lichka_name { margin: 10px 10px 10px 56px !important; }
.day .lichka_text {
margin: 0 !important;
width: 83vw!important;
margin-left: 10% !important;
}
.day .lichka_plashki {
display: flex;
flex-direction: column;
width: 62vw !important;
}
.day .lichka_achiev {
display: flex;
flex-wrap: wrap;
width: 80vw!important;
margin: 15px 0 0 71px !important;
}
.day .lichka_awards {
width: 71vw!important;
margin: 0 !important;
height: 70px!important;
margin-left: 44px !important;
}
.day #form-buttons small { display: none!important; }
.day #character { left: 92%!important; }
.day .reveal-modal .close-reveal-modal {
top: -40px !important;
right: 88px !important;
transition: none !important;
font-size: 30px !important;
color: #929292 !important;
}
.day .punbb #pun-navlinks #form-login { top: -319px!important; left: -60px!important; }
.day #List-UserNames {
width: 122px!important;
left: -154px!important;
}
.day #List-UserNames ul+span { width: 136px!important; }
.day .punbb #pun-navlinks #form-login input { width: 128px!important; }
.day .punbb #List-UserNames li { background: none!important; }
.day #notify-link .unreads,
.day #navpm .unreads { z-index: 999; }
.day #pun-navlinks li a { z-index: 10; }
.day .punbb #pun-navlinks a#New-exit {
right: -21px !important;
top: 0px !important;
margin: 0 !important;
}
.day .punbb #pun-navlinks a#New-exit:after { content: none!important; }
.day .hvStickerPackModalContainer {
left: 19px !important;
transform: unset !important;
}
.day .linksb .pagelink {
position: relative;
z-index: 99;
}
.day .reactions-root .emoji-mart { width: 350px !important; }
.day .post-box .post-sig { display: none; }
/* конец адаптива */
#yandex_rtb_R-A-1623045, #yandex_rtb_R-A-1623045-1, #yandex_rtb_R-A-1623045-3, #yandex_rtb_R-A-1623045-2 { margin: 10px 0px!important; }Поделиться412024-10-12 01:04:40
[html]<!--------------------------- ЧАСТЬ 1. Код кастомизированного плеера (c) forumd --------------------->
<div class='playerNode' data-tracks="https://forumstatic.ru/files/001c/35/64/68814.mp3" title='Kensington - Island '></div>
<!--------------------------- ЧАСТЬ 1. Код кастомизированного плеера ------------------------------------>[/html]
kzkzkz nene gjcn rerfhtre
Поделиться422024-11-22 21:02:29
[html]
<fins>
<fins_t> masks for grabs </fins_t>
<fins_extra>
нижеуказанные волчата существуют пока на стадии концепта + скорее всего, уже в февральском таймлайне появятся в качестве нпс в постах финчика и их инклюзивчика; вы можете взять их погонять масками разово или навсегда (их так же можно брать полноценными персонажами)
важный аспект стаи заключается в том, что она не центрируется на альфе и вайб у нее больше как у невольных участников гли - все собрались в кучку, но никто, по факту, не хочет к этой кучке принадлежать; в будущем есть надежда вырастить это в троп found family (не очень хорошие ребята начинают помогать друг другу и постепенно становятся дружной семьей).
</fins_extra>
<fins_p>
<fins_pp>
<fins_ch>
<img src='https://i.ibb.co/Snxp7PD/tumblr-e122cf6c1a6f493571d65fcd31d81d83-05af9d67-400.gif'>
<fins_info>
<h4>ms. law and order</h4>
<h5>josefine pettersen </h5>
<p>• лучше звоните солу - для всех, кого прессует инквизиция
• в тринадцать присутствовала на казни собственного отца
• острые зубы, мысли еще острее
• слава богу на стороне добра, иначе твое тело не нашли бы и через три сотни лет
• закончила университет на два года раньше ровесников
• работает как танк, отдыхает как будто завтра никогда не наступит
• girl's girl</p>
</fins_info>
</fins_ch>
<fins_ch>
<img src='https://i.ibb.co/WVLKqbx/tumblr-4c6ee98cc2579fef7550f031824f3bc5-562d9600-500.gif'>
<fins_info>
<h4>ms. loose cannon</h4>
<h5>cristin milioti</h5>
<p>• живет в мэгги последние пару месяцев – возможно, только потому, что фин боится ее выселять (платит нерегулярно, дебоширит, приводит гостей – если натравить на нее акса, может угомониться ненадолго)
• никто не хотел ее звать, так что она пришла сама
• если протянуть палец – откусит все, кроме пальца
• совершенно точно будущий источник сюжетных проблем, потому что готова влезть в любую грязь за наживой или просто из скуки
• либо: с пиздинкой и потому поспособствовала развалу своей прошлой стаи + постоянно самосаботируется + в итоге дойдет до точки максимального конфликта с остальными волчатами
• либо: после всех этих передряг привяжется к детишкам и начнет исправляться (меньше дебоширить, больше помогать, возможно, даже работу найдет - кто знает; но характер, скорее всего, останется скверным)</p>
</fins_info>
</fins_ch>
</fins_pp>
<fins_pp>
<fins_ch>
<img src='https://i.ibb.co/1sk18TV/tumblr-ac141caa68c7e377fb34d238f99177e2-28dc1986-540.gif'>
<fins_info>
<h4>mr. stray dog</h4>
<h5>kj apa </h5>
<p>• бездомствует с двенадцати
• отсидел в джексонской тюрьме за угон и непреднамеренное похищение (взломал тайоту хайлендер на заправке и проехал в ней пару километров прежде, чем обнаружил на заднем сидении младенца - вернул машину обратно, но за прошлые нарушение получил четыре года, несмотря на смягчающие обстоятельства)
• мать младенца – мисс камила / школьная учительница – присутствовала на суде и выступала на стороне защиты; навещала его на протяжение всех четырех лет и заставила вернуться к школьному образованию после выхода
• стал жертвой проклятого альфы из батон-руж и присмотрел там стаю, но случайно застрял в но
• не в чарлепаке, потому что хочет больше независимости
• визуал представляю <a src='https://gifstorage.tumblr.com/kj-apa/ofm/01./'>так</a></p>
</fins_info>
</fins_ch>
<fins_ch>
<img src='https://i.ibb.co/3RHKHsY/4e4722a360d2ba0bd7cb9c38dc8a9c41.gif'>
<fins_info>
<h4>mr. hustler</h4>
<h5>avan jogia </h5>
<p>• знает человечка, который знает человечка
• привел финансы мэгги в порядок, потому что нечем было заняться (сири включи комбинация - бухгалтер)
• в деньгах не нуждается, но устал быть слабее вообще всех окружных оборотней
• имеет какие-то бизнесы, но никому не говорит какие
• пришел по объявлению
• гифка уебская но внешность просто отвал жопы траст ми</p>
</fins_info>
</fins_ch>
</fins__pp>
</fins_p>
<fins_extra>
сюжетные моменты:
1. у фин нет желания быть альфой, у них есть желание кусаться побольнее и иметь зубы поширше, но эти две вещи плотно связаны, поэтому они собирают горстку омежек, которым нужны деньги, выдают по двести баксов на нос и уговаривают признать их альфой с помощью сидни (вуду ведьма, оплаченный эмиссар, просто хороший человек по версии некоторых официантов в хутерс);
2. всяческая хрень, скорее всего, будет происходить со стаей регулярно, но в ней можно не участвовать и какого-то распланированного гейминга я не хочу – первое время каждый будет сам за себя и динамики мама альфа - бейби бета здесь нет (думайте про фин, как про скотта макколла в первом сезоне – с перспективой стать скоттом из пятого)
3. общий вайб – гангстерские разборки с юмором и легким налетом охуевоза (потому что персонажи все относительно молодые, но вечно влезают в штуки, которые для них ту мач). эмоушанал дамаж у всех довольно большой, но горьких драм не хочется – тем не менее, вы можете завести такую для себя и играть ее дополнительно
</fins_extra>
</fins>
<style>
@import url('https://fonts.googleapis.com/css2?family=Lacquer&display=swap');
fins {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
padding: 0 40px;
box-sizing: border-box;
}
fins:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
opacity: .07;
filter: contrast(0.6);
background-image: url(https://i.pinimg.com/736x/9f/a2/cf/9fa2 … 66c4cb.jpg);
z-index: -1;
background-position: top center;
background-repeat: no-repeat;
}
fins_t {
font-size: 40px;
font-family: "Lacquer";
}
fins_extra {
display: flex;
font-family: 'Raleway';
font-weight: 500;
letter-spacing: 0.2px;
margin-top: 20px;
white-space: pre-wrap;
font-size: 11px;
padding: 0 40px;
box-sizing: border-box;
}
fins_p { display: flex; margin-top: 55px; gap: 40px; width: 80%; justify-content: center;}
fins_pp {
display: flex;
flex-direction: column;
gap: 50px;
}
fins_ch {
display: flex;
flex-direction: column;
}
fins_ch img {
width: 268px;
margin: 0 auto;
border-radius: 7px;
filter: brightness(0.7);
position: relative;
z-index: 1;
}
fins_info {
display: flex;
flex-direction: column;
gap: 5px;
text-align: center;
position: relative;
align-content: center;
flex-wrap: wrap;
background: #0000000f;
padding: 25px 15px 15px;
border-radius: 10px;
margin-top: -15px;
}
fins_info::-webkit-scrollbar {
width: 1px!important;
height: 1px;
}
fins_info::-webkit-scrollbar-track,
fins_info::-webkit-scrollbar-thumb {
background-color: #00000026!important;
}
fins_info h4, fins_info h5, fins_info p { margin: 0; }
fins_info h4 {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -163px;
font-family: "Lacquer";
font-size: 24px;
width: 100%;
}
fins_info p {
white-space: pre-wrap;
text-align: left;
width: 310px;
height: 140px;
overflow: auto;
font-family: 'Raleway'!important;
line-height: 16px!important;
font-size: 10px!important;
font-weight: 500!important;
padding: 0 6px;
}
</style>
[/html]

