Dark matter

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

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


Вы здесь » Dark matter » Новый форум » тук


тук

Сообщений 1 страница 23 из 23

1

<div class="renoheaderhover"><div class="renoheadercontent">

<!-------------------------------------------- ЛУЧШИЙ ПОСТ ---------------------------------------------->
<div class="bestpost">лучший пост <a href="https://lullabydeath.rusff.me/profile.php?id=30">morgana evers</a> <span>x</span> истина состояла в том, что я вообще не знала точно, что именно искала, чувствуя лишь, что меня гнала — и с каждым мгновением всё сильнее — какая-то неведомая сила. сначала это был еле слышный призыв и одновременно страстное желание найти место, где можно будет чувствовать себя свободной и в безопасности...  <span>x</span> <a href="https://lullabydeath.rusff.me/viewtopic.php?id=142#p6340">читать</a>
</div>

<div class="line2"></div>

<!-------------------------------------------- ЛУЧШИЙ ЭПИЗОД ---------------------------------------------->
<div class="ep">лучший эпизод <span>x</span> <a href="https://lullabydeath.rusff.me/viewtopic.php?id=105#p3686">школьный квест</a>
</div>

<!-------------------------------------------- ПОСТОПИСЦЫ ---------------------------------------------->
<div class="bestpers">постописцы <span>x</span> <a href="https://lullabydeath.rusff.me/profile.php?id=19" style="cursor: pointer;">malia</a> <span>x</span> <a href="https://lullabydeath.rusff.me/profile.php?id=21">routag</a> <span>x</span> <a href="https://lullabydeath.rusff.me/profile.php?id=4">caroline</a> <span>x</span> <a href="https://lullabydeath.rusff.me/profile.php?id=35">marcus </a>
</div>

<div class="line" style="opacity: 0.55;"></div>

<!-------------------------------------------- АКТИВИСТЫ ---------------------------------------------->
<div class="bestactiv">активисты <span>x</span> <a href="https://lullabydeath.rusff.me/profile.php?id=27">margaret</a> <span>x</span> <a href="https://lullabydeath.rusff.me/profile.php?id=33">adalind</a> <span>x</span> <a href="https://lullabydeath.rusff.me/profile.php?id=15">sharon</a> <span>x</span> <a href="https://lullabydeath.rusff.me/profile.php?id=9">elijah</a>
</div>

<!----------------------------------------- НАВИГАЦИЯ ----------------------------------------->
<div style="width: 400px; margin-top: 207px; margin-left: 50px; position: absolute; overflow: hidden;">
<a class="navigation" href="https://lullabydeath.rusff.me/viewtopic.php?id=64">сюжет</a>
<a class="navigation" href="https://lullabydeath.rusff.me/viewtopic.php?id=66">путеводитель</a>
<a class="navigation" href="https://lullabydeath.rusff.me/viewtopic.php?id=45">роли &amp; внешности</a>
<a class="navigation" href="https://lullabydeath.rusff.me/viewtopic.php?id=47">faq</a>
<a class="navigation" href="https://lullabydeath.rusff.me/viewtopic.php?id=67">бестиарий</a>
<a class="navigation" href="https://lullabydeath.rusff.me/viewtopic.php?id=63#p1844">сюжетная акция</a>
</div>

</div></div>

0

2

0

3

0

4

0

5

Я одеваюсь и выхожу из комнаты. Как можно объяснить родным, которые тебя ни во что не ставят, что тебе нужно нечто большее? Как это можно сделать? Раньше я думал, что все, что нужно, — это любовь и понимание родственников. Но все это хрень, кроме уз нужно еще кое-что. У телефона в коридоре никого нет. Обычно у него сидит моя сумасшедшая сестра, которая болтает, не зная усталости. Но мне некому звонить, Эвелин занята, у неё какие-то дела, так что я решаю просто прокатиться по городу.

Чувствую себя таким подавленным, что мне нужно выйти на улицу, немного проветриться. Тяжелые капли дождя падают на землю через голубовато-серый туман, окутавший весь город. Я шныряю туда-сюда по улице целую вечность, совсем замерз, и затем возвращаюсь к автомобилю. Город был прекрасным. Непревзойденным. Конечно, трущобы выглядели ужасно, там не на что посмотреть, но в центре есть абсолютно все. Я любил гулять по улицам, позволив себе наслаждаться потрясающим видом своего родного города. Свет льется на здания, играет на них разными красками. Пожалуй, это — самое прекрасное, что есть на свете. Несравненное. И деревья такие красивые.

Но нельзя так узко мыслить. Ничего нельзя знать наверняка. Потому, что уезжая дальше от центра я вижу несколько пьяных девушек носятся в каком-то дурацком танце, кажется, у них девичник, а даже если я и ошибаюсь, в голову мысль всё равно засела. Было бы прекрасно когда-нибудь отпустить Эвелин ка её собственный девичник, чтобы когда-нибудь она стала моей официально. Вот только её мать никогда не согласится, и боюсь, что Иви будет зависима от её мнения. Смотрю на них, несколько завистливо, потому, что хочется знать, почему они так чрезвычайно счастливы. Кому-то всё…

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

— Вот дурацкая машина! —Хорошо, что дождь прошёл, и я могу выйти, вдохнуть влажного воздуха и узнать, что не так с этим драндулетом. По мере того, как опускаются сумерки, в редких просветах между деревьями начинают суетиться птицы, прям как я вокруг машины, которой место уже на свалке. Совсем не понимаю, в чём причина того, что она не заводится.

Я закрыл крышку капота и лениво развалился на пассажирском сидении, листая инструкцию, и изредка выглядывая в окно. Спустя некоторое время, я всё-таки решаю выйти на разведку и попытать удачу второй раз. — Проверим ещё разок, — Капошусь в двигателе, и вроде бы даже нашёл, в чём неполадка, как почувствовал, что рядом кто-то есть. И мне стало как-то не по себе, пришлось даже развернуться. Какой-то мужчина, совсем рядом, что ему нахрен надо? Помощь предложить решил? И где ты был минут двадцать назад, когда я изучал строение двигателя. Но я чувствую, что этот человек не так прост, каким кажется, — Помощь не нужна, я всё починил, библия тоже не нужна, спасибо.

0

6

/* ïîÿâëÿþùàÿñÿ òàáëèöà ñ ðåíî */
.renoheader {
     border-radius: 48px 48px 0 0;
  background: url(https://forumstatic.ru/files/001b/2d/f1/32854.png);
      transition: all 1.5s cubic-bezier(.64,.51,.55,1.16) 0s;
    filter: brightness(1.2);
}

/* òóò ñêðûòü */
.renoheaderhover {
      height: 550px;
    width: 1050px;
       border-radius: 48px 48px 0 0;
    opacity: 0;
    transition: all 1.5s cubic-bezier(.64,.51,.55,1.16) 0s;
    margin-top: 0px;
    margin-left: -26px;
    position: absolute;
    z-index: 1;
}

.renoheaderhover:hover {
    color: #ededed;
      height: 550px;
    width: 1050px;
      border-radius: 48px 48px 0 0;
    background: url(https://forumstatic.ru/files/001b/2d/f1/32854.png);
    opacity: 10;
    filter: brightness(1.2);
       transition: all 1.5s cubic-bezier(.64,.51,.55,1.16) 0s;
}

renoheadercontent {
      height: 550px;
    width: 1050px;
       border-radius: 48px 48px 0 0;
    background: url(https://forumstatic.ru/files/001b/2d/f1/32854.png);
   transition: all 1.5s cubic-bezier(.64,.51,.55,1.16) 0s;
}

0

7

Самый банальный вопрос возникает тогда, когда открываешь глаза в совершенно незнакомом месте. Незнакомом и мрачном, таком, в котором никогда не хотел оказаться. «И где же я?» Если оглянуться назад и пролистать свою жизнь, то становится до одури очевидно, где я мог оказаться, и где видимо оказался. И я даже не уверен, что лучше – быть запертым в магической тюрьме, или оказаться в этом месте. Это же наверняка Ад. Я не был хорошим человеком, и это должно быть единственное место, в котором я мог оказаться после смерти. А меня убили? Почему я помню всё какими-то пробелами?

Время в аду текло слишком медленно. Было, о чем подумать, и что вспомнить. Я почему-то не сразу смог сопоставить все факты. Слишком долго вспоминал тот вечер — как убил сестру, испортив ей свадьбу. Но почему-то не мог вспомнить, как оказался в этом тёмном мире. Но потом всё встало на свои места. Я списываю свою амнезию на обращение в еретика. Всё-таки помутнение рассудка, жажда крови не проходят бесследно. Думаю, что из-за этого. Но я всё понял, это один из братьев, Деймон убил меня, точно, это его рук дело.

Да, в этой ситуации только и оставалось, что строить коварные планы, бродить в одиночестве в этом забытом мире. Чистое безумие. Вновь быть одному, иногда прятаться, потому, что есть уверенность, что здесь лучше никому не попадаться на глаза. Я чувствую всё и сразу: голод, чувство одиночества, боль. Но это отрезвляет, заставляет строить хоть какие-то планы.

И вот, в один из дней, которым уже и счёта нет, я сидел за одним из камней, пытался понять, есть ли вообще выход отсюда. Если есть замок, то должен же быть и ключ от него. Я уверен, что есть выход, вот только, боюсь, что слишком много времени потребуется для выхода. Я боюсь, что много времени потребуется. И боюсь того, что не увижу свою жену, нашего ребёнка, или детей… Чёрт, Кай, здесь не место думать о том, что ты можешь упустить.

This war that I deserve

Слышу шаги. Чувствую, что кто-то идёт. От скуки захотелось поиграть. Найти жертву, которую могло бы ждать множество сюрпризов. В конце концов, здесь же наверняка есть те, кто не понимает где оказался. А шаги всё ближе. Вижу отчётливее того, кто решил раскрасить мою жизнь новыми красками. И мне не даёт покоя то, что я будто бы знаю эту девушку. Слишком темно, чтобы разглядеть на расстоянии, но когда она оказывается передо мной, меня переполняет радость, а изо рта льётся заливистый смех. —Елена?

— И кто тебя убил? Я бы это сделал, но я здесь, я бы не смог. Вот не знаю как ты, а мне здесь не нравится, за развлечения ставлю одну звезду... — Точно помню, что сделал с этой девушкой, и совсем не понимаю, почему она здесь, ведь у неё много верных рыцарей, готовых на многое ради её безопасности. — Кто бы передал привет Деймону от меня, здесь связь плохо ловит, — У меня не такие длинные руки.

Она, наверное, хотела бы уйти куда-нибудь подальше, сбежать от этого разговора, вот только деваться отсюда некуда. Можно, конечно, попробовать убить друг друга, или поиздеваться, но Елена не такая, как я помню. Не знаю, как здесь время течёт, но может, что-то изменилось с момента моей смерти. Не знаю, о чём нам говорить, и что делать, но и одному быть здесь невыносимо. Мне нужна компания, нужен кто-то с кем можно поговорить. Даже если мой собеседник решит не разговаривать, то будет слушать монологи. Хоть что-то.

The terror is real this time
Under a falling sky
I’m under, I’m under
A falling sky

0

8

http://newatlantis.rusff.me/
http://pactum.rusff.me/viewtopic.php?id … p=9#p18322
http://spinoff.rusff.me/

0

9

0

10

[html]<body onresize="setHeight()" class="post-content" style="font: 12.8013px / 17.9218px Verdana, Arial, "Trebuchet MS", Trebuchet, sans-serif;">
<div class="albg">
  <div class="bltxt">
    <div class="za">HAPPY BIRTHDAY, DEAR    <a href="" style="color: var(--golds)" ="https:="" bostoncrazzy.rusff.me="" profile.php?id="148"">Vincent Clement</a>!</div>
    <table>
      <tbody><tr>
        <td class="opis">
            <img class="imop" src="https://i.pinimg.com/originals/b1/81/c0/b181c0d113b0f8abf7f4b024df64441c.jpg">
        </td>
        <td class="tex"><br>С Днём Рождения, с днём варенья, сладкая плюшечка @Vincent Clement ))
От лица Винни-Пуха и всех-всех-всех поздравляем тебя с чудесным зимним январским днем, в один из которых 18+ лет назад ты появился на свет) Пусть каждый твой день будет светлым, задумка - успешной, игра - вдохновенной, окружающие - чуть поменьше мудаками, а близкие - сладкими булочками, готовыми поддержать тебя в любую минуту) С днем варенья, Винсель!
<br><br>
<i>С любовью, твой Бостон.   
<br>Лично поздравить красавчика можно в <a href="https://bostoncrazzy.rusff.me/viewtopic.php?id=107&p=27#p336716">Поздравлениях</a>  </i>
        </td>
      </tr>
    </tbody></table>
  </div>
  </div>

<style>
.albg {background-image: url(https://i.imgur.com/DAzH5S7.png);
  padding: 20px;}

.bltxt {
  padding: 20px;
}

.za {    text-align: center;
    font-family: morpheus;
    font-size: 20px;
    color: var(--blue);
    margin-bottom: 10px;
    border: 1px solid var(--blue);}

.imras {
  text-align: center;
  margin-bottom: 10px;
}

.tex {
  color: #d6d5d2;
  text-align: center;
}

img  {
    border: 1px solid var(--darkgold);
}
.imop {
    width: 170px;
    height: 170px;
}

.opis {
    text-align: center;
}

.ciit {
    color: #c2a76b;
    font-family: morpheus;
}

</style>
<iframe src="about:blank" name="iframe_test_height" style="z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border:0"></iframe></body>[/html]

0

11

[html]<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr" class="punbb" style="padding:0!important;width:600px!important"><head><base target="_blank" href="https://bostoncrazzy.rusff.me/"><link rel="stylesheet" type="text/css" href="https://forumstatic.ru/styles/001a/e7/a4/style.1674391392.css"><link rel="stylesheet" type="text/css" href="https://forumstatic.ru/style/extra.38.css"><link rel="stylesheet" type="text/css" href="https://forumstatic.ru/style/mobile.6.css"><link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css"><link rel="stylesheet" type="text/css" href="https://forumstatic.ru/f/ru/bestbb/notifications.reputation.css?466366"><link rel="stylesheet" type="text/css" href="https://forumstatic.ru/f/ru/bestbb/notifications.mentions.css?466366"><style>#КонтентРотатор2 p{display:none}</style><style>#КонтентРотатор p{display:none}</style><style>.send-sumb{padding:2px 7px; float:right;color:#800;cursor:pointer; border:1px solid;}
.post.topicpost .send-sumb{display:none}</style><style>
body #post #color-area {
background-position: 0!important;
background-size: 400px auto !important;
padding: 21px 30px 8px 30px!important;
width: 298px!important;
}

#color-area table.Myp .rightMy input{
/*margin-left:54px*/
}
#color-area table.Myp input{
z-index:0!important;
}
</style><style type="text/css">
@font-face {
  font-family: 'JOURNALISM';
  src: local('JOURNALISM');
  src: url('https://forumstatic.ru/files/001a/fc/36/85220.ttf') format('truetype');
}
     
@font-face {
  font-family: 'Roboto Condensed';
  src: local('Roboto Condensed');
  src: url('https://forumstatic.ru/files/0019/a7/ad/41127.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
     
@font-face {
  font-family: 'Roboto Condensed';
  src: local('Roboto Condensed');
  src: url('https://forumstatic.ru/files/0019/a7/ad/19457.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
     
@font-face {
  font-family: 'Roboto Condensed';
  src: local('Roboto Condensed');
  src: url('https://forumstatic.ru/files/0019/a7/ad/49785.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
     
@font-face {
  font-family: 'Roboto Condensed';
  src: local('Roboto Condensed');
  src: url('https://forumstatic.ru/files/0019/a7/ad/62075.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}
     
@font-face {
  font-family: 'FontAwesome';
  src: local('FontAwesome');
  src: url('https://forumstatic.ru/files/0019/a7/ad/95168.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
</style><link href="//alexkolmar.github.io/fonts/AGOpus_Roman/stylesheet.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Alumni+Sans:wght@300;400&display=swap" rel="stylesheet"><style type="text/css">.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}</style><style type="text/css" id="extra">
  html {
    background: none !important;
    overflow: hidden;
    width: 500px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body {
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block !important;
    position: relative !important;
  }
  body::before, #pun_wrap::before {
    content: none;
  }
</style></head>
<body onresize="setHeight()" class="post-content" style="font: 12.8013px / 17.9218px Verdana, Arial, "Trebuchet MS", Trebuchet, sans-serif;">
<div class="albg">
  <div class="bltxt">
    <div class="za">HAPPY BIRTHDAY, DEAR лисичка   <a href="" style="color: var(--golds)" ="https:="" bostoncrazzy.rusff.me="" profile.php?id="16"">Kang Soo Jin</a> !</div>
    <br><table>
      <tbody><tr>
        <td class="opis">
             <img class="imop" src="https://i.imgur.com/NmZ3WBk.jpg">
        </td>

        <td class="tex"><br>Поздравляем тебя, лисичка @Kang Soo Jin , с днем рожденья, который совпадает с таким светлым, весенним праздником, о котором речь пойдет чуть ниже)) Пусть тебя не подводит здоровье, пусть настроение держит всегда на высоте, пусть радуют друзья и близкие и, конечно, соигроки) творческих побед тебе, новых свершений, мирного неба  <img class="postimg" loading="lazy" src="https://i3.imageban.ru/out/2021/01/01/b2990fd70dd743c4b9b9e37ff7862237.png" alt="https://i3.imageban.ru/out/2021/01/01/b2990fd70dd743c4b9b9e37ff7862237.png">
<br><br>
<i>С любовью, твой Бостон.   
<br>Лично поздравить лисичку можно в <a href="https://bostoncrazzy.rusff.me/viewtopic.php?id=107&p=28#p351664">Поздравлениях</a>  </i>
        </td>
      </tr>
    </tbody></table>
  </div>
  </div>

<style>
.albg {background-image: url(https://i.imgur.com/DAzH5S7.png);
  padding: 20px;}

.bltxt {
  padding: 20px;
}

.za {    text-align: center;
    font-family: morpheus;
    font-size: 20px;
    color: var(--blue);
    margin-bottom: 10px;
    border: 1px solid var(--blue);}

.imras {
  text-align: center;
  margin-bottom: 10px;
}

.tex {
  color: #d6d5d2;
  text-align: center;
}

img  {
    border: 1px solid var(--darkgold);
}
.imop {
    width: 170px;
    height: 170px;
}

.opis {
    text-align: center;
}

.ciit {
    color: #c2a76b;
    font-family: morpheus;
}

</style>
<iframe src="about:blank" name="iframe_test_height" style="z-index:-1;position:absolute;top:0;left:0;width:500px;height:100%;border:0"></iframe></body></html>[/html]

0

12

[html]<style>
/**шрифт**/
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/**общий блок**/
.stargs {background: #a9a9a9; width: 650px; height: 700px; border-radius: 20px; display: flex; flex-wrap: wrap; gap: 10px; padding: 15px; box-sizing: border-box; margin: 0 auto !important;}

/**блок с названием**/
.topst {display: flex; width: 100%; height: 50px; align-items: center; gap: 15px; border-bottom: solid 3px #000;}

/**блок с названием -> звездочка**/
.ist {width: 30px; height: 30px; transition: all 0.7s linear 0s;}
.ist:hover {transform: rotate(90deg); transition: all 0.7s linear 0s;}

/**блок с названием -> название форума**/
.namest {font-family: rubik; font-weight: 900; font-size: 22px; color: #000;}

/**блок с картинкой и инфой**/
.bottomst {display: flex; gap: 15px;}

/**блок с картинкой и инфой -> картинка**/
.imgst img {border-radius: 20px; max-width: 160px;}

/**блок с картинкой и инфой -> инфа**/
.bottomst_r p {margin: 0; text-align: justify; font-size: 14px; font-family: 'Rubik'; color: #000; padding-bottom: 10px;}

/**блок с картинкой и инфой -> спойлеры**/
.bottomst_r details {padding: 10px 0; border-top: solid 3px #000; border-bottom: solid 3px #000;}
.bottomst_r details:nth-child(2) {border-bottom: none;}

/**блок с картинкой и инфой -> убираем дефолтные маркеры**/
.bottomst_r details summary::-webkit-details-marker {display: none}
.bottomst_r details > summary {list-style: none;}

/**блок с картинкой и инфой -> название спойлера**/
.bottomst_r summary {cursor: pointer; display: flex; align-items: center; gap: 10px; font-family: 'Rubik'; font-size: 18px; font-weight: 900; color: #000;}
/**блок с картинкой и инфой -> звездочки в спойлерах**/
.bottomst_r summary img {width: 30px; height: 30px;}

/**блок с картинкой и инфой -> списки**/
.bottomst_r details ul {margin: 0; padding: 5px 15px;}
.bottomst_r details li {font-size: 10px; font-family: 'Rubik'; color: #000; list-style: none; line-height: 1.5;}

/**блок с картинкой и инфой -> ссылки в списках**/
.bottomst_r details li a {padding: 0 10px; background: #000; border-radius: 15px; color: #fff !important; text-decoration: none !important; font-family: 'Rubik' !important; font-size: 10px !important; transition: all 0.3s linear 0s;}

/**блок с картинкой и инфой -> навигация**/
.navst {display: flex; flex-wrap: wrap; gap: 10px; padding: 10px 0;}

.navst a {display: block; padding: 5px 10px; background: #000; border-radius: 15px; color: #fff !important; text-decoration: none !important; font-family: 'Rubik' !important; font-size: 10px !important; transition: all 0.3s linear 0s;}
.navst a:hover, .bottomst_r details li a:hover {background: #fff; color: #000 !important; box-sizing: border-box; transition: all 0.3s linear 0s;}
</style>

<!--код гостевой by karamba-->
<div class="stargs">
  <div class="topst">
    <div class="ist"><img src="https://forumstatic.ru/files/0016/f1/95/58840.svg"></div>
    <div class="namest">название форума</div>
  </div>
  <div class="bottomst">
    <div class="bottomst_l">
      <div class="imgst"><img src="https://i.imgur.com/m0A5jCu.gif"></div>
    </div>
      <div class="bottomst_r">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
        cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
        proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        <details>
          <summary> <img src="https://forumstatic.ru/files/0016/f1/95/58840.svg">занятые внешности</summary>
          <ul>
          <li>внешность - <a href="ссылка на профиль">имя</a> - до 13.10</li>
          <li>внешность - <a href="ссылка на профиль">имя</a> - до 13.10</li>
          </ul>
        </details>

        <details>
          <summary><img src="https://forumstatic.ru/files/0016/f1/95/58840.svg"> занятые роли</summary>
          <ul>
          <li>роль - <a href="ссылка на профиль">имя</a> - до 13.10</li>
          <li>роль - <a href="ссылка на профиль">имя</a> - до 13.10</li>
          </ul>
        </details>

        <div class="navst">
          <a href="ссылка">name link</a>
          <a href="ссылка">name link</a>
          <a href="ссылка">name link</a>
          <a href="ссылка">name link</a>
          <a href="ссылка">name link</a>
          <a href="ссылка">name link</a>
        </div>
      </div>
  </div>
</div>

[/html]

0

13

[html]<table style="table-layout:fixed;width:100%"><tbody><tr><td style="background-color:#1b0803"><p><span style="display: block; text-align: center"><span style="font-family: Lazurski"><span style="color: #c7956f"><strong>МУЖСКИЕ</strong></span></span></span></p></td><td style="background-color:#1b0803"><p><span style="display: block; text-align: center"><span style="font-family: Lazurski"><span style="color: #c7956f"><strong>ЖЕНСКИЕ</strong></span></span></span></p></td></tr></tbody></table>[/html]

0

14

[html]<div class="guest_name">7 дней до открытия</div>
<div class="guest">
    <div class="guest_info">
        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Commodi eligendi sit dolorum ipsum cupiditate. Consectetur ex expedita soluta rem, id eligendi adipisci corrupti labore distinctio inventore deleniti tempore laboriosam modi.</p>
        <p>Lorem, ipsum, dolor sit amet consectetur adipisicing elit. Neque, inventore dolor. Quis sequi magni velit nulla molestiae. Quas, voluptatum expedita fugit laudantium repudiandae alias quam, reprehenderit ut vitae magni est?</p>
        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Architecto eos minima, magni temporibus aliquid optio corporis explicabo necessitatibus <a href="">dldfl</a> quaerat autem quia delectus voluptatibus fuga, harum consectetur quam quasi. Quidem, natus.</p>
    </div>
    <hr/>
    <div class="guest_face">
        <div class="guest_man_name">мужские внешности</div>
        <div class="guest_man">
            <span>за амс</span>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>

            <span>за гостями</span>
            [solo/group] внешность - <a href="">ник</a> до 21<br/>

            <span>за игроками</span>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
[solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
        </div>

        <div class="guest_girl_name">женские внешности</div>
        <div class="guest_girl">
            <span>за амс</span>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>

            <span>за гостями</span>
            [solo/group] внешность - <a href="">ник</a> до 21<br/>

            <span>за игроками</span>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
        </div>
    </div>
    <div class="guest_rule">
        <p> - первое правило <br/>
        - второе правило </p>
    </div>
</div>
<div class="guest_star"><img src="https://forumupload.ru/uploads/000f/81/d6/2/470780.png"/></div>

<style>
.guest {
         width: 600px;
    margin: 0 auto;
    border: 1px solid #cccccc57;
    /* background: linear-gradient(rgb(226 226 239), rgb(234 229 236)); */
    position: relative;
}

.guest_name {
    font: 400 20px Cerulea;
    text-align: center;
    display: block;
    background: #c2b9c8;
    position: relative;
    top: 15px;
    color: #ffffff;
    z-index: 9999;
    width: 315px;
    margin: 0 auto;
    border-radius: 5px;
}

.guest_info {
       padding: 40px 70px 20px 70px;
}

.guest_info p {
       text-transform: lowercase;
       font-size: 11px;
       padding: 0px 0px 5px 0px !important;
       text-align: justify;
     font-weight: normal;
        line-height: 100% !important;
}

.guest hr {
       opacity: 0.1;
    width: 300px;
    margin: 0 auto;
}

.guest_need p {
       padding: 12px 0px 5px 0px !important;
       color: #846f82;
       letter-spacing: 2px;
}

.guest_need  {
      display: none;
       text-align: center;
       padding-bottom: 20px;
}

.guest_need img {
       margin: 5px;
       margin: 5px 10px 15px 10px;
       filter: grayscale(1);
}

.guest_face {
       position: relative;
       height: 290px;
       margin-top: 31px;
}

.guest_man, .guest_girl {
       width: 230px;
    height: 250px;
    border: 1px solid #cccccc57;
    border-radius: 5px;
    position: absolute;
    font-size: 10px;
    background: #f7f7f7;
    padding: 0px 15px 9px 15px;
    overflow-x: hidden;
    overflow-y: auto;
}

.guest_man a, .guest_girl a {
       color: #372c55 !important;
}

.guest_man {
       top: 0px;
       left: 25px;
}

.guest_girl {
       top: 0px;
       right: 25px;

}

.guest_man_name, .guest_girl_name {
       position: relative;
       font-size: 14px;
    text-transform: uppercase;
       color: #846f82;
}

.guest_man_name {
       left: 74px;
       top: -11px;
}

.guest_girl_name {
       left: 367px;
       top: -28px;
}

.guest_man span, .guest_girl span {
       display: block;
    padding-top: 10px;
    text-align: center;
    text-decoration: underline;

}

.guest_girl::-webkit-scrollbar, .guest_man::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.guest_girl::-webkit-scrollbar-thumb, .guest_man::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 10px;
}

.guest_girl::-webkit-scrollbar-track, .guest_man::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 5px;
}

.guest_rule {
       padding: 0px 100px 20px 100px;
}

.guest_rule p {
       text-transform: lowercase;
    font-size: 11px;
    padding: 0px 0px 5px 0px !important;
    text-align: justify;
    color: #695c5c;
}

.guest_star {
       display: block;
    width: 60px;
    position: relative;
    margin: 0 auto;
    top: -31px;
}
</style>[/html]

Код:
[solo/group/actor] внешность - <a href="ссылка на профиль">ник</a><br/>

0

15

[html]<div class="facees">
<div class="faceb"><center><br><br><b>БИРЖА</b></center></div><br>
<table>
<tbody><tr>
<td width="5%"></td>
<td><div class="faceb"><b>НОВЫЙ ОРЛЕАН И ПРИГОРОД</b></div></td>
<td><div class="faceb"><b>МИСТИК ФОЛЛС И УИТМОР</b></div></td>
</tr>
<td width="1%"><div class="fd"><center></center></div></td>
<td><div class="vnetext">
♦ детектив по сверхъестественным делам, помощница в магической лавке - <a href="https://darkmatter.rusff.me/profile.php?id=14">diane blackwell</a><br><br>
♦ владелец клуба с подпольными боями - <a href="https://darkmatter.rusff.me/profile.php?id=22">william wallace</a><br><br>
♦ устраивает хаос - <a href="http://darkmatter.rusff.me/profile.php?id=55">jessica lane</a><br><br>
♦ Волан-де-Морт (Аларик), Самый плохой чувак в истории (Джош), Жестокий садистский потенциальный монстр; король НО - <a href="http://darkmatter.rusff.me/profile.php?id=59">niklaus mikaelson</a><br><br>
♦ девушка с Жатвы, фрик и отшельник - <a href="http://darkmatter.rusff.me/profile.php?id=35">davina claire</a><br>
тут<br>
тут<br>
тут<br>
тут<br>
</div></td>
<td><div class="vnetext">

♦ агент ФБР - <a href="http://darkmatter.rusff.me/viewtopic.php?id=35">steve butcher</a><br><br><br>
♦ ведьма ковена Змееносца и Близнецов; - <a href="http://darkmatter.rusff.me/viewtopic.php?id=40">emily evans</a><br><br>
♦ глава клана близнецов - <a href="http://darkmatter.rusff.me/profile.php?id=4">kai parker</a><br><br>
♦ студентка -<a href="http://darkmatter.rusff.me/profile.php?id=48">caroline forbes</a><br>
♦ студентка -<a href="http://darkmatter.rusff.me/viewtopic.php?id=160">elena gilbert</a><br><br>
♦ студентка -<a href="http://darkmatter.rusff.me/viewtopic.php?id=90">samantha jones</a><br><br>
тут<br>
тут<br>
тут<br>
тут<br>
тут<br>
тут
</div></td></tr>
</tbody></table></div>[/html]

Код:
с маленькой буквы - занятость - <a href="ссылка на профиль">имя персонажа (город)</a>

0

16

,KF ,KF БЛА

0

17

бу

0

18

зелёный

Код:
@import url(style_cs.css);

@media screen and (max-width: 1024px) {
.post-box .post-content { font-size: 1.4em !important; }
.punbb textarea#main-reply { font-size: 1.7em !important; }
   }

html {
-webkit-text-size-adjust: none;
}

html{min-width: 1000px!important;}

@font-face {font-family: Romul; /* Имя шрифта */
src: url(https://forumstatic.ru/files/001b/7f/e5/58195.ttf); /* Путь к файлу со шрифтом */}

@font-face {font-family: 'Streetbrush';
src: local("Streetbrush"), url(https://forumstatic.ru/files/001a/e7/a4/11619.otf);}

@font-face {font-family: 'makinglovem'; 
src: local("makinglovem"), url(https://forumstatic.ru/files/0014/65/a2/47953.ttf);}

@font-face {font-family: 'Jacob';
src: local("Jacob"), url(https://forumstatic.ru/files/001a/eb/83/14810.ttf);}

@font-face {font-family: 'DoubleBass';
src: local("DoubleBass"), url(Https:https://forumstatic.ru/files/001b/ad/f3/68066.ttf);}

@font-face {font-family: 'Hellenica Serif Pro';
src: local("Hellenica Serif Pro"), url(https://forumstatic.ru/files/001b/32/b4/92178.ttf);}

@font-face {font-family: 'Ambition';
src: local("Ambition"), url(https://forumstatic.ru/files/001a/eb/83/70244.ttf);}

@font-face {font-family: 'Yes siree bob';
src: local("Yes siree bob"), url(https://forumstatic.ru/files/001b/32/b4/10232.ttf);}

@font-face {font-family: 'Streetbrush';
src: local("Streetbrush"), url(https://forumstatic.ru/files/001a/e7/a4/11619.otf);}

@font-face {font-family: 'Tolkien';
src: local("Tolkien"), url(https://forumstatic.ru/files/001b/32/b4/60246.ttf);}

@font-face {font-family: 'Tokio';
src: local("Tokio"), url(https://forumstatic.ru/files/001b/32/b4/57405.ttf);}

@font-face {font-family: 'Whitehall';
src: local("Whitehall"), url(https://forumstatic.ru/files/001b/32/b4/48236.ttf);}

@font-face {font-family: 'Snell Roundhand';
src: local("Snell Roundhand"), url(https://forumstatic.ru/files/001b/32/b4/88544.ttf);}

@font-face {font-family: 'Nexa Script';
src: local("Nexa Script"), url(https://forumstatic.ru/files/001b/32/b4/17156.ttf);}

@font-face {font-family: 'Lifehack';
src: local("Lifehack"), url(https://forumstatic.ru/files/001b/32/b4/38014.ttf);}

@font-face {font-family: 'LetteraTrentadue';
src: local("LetteraTrentadue"), url(https://forumstatic.ru/files/001b/32/b4/24112.ttf);}

@font-face {font-family: 'Eskal';
src: local("Eskal"), url(https://forumstatic.ru/files/001b/32/b4/29205.ttf);}

@font-face {font-family: 'Damn noisy kids';
src: local("Damn noisy kids"), url(https://forumstatic.ru/files/001b/32/b4/59270.ttf);}

@font-face {font-family: 'BureauAP';
src: local("BureauAP"), url(https://forumstatic.ru/files/001b/32/b4/54908.ttf);}

@font-face {font-family: 'Banff';
src: local("Banff"), url(https://forumstatic.ru/files/001b/32/b4/91073.ttf);}

@font-face {font-family: 'AmoreCTT';
src: local("AmoreCTT"), url(https://forumstatic.ru/files/001b/32/b4/87571.ttf);}

@font-face {font-family: 'Bebas Neue';
src: local("Bebas Neue"), url(https://forumstatic.ru/files/001b/32/b4/89221.ttf);}

@font-face {font-family: 'Halimun';
src: local("Halimun"), url(https://forumstatic.ru/files/001b/32/b4/65869.ttf);}

@font-face {font-family: 'VoguerSans';
src: local("VoguerSans"), url(https://forumstatic.ru/files/001b/32/b4/83633.ttf);}

@font-face {font-family: 'SouthernAire';
src: local("SouthernAire"), url(https://forumstatic.ru/files/001b/32/b4/44094.ttf);}

@font-face {font-family: 'Bammantoe';
src: local("Bammantoe"), url(https://forumstatic.ru/files/001b/32/b4/62327.ttf);}

@font-face {font-family: 'Falling Slowly';
src: local("Falling Slowly"), url(https://forumstatic.ru/files/001b/32/b4/25332.ttf);}

@font-face {font-family: 'Geo-Regular';
src: local("Geo-Regular"), url(https://forumstatic.ru/files/001b/32/b4/99949.ttf);}

@font-face {font-family: 'Lobster';
src: local("Lobster"), url(https://forumstatic.ru/files/001b/32/b4/23370.ttf);}

@font-face {font-family: 'Oswald';
src: local("Oswald"), url(https://forumstatic.ru/files/001b/32/b4/52183.ttf);}

@font-face {font-family: 'DEAD SECRETARY';
src: local("DEAD SECRETARY"), url(https://forumstatic.ru/files/001b/95/a5/32903.ttf);}

@font-face {font-family: 'OpenSansCondensed';
src: local("OpenSansCondensed"), url(https://forumstatic.ru/files/001b/32/b4/45097.ttf);}

@font-face {font-family: 'ShareTechMono';
src: local("ShareTechMono"), url(https://forumstatic.ru/files/001b/32/b4/27725.ttf);}

@font-face {font-family: 'PirataOne';
src: local("PirataOne"), url(https://forumstatic.ru/files/001b/32/b4/77331.ttf);}

@font-face {font-family: 'Fortuna Gothic FlorishC';
src: local("Fortuna Gothic FlorishC"), url(https://forumstatic.ru/files/0016/e7/ab/49625.ttf);}

@font-face {font-family: 'cyrillicgoth';
src: local("cyrillicgoth"), url(https://forumstatic.ru/files/001b/95/a5/23118.ttf);}

@font-face {font-family: 'kork';
src: local("kork"), url(https://forumstatic.ru/files/001b/95/a5/65250.ttf);}

@font-face {font-family: 'copaseticc';
src: local("copaseticc"), url(https://forumstatic.ru/files/001b/95/a5/29512.ttf);}

@font-face {font-family: 'machaon';
src: local("machaon"), url(https://forumstatic.ru/files/001b/7a/0c/82267.ttf);}

@font-face {font-family: 'Morpheus';
src: local("Morpheus"), url(https://forumstatic.ru/files/001b/7a/0c/27696.ttf);}

@font-face {font-family: 'Arkhip';
src: local("Arkhip"), url(https://forumstatic.ru/files/001b/7a/0c/63172.ttf);}

@font-face {font-family: 'you';
src: local("you"), url(https://forumstatic.ru/files/001b/7a/0c/59822.ttf);}

@font-face {font-family: 'Medieval';
src: local("Medieval"), url(https://forumstatic.ru/files/001b/95/a5/20361.ttf);}

@font-face {font-family: 'Bhalbin';
src: local("Bhalbin"), url(https://forumstatic.ru/files/001b/7a/84/17112.ttf);}

@font-face {font-family: 'Brastagi';
src: local("Brastagi"), url(https://forumstatic.ru/files/001b/2b/0d/72698.otf);}

@font-face {font-family: 'BEASTLY';
src: local("BEASTLY"), url(https://forumstatic.ru/files/001b/2f/ee/35372.ttf);}

@font-face {font-family: 'Arial Black';
src: local("Arial Black"), url(https://forumstatic.ru/files/001b/15/80/29955.ttf);}

@font-face {font-family: 'Bauhaus';
src: local("Bauhaus"), url(https://forumstatic.ru/files/001b/63/f0/45394.ttf);}

@font-face {font-family: 'Garden';
src: local("Garden"), url(https://forumstatic.ru/files/001b/6f/c4/85110.ttf);}

@font-face {font-family: 'Karnac';
src: local("Karnac"), url(https://forumstatic.ru/files/001b/95/a5/91037.ttf);}

@font-face {font-family: 'Deutsch';
src: local("Deutsch"), url(https://forumstatic.ru/files/001b/95/a5/24343.ttf);}

@font-face {font-family: 'Runic';
src: local("Runic"), url(https://forumstatic.ru/files/001b/95/a5/76392.ttf);}

@font-face {font-family: 'Victorian';
src: local("Victorian"), url(https://forumstatic.ru/files/001b/95/a5/44848.ttf);}

@font-face {font-family: 'Neucha';
src: local("Neucha"), url(https://forumstatic.ru/files/0018/6b/8f/26040.ttf);}

@font-face {font-family: 'Montserra';
src: local("Montserra"), url(https://forumstatic.ru/files/0018/6b/8f/43561.ttf);}

@font-face {font-family: 'Drina';
src: local("Drina"), url(https://forumstatic.ru/files/0018/6b/8f/59152.ttf);}

@font-face {font-family: 'Philosopher';
src: local("Philosopher"), url(https://forumstatic.ru/files/0018/6b/8f/67023.ttf);}

@font-face {font-family: 'Annabelle';
src: local("Annabelle"), url(https://forumstatic.ru/files/0018/6b/8f/96870.ttf);}

@font-face {font-family: 'Hermes';
src: local("Hermes"), url(https://forumstatic.ru/files/0018/6b/8f/20049.ttf);}

@font-face {font-family: 'CaveatRegular';
src: local("CaveatRegular"), url(https://forumstatic.ru/files/0018/6b/8f/71384.ttf);}

@font-face {font-family: 'Carolina';
src: local("Carolina"), url(https://forumstatic.ru/files/0018/6b/8f/90447.ttf);}


/* A2 Deal with browser defaults and wonkiness */
/* A2.1  */
html, body {margin: 0; padding: 0}


/* A2.2 */
.punbb * {margin: 0;
}

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0; list-style: none;}

/* A2.4 */
.punbb img {border:none;}

/* A2.5 */
.punbb .main table {table-layout: fixed; width: 100%;}

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {height: 1.8em; vertical-align: middle;}

/* A3 Text setup */
/* A3.1 */
body {font-size: 100.01%;}

/* A3.2 */
.punbb {font: normal 68.75% verdana, arial, helvetica, sans-serif;}

/* A3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {font: 1em verdana, arial, helvetica, sans-serif;}

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table {font-weight: normal; }

.punbb th, .punbb thead {font-size: 10px !important; font-family: Tahoma, Arial; font-weight: 400;
text-transform: lowercase; background-color: transparent; opacity:0.7;}

/* A3.6 */
.punbb pre {font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace}

/* A3.7 */
.punbb address, .punbb em {font-style: normal;}

/* A3.8 */
.punbb .post-content em {font-style: italic;}

/* A3.9 */
.punbb .post-content em.bbuline {font-style: normal; text-decoration: underline;}

/* A3.10 */
.punbb a {text-decoration: none;}

/* A3.11 */
.punbb optgroup {font-weight: bold;}

/* A4 Float clearing and hidden items */
/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden;
  }

/* A5 Basic page layout and borders  */
/* A5.1  */

/***   ПОДЛОЖКА ФОРУМА   ***/
/* A5.1 */
#pun {
    margin: auto;
    width: 1000px;
    padding: 0px 0px 0px 0px;
    margin-top: 301px;
    margin-bottom: 60px;

border-radius: 30px;
  outline: 1px solid #bb925c;
    outline-offset: 7px;
}


/*** ЦВЕТ АДМИНКИ ***/
.punbb-admin #pun-admain .adcontainer, #pun-admain {
background-color:#e4e4e4;
}
#pun-navlinks li#navadmin a span {display: none;}
#pun-navlinks li#navadmin a:before {content: 'Админка';}

/* A5.2 */
.punbb {float: left; width: 100%; height: auto;}

/* A5.3 */

/***   ПЕРЕАДРЕСАЦИЯ   ***/
body.redirect-page #pun {
margin-top:15%;
overflow:hidden;
text-align: center;
}
body.redirect-page h1 {margin: 1em auto auto !important;}

/* A5.4 */
.punbb .section, .punbb .main {margin-bottom: 0.7em;}

/* A5.5 */
.punbb .category {margin-top: 0.4em; padding-bottom:0.4em;}
.punbb .post {padding-top: 0px; background: transparent; }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {margin-top: 0;}

/* A5.7 */
#pun-post .topic {margin-top: 1em;}

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {border-style: none; border-width: 0px;}

/* A5.9 */
.punbb .container {border-style: none; border-width: 0px;}

/*****B - MAIN CONTENT - GENERAL*****/
/* B1.1 */
.punbb .post-content {width:95%; margin:0; padding:0; overflow:hidden;}

/* B1.2 */
/***   ПОДПИСЬ   ***/
.punbb .post-sig dt {
display: block;
width: 70%;
height: 1px;
margin: 10px auto;
border: 0;
background: rgba(0,0,0,0.3);
}






/* B1.3 */
.punbb .post-content p {margin: 0;padding: 10px 29px 0.8em 0px;line-height: 160%;}


/* B1.4 */
.punbb .post-content img {vertical-align: text-bottom;}
.punbb .post-content img.postimg {margin: 0.2em 0px !important;}

/* B1.5 */
.punbb .post-content img.postimg {vertical-align:middle; width:auto; max-width:100%; height:auto;}

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {width: 100%; overflow: hidden;}

/* B1.7 */
.punbb .post-content .scrollbox {width: 100%; max-height:190px; overflow: auto;}

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {margin: 0.5em 5px 0.9em 0.8em;padding: 1em 1.2em;}

/* B1.9 */
/***   ИМЯ ПОЛЬЗОВАТЕЛЯ В ЦИТАТЕ И КОДЕ   ***/
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
margin: auto auto 8px auto;
padding: 0px 1.05em 0.5em 1.05em;
font-weight: 600;
font-style: normal;
font-size: 1.1em;
text-align: left;
border-bottom: 1px dashed rgba(0,0,0,0.2);
}

/* B2 Information boxes */
/* B2.1 */
.punbb .info-box {margin: 0 0 1.1em 0; padding: 1.1em 1.7em 1em 1.7em; border-style:none; border-width:0px;}

/* B2.2 */
.punbb .info-box * {padding: 0 0 0.7em 0;}

/* B2.3 */
.punbb #pun-main .info-box .legend {font-size: 1.1em; font-weight: bold;}

/* B3 Pagination and posting links */
/* B3.1 */
.multipage {background:transparent;}

#pun-main .linkst {
width: 100%;
font-family: Tahoma, sans-serif;
}

.linkst .pagelink {display: inline-block;width: 20em;margin: 0.2em auto 0px -407px;padding: 0.5em;font-size: 1.1em;}

.linkst .postlink {
float: right;
display: inline-block;
width: 18em;
margin: 0.2em auto;
padding: 0.5em;
font-weight: 700;
font-size: 1.1em;
text-align: right;
}

.punbb .linksb {
width: 100%;
font-family: Tahoma, sans-serif;
}

.linksb .pagelink {display: inline-block;width: 11em;margin: -13.8em 45px 2px -366px;padding: 0.5em;font-size: 1.1em;font-weight: 400;}

.linksb .postlink {
float:right;
display: inline-block;
width:16em;
margin: 0.2em auto;
padding: 0.5em;
font-size: 1.1em;
font-weight:700;
text-align:right;
}

/*** НОМЕР АКТИВНОЙ СТРАНИЦЫ ***/
.linkst .pagelink strong, .linksb .pagelink strong {
padding: 0 0.2em;
font-weight:700;
}

/* B3.8 */
.subscribelink {clear:both; padding-top: 0.3em; padding-bottom: 0.5em; }
.punbb .linksb .subscribelink {font-size:11px !important; text-align:center;}

/*****C - MAIN CONTENT - SPECIFIC*****/
/* C1 Form layout */
/* C1.1 */
.punbb .formal .container {padding: 1.7em 2.3em 1.1em 2.3em;}

/* C1.2 */
.punbb .formsubmit {margin: 1em 0 0 0; padding: 0 0 0 1.7em;}

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {margin: 0 0.6em 0 0;}

/* C1.4 */
.punbb fieldset {margin: 0 0 1em 0; padding: 0 18px 0 18px; border-style:none; border-width:0px; border-color: transparent;}

/* C1.5 */
.punbb fieldset legend {
margin: 0 0 0 10px;
padding: 0; 
font-size: 1.2em;
font-family: Arial, sans-sefir;
}

.punbb legend span, #viewprofile h2 span, .punbb-admin #pun-admain legend span {
font-weight: 600;
}
.punbb legend span, .punbb legend strong {
font-family: Arial, sans-sefir;
border-bottom: 1px solid rgba(0,0,0,0.2);
}

/* C1.6 */
.punbb fieldset legend span {margin: 0 0 0 -15px; padding: 0 5px;}

/* C1.7 */
.punbb fieldset fieldset {margin: 0; padding: 0 0 8px 0; border-style:none;}

/* C1.8 */
.punbb .fs-box {padding: 1em 0 0.8em 0;}

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {padding: 0 0 0.8em 0;}

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {float: left; margin-right: 1em;}

/* C1.11 */
.punbb .inline .infofield {clear:both;}

/* C1.12 */
.punbb .datafield br {display:none;}

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {font-weight: bold;}

/* C1.14 */
.punbb .datafield span.input a {font-weight: normal;}

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {display: block; padding: 0 12em 0 0;
  height: 100%; /* For IE */  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {width: 64%; margin: 0;}

/* C1.17 */
.punbb .hashelp {position: relative;}

/* C1.18 */
.punbb .helplinks {display: block; position: absolute; top: 1em; right: 0; width: 36%; font-weight: normal;}

/* С1.19 */
.punbb #profile .helplinks {top: 1.5em;}

/* C1.20 */
.punbb .helplinks span {display: block; padding-bottom: 0.2em;}

/* C1.21 */
#pun-post .formal .info-box li {margin: 0; padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5;}

/* C2 Table layout */
/* C2.1 */
.punbb .main .tcl {overflow: hidden;width: 56%;vertical-align: middle;text-align: center;}
#pun-online .main .tcl {padding: 6px 0 6px 30px; text-align: left;}


/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {text-align: center; width: 6%;
font-family: Tahoma, Verdana, sans-serif;}

/* C2.3 */
.punbb .main .tcr {overflow:hidden; width: 28% !important; text-align: center;}

/***   ШИРИНА БЛОКОВ НА ГЛАВНОЙ СТРАНИЦЕ   ***/
#pun-index #pun-main .tcl {width: 54% !important; padding-right: 0px; overflow: hidden; text-align: left;}
#pun-index #pun-main .tcr {width: 30% !important; vertical-align: middle; text-align: center;}

/* C2.4 */
#pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl {width: 28%;}
#pun-searchtopics .main .tcl, #pun-searchtopics .main .tcr {font-size:1em;}

/* C2.5 */
#pun-userlist .main .tc2 {width: 20%; vertical-align:middle; text-align: left;}
#pun-searchtopics .main .tc2 {width: 20%; vertical-align:top; text-align: left;}

/* C2.6 */
#pun-debug table .tcl {width: 15%; white-space:normal;}

/* C2.7 */
#pun-debug .tcr {width: 90%; white-space: normal;}

/* C2.8 */
#pun-index .tcl h3 {
margin: auto;
padding: 0.5em;
}

/* C2.9 */
.punbb td span.youposted {position: absolute; margin-left: -1em; font-weight: bold;}

/* C2.10 СКРЫВАЕМ МОДЕРАТОРОВ В ОПИСАНИИ ФОРУМА */
.punbb td .modlist {display: none; padding-top: 0.3em;}

/* C2.11 */
.punbb .main td {padding: 1px 1px 21px 10px;border: none;}

/* C2.12 */
.punbb .main th {padding: 0.4em 1em 0.4em 1em; border: none;}

/* C2.13 */
.punbb div.icon {float: left; display:block;}
.punbb .main .tcl {border-left-style: none; border-left-width: 0;}

/* C2.14 */
.punbb td div.tclcon {
margin-left: 0px;
padding: 2px 0px 10px 0px;
font-size: 1em;
}

/* C3 Topics */
/* C3.1 */

/* C3.3 */
.punbb .post h3 span {
  padding: 6px 0px;
  display: block;
  border: 0 !important;
  text-align: left;
  font: 500 11px lol;
  text-transform: uppercase;
  width: auto;
  margin-top: 20px !important;
  text-shadow: var(--textshadow2);
  border-top: var(--border1) !important;
  margin-bottom: -10px
  }

/* C3.2 */
.punbb .post h3 {

}

/* C3.3 */
.punbb .post h3 span {display: block; text-align: center;}

/* C3.4 */
.punbb .post h3 strong {float: right; width: 5em; font-weight: 600; text-align: right;}

/* C3.5 */


.punbb .post .post-author {float: left;margin: -10px 0px 0px 10px;}




/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {line-height: 140%;}

/* C3.8 */
.pa-author strong {
font-weight: 600;
}

/* C3.9 */
li.pa-online {line-height:110%; border-left-style: none; margin-top: 0.7em;}

/* C3.11 */
.punbb .post-body {margin-left: 20em; padding: 0 0 1px 0; border-left-style: none; border-left-width: 0px; border-color: transparent;}

/* C3.12 */
.punbb .post-box {padding: 0 3em 0.8em 4.2em;}
#profile .post-box {padding-right: 0em !important;}

/*C3.13 */
.punbb fieldset .post-box {margin-bottom: 0.8em;}

/* C3.14 */

.punbb .post-links {/* margin-left: 26em; */border-left-style: none;border-left-width: 0px;border-color: transparent;font-weight:600;font-family: Arial, sans-serif;}


/* C3.15 */
.punbb .post-links ul {
    height: 20px;
    margin-left: 17px;width: 942px; 
    /* padding: 0 15em 0 0; */
    line-height: 2em;
    border-top-color: transparent;
    border-top-style: none;
    border-top-width: 0px;
    text-align: right;
    background: transparent;
    color: #bfbfbf;
    background: #615d75;

}

/* C3.16 */
.punbb .post-links li {display: inline; padding-left: 0.6em;}

/* C3.17 */
.pl-email, .pl-website {float: left;}

/* C3.18 */
.punbb .clearer {clear: both; height: 0; font-size: 0;}

/* C4 Moderator menu */
/* C4.1 */
.punbb .modmenu .container {padding: 0.5em 1em; text-align: right;}

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {height: 1.8em; line-height: 1.8em;}

/* C4.3 */
.punbb .modmenu .container strong {float: left;}

/* C4.4 */
.punbb .modmenu input {margin-left: 1em;}

/* C5 Message boxes */
/* C5.1 */
.punbb .info .container {padding: 0.8em 1em;}
/* C5.2 */
.punbb .info .container .backlink {padding-top: 1.1em !important;}

/* C6 Profile */
/*** C6.2 ***/
#profilenav {
display:block;
width:auto;
padding-top: 1.1em;
text-align: center;
}

/* C6.3 */
#profilenav li {
display: inline-block;
}
#viewprofile-next #profilenav {display: none;}

/* C6.4 */
#viewprofile ul, #profilenav ul {margin: 0 0 1em 0; padding: 0.3em 1em 0.5em 1em; border-style: none; border-width: 0px; border-color: transparent;}
#viewprofile ul:last-child, #profilenav ul:last-child {margin-bottom: 0em;}
#profile-left {text-align: center;}

/* C6.5 */
#viewprofile h2, #profilenav h2 {
margin: auto 0 0.6em auto;
padding: 0;
line-height: 110%;
border: none;
}

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
position: relative;
padding: 0 5px;
}

/* C6.7 */
#viewprofile li, #setmods dl {margin-bottom: 0.2em; padding: 0 0 0 16em;}

/* C6.8 */
#viewprofile li span {float:left; width: 14em; margin-left: -16em; padding: 0.5em 1em; font-weight: bold;}

/*C6.9 */
#setmods dt {float:left; display:inline; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold;}

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {display:block; padding: 0.5em 1em; font-weight: normal;}

/* C6.11 */
.punbb img.avatardemo {float: right; margin: 0 0 0.8em 1.8em;}
.pa-avatar {
max-width: 180px;
max-height:180px;

margin: 0.9em auto 0.1em auto;
}

/* C7 User list */
/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {margin-bottom: 0; border-bottom: none;}

/* C7.2 */
#pun-userlist .usertable .container {padding: 0 2.3em 2.3em 2.3em; border-top: none;}

/* C7.3 */
/***   ПОЛОСА-РАЗДЕЛИТЕЛЬ   ***/
.forum td, .usertable td, #pun-online #pun-main td, hr, dt, #wrapper ul, #similar-topics table td, #move_posts_form thead tr, #move_posts_form tbody tr, #filetable td {
    border-bottom: 1px solid #bcb4a0 !important;
}

/*****D - PUNBB SECTIONS OTHER THAN MAIN CONTENT*****/
/* D1.1 */
#pun-title {margin: 0; border-style: none; border-width: 0px;}

/* D1.2 */
#pun-title h1 {display: none; padding: 2em 1em 0 1em;}

/* D1.3 */
#pun-title .container {border-style: none;}

/* D1.4 */
#pun-title h1 span  {font-size: 0.8em;}

/***   ШАПКА   ***/

#pun-title table {width: 100%;height: 30px;border: 0px none transparent;}



#pun-title td.title-logo-tdl {width: 100%; border: none;}
#pun-title td.title-logo-tdr {
position: absolute;
top: 2px;
left: 33%;
margin-top: 0px;
border: none;
vertical-align: top;
}

/* D2 Page navigation */
/* D2.1 */
#pun-pagelinks {position: absolute; width: 100%; top: -15px; left: 0; margin: 0; padding: 0; border: none; }

/* D2.2 */
#pun-pagelinks .container {padding: 0; border: none; background: transparent;}

/* D2.3 */
#pun-pagelinks .container li {display: inline;}

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
float:left; display: block; width: 100%; height: 2em; margin-left: -9999px; padding: 0; line-height: 2em; font-size: 1.2em; }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {position:relative; margin: 0;}
#pun-pagelinks li a span {display:block; margin: 0 1em;}

/* D3 Forum navigation */
/* D3.1 */
#pun-navlinks {width: 100%;margin: -23px 0px 20px 10px;text-align:center;background: transparent;}






/* D3.2 */

/***   меню навигации  ***/
#pun-navlinks .container {display: flex;flex-direction: row;justify-content: center;flex-grow: 1;flex-wrap: nowrap;
margin: auto auto 30px auto;font-family: Romul, Arial, sans-serif;font-weight:700;font-size: 14px;background-color: transparent;}




/* D.3.3 */
#pun-navlinks li {padding-right: 1.5em; }
#pun-navlinks li:last-child {padding-right: 0;}

/* D3.4 */
#pun-navlinks li a {letter-spacing: 0.03em;}

/* D4 User links */
/* D4.1 */
#pun-ulinks  {
margin: auto;
padding: 0 1em 0px 1em;
text-align:center;
background: transparent;
}

/* D4.2 */

/***   МЕНЮ НАВИГАЦИИ 2   ***/
#pun-ulinks .container {
display: flex;
flex-direction: row;
justify-content: center;
flex-grow: 1;
flex-wrap: nowrap;
margin: auto;
font-size: 11px;
font-family: Tahoma, Arial, sans-serif;
font-weight: 400;
}

/* D4.3*/
#pun-ulinks li, #pun-ulinks li a {border-left-style: none; border-left-width: 0px; white-space: nowrap;}

/* D4.4 */
#pun-ulinks li a {padding: 0 0.9em 0 0;}

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {padding-left: 0; border-left-style: none; border-left-width: 0;}

/* D5 Welcome box and Top Breadcrumbs */
/* D5.1 */
#pun-status, #pun-status .container {margin-bottom: 0; margin-top:1em; border-bottom: none;}

/* D5.2 */
#pun-status .container {padding: 0em 0.5em 0.7em 0.5em; font-size: 1em;}

/* D5.3 */
#pun-status span {white-space: nowrap; margin-right: 0.5em;}

/* D5.4 */
#pun-crumbs1 {
margin-top: 0;
overflow: hidden;
font-weight: 600;
font-size: 1em;
font-family: Verdana, serif;
}

/* D5.5 */
#pun-crumbs1 p.container {padding: 1em 1em 0.8em 1em; border-top: none;}

/* D5.6 */
#pun-break1 {position: relative; z-index: 1; height: 0; margin: 0 1em; border-style: none; border-width: 0px;}

/* D6 Announcement */
/* D6.1 */
#pun-announcement h2 {display: none;}

/* D6.2 */
#pun-announcement h2 span {display: none;}

/* D6.3 */
#pun-announcement {margin: auto;}

#pun-announcement .container {
margin: 0px auto auto;
padding: 1em 1.5em;
}

/* D7 Statistics */
#pun-stats .container {padding: 0.8em 1em 0em 1em;}
#pun-stats li.item1, #pun-stats li.item2 {clear: both; line-height: 150%;}
#pun-stats ul.container {margin: auto; text-align:center; background: transparent;margin-left: -83px;  font-size: 14px;  font-family: 'tahoma';}

#pun-stats li.item3 span, #pun-stats li.item4 span {display:none;}
#pun-stats li.item3 strong:before {content: 'Участников: '; font-weight:400;}
#pun-stats li.item4 strong:before {content: 'С нами: '; font-weight:400;}

/***   АКТИВНЫ И ПОСЕТИЛИ ЗА СУТКИ   ***/
li#onlinelist {
float: right;
width: 90%;
margin-top: 1em;
padding: 0.5em 0 0 0;
border-top-style: none;
border-top-width: 0px;
line-height: 130%;
}

#onlinelist {text-align:left;}

/* D8 Quick Jump - About - Bottom Breadcrumbs */
/* D8.1 */
#pun-qjump {position: relative; float: left; width: 50%; margin: 0; border: none;}

/* D8.2 */
#pun-qjump .container {padding: 0.8em 1em; border: none; background: transparent;}

/* D8.3 */
#pun-about {margin-top: 0; margin-right: 0.2em; margin-bottom:0;}

/* D8.4 */
#pun-about .container {
padding: 0.5em 1em;
line-height: 150%;
border-top-style: none;
font-weight: 400;
text-align: center;
background-color: transparent;
}

/* D8.5 */
#pun-about p span {display:block; padding-left: 50%;}

/* D8.6 */
#pun-crumbs2 {
margin-top: 0;
overflow: hidden;
font-weight: 600;
font-size: 1em;
}

/* D8.7 */
#pun-crumbs2 .container {padding: 0.8em 1em; border-bottom: none;}

/* D8.8 */
#pun-break4 {position: relative; z-index: 1; display: none; height: 0; margin: -2px 1em; border-style: none; border-width: 0px;}

/* D8.9 */
div.punbb-admin #pun-about .container {border-top-style: none; border-top-width: 0px;}

/* D9 Help file */
/* D9.1 */
#pun-help .formal .info-box h3.legend {margin-bottom: 0.8em; padding-bottom: 0; border-bottom-style: none; border-bottom-width: 0px;}

/* D9.2 */
#pun-help .formal .info-box h3.legend span {display: block; padding-bottom: 0.6em; border-bottom-style: none; border-bottom-width: 0px; font-size: 1.1em;}

/* D9.3 цветы шиповника */
#pun-help .formal p, #pun-help .formal dd {margin-bottom: 1em;}

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {padding: 0 0 0 1em;}

/* D9.5 */
#pun-help .formal li {padding: 0; line-height: 130%;}

/* D9.6 */
#pun-help .formal li * {vertical-align: text-top;}

/* D9.7 */
#pun-help .formal dt span {font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace;}

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {padding-bottom: 0;}

/*** всякое ***/
#pun-main div.catleft, #pun-main div.catright {display: none}
.punbb #pun-main .info-box .legend, .punbb .info-box, #setmods dd, #viewprofile li div, #viewprofile li strong, .punbb .formal fieldset .post-box, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .post .container, .punbb .main .container {background: transparent}
.offline li.pa-online strong {font-weight: normal;}
.punbb .formal fieldset .post-box, .punbb .info-box, .punbb .divider,
.punbb .container, .punbb .post, .punbb .post-body, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, #pun-ulinks li, #pun-ulinks li a,
#pun-announcement h2 span, #pun-announcement h2, li#onlinelist, li#onlinelist div, #pun-help .formal .info-box h3.legend, #pun-help .formal .info-box h3.legend span {border-color: transparent;}
.punbb td, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .post-links ul, .post-links, .usertable table {border: none;}

.punbb-admin #pun-admain h2 {text-align:center; font-family: Tahoma, Arial; font-size: 1.1em !important; color:#fff; background:#212121;}

.punbb .main .tcr span {overflow: hidden;}

#topic-users-in a:after {content: ',';}
#topic-users-in a:last-child:after {display: none;}

#keyboard-span input, #keyboard-span input[type="button"] {
text-shadow:none; box-shadow:none;
background:#fff; color:#333 !important;
border: 1px solid #a7a7a7 !important;
font-family: Tahoma, Verdana, sans-serif !important;
font-weight:400 !important;
}
#imageupload-left input[type=button] { width:auto !important; }

/***  ЗАПЛАТКА ДЛЯ ПОЛЯ ОТВЕТА ***/
textarea#main-reply {
text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

.lastedit, li#navawards, .pl-share, .sharelink, .pa-invites, #pun-live-rusff {display:none;}

/***   ФИКС ДЛЯ СПОЙЛЕРА - ОТСТУП СТРОК   ***/
.spoiler-box>div[onclick]>p {
display:inline-block;
margin:0!important;
padding:0!important;
}

/***   ГРАНИЦЫ ТАБЛИЧЕК   ***/
.punbb .post-content td {border: 0px none transparent !important;}

/***   ПЕРЕМЕЩЕНИЕ СООБЩЕНИЙ - РАЗДЕЛИТЕЛЬ   ***/
div.Select_Topics .container tr {border-bottom: 1px solid rgba(0,0,0,0.15); }

/***   ЗАПЛАТКИ ДЛЯ ЗАКЛАДКИ   ***/
#MyBookmarks .container, .editBookmark {
border: 1px solid #b9b9b9;
background: #d4d4d4;
box-shadow: 0 1px 5px #000;
}
#MyBookmarks .container {padding: 2em 1em 1em !important;}
#MyBookmarks {max-height: 300px; margin-top: 5%;}

/***   ЦВЕТНАЯ ВСТАВКА НА ИКОНКЕ ЗАКЛАДКИ   ***/
#BookmCntToggle.default-style {color: #67653c !important;}

/***   ЗАГОЛОВОК ЗАКЛАДОК   ***/
#MyBookmarks h2, #MyBookmarks h1 {
margin: auto;
padding: 8px 1em !important;
background-image: none;
background-color: #d4d4d4;
}

/*** ЦВЕТ ПОЛОС В ГОЛОСОВАНИИ ***/
table.poll2 {margin-left:40px;}
#poll-special td h1 {
margin: auto 0 !important;
padding:1px !important;
background: #574723 !important;
}

/***   ФОН ДЛЯ ВЫСКАКИВАЮЩИХ ОКОН   ***/
#pun_wrap #post .container[id$="-area"] {max-height:264px; overflow:auto;}
#pun_wrap #post .container[id$="-area"], #video-area-tinp, #image-area-tinp, .pun-modal .modal-inner, .inner, #post-sig .container[id$="-area"] {
outline:none;
border: 1px solid #9c9c9c;
background: #F5EAD5;
}

/***   МОДЕРАТОРСКОЕ МЕНЮ - ПОЛЯ ВВОДА   ***/

.punbb input, .punbb select, .punbb optgroup, .post-links a {outline: none;padding: 5px;background: linear-gradient(to bottom, rgba(255,255,255,0.13) 0%,rgb(217 211 198) 55%,rgba(255,255,255,0.13) 100%), #d9d3c6;box-shadow: 0 0 0 1px #9f9980 inset, 0 0 5px 0 rgb(165 157 128 / 55%);border: 1px solid #bb925c !important;}



/***   ТЕЛО ПОСТА ТЕКСТ   ***/
.post-box {text-align: justify; }
.punbb .post-content p {font-size: 1.1em;}


/***   КНОПКИ   ***/
#viewprofile-next #pa-edit a,
input[class="button"], input[type="button"], .postlink.long .new-topic a, .postlink.long .new-poll a, .linkst .postlink a, .linksb .postlink a, #pun-status .status-right a {padding: 5px 8px;border: 1px solid #a4a5a2;font-weight: 700 !important;font-size: 11px !important;background: linear-gradient(to bottom, rgba(255,255,255,0.13) 0%,rgba(0,0,0,0.23) 55%,rgba(255,255,255,0.13) 100%), #a9762a;box-shadow: 0 0 0 1px #e2cf74 inset, 0 0 5px 0 rgba(199,169,60,.55);border: 1px solid #877a20 !important;color: #e6deb9;box-shadow: 1px 1px 5px rgba(0,0,0, 0.15);}

/***   КНОПКИ ПРИ НАВЕДЕНИИ   ***/
#viewprofile-next #pa-edit a:hover, input[class="button"]:hover, input[type="button"]:hover, .postlink.long .new-topic a:hover, .postlink.long .new-poll a:hover, .linkst .postlink a:hover, .linksb .postlink a:hover, #pun-status .status-right a:hover {
background: #8c7e77 ;
box-shadow: 1px 1px 2px rgba(0,0,0, 0.2);
cursor: pointer;
}

/***   ЦВЕТНОЙ СКРОЛЛ   ***/
*::-webkit-scrollbar {
width:14px;
height:6px;
background: rgb(0 0 0 / 10%);
}
*::-webkit-scrollbar-thumb {background: #574023;}
*::-webkit-scrollbar-corner {background: #585858;}





  .week_episode:hover {
    box-shadow: 0 0 15px #0e8665;
  }
 






#navigblock2 {
  width: 157px;
  margin-left: 606px;
  position: absolute;
  top: 139px;
  z-index: 9999;
  font: normal normal 11px lora !important;
  background: #33333300;
  /* border: 1px solid #4f3824; */
  /* border-radius: 25px; */

}



.spirit-navigation2 {
  width: 225px;
  height: 22px;
  display:block;
  cursor: pointer;
  transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
  text-align: right;
  font: 500 13px lora;
  color: #00000000;
  text-transform: uppercase;
  background: #1c1c1c00;
  border: 1px solid #95643c00;
  border-radius: 25px;
  position: absolute;
  top: 174px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 626px;
  z-index: 2;
  box-sizing: border-box;
  }

.sslka {
  margin: 20px 20px 20px
}

#pun .sslka a {     
  border-radius: 2px;
  transition: all 0.3s linear 0s;
display: block;
  padding: 4px -5px;
  letter-spacing: 0px;
  text-transform: uppercase;
  width: auto;
  font-weight: 500;
  text-align: center;
  font: normal 10px lora;
    background: #131217;
    border: 1px solid #ead19b69 !important;
    border-radius: 5px;
    color: #a38466;
}

#pun .sslka a + a {
  margin: 5px 0px;
}

#pun .sslka a:hover { 
  opacity: .9;
  letter-spacing: 2px
}
.spirit-navigation_hover2 {
  letter-spacing: 1px;
}

::selection {
    background: #9a3b24d6 !important;
    color: #C3CBC6;
}



div.post-rating p {float:right !important;border:0 !important;padding: 217px !important;}

0

19

Код:
/***   ФОН ФОРУМА   ***/
body {

     border:0 none!important;
      margin:0;
      padding:0;
      left:0;right:0;
      top:0;bottom:0;
      width:100%;
      height:100%;
      text-align:center;
    background:#7f7969 url(https://i.imgur.com/3vM8nEr.jpg) repeat fixed top center /cover!important;
   background-size: cover;
}


/* Шапка */
#pun-title table {
    background:#121613 ;height:20px;
    background-repeat: repeat-x;
    background-position: top left;
    border: none;
    margin-left: 0px;
 margin-top: 5px;
    overflow-x: hidden;
}

/* Тело форума */
#pun {
width: 1034px; 
background-color: transparent; 
background-image: url(https://i.imgur.com/CaeiTuA.jpg); 
background-attachment: scroll; 
background-repeat: repeat; 
background-position: top center;}





    #lmp2 {
    background: url(https://i.imgur.com/vYxEy3w.gif) no-repeat top center;
    width: 1000px;
    height: 270px;
    position: absolute;
    top: 11px;
    z-index: 0;
    margin-left: 0px;
outline: 1px solid #bb925c;
    outline-offset: 1px;

border-radius: 30px;
}




#form-buttons{  margin:5px;
  height: 20px!important;   color: #120d01;}
#form-buttons td{  border: 1px solid #3b200d;  filter:  brightness(0.9) sepia(1) brightness(0.54) hue-rotate(338deg);}

.pa-fld2{ color: #120d01;}

#vok{ border: 1px solid #3b200d;width: 654px;margin-left: 10px;}

#far {
    background-color: #9d5c2e70;
width: 749px;
    margin-left: 114px;
height: 27px;
 text-align:center;
margin-top: 18px;
border: 1px solid #3b200d;
 font-size: 18px;
 font-family: Romul, Tahoma, serif;
}
#fart {
width: 749px;
    margin-left: 114px;
 text-align:center;
margin-top: 12px;
border: 1px solid #3b200d;
 font-size: 12px;
 font-family: Romul, Tahoma, serif;
}






.pa-fld3, .pa-posts, .pa-respect {
    text-transform: lowercase;
    font-size: 10px;
    font-family: 'Roboto';
    text-align: left;
    font-weight: 400;
    padding: 0px 10px 0px 15px !important;
    height: 14px;
    display: block;
    width: 100px;
    margin: 5px 0px 0px 0px !IMPORTANT;
    border: 1px solid #564433;
    color: #dedede!important;
    background: #2d1d33b0;
}
    
    




.pa-fld4 {
   border: 1px solid #ebc36c4f;
   color: #dedede!important;
   background: #2e1f3745;
   position: absolute;
   margin-top: -38px !important;
   height: 57px;
   width: 59px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-weight: 400;
   font-family: 'Viaoda Libre';
   font-size: 18px;
   flex-wrap: wrap;
   white-space: break-spaces;
   margin-left: 145px !important;
}



#osnn{
    background-color: #9d5c2e33;
    width: 749px;
  margin-left: 114px;
    text-align:center;
    border: 1px solid #3b200d;
    font-size: 12px;

}


#osn{
    background-color: #9d6f2e70;
width: 654px;
margin-left: 10px;
 text-align:center;
border: 1px solid #3b200d;
 font-size: 12px;

}

.pa-avatar.item2 img {max-width: 180px;
    max-height: 180px;
  outline-color:transparent;
}

#farname {
    background-color: #9d6f2e70;
width: 654px;
height: 27px;
 text-align:center;
margin-top: 18px;margin-left: 10px;
border: 1px solid #3b200d;
 font-size: 18px;
 font-family: Romul, Tahoma, serif;
}
#fartxtosn {
width: 654px;
 text-align:center;
margin-top: 12px;margin-left: 10px;
border: 1px solid #3b200d;
 font-size: 12px;
 font-family: Romul, Tahoma, serif;
}
    
#farzagolovok {
width: 654px;
 text-align:center;margin-left: 10px;
margin-top: 12px;
border: 1px solid #3b200d;
 font-size: 12px;
 font-family: Romul, Tahoma, serif;
}

#pun-index tr.inew .tclcon h3 {

    background: #7f7969 url(https://i.imgur.com/lX76zf6.png) repeat fixed top center /cover!important;
width: 520px;
  height: 30px!important;
    font-size: 10px;
    text-transform: uppercase;
    padding: 2px 2px 0px 2px;
    margin: 3px 3px 0px 3px !important;
    line-height: 13px;
    position: relative;
    text-align: justify;
    color: #120d01;
    letter-spacing: 0.1px;
    font-family: 'tahoma';
    font-variant: all-small-caps;


 
}


    .punbb .post-links {
    margin-left: 22px;   width: 780px;
    border-top: 3px double#000000;   
}



 



.banners {
    position: absolute;
    width: 800px;
    height: 50px;
    margin: -49px 0 20px 104px !important;
    filter: brightness(0.9) sepia(1) brightness(0.54) hue-rotate(321deg);
    overflow-y: auto;
}




.pa-avatar img:hover {
       filter:  sepia(2) brightness(0.50) hue-rotate(347deg);
    transition: 1s;
}


   .punbb .user-avatar .avatar-image {    width: 35px!important;
        height: 35px!important;
    opacity:0.5!important;  filter: grayscale(100%);}
    .punbb .user-avatar .avatar-image:hover {
    opacity:0.8!important; transition-duration: 1s;  filter: brightness(0.9) sepia(1) brightness(0.54) hue-rotate(338deg);}
    
#pun .user-avatar .isonline {
  background: #bb8e28;
  margin-right: -9px;
  border: 1px solid #bb8e28;
  box-sizing: border-box
}


/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
    background-image: url(https://forumstatic.ru/files/001b/61/01/52058.jpg);
    background-color: #cebdaf;
    color: #2d2a26;
    border: 1px solid #a7968fb3;
}



 .pluha {
       margin: -14px -19px -1px -23px !important;
       width: 194px;
       height: 53px;
       background: url(https://i.imgur.com/FG9MI0w.png) no-repeat;
       filter: sepia(11) brightness(0.5) hue-rotate(134deg);
       margin-left: 13px;
       margin-top: 7px;
       position: relative;
       z-index: 2;
       margin-bottom: 10px;
       font-weight: normal !important;
    }
    
    
   .pluha img {
    max-width: 255px;
    max-height: 50px;
    margin: -1px 7px 10px 0px;
    float: left;
    position: relative;
    }
    




.pluha2 {
    text-align: center;
    position: relative;
    font-size: 8px;
    font-family: Romul, Tahoma, serif;
    z-index: auto;
    margin-left: 11px!important;
    padding-top: 10px;
    letter-spacing: 1px;
    font-weight: 400;
    height: 61px;
    width: 227px;
}
    

    


/***   ЦИТАТА И КОД   ***/
.punbb .quote-box, .punbb .code-box, .punbb .hide-box {
border: 1px solid #672e0c;
background: #e5e2c95e;
}



/***   ПОЛЕ ОТВЕТА   ***/
.punbb textarea {
padding: 0.8em;
width: calc(100% - 1.6em) !important;
outline: none;
border: 1px solid #a2a3a5;
font-size: 1.2em;
background: #F5EAD5;
}



/***   КНОПКИ-ВКЛАДКИ В ЛС И ПРОФИЛЕ   ***/
#profilenav li {
margin: auto 0.2em 0.5em auto;
padding: 0.4em 0.7em;
border: 1px solid #a2a3a5;
font-weight: 700;
text-transform: uppercase;
background: #F5EAD5;
}

/***   КНОПКИ-ВКЛАДКИ ПРИ НАВЕДЕНИИ   ***/
#profilenav li:hover, #profilenav li:focus, #pun-main li.isactive {
background: rgba(255,255,255,0.75);
}



/***   СТАТИСТИКА ФОРУМА БЛОКИ   ***/
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
display: inline-block;
min-width:180px;
margin-right: 2px;
padding: 4px 6px; 
border: 1px solid #bd9172 ;
font-size: 11px;
font-family: Tahoma, sans-serif;
text-align: center;
background: rgba(255,255,255,0.15);
}



/***   КАТЕГОРИИ   ***/
.punbb .main h2, #pun-debug h2, .punbb .main h1, #pun-stats h2 {
margin: auto;
padding: 0 0 0px 0;
letter-spacing: 0.45em;
font-size: 36px;
font-family: Streetbrush;
font-weight: 200;
text-align: center;
color: #000000;
background: url(https://i.imgur.com/vhPYo9f.png) 50% 100% no-repeat transparent;
}



/***   ЗАГОЛОВКИ В РЕДАКТИРОВАНИИ ПРОФИЛЯ И ЛС   ***/
#viewprofile h2, #profilenav h2 {
letter-spacing: 0.05em;
font-weight: 600;
font-size: 12px;
font-family: Romul, Georgia, serif;
background: transparent;
background-image: none;
}



/***   ЗАГОЛОВОК РЕДАКТИРОВАНИЯ И ПРОСМОТРА ТОПИКА, ПРОФИЛЯ   ***/
#pun-edit .main h1, #pun-viewtopic .main h1, #pun-profile .main h1 {
width: auto;
margin: auto;
padding: 0;
letter-spacing: normal;
font-family: Times New Roman, Tahoma, serif;
font-size: 1.4em !important; 
font-weight: 600;
color: #0a0704;
background: transparent;
}




/* Убираем свечение в хроме */

input,
textarea {
	outline: none;
}

input:active,
textarea:active {
	outline: none;
}

:focus {
	outline: none;
}

.intd .tclcon .modlist {
	display: none;
}









.punbb .post h3 {
 margin: 5px 5px 10px -10px;
 width: 834px;
 padding: 0.3em 2.5em;
 font-size: 1em;
 border-radius: 2px;

 }


    div.icon {
display:none;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
  background: #e3cfbd;
    border: 1px solid #838383;
    height: 6px;
    width: 7px;
  
    margin-right: 8px !important;
    margin-top: 4px;
}

#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
 background: #b2743cbd;
    border: 1px solid #ffffff;
    height: 6px;
    width: 7px;
  
    margin-right: 8px !important;
    margin-top: 4px;
}

#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    background: #c1a82c59;
    border: 1px solid #c1a82c59;
    height: 6px;
    width: 7px;

    margin-right: 8px !important;
    margin-top: 4px;
}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background: #ad843a;
    border: 1px solid #ad843a;
    height: 6px;
    width: 7px;
 
    margin-right: 8px !important;
    margin-top: 4px;
}






/***   ССЫЛКИ НА ФОРУМЕ   ***/
.punbb a, .punbb a:link, .punbb a:visited {
color: #4d4d4a; 
cursor: pointer;
font-weight: 400;
}


/***   ССЫЛКИ АКТИВНЫ   ***/
.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: #616161;
text-shadow: none;
}



/***   МЕНЮ НАВИГАЦИИ ССЫЛКИ   ***/
#pun-navlinks a {color: #d4a345;text-shadow: 1px 2px 2px #000;}

#pun-ulinks a {
color: #88622a; 
text-shadow: 0px 0px 0.5px #000; 
}


/***   МЕНЮ НАВИГАЦИИ ССЫЛКИ ПРИ НАВЕДЕНИИ   ***/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #2b1f0a;
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
color: #ae9762;
}

#pun-index .tclcon a:hover{
  
    color: #a96333!important;
  
}



/***   НАЗВАНИЕ ФОРУМА НА ГЛАВНОЙ   ***/
#pun-index .tcl h3 a {
font-weight: 600;
font-family: Times New Roman, Georgia, serif;
font-size: 1.5em;
color: #3c2c0d !important;
}




/***   БЛОК ПОЛЬЗОВАТЕЛЯ (МИНИ-ПРОФИЛЬ)   ***/
.post-author {width: 224px;text-align: center;padding: 0px 5px 0px 5px !important;background: url(https://i.imgur.com/noaZ9vf.jpg);color: #cbb7ae;border: 1px solid #eeb96e;}
.post-author ul {margin: 8px 8px 15px 8px;}

.pa-avatar.item2 {border: 1px solid #574b23;max-width: 180px;
    max-height: 180px;}









/***   НИКНЕЙМ АВТОРА ПОСТА   ***/
.pa-author, .pa-author a {
font-family: Romul, Tahoma, serif; 
font-weight:400;
font-size: 14px;
color: #ae9462 !important;
text-shadow: 0px 1px 3px #000;
}


.pa-author {
padding: 10px 0 6px 0 !important;
}






.pa-fld2 .fld-name {display: none;}
.pa-fld2 {margin: 0.5em auto !important;padding: 0.9em 0.6em !important;border: 1px double #eeb96e8a;color: #d7b990;background: #1c0d2db3;box-shadow: 0px 0px 8px #282622 inset, 0px 0px 5px #262228e8;}

.pa-fld4 a.link1 {color: #ebd8b4;}
.pa-fld4 a.link1:hover {color: #d7c090;}
















#pun-index .category table {
padding: 0px 0px 0px 54px;
}

#pun-index .hasicon tr {
    z-index: 1;
    width: 930px;
    position: relative;
    display: table;
    background: #6655a51c;
    margin-bottom: 24px !important;
  
      border: 1px #bb925c;
    border-style: double;
    outline: 0px solid #6a537f;
}



#pun-index .tclcon {width: 530px;min-height: 35px!important;font-size: 10px;text-transform: uppercase;padding: 2px 2px 0px 2px;margin: 3px 3px 0px 3px !important;line-height: 13px;position: relative;text-align: justify;color: #120d01;letter-spacing: 0.1px;font-family: 'tahoma';font-variant: all-small-caps;}

#pun-index .tclcon a {
    text-transform: uppercase;
    position: relative;
    text-align: justify;
    color: #7c786b!important;
    font-size: 9px;
    letter-spacing: 0.1px;
}









#pun-index .tclcon h3 a {
    transition-duration:1s;
    color: #000000!important;
    font-size: 22px;
    display: block;
    margin-bottom: 9px;
    margin-left: 27px;
    position: relative;
    font-family: 'Streetbrush';
    font-weight: bold;
    padding: 5px 0px 5px 40px;
    text-transform: uppercase;
    font-variant: normal;
    background: #8d827461;
    width: 431px;
    }




.pa-author, .pa-author a:hover {
transition-duration:1s;
color: #d59f37 !important;

}








.pa-author, .pa-author a:hover {
transition-duration:1s;
color: #d59f37 !important;

}









.pa-respect a {color: #898988!important;}
.pa-respect a img {
    filter: brightness(0.93);
}




.post-author>ul {position:relative;}







  








.post .post-author ul {
position: relative;
}
.pa-online {
position: absolute;
display: inline-block !important;
top: 16px;
  left: -12px;
background: #cd8703 !important;
height: 9px;
width: 9px;
margin: 0 0 0 -5px !important;
padding: 0 !important;
border: 0 !important;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.pa-online:hover {
background: #666257 !important;
}
.pa-online:hover strong {
opacity: 1.0;
visibility: visible;
}
.pa-online strong {
position: absolute;
top: -20px;
    left: 45px;
padding: 0 8px;
height: 10px;
line-height: 10px;
 background: #54544b8f!important;
font-weight: 400;
white-space: nowrap;
color: #e9aa49;
font-size: 90%;
text-shadow: #00000033 0 -1px 0;
text-align: center;
z-index: 10;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease;
opacity: 0;
visibility: hidden;
}
.pa-online strong:before {
content: "";
position: absolute;
width: 0;
height: 0;
left: 19px;

top: -10px;
border-width: 5px 5px;
border-style: solid;
border-color: transparent transparent #00000007 transparent;
}


  .pa-fld2 {
      
      padding: 13px 23px;
      margin: 4px -9px -2px -9px!IMPORTANT;
     
  }
 
  

.pa-fld2 lzname {
    text-align: center;
    display: block;
    font-size:16px;
}


.pa-fld2 lzname a {
    font-family: 'Morpheus';
    text-transform: uppercase;
    font-size: 14px;
    color: #8f8f8f !important;
}



.pa-fld2 race {

    display: block;
    /* background: #0f0f0f59; */
    text-align: center;
    margin: 3px -10px 3px -10px !important;
    /* border-top: 1px solid #353535; */
    /* border-bottom: 1px solid #4e4e4e; */
    color: #d5834c;
    text-transform: uppercase;
    font-family: Romul, Tahoma, serif;

}

.pa-fld2 lzinfo {
    color: #777777;
    font-size:14px;
    font-family: lol;
}


.pa-fld2 lzinfo a {
    color: #b9b9b9 !important;
}





.facees{  background:
        #15161c url(https://i.imgur.com/0Tapape.jpg)   top center;
    border: 1px solid #666666;
    box-shadow: 0 0 5px #c7ae4b, 0 0 0 1px #d8d8d8 inset, 0 0 15px 0 #a1a1a1 inset;
    padding: 19px !important;
    position: relative;  width: 900px;
 height: auto;
    box-sizing: border-box;}


 #overblock {

      background: url(https://i.imgur.com/5GIxGKr.png) no-repeat top center;
    width: 1034px;
    height: 457px;
    position: absolute;
    top: -282px;
       z-index: 1;
 transform: rotate(111deg);
    margin-left: 251px;

}
.overblock :hover {
      animation: blinkColor 1s linear infinite;
    -moz-animation: blinkColor 1s linear infinite;
    -webkit-animation: blinkColor 1s linear infinite;
     opacity: 1;
}
.pluha {
    width: 250px;


}










.privet {
    height: 56px;
    width: 258px;
    top: 169px;
    margin-left: 88px !important;
    position: absolute;
    text-align: justify;
    line-height: 13px;
    z-index: 100;
    color: #b6b3ad;
    font-weight: 400;
    padding-right: 8px;
    font-family: 'Roboto';
    font-size: 10px;
    overflow-y: auto;
}



.privet c {
    font-family: font-family: 'Romul';;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    text-shadow: 0px 0px 1px #605263;
}


.privet c a {
    color: #9488bb !important;
}















.audioplayer
{
    width: 282px;
    height: 20px;
    top: -56px;
    left: 626px;
    color: #c1b399bf;
    position: relative;
    z-index: 1;
    background: #1c1c1c;
    border: 1px solid #6b614d;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}





	/* fallback case (read Adaptiveness chapter) */
	.audioplayer-mini
	{
    width: 300px; /* 40 */
    margin: 0 auto;
	}

	/* inner elements positioning (helps to achieve responsiveness) */
	.audioplayer > div
	{
    position: absolute;
	}
.audioplayer-playpause
{
	width: 2.5em; /* 40 */
	height: 100%;
	text-align: left;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 2;
	top: 0;
	left: 0;
}
	.audioplayer-mini .audioplayer-playpause
	{
    width: 100%;
	}
	.audioplayer-playpause:hover,
	.audioplayer-playpause:focus
	{
    background-color: #222;
	}
	.audioplayer-playpause a
	{
    display: block;
	}

	/* "play" icon when audio is not being played */
	.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a
	{
    width: 0;
    height: 0;
    border: 0.5em solid transparent; /* 8 */
    border-right: none;
    border-left-color: #fff;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.5em 0 0 -0.25em; /* 8 4 */
	}

	/* "pause" icon when audio is being played */
	.audioplayer-playing .audioplayer-playpause a
	{
    width: 0.75em; /* 12 */
    height: 0.75em; /* 12 */
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.375em 0 0 -0.375em; /* 6 */
	}
    .audioplayer-playing .audioplayer-playpause a:before,
    .audioplayer-playing .audioplayer-playpause a:after
    {
    	width: 40%;
    	height: 100%;
    	background-color: #fff;
    	content: '';
    	position: absolute;
    	top: 0;
    }
    .audioplayer-playing .audioplayer-playpause a:before
    {
    	left: 0;
    }
    .audioplayer-playing .audioplayer-playpause a:after
    {
    	right: 0;
    }


.audioplayer-time
{
	width: 4.375em; /* 70 */
	height: 100%;
	line-height: 2.5em; /* 40 */
	text-align: center;
	z-index: 2;
	top: -5px;
}
	.audioplayer-time-current
	{
    border-left: 1px solid #111;
    left: 2.5em; /* 40 */
	}
	.audioplayer-time-duration
	{
    right: 2.5em; /* 40 */
	}
    .audioplayer-novolume .audioplayer-time-duration
    {
    	border-right: 0;
    	right: 0;
    }

.audioplayer-bar
{
	height: 0.875em; /* 14 */
	background-color: #222;
	cursor: pointer;
	z-index: 1;
	top: 50%;
	right: 6.875em; /* 110 */
	left: 6.875em; /* 110 */
	margin-top: -0.438em; /* 7 */
}
	.audioplayer-novolume .audioplayer-bar
	{
    right: 4.375em; /* 70 */
	}
	.audioplayer-bar div
	{
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: -5px;
	
	}
	.audioplayer-bar-loaded
	{
    background-color: #555;
    z-index: 1;
	}
	.audioplayer-bar-played
	{
	
background: -webkit-gradient( linear, left top, right top, from( #ad741f ), to( #977e25 ) );
	
background: -webkit-linear-gradient( left,  #794c3a, #785d15 );
	
z-index: 2;
	}

.audioplayer-volume
{
	width: 2.5em; /* 40 */
	height: 100%;
	border-left: 1px solid #111;
	text-align: left;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 2;
	top: 0;
	right: 0;
}
	.audioplayer-volume:hover,
	.audioplayer-volume:focus
	{
    background-color: #222;
	}
	.audioplayer-volume-button
	{
    width: 100%;
    height: 100%;
	}

    /* "volume" icon */
    .audioplayer-volume-button a
    {
    	width: 0.313em; /* 5 */
    	height: 0.375em; /* 6 */
    	background-color: #fff;
    	display: block;
    	position: relative;
    	z-index: 1;
    	top: 40%;
    	left: 35%;
    }
    	.audioplayer-volume-button a:before,
    	.audioplayer-volume-button a:after
    	{
        content: '';
        position: absolute;
    	}
    	.audioplayer-volume-button a:before
    	{
        width: 0;
        height: 0;
        border: 0.5em solid transparent; /* 8 */
        border-left: none;
        border-right-color: #fff;
        z-index: 2;
        top: 50%;
        right: -0.25em;
        margin-top: -0.5em; /* 8 */
    	}
    	.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after
    	{
        /* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
        width: 0.313em; /* 5 */
        height: 0.313em; /* 5 */
        border: 0.25em double #fff; /* 4 */
        border-width: 0.25em 0.25em 0 0; /* 4 */
        left: 0.563em; /* 9 */
        top: -0.063em; /* 1 */
        -webkit-border-radius: 0 0.938em 0 0; /* 15 */
        -moz-border-radius: 0 0.938em 0 0; /* 15 */
        border-radius: 0 0.938em 0 0; /* 15 */
        -webkit-transform: rotate( 45deg );
        -moz-transform: rotate( 45deg );
        -ms-transform: rotate( 45deg );
        -o-transform: rotate( 45deg );
        transform: rotate( 45deg );
    	}

	/* volume adjuster */
	.audioplayer-volume-adjust
	{
    width: 100%;
    height: 6.25em; /* 100 */
    cursor: default;
    position: absolute;
    left: 0;
    top: -9999px;
    background: #222;
	}
    .audioplayer-volume:not(:hover) .audioplayer-volume-adjust
    {
    	opacity: 0;
    }
    .audioplayer-volume:hover .audioplayer-volume-adjust
    {
    	top: auto;
    	bottom: 100%;
    }
    .audioplayer-volume-adjust > div
    {
    	width: 40%;
    	height: 80%;
    	background-color: #555;
    	cursor: pointer;
    	position: relative;
    	z-index: 1;
    	margin: 30% auto 0;
    }
    	.audioplayer-volume-adjust div div
    	{
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        background: #7e5419;
    	}
	.audioplayer-novolume .audioplayer-volume
	{
    display: none;
	}



/*взято отсюда https://tympanus.net/codrops/2012/12/04/responsive-touch-friendly-audio-player/*/




    .go-up {
        width: 50px !important;
        height: 60px !important;

        background-image: url(https://i.imgur.com/MfzAajj.png);
       
    }
    
    .go-down {
        width: 50px !important;
        height: 60px !important;

 
        background-image: url(https://i.imgur.com/xSj7DSH.png);
      
    }
    
    #lmp {
    background: url(https://i.imgur.com/5GIxGKr.png) no-repeat top center;
    width: 1034px;
    height: 457px;
    position: absolute;
    top: -174px;
       z-index: 1;

    margin-left: -202px;
}










  .f_desc_wrap {  
      display: flex;
      justify-content: space-between;
      gap: 15px; 
      flex-direction: column-reverse:
    }
    
    .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: 130px; 
    }
    
   .f_links a {
             background: #8d827461;
        font: menu;transition-duration:1s;
        font-weight: bolder;
        text-transform: uppercase;
        padding: 2px 20px;
        flex: auto;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        margin: -10px;
        margin-top: 10px;
        transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
    }
    
    
     .f_links a:hover {
      background:  #270f03;
    }




#gostbookrole {

   
position: absolute;
color: #c9c6c2;
margin-top: 25px;
margin-left: 148px;
width: 450px;
height: 90px;



overflow: auto;
scrollbar-width: thin;
    font-size: 14px;
    text-transform: lowercase;
    font-family: calibri;

}

#gostbookrole n {
 background: #0000008f;
text-align: center;
display: block;
font-size: 12px;
font-family: play;
color: #607186;}



#gostsecondtxt {position: absolute;color: #a3a2a0;margin-top: 147px;margin-left: 86px;width: 550px;font-size: 11px;height: 196px;overflow: auto;scrollbar-width: none;padding-right: 2px;font-family: verdana;text-indent: 30px;}


#gostt {
background: url('https://i.imgur.com/lX76zf6.png') no-repeat bottom;
width: 750px;
height: 497px;
 text-align:center;
margin-top: 21px;

}


#naz {
  font-family: Romul, Tahoma, serif;
text-align: center;
display: block;
font-size: 22px;

color: #cfa78e;}

#naz:hover {color: #d7c090;}

#profile-left #profile-name strong, #profile-left #profile-title strong {
  color: #edd191 !important;
  background: #140e1a;
}
#profile-left #profile-name {
  background: #240c02;
  border-bottom: 1px solid #e87921;

#profile-left #profile-name {
  background: #240c02;

}
















#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background: #2b8b73;
    border: 1px solid #2b8b76;
}

#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    background: #cbcbcb;
    border: 1px solid #4b4b4b;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: #333333;
    border: 1px solid #222;
}



0

20

<div class="privet">
<c>best post by<a href="https://mysterylegends.rusff.me/viewtopic.php?id=86#p10434" target="_blank"> Rosemarie</a></c> 70%
<br><c>best ep: <a href="https://mysterylegends.rusff.me/viewtopic.php?id=96" target="_blank">Butterflies and Hurricanes</a></c>
</div>

0

21

штука как загрузка на плашке когда нажиаешь

Код:
#plash {position: absolute;width: 963px; height: 47px; text-align: center;overflow: hidden;top: 32px;left: 49px;}

#plash::-webkit-scrollbar {
    width: 3px;
    height: 2px;
}

.plaha {
    display: inline-block;
    width: 190px;
    height: 29px;
    border-radius: 15px;
    margin: 5px 5px!important;
    border: 1px solid #701620;
    background: linear-gradient(to right, rgb(0 0 0) 50%,rgb(112 22 32) 50%);
    background-size: 200%;
    background-position-x: 0;
    transition: all .5s linear 0s !important;
}


.plaha:hover {
    
    background-position-x: -100%;
    border: 1px solid #701620;
    
}

.plaha new {
    width: 27px;
    height: 29px;
    padding: 0px 2px 0px 3px;
    line-height: 30px;
    font-size: 9px;
    font-family: var(--basicfont);
    color: #f8f8f8d4;
    display: block;
    border-radius: 20px 0px 0px 20px;
    margin: 0px 0px;
    position: absolute;
    background: #701620 !important;
   }


.plaha text {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px;
    font-family: var(--basicfont);
    color: var(--acc4);
    margin-left: 30px;
    margin-top: 2px!important;
    width: 159px;
    text-align: center;
}

.plaha text2 {
    position: relative;
    display: inline-block;
    text-transform: lowercase;
    font-size: 24px;
    font-family: var(--accentfont);
    color: #ffffff !important;
    text-shadow: 1px 1px 0px #111;
    top: -6px;
    margin-left: 31px;
    width: 158px;
    text-align: center;
}

#plash::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

#html-header slider {
    position: absolute;
    z-index: 99;
    margin-left: 351px;
    margin-top: 203px;
}

0

22

https://forumupload.ru/uploads/001b/a4/3f/2/t970650.jpg https://forumupload.ru/uploads/001b/a4/3f/2/t651643.jpg

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Код:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

0

23

influx

0


Вы здесь » Dark matter » Новый форум » тук


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