呪われた残酷

[html]<link href="https://fonts.googleapis.com/css2?family=Oranienbaum&family=PT+Sans&display=swap" rel="stylesheet">
<style>.shrama {
--shm0: 926px; /* ширина рамы-ограничителя */
--smp0: 270px; /* максимальная ширина карточки */
--shh1: 470px; /* высота блока */
--smp1: 30px; /* внутренний отступ от краев */
--clrp: #b6b4b1; /* цвет внутреннего текста */
--clrt: 1em; /* размер внутреннего текста */
--clrta: #b3b3b3; /* цвет имени */
--clrba: #949494; /* цвет краткого описания */
}

.shrama {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; width:100%; max-width:var(--shm0); margin-left: 0px;} .shrama * {box-sizing:border-box;}
.ship18 {display:inline-block; position:relative; width: calc(100% - 8px); max-width: var(--smp0); height: var(--shh1); margin: auto 4px 10px 4px; font-size:var(--clrt); font-family: Tahoma, Verdana, sans-serif; overflow: hidden;}
/*** блок с картинкой shipovnik ***/
.shins {background: 50% 50% no-repeat; background-size: cover; box-sizing:border-box; position: absolute; width: 100%; height: 100%; filter: grayscale(1); mix-blend-mode: multiply; opacity: 1;}
/*** блок с подложкой-затемнением ***/
.shtext {display:flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; position:absolute; box-sizing: border-box; padding: calc(var(--smp1) * 1.5) var(--smp1) var(--smp1); height: 100%; width: 100%; background: rgba(0,0,0,0); transition: background 0.9s 0.5s;}
.shtext:hover {background: rgba(0,0,0,0.7); transition: background 0.95s;}
.shtext p {overflow: auto; padding: 0 6px 0 0 !important; line-height: 130% !important; text-align: center; box-sizing: border-box; width: 100%; text-shadow: 0 1px 3px #000; color: var(--clrp);}
.shtext p, .shtext:hover p:nth-child(2) {max-height: calc(var(--shh1) - var(--smp1) * 4.5);}
/*** подробный текст отношений-описаний ***/
.shtext p:nth-child(2){background:transparent; transform: scale(0); opacity: 0; transition: all 0.6s 0s;}
.shtext:hover p:nth-child(2){opacity: 1; height: auto; transform: scale(1); transition: all 0.6s 0.4s; }
.shtext p::-webkit-scrollbar {width: 3px; height:3px; background-color: transparent;}
.shtext p::-webkit-scrollbar-thumb {background: rgba(134,134,134, 0.35);}
/*** Имя и краткое описание ***/
.shtext p:first-child, .shtext p:last-child {width: calc(100% - var(--smp1) * 2);}
.shtext p:first-child, .shtext p:first-child a {font-family: 'Oranienbaum', Tahoma, serif; font-size: 18px; text-transform: uppercase; color: var(--clrta) !important;}
.shtext p:first-child a:hover {filter: brightness(1.2);}
.shtext p:first-child {transition: all 2s; position: absolute; top: calc(var(--shh1) - var(--smp1) * 3); transition: top 0.65s 0.2s;}
.shtext p:last-child {font-family: 'PT Sans', Tahoma, sans-serif; font-size: 11px; position: absolute; top: calc(var(--shh1) - var(--smp1) * 1.8); color: var(--clrba); transition: top 0.5s 0.1s;}
.shtext:hover p:first-child{position: absolute; top: var(--smp1); transition: top 0.7s 0.1s;}
.shtext:hover p:last-child{position: absolute; top: calc(var(--shh1) - var(--smp1) * 1.2); transition: top 0.6s 0.1s;}</style>

<div class="ship18" style="background: #880808;">
<div class="shins" style="background-image: url(https://forumupload.ru/uploads/001a/74/14/67/133723.jpg);"></div>
<div class="shtext">
<p> <a href="#">Дзанкоку</a> </p>
<p>
Зовут меня Дзанкоку, но в деревне называют меня «Проклятым».
Лучше не связывайся со мной, если жизнь тебе дорога.
</p><p>
гэнин, 20 лет
</p></div></div>

</div>[/html]

Отредактировано Zankoku (11.10.2024 00:32)

[html]<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;600&display=swap" rel="stylesheet"><style>
.chr0 {
--marg: auto; /* отступ от левого края */
--bgclr: #e6e6e6; /* цвет подложки */
--shp1: #880808; /* фон шапки */
--shc: #b9b3b3; /* текст шапки */
--shs: rgba(255,255,255,0.05); /* тень текста в шапке */
--epc: #7e8474; /* цвет ссылок простых */
--epa: #880808; /* активный эпизод */
--epz: #0000000; /* завершенный эпизод */
}
.chr0 * {box-sizing: border-box;}
.chr0 {max-width: 800px; min-width: 470px; margin: 20px auto 20px var(--marg);
overflow:hidden; position:relative; display:block; padding-bottom:6px; background: var(--bgclr); border-radius:12px; font-family: Tahoma, Arial, sans-serif; font-size:11px;}
.shpk1 {position:relative; display:grid; grid-template-columns: 200px 1fr; grid-template-rows: auto; align-items: center; margin: 10px 0px 20px; padding: 14px 35px 14px 10px; background: var(--shp1); color: var(--shc); text-shadow: 0 1px 6px var(--shs);}
.shpk1 img {object-fit:cover; object-position: 50% 50%; margin:auto; width:150px; height:60px; grid-row: 1 / 2; grid-column: 1 / 2;}
.shpk1 > ul {grid-row: 1 / 2; grid-column: 2 / 3;}
.shpk1 > ul li:nth-child(2) {padding-top:4px; font-style:italic; font-size:10px; font-family: Georgia, serif; letter-spacing:0.06em; opacity:0.5;}
.chr0 .shpk1:first-child {margin-top:0px;}
.chr0 p, p.epp {display:block; padding: 0 30px 26px !important;}
p.epp > em {display:block; padding: 4px 0; font-style:normal !important; font-size:11px; font-family: Georgia, Tahoma, serif; opacity:0.8;}
.chr0 a {color:var(--epc); text-decoration: none;}
.chr0 a:hover {filter:brightness(1.25);}
.chr0 .epp a.act {color: var(--epa);}
.chr0 .epp a.close {color: var(--epz);}
.epp a.close:before {content: '×'; margin-right:8px;}
.shpk1 > ul li:first-child, .epp > a {font-family: Oswald, Georgia, serif;}
.shpk1 > ul li:first-child {font-size:24px;}
.epp > a {font-size: 16px;}
</style><div class="chr0">

<div class="shpk1">
<img src="https://forumupload.ru/uploads/001a/74/14/67/703743.png" decoding="async">
<ul>
<li>Прошлое</li>
<li>Even the devil was once an Angel</li>
</ul></div>

<div class="shpk1">
<img src="https://forumupload.ru/uploads/001a/74/14/67/832365.png" decoding="async">
<ul>
<li>625 год...</li>
<li>“You're a psychopath.” “I prefer creative.”</li>
</ul></div>

<p class="epp">
<a href="https://narutoexile.ru/viewtopic.php?id=3230#p452424" class="close"> Зелёная проблема </a>
<em> миссия D-ранга: Дзанкоку ♦ [02.06.625]</em>
каждый ниндзя должен пробивать себе путь с самых низов, эта судьба не обошла стороной и Коку. После провала пяти низко ранговых миссий в составе команды №33, парень отправляется на своё первое поручение в одиночку и успешно его завершает.
</p>

<p class="epp">
<a href="https://narutoexile.ru/viewtopic.php?id=3246#p453514" class="close"> Без интернета </a>
<em> миссия D-ранга: Дзанкоку ♦ [03.06.625]</em>
на следующий день после первого своего успешно выполненного задания Дзанкоку сразу же берётся за новую миссию, постепенно восстанавливая свою репутацию. На сей раз ему выпала честь примерить на себя шкуру почтальона.
</p>

<p class="epp">
<a href="https://narutoexile.ru/viewtopic.php?id=3248#p453519" class="close"> Родительский контроль </a>
<em> миссия D-ранга: Дзанкоку ♦ [04.06.625 — 05.06.625]</em>
можете ли вы представить себе Проклятого в роли няньки для пятилетней крохи? Вот и он представить подобное не мог, но Моммо, — светлейшее и чистейшее создание, — смогла заставить парня проявить спрятанную под девятью печатями человечность.
</p>

<p class="epp">
<a href="https://narutoexile.ru/viewtopic.php?id=3275#p456961" class="close"> Отборные хулиганы </a>
<em> миссия C-ранга: Дзанкоку , капитан Изао (NPC) ♦ [06.06.625]</em>
парню удалось достаточно быстро восстановить свою репутацию и в резиденции решают доверить ему задание посложнее предыдущих, но на истребление разбойников, захвативших деревушку, его посылают не одного, а в компании с наставником — капитаном Изао.
</p>

<p class="epp">
<a href="https://narutoexile.ru/viewtopic.php?id=3274#p456955" class="close"> Путь свободен </a>
<em> миссия C-ранга: Дзанкоку , Сихо (NPC) ♦ [08.06.625]</em>
первая совместная миссия с крысёнышем Сихо. Первая встреча с неповторимой, сногсшибательной кралей, от которой смертью несёт похлеще, нежели от трупа. Аска — единственное имя, которое Коку запомнилось сразу.
</p>

<p class="epp">
<a href="https://narutoexile.ru/viewtopic.php?id=3320#p461333" class="close"> Похищение </a>
<em> миссия B-ранга: Дзанкоку , Сихо (NPC) ♦ [10.06.625]</em>
с каждым днём миссии становятся всё сложнее, а интерес руководства скрытого Водопада к Проклятому — выше. Дзанкоку и Сихо отправляют на совместное поручение по расследованию похищения архитектора и дуо впервые сталкивается с загадочной организацией, именуемой «Кигэн» («Истоки»).
</p>

<p class="epp">
<a href="https://narutoexile.ru/viewtopic.php?id=3320#p461333" class="close"> Дикая проблема • Волков бояться — в лес не ходить </a>
<em> миссия C-ранга: Дзанкоку ♦ [15.06.625]</em>
охота на диких зверей превращается в охоту на предателей. Лесное приключение Дзанкоку заканчивается подписанием кровью контракта с Оками, волками из Долины Смерти.
</p>

<p class="epp">
<a href="https://narutoexile.ru/viewtopic.php?id=3346#p466251" class="close"> Паутина • Торги желаниями </a>
<em> миссия B-ранга: Дзанкоку , Сихо (NPC) ♦ [19.06.625]</em>
Дзанкоку и его навыки совершенно не вписываются в миссию по добыче данных о сети информаторов криминальных организаций. Сихо учит напарника думать головой, а не только махать кулаками и косой. Необходимую информацию удалось добыть, подключив старые связи Проклятого.
</p>

<p class="epp">
<a href="https://exileanbune.mybb.ru/viewtopic.php?id=3405#p476324" class="close"> Перекрыть кислород </a>
<em> миссия B-ранга: Дзанкоку , Сихо (NPC) ♦ [22.06.625]</em>
Такигакурэ вновь поручает сложно задание Дзанкоку и его напарнику Сихо, которое заключается в устранении наркобарона. Миссию дуэт выполняет успешно, но Проклятый попадает в госпиталь деревни с тяжёлыми ранениями.
</p>

<p class="epp">
<a href="https://narutoexile.ru/viewtopic.php?id=3469#p488179" class="close"> Волчья охота </a>
<em> миссия B-ранга: Дзанкоку , Сихо (NPC) ♦ [30.06.625]</em>
не успели Дзанкоку выписать из больницы, как его тут же отправляют на новое задание — прочёсывать уже известный ему лес на западе страны на наявность там вражеских синоби из организации «Кигэн». Проклятый с напарником находят не только преступников, но и их заложника, который висел на волоске от смерти.
</p>

<p class="epp">
<a href="https://exileanbune.mybb.ru/viewtopic.php?id=3497#p491137" class="close"> Вандализм </a>
<em> миссия C-ранга: Дзанкоку , Хосимин, Хибари ♦ [05.07.625]</em>
после тяжко будуна от празднований дня рождения Коку отправляется в резиденцию за поручением. Миссию выдают простую, но сложности вызвала команда исполнителей…
</p>

<p class="epp">
<a href="https://exileanbune.mybb.ru/viewtopic.php?id=3690#p510947" class="close"> Опасный груз </a>
<em> миссия B-ранга: Дзанкоку , Хасимин ♦ [07.07.625]</em>
миссию по сопровождению особо опасного преступника Дзанкоку успешно выполнил в паре с уже знакомой ему куноити, Хосимин.
</p>

<p class="epp">
<a href="https://exileanbune.mybb.ru/viewtopic.php?id=3684#p510703" class="close"> Цена измены </a>
<em> миссия B-ранга: Дзанкоку , Сихо (NPC) ♦ [16.07.625]</em>
предводительница решает приучить своего нового цепного пса к преданности через страх, отправляя его и Сихо на миссию по убийству тюнина-предателя. Урок Дзанкоку вряд ли усвоил…
</p>

<p class="epp">
<a href="https://exileanbune.mybb.ru/viewtopic.php?id=3843#p526859" class="close"> Зверь в клетке </a>
<em> миссия B-ранга: Дзанкоку , Сихо (NPC) ♦ [20.07.625]</em>
очередной заказ на убийство, на этот раз с необходимостью внедриться в тюрьму строгого режима. Дзанкоку встречает давнего знакомого из Катайтэ-кай и решает использовать его в своих целях, даря ему свободу. Чем закончится эта опасная авантюра?
</p>

<p class="epp">
<a href="https://exileanbune.mybb.ru/viewtopic.php?id=4067#p551764" class="close"> Непыльная работёнка </a>
<em> миссия D-ранга: Дзанкоку, Лирин, Аска (NPC) ♦ [3 августа 625 года]</em>
встреча двух давних знакомых, изменённых собственными судьбами до неузнаваемости, заканчивается небольшим, но очень напряжённым приключением…
</p>

<p class="epp">
<a href="https://exileanbune.mybb.ru/viewtopic.php?id=4068#p551773" class="close"> Серые будни • Цена желаний </a>
<em> миссия B-ранга: Дзанкоку , Сихо (NPC) ♦ [6.08.625]</em>
обычный патруль улиц. Или нет? Что удалось разнюхать надзирателям, которых подослала Кисараби?
</p>

<p class="epp">
<a href="https://exileanbune.mybb.ru/viewtopic.php?id=4219" class="act"> Голова на пике </a>
<em> миссия B-ранга: Дзанкоку, Азуса ♦ [15 августа 625]</em>
Дзанкоку и Азуса становятся первыми членами команды №13. Скрытый Водопад отправляет новоиспечённых товарищей на выполнения нелёгкой и щепетильной миссии по устранению коррумпированного столичного чиновника.
</p>

<p class="epp">
<a href="https://exileanbune.mybb.ru/viewtopic.php?id=4267#p578347" class="close"> Задолженности и расплата </a>
<em> миссия B-ранга: Дзанкоку, Сихо ♦ [15 октября 625]</em>
очередная миссия в городе Тоно. Союзница попала в беду, Коку и Сихо отправляются на её спасение.
</p>

<p class="epp">
<a href="https://exileanbune.mybb.ru/viewtopic.php?id=4276#p579770" class="close"> Не спрятаться, не скрыться </a>
<em> миссия C-ранга: Дзанкоку, Сихо, Лирин ♦ [20 октября 625]</em>
поисковой отряд из Дзанкоку, Сихо и Лирин отправляют на поимку пропашего гражданина, возможно замешанного в шпионской деятельности. Для кого-то это приключение станет последним...
</p>

<p class="epp">
<a href="https://narutoexile.ru/viewtopic.php?id=4318#p586677" class="act"> Без долгов </a>
<em> миссия B-ранга: Дзанкоку, Сихо, Лирин ♦ [22 октября 625]</em>
команда номер 13 отправляется на свою первую миссию в полном составе.
</p>

<div class="shpk1">
<img src="https://forumupload.ru/uploads/001a/74/14/248/216249.png" decoding="async">

<ul>
<li>События 626 — 627 гг.</li>
<li>"In the end, I'll get the Hell that I deserve"</li>
</ul></div>

</div><br>[/html]

Отредактировано Zankoku (18.10.2024 14:32)