[hideprofile][html]
<div class="topic">
<div class="topicH1">
Сказка для маленькой леди
</div>
<div class="topicH3">
26.04.501 • Лунная спираль
</div>
<div class="topicWrapper">
<div class="topicPun">
<div class="topicDescription">
<div class="topicH2">
Fathomless Flames • Iris Lawrence</div>
Когда в обычной библиотеке Ордена Бездны оказывается не совсем обычный посетитель, Пламя Бездны не может пройти мимо нуждающейся в помощи леди вне зависимости от ее возраста. Книжки с картинками есть и в Лунной спирали, но тссс... Это секрет! </div>
</div>
</div>
</div>
<style>
.topic {
/**** ПЕРЕМЕННЫЕ ****/
--primary: #fff; /* цвет фона */
--text: #102153; /* цвет текста */
/**** /ПЕРЕМЕННЫЕ ****/
width: 1000px;
height: 300px;
padding: 40px 200px 0px 200px;
background: url(https://i.imgur.com/C86h3Va.jpg);
}
.topicWrapper {
background: transperent;
}
.topicPun {
padding: 0px;
border: double 3px var(--primary);
background: transperent;
}
.topicDescription {
padding: 20px 20px 20px 20px;
border: solid 3px var(--primary);
background: var(--primary);
color: var(--text);
text-align: justify;
font-size: 12px;
line-height: 1.1em;
font-family: Arial;
}
.topicH1 {
font-size: 22px;
text-align: center;
padding: 30px 0 8px 0;
line-height: 18px;
font-family: "Genshin";
color: var(--primary);
text-shadow: #7dbeff 1px 0 5px;
}
.topicH3 {
font-size: 14px;
text-align: center;
padding: 0px 0 16px 0;
line-height: 16px;
font-family: "Genshin";
color: var(--primary);
text-shadow: #7dbeff 1px 0 5px;
}
.topicH2 {
font-size: 10px;
text-align: center;
padding: 0px 10px 10px 10px;
line-height: 12px;
font-family: Arial;
color:#2c56a8;
opacity: 0.8;
}
@font-face {
font-family: "Genshin";
src: url("https://forumstatic.ru/files/0014/98/d3/50051.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
[/html]
Отредактировано Fathomless Flames (2025-04-03 22:35:02)