[html]
<style>
.bgt {background: url(https://i.imgur.com/xb7uoLd.png) top center no-repeat, url(https://i.imgur.com/HzE8ghs.png) bottom center no-repeat;  text-transform: lowercase; line-height: 17px; font-size: 90%; border-radius: 20px; width: 470px; margin: auto!important; background-color: #040D12; padding: 40px;}
.vbd { background: #CFC19D; color: #00000; opacity: 0.9;  text-transform: uppercase; letter-spacing: 1px; font-weight: 500; display: block; font-style: normal; border-radius: 5px; text-align: center; padding: 10px 45px; font-family: montserrat; font-size: 8px}
.gale { flex-wrap: nowrap; display: flex; width: 100%; align-items: center; }
.gale wiz { display: block; width: 100%; padding: 20px 0; font: 10px montserrat; text-align: center; color: #F5D689;}
.gale wiz t { font: 700 22px montserrat; text-transform: uppercase;
  background: linear-gradient(-45deg, #F5CF71, #A88E4E, #F5E4BA, #756336);
  background-size: 300%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: animated_text 10s ease-in-out infinite;
  -moz-animation: animated_text 10s ease-in-out infinite;
  -webkit-animation: animated_text 10s ease-in-out infinite;
}

@keyframes animated_text {
  0% { background-position: 0px 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0px 50%; }
}
.bgts {height: 290px; overflow-y: scroll}
.style-1 {left: 100px;}
#style-1::-webkit-scrollbar
{
  width: 4px; left: 20px;
  background-color: transparent;
}

.gale wiz img { border-radius: 50px; width: 50px; height: 50px; object-fit: cover;
transition: filter .7s ease-in-out;
  -webkit-filter: sepia(40%) grayscale(70%); 
  filter: sepia(40%) grayscale(70%); 
}

.gale wiz img:hover {
  -webkit-filter:  grayscale(0%); 
  filter: grayscale(0%); 
}
</style>
<center><div class="bgt"><div class="gale" style="margin-top: -25px;"><wiz>
</wiz><wiz><br>
<t>калитка балдура</t></wiz><wiz>
</wiz></div><div class="bgts" id="style-1">
 

<div class="vbd">тайминг</div>
  <div class="gale"><wiz><b>1487 г (лд)</b> — знакомство избранных миркула, бейна и баала;<br><b>1488 г (лд)</b> — похищение избранными короны (не вируса, а для мозга);<br><b>1490 г (лд)</b> — орин становится новой избранной баала, соблазн валяется в башнях; <br><b>1491 г (лд)</b> — горташ <i>уже</i> становится эрцгерцогом;<br> <b>1492 г (лд)</b> — основные события сюжета игры;</wiz></div>

<div class="vbd">вот они слева направо</div>
<div class="gale"><wiz> <a href="https://barcross.ru/profile.php?id=2560"><img src="https://i.imgur.com/OwuZjAr.gif" title="astarion"></a>　 <a href="https://barcross.ru/profile.php?id=2329"><img src="https://i.imgur.com/lXHjWFW.gif" title="dark urge"></a> <a href="https://barcross.ru/profile.php?id=2406">　 <a href="https://barcross.ru/profile.php?id=2445"> <img src="https://i.imgur.com/7Rt1xmy.gif" title="gale"></a>　 <a href="https://barcross.ru/profile.php?id=2431"> <img src="https://i.imgur.com/ApgxOR6.gif" title="shadowheart"></a></wiz></div>

<div class="vbd">епизоды</div>
<div class="gale"><wiz>что реально надо заполнять?</wiz></div>

<div class="vbd">красивые заяв очки</div>
<div class="gale"><wiz>а ой</wiz></div>

</div></div></center>
[/html]

Отредактировано Dark Urge (2024-02-04 00:50:43)