[icon]https://upforme.ru/uploads/001a/2e/af/308/710457.gif[/icon][info]Слизерин, 4 курс[/info][pers]<b><a href="https://drinkbutterbeer.ru/viewtopic.php?id=4436" target="_blank">Лилит Мун</a></b>, 15 лет[/pers]
[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: flex;
flex-wrap: nowrap;
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: brightness(0.92) contrast(1.1) saturate(0.9) sepia(0.15);
}
.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;
}
.elegant-description .line {
font-size: 15px;
font-family: 'Dancing Script', cursive;
color: #e6c98a;
margin-bottom: 10px;
}
.elegant-description .everybody {
font-size: 17px;
font-family: 'Dancing Script', cursive;
color: #d8d6db;
}
</style>
<div class="elegant-episode">
<div class="elegant-moon"></div>
<div class="elegant-title">don't do drama 'less we wanna</div>
<div class="elegant-meta">
january 14, 1995 • hogsmeade • afternoon
</div>
<div class="elegant-images">
<img src="https://upforme.ru/uploads/001b/2c/35/3405/799883.gif">
<img src="https://upforme.ru/uploads/001b/2c/35/3405/182322.gif">
<img src="https://upforme.ru/uploads/001b/2c/35/3405/34389.gif">
<img src="https://upforme.ru/uploads/001b/2c/35/3405/137536.gif">
</div>
<div class="elegant-cast">
<span>❮ Flora Carrow ❯</span>
<span>❮ Lilith Moon ❯</span>
</div>
<div class="elegant-description">
<span class="line">pretty girls don't do drama 'less we wanna - it'll be depending on the day</span>
<span class="everybody">
it's not that deep, i'm not a drunk<br>
sometimes girls just gotta have fun,<br>
throw it back, all that ass,<br>
me and my sis way too attached
</span>
</div>
</div>
[/html]
Отредактировано Lilith Moon (03.04.26 05:44)
