активисты флуда адан серена соня постописцы лили рили лири лучший пост от мейзи лучший эпизод на крючке у червей
гес: у гестии в последнее время слишком частое ощущение непрекращающегося пиздеца, но почему-то сейчас она поверила в аспидов слишком сильно. должна же была их жизнь научить. сейчас у них даже план был, который внушал надежду. как минимум, гес не планировала умирать этим вечером.
ирма: встречает рождество с орлой, с саймоном, с митчеллом, со всеми, кто остался на дежурстве, приносит пирог по рецепту своей семьи, шикает, мол, ни слова об этом. говорит, что в германии пропускать такое событие нельзя, даже если ты на работе, и даже если ты не верить в иисуса спасителя нашего христа. первое рождество в америке не кажется катастрофой, и ирма чувствует, как у нее тянет под ложечкой — она совсем не планировала привыкать.
роза



сюжетная очередность

13.1 - джонатан до 14.10
13.2 - бонни до 15.10
13.3 - гм до 09.10
13.4 - митч до 14.10

the marauders: danse macabre

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

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


Вы здесь » the marauders: danse macabre » маховик времени » Тестовое сообщение


Тестовое сообщение

Сообщений 31 страница 42 из 42

31

[lztext]<div id="lz">// что хочу напишу и <i><a href="google.com">буба</a></i>.</div>[/lztext]

0

32

[sign]нн[/sign][lztext]нн[/lztext][status]н[/status][nick]н[/nick]

0

33

[sign]нн[/sign][lztext]нн[/lztext][status]н[/status][nick]н[/nick]

0

34

Код:
<!------------------- маска профиля ------------------------------->
<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>
<!------------------- конец маски профиля ------------------------------->

0

35

[nick]бла бла[/nick][lztext]// привет тебе путник[/lztext]

0

36

[lztext]<div id="lz">// что хочу напишу и <i><a href="google.com">буба</a></i>.</div>[/lztext][fauxpl]лалалалалалалалаалалалалалаалалал[/fauxpl][status]длалалала[/status][nick]лалалалал[/nick]

0

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]

0

38

[nick]лалалалал[/nick][status]длалалала[/status][lztext]<div id="lz">// что хочу напишу и <i><a href="google.com">буба</a></i>.</div>[/lztext][fauxpl]лалалалалалалалаалалалалалаалалал[/fauxpl]

0

39

адаптив

Код:

/* бургер */
.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>
<!---------------------------- конец бургерного меню для адаптива ---------------------------->

0

40

Код:
/* бургер */
.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; }

0

41

[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

0

42

[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]

0


Вы здесь » the marauders: danse macabre » маховик времени » Тестовое сообщение


Рейтинг форумов | Создать форум бесплатно