Симфония распада // 2.10.2017

Страница: 1

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

Поделиться127.07.2025 21:35:01

Автор: M. Hare
Mad or March?
да здравствуют Неименины
Сообщений: 487
Уважение: +884
Последний визит:
04.09.2025 01:33:38

[html]<div class="un-ep-root">
<div class="un-ep-wrapper">
<div class="un-ep-title-back">
<div class="un-ep-title">СИМФОНИЯ РАСПАДА</div>

<div class="episode-info-item"><a href="https://liesoftales.f-rpg.me/viewtopic.php?id=352#p63497">МЭД МАРЧ</a>, <a href="https://liesoftales.f-rpg.me/viewtopic.php?id=348">ТЕЙЛОР САБО</a>, <a href="https://liesoftales.f-rpg.me/viewtopic.php?id=3#p67806">МАДАМ ПИК (npc)</a></div>

<div class="image-container-60">
<img src="https://upforme.ru/uploads/001c/7d/d4/96/365620.jpg">
</div>

<div class="un-ep-arr">
<div class="un-ep-play">◀◀ ㅤㅤㅤ▶▶</div>
<center><iframe frameborder="0" allow="clipboard-write" style="border-radius: 30px;width:50px;height:50px;" width="50" height="50" src="https://music.yandex.ru/iframe/album/33536824/track/131757924"><a href="https://music.yandex.ru/album/33536824/track/131757924">Me and the Devil</a> — <a href="https://music.yandex.ru/artist/775192">Soap&Skin</a> </iframe></center>
<div>

<div class="un-ep-desc-box">
<div class="un-ep-desc-border">
<div class="un-ep-desc-head">
<div class="un-ep-desc-loc">Художественнная галерея</div>
<div class="un-ep-desc-tag">эпизод закрытый</div>
</div>
<div class="un-ep-desc-text">
<p></p>
<p>Прошлое подобно тени, цепляющейся за подол памяти. Порой кажется, что ты убежал, но достаточно одного неверного шага, чтобы провалиться в те дни, когда каждый вдох отравлял ненавистью легкие. </p>
<p></p>
</div>
</div>

</div>
</div>
<style>
:root {
/* ССЫЛКА НА ФОНОВУЮ КАРТИНКУ */
--unep-bgpic: url("https://upforme.ru/uploads/001c/7d/d4/96/945287.jpg");
/* ЦВЕТ ФОНА */
--unep-bgcol: 11, 6, 13;
/* ЦВЕТ БЛОКОВ */
--unep-blcol: 30, 69, 70;
/* ЦВЕТ ТЕКСТА */
--unep-text: 255, 255, 255;
/* ЦВЕТ ССЫЛОК */
--unep-link: 252, 192, 192;
}

{
box-sizing: border-box;
}

.un-ep-root {
display: flex;
}

.un-ep-wrapper {
display: flex;
overflow: hidden;
background: rgb(var(--unep-bgcol)) no-repeat top/contain;
background-image: linear-gradient(transparent, rgb(var(--unep-bgcol)) 40%),
var(--unep-bgpic);
background-size: 100%;
flex-direction: column;
}

.un-ep-title {
color: rgba(var(--unep-text), 1);
height: 70px;
font-family: Helvetica;
text-align: center;
font-size: 25px;
line-height: 100px;
}

.episode-info-item {
font-family: Helvetica;
color: rgba(var(--unep-link), 1);
height: 10px;
font-size: 14px;
text-align: center;
align-items: center;
}

.episode-info-item a {
color: rgba(var(--unep-link), 0.8) !important;
text-decoration: none !important;
}

.image-container-60 {
width: 60%;
margin: 20px auto 0;
display: flex;
overflow: hidden;
border-radius: 16px;
flex-direction: column;
box-sizing: border-box;
}

.un-ep-desc-box {
display: flex;
width: 90%;
height: 130px;
margin: 30px auto 30px;
border-radius: 4px;
}

.un-ep-desc-border {
border-radius: 4px;
width: 100%;
z-index: 8;
position: relative;
display: flex;
margin: 4px;
padding: 12px;
box-sizing: border-box;
box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.3);
flex-direction: column;
justify-content: flex-start;
align-items: center;
}

.un-ep-desc-head {
border-bottom: 1px solid hsla(0, 0%, 100%, 0.3);
width: 100%;
display: flex;
height: 16px;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 8px;
padding: 0 8px 12px;
opacity: 0.7;
}

.un-ep-desc-head a {
font-weight: 400 !important;
color: rgba(var(--unep-link), 0.8) !important;
font-size: 11px !important;
text-decoration: none !important;
}

.un-ep-desc-head a:hover {
font-family: Microsoft YaHei, sans-serif !important;
font-weight: 400 !important;
color: rgba(var(--unep-link), 1) !important;
font-size: 11px !important;
text-decoration: none !important;
}

.un-ep-desc-loc {
font-family: Helvetica;
font-weight: 400;
color: rgba(var(--unep-link), 1);
font-size: 14px;
line-height: 11px;
text-align: center;
}

.un-ep-desc-loc::before {
content: "\26B2";
margin-right: 4px;
color: rgba(var(--unep-text), 1);
}

.un-ep-desc-tag {
с
font-weight: 400;
color: rgba(var(--unep-text), 1);
font-size: 12px;
line-height: 11px;
text-align: center;
}

.un-ep-desc-tag::after {
content: "\2718";
margin-left: 4px;
color: rgba(var(--unep-text), 1);
font-family: monospace;
}

.un-ep-desc-text {
display: flex;
width: 100%;
max-height: 120px;
overflow-y: auto;
text-indent: 13px;
flex-direction: column;
flex-wrap: nowrap;
font-family: Helvetica;
font-weight: 400;
color: rgba(var(--unep-text), 1);
opacity: 0.9;
}

.un-ep-desc-text p {
margin: 4px 0 !important;
font-size: 12px;
line-height: 16px !important;
padding: 0px 8px 0 0px !important;
}

.un-ep-desc-text a {
font-family: Helvetica;
font-weight: 400 !important;
color: rgba(var(--unep-link), 0.8) !important;
font-size: 12px !important;
text-decoration: none !important;
}

.un-ep-desc-text::-webkit-scrollbar {
width: 4px;
}

.un-ep-desc-text::-webkit-scrollbar-thumb {
background-color: rgba(var(--unep-link), 1);
border: 1px solid #fff;
}

.un-ep-desc-text::-webkit-scrollbar-track {
background-color: #4a5366;
border: 1px solid #787874;
}

.un-ep-play {
color: rgba(var(--unep-text), 1);
height: 25px;
font-family: Helvetica;
text-align: center;
font-size: 25px;
line-height: 100px;
}
</style>[/html]

Отредактировано M. Hare (28.07.2025 12:05:33)

Поделиться215.08.2025 18:25:36

Автор: The Brave Little Tailor
кройкреатив
Вот каков я храбрец! - сказал он и сам подивился своей удаче. - Об этом весь город должен узнать!
Сообщений: 73
Уважение: +195
Посты: 5 504,1/0 09.25,1/3
Последний визит:
Вчера 20:44:18

Прикид

Ах, какое волнительное время! Время, когда нужно продемонстрировать всё, что накопилось внутри! Потому что это он! Тот самый! Осенний! Показ! Мод!
Да, если взглянуть на Тейлора сейчас со стороны, то может показаться, что он вот-вот взорвётся. Будто стрелки обратного отчёта не просто тикают, а барабанят его изнутри. Подобный запал энергии был, разумеется, весьма уместен, ведь было много дел, которыми стоило заниматься. Ну, как много... Портной большую часть уже переделал. А энергия так и не заканчивалась. Придётся от неё страдать всем работникам вокруг, а позднее — гостям сего славного показа.
— Ну-ну, шевелись, полчаса до начала! Драг-драгая, чего вьёшься?! К визажисту, к визажисту! — Похлопав модель по спинке в нужном направлении, Сабо на мгновение застыл на месте, чтобы оценить общую палитру. Красный, оранжевый, жёлтый... С животными и растительными мотивами. Кто скажет, что неоригинально, но нестандартные материалы и комбинация стилей придавали уникального шарма. Этакая смесь театрального панка с фетиш глэмом. Да, смотрится. Да, это будет хит! Скорее для сценических образов чем повседневной носки, хотя вот Сабо между ними разницу редко подмечал. Быстро отследив одного из своих ассистентов в этой хаотичной катавасии, Тейлор резво оказался рядом с ним. Мужчина лет тридцати, кажется, что-то очень настойчиво сверял между одним бумажным списком и другим.
— Только не говори, что джем забыли заказать! — Шуточно начинает диалог портняжка. Ну, как шуточно. Он точно кому-то настучит по голове своей тростью в случае правдивости данного высказывания, но так, несмертельно!
— Нет, сэр, никак нет! Наверное... Я... Не за это отвечаю... — Мужчина недоумённо поднимает взгляд на модельера. Модельер недоумённо глядит в ответ. Искра. Буря. Осознание.
— Ааа, тооочно, за это отвечает другой человек, ха-ха... — Бизнесмен ободряюще стучит ассистенту по плечу. Ну, как ободряюще. Скорее в манере а-ля "твоя удача, что не ты". Но очень активно и добро, а значит всё хорошо! Заглянув украдкой на документы в руках мужчина, Тейлор осознаёт, что там находятся списки приглашённых гостей. — Чего тогда так озадаченно пялишься на листы? Кто-то не пришёл?
— Нет, как раз наоборот. Мне только что сообщили о приходе Мадам Пик. И это необычно... — Мужчина озадаченно трёт висок, будто пытаясь вспомнить уточнение для информации, которую он уже знает. — Кутюрье давно не почитал вас своим присутствием, верно?
— А, так ты этим смущён? — Тейлор же, судя по всему, стал ещё более реактивным. Раскачивается на месте с пяток на носки и обратно, будто предвкушая встречу с давним другом. — Да, был у Мадам... Только по секрету говорю! — Понизив голос до шёпота (который у него, по меркам обычных людей, на уровне со стандартным шумом говорения), модельер приблизился к уху ассистента. — Плохой жизненный период. Но не сидеть же в нём вечность! Молодец, молодец! Нужно потихоньку в свет выходить. Авось и в индустрию вернётся! — Толкнув с силой локтем подчинённого в бок, вызвав у того внезапный приступ кашля, Тейлор бодро кивнул и пошёл дальше. Нет, не пошёл — побежал! Ведь раз Мадам будет здесь, то следует кое-кого об этом предупредить. Так что яркое красное пятно весьма шустро оказалось возле гримёрки интересующей его личности. Да, некоторым моделям выделяются отдельные гримёрки. Да, это большие честь и почёт. Нет, стучать и спрашивать разрешения на вход никто не станет. Просто ворвётся, вышибив дверь ногой.
— Зай, ты щас умрёшь! — Да, вот так вот просто. Модельеру плевать на метафизическое состояние Мэда. Хоть он там голый на голове стоит! Этим уже Сабо не удивить, а вот новость важную передать он обязан! — Представляешь, Мадам здесь! Мадам Пик! Вы ж с ней славные друзья, не мог таить такую весть от тебя! — Опёршись спиной о ближайшую стену, Тейлор концентрирует взгляд на модели и любых её телодвижениях. Никаких зазрений совести за внезапный врыв он, само собой, не испытывает.