твоя увядшая луна раздета мною догола
Сообщений 1 страница 2 из 2
Поделиться127.10.2024 20:34
[html]<link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet"><style>
#ship4 {display:flex; align-items: center; box-sizing:border-box; overflow:hidden; width:800px; height:250px; margin:auto auto auto 2em; padding: 20px 0; background: #0f0f03;} /* shipovnik */
.shimg {order:2; background: 50% 50% no-repeat; background-size: cover; width:300px; height:250px; margin:-20px auto;}
.shimg::after {display: block; content: ""; background: transparent; width: 0; height: 0; margin-right: 92px; margin-top: -2px; border-left: 60px solid#0f0f03; border-bottom: 254px solid transparent;}
.stx1 {order:1; width:600px; box-sizing: border-box; text-align: center; line-height: 130%; font-size:11px; padding: 0 0 0 26px;}
/* имя */
.stx1 > h5 {position: relative; margin-right: -30px; line-height: 150%; font-style:normal !important; font-weight:400;
font-size: 34px;
font-family: "Dancing Script", Times New Roman, serif;
color: #e3d230;
text-shadow: 0 0 3px #000, 0 0 20px #fbec5d;
}
/* ПЕРСОНАЖИ */
.stx1 > em {display:block; position: relative; margin-right: -30px; padding: 4px 0 18px 0;
font-family: Georgia, Arial, sans-serif;
font-weight:400;
font-size:11px;
font-style:italic !important;
color:#636363;
}
.stx2 {display: block; overflow: auto; max-height: 120px; text-align: justify; padding-right: 10px; text-shadow: 0 0 2px #000; color: #949494;}
.stx2::-webkit-scrollbar {width: 3px; height:3px; background-color: transparent;}
.stx2::-webkit-scrollbar-thumb {background: #232323;}
</style>
<div id="ship4">
<div class="shimg" style="background-image: url(https://i.imgur.com/GFQadqr.png);"></div>
<div class="stx1">
<h5>Senju Kousaku</h5>
<em>Сенджу Коусаку, 17 лет, куноичи Конохи</em>
<div class="stx2"><!-- ТЕКСТ -->
★ родилась 5 октября 610 года <br>
★ поступила в академию в 616 году<br>
★ выпустилась из академии в 623<br>
★ провалила несколько экзаменов на чунина
<!-- КОНЕЦ ТЕКСТА --></div></div></div>
[/html]
Отредактировано Senju Kousaku (27.10.2024 20:34)
Поделиться228.10.2024 17:25
[html]<link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Cuprum&display=swap" rel="stylesheet"><style>
<style>.chr2, .chr2 * {box-sizing:border-box;}
.chr2 {
--chrw: 700px; /* ширина блока */
--chrbg: #f4f4f4; /* цвет фона */
--chrd: #ffffff; /* активный эпизод */
--chrc: #6a8972; /* закрытый эпизод */
--chbs: rgba(0,0,0,0.3); /* цвет границы */
}
.chr2 {width:var(--chrw); background:var(--chrbg); border-radius:16px; border:1px solid var(--chbs);
margin:10px auto 10px 10px; padding:26px 20px 24px 10px; position:relative;}
.chr2 p {padding:0px !important; margin:0px !important;}
.chr2 h7 {display:block; text-align:center; font-family:Cuprum, Tahoma, sans-serif; font-size:24px;}
.ch1 {position:relative; padding: 15px 0px; display:grid; grid-template-columns: 180px 1fr; grid-template-rows:auto; align-items:stretch;}
.ch1:first-of-type {/*shipovnik*/ padding-top:0px;}
.ch1:last-of-type {padding-bottom:0px;}
.ch2 {display:block; grid-column:1 / 2; grid-row:1 / -1; text-align:center; padding-right:10px; border-right:1px solid var(--chbs);}
.ch3 {display:block; grid-column:-2 / -1; grid-row:1 / -1; padding-left:14px; text-align:justify;}
.ch2 em {display:block; font-style:normal !important; font-weight:600; font-family:Cuprum, Tahoma, sans-serif; font-size:16px; padding-bottom:4px;}
.ch4 {text-transform:uppercase; font-family:Oswald, Tahoma, sans-serif; font-size:14px; letter-spacing:0.03em;}
.ch1:before {content:''; display:block; width:12px; height:12px; border-radius:50%; position:absolute; top:15px; left:-10px; transform:translateX(-50%);
background: var(--chrd); border:1px solid var(--chbs);}
.close.ch1:before {background:var(--chrc);}
.ch7 {display:block; font-family: Yeseva One, Georgia, serif; font-size: 22px; padding:0 0 8px 80px;}
</style>
<div class="chr2"><!----- START ----->
<div class="ch1 close">
<div class="ch2"><em> 10.01.628 </em>
+ ясуо
</div>
<div class="ch3"><a href="https://narutoexile.ru/viewtopic.php?id=4412#p595150" class="ch4">running session</a>
<p> [ну типа] пробежка. </p>
</div>
</div>
<div class="ch1">
<div class="ch2"><em>01.02.628 </em>
solo
</div>
<div class="ch3"><a href="https://narutoexile.ru/viewtopic.php?id=4405#p594681" class="ch4">Загруженная смена, D ранг </a>
<p> развивающиеся службы общепита испытывают нехватку в ловких быстрых молодых сотрудниках, некоторые из них нанимают на день генинов, которым по силам справиться с должностью разнорабочего в зале и на кухне </p>
</div>
</div>
<div class="ch1">
<div class="ch2"><em> 02.02.628 </em>
solo
</div>
<div class="ch3"><a href="https://narutoexile.ru/viewtopic.php?id=4411#p595108" class="ch4">Местная кошатница, D ранг</a>
<p> в одном из многоквартирных домов мирно и тихо живет старушка, у которой много кошек. Местная кошатница является мамой одного из чиновников, и совсем недавно пятеро ее кошек пропали. </p>
</div>
</div>
<div class="ch1">
<div class="ch2"><em> 03.02.628 </em>
solo
</div>
<div class="ch3"><a href="https://narutoexile.ru/viewtopic.php?id=4414#p595300" class="ch4">Первые этажи, С ранг</a>
<p> пожилая женщина пожаловалась на порчу цветов у ее дома. Таинственный вредитель совершает свои налеты ночью и всячески не попадается на глаза старушке.</p>
</div>
</div>
<!----- END -----></div>[/html]
Отредактировано Senju Kousaku (Вчера 14:05)