[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)