[nick]Dante Moon[/nick][status]паяц-полукровка[/status][icon]https://upforme.ru/uploads/001a/2e/af/308/773808.gif[/icon][sign]
[/sign][pers]<b><a href="https://drinkbutterbeer.ru/viewtopic.php?id=4681#p779080" target="_blank">Данте Мун</a></b>, 16 лет[/pers][info]Рейвенкло, 6 курс[/info]
[html]<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=EB+Garamond&family=Lora&family=Crimson+Text:ital@1&display=swap" rel="stylesheet">
<style>
.elegant-episode {
background-color: #352840;
border: 1px solid #887058;
color: #d8d6db;
max-width: 820px;
margin: 0 auto;
padding: 30px 25px;
border-radius: 8px;
font-family: 'Lora', serif;
box-shadow: 0 0 20px rgba(100, 85, 120, 0.3);
background-image: url('https://www.transparenttextures.com/patterns/asfalt-dark.png');
background-blend-mode: multiply;
position: relative;
overflow: hidden;
}
.elegant-episode::before {
content: "☾";
font-size: 70px;
color: #c2ad83;
position: absolute;
top: 10px;
left: 20px;
opacity: 0.35;
}
.elegant-episode::after {
content: "✦";
font-size: 36px;
color: #c2ad83;
position: absolute;
bottom: 35px;
right: 30px;
opacity: 0.4;
}
.elegant-moon {
content: "☽";
font-size: 50px;
color: #c2ad83;
position: absolute;
top: 10px;
right: 20px;
opacity: 0.25;
}
.elegant-title {
font-family: 'Dancing Script', cursive;
font-size: 30px;
text-align: center;
color: #c2ad83;
margin-bottom: 10px;
}
.elegant-meta {
text-align: center;
font-family: 'EB Garamond', serif;
font-size: 13px;
color: #b0abb8;
letter-spacing: 1px;
line-height: 1.6;
margin-bottom: 20px;
border-bottom: 1px solid #3a2e45;
padding-bottom: 10px;
}
.elegant-cast {
display: flex;
justify-content: space-between;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 20px;
color: #999;
}
.elegant-images {
display: grid;
grid-template-columns: repeat(2, 120px);
justify-content: center;
gap: 10px;
margin: 25px 0;
}
.elegant-images img {
height: 120px;
width: 120px;
border-radius: 3px;
border: 1px solid #444;
opacity: 0.9;
transition: all 0.3s ease;
filter: grayscale(18%) sepia(14%) brightness(0.82) contrast(1.08) saturate(0.78);
}
.elegant-images img:hover {
opacity: 1;
transform: scale(1.03);
}
.elegant-description {
font-family: 'Crimson Text', serif;
font-style: italic;
font-size: 15px;
line-height: 1.75;
color: #e5dee7;
border-left: 2px solid #7d658f;
border-right: 1px solid #898293;
padding-left: 15px;
padding-right: 12px;
margin-top: 10px;
background-color: rgba(255,255,255,0.02);
border-radius: 4px;
text-align: center;
}
.elegant-description span {
display: block;
margin-bottom: 5px;
letter-spacing: 1px;
}
</style>
<div class="elegant-episode">
<div class="elegant-moon"></div>
<div class="elegant-title">like father, like son</div>
<div class="elegant-meta">
july 31, 2017 • moon house • 04:20 AM
</div>
<div class="elegant-images">
<img src="https://upforme.ru/uploads/001a/2e/af/308/680533.gif">
<img src="https://upforme.ru/uploads/001a/2e/af/308/112143.gif">
<img src="https://upforme.ru/uploads/001a/2e/af/308/149324.gif">
<img src="https://upforme.ru/uploads/001a/2e/af/308/229173.gif">
<img src="https://upforme.ru/uploads/001a/2e/af/308/378412.gif">
<img src="https://upforme.ru/uploads/001a/2e/af/308/633512.gif">
</div>
<div class="elegant-cast">
<span>❮ Dante Moon ❯</span>
<span>❮ Dennis Moon ❯</span>
</div>
<div class="elegant-description">
<span>- твой сын проснулся</span>
<span>- до восхода солнца это твой сын</span>
</div>
</div>
[/html]
Отредактировано Lilith Moon (26.03.26 07:19)
