[html] <style>
.episode-container {
max-width: 950px;
margin: 30px auto;
font-family: Georgia, serif;
font-size: 13px;
line-height: 1.6;
color: #2d2d2d;
border: 1px solid #ddd;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 0 10px rgba(0,0,0,0.05);
background: #fff;
}
.episode-top {
position: relative;
background: linear-gradient(to bottom, rgba(255,255,255,0.05), rgba(255,255,255,1)),
url('https://i.pinimg.com/1200x/8e/a3/53/8ea35301c2f4c1d4590d2e5a032be75a.jpg') center top / cover no-repeat;
padding: 25px;
text-align: center;
}
.episode-title {
font-size: 18px;
font-style: italic;
color: #4a3f4f;
background: rgba(255, 255, 255, 0.55);
padding: 6px 16px;
border-radius: 6px;
display: inline-block;
letter-spacing: 0.6px;
margin-bottom: 8px;
}
.episode-tag {
font-size: 11px;
color: #fff;
background: #a1879d;
display: inline-block;
padding: 3px 10px;
border-radius: 6px;
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.8px;
margin-bottom: 20px;
}
.episode-header {
display: flex;
justify-content: space-between;
gap: 15px;
background: rgba(255, 255, 255, 0.65);
border-radius: 10px;
padding: 15px 20px;
box-shadow: 0 0 3px rgba(0,0,0,0.03);
}
.img-overlay-wrapper {
position: relative;
width: 140px;
height: 140px;
border-radius: 10px;
overflow: hidden;
flex-shrink: 0;
}
.img-overlay-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 10px;
position: relative;
z-index: 1;
box-shadow: 0 0 6px rgba(0,0,0,0.08);
}
.img-overlay-wrapper::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(160, 135, 157, 0.25), rgba(255, 255, 255, 0.05));
z-index: 2;
pointer-events: none;
border-radius: 10px;
}
.episode-info {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
font-size: 11px;
line-height: 1.4;
color: #2d2d2d;
}
.episode-info b {
display: inline-block;
width: 90px;
color: #4a3f4f;
}
.episode-description {
font-size: 13px;
color: #333;
text-align: justify;
padding: 20px 25px 25px;
background: #ffffff;
}
</style>
<div class="episode-container">
<div class="episode-top">
<div class="episode-title">Ринг без правил</div><br>
<div class="episode-tag">флешбек</div>
<div class="episode-header">
<div class="img-overlay-wrapper">
<img src="https://i.pinimg.com/736x/f0/e9/69/f0e9691a1e74520d390c3fa907ea0870.jpg" alt="Персонаж 1">
</div>
<div class="episode-info">
<p><b>Участники:</b> Тавра Нокс, Меч-Кладенец</p>
<p><b>Дата:</b> 5 ноября 2013</p>
<p><b>Время:</b> Ночь</p>
<p><b>Погода:</b> Первые заморозки</p>
<p><b>Локация:</b> Заброшенный склад на краю города</p>
</div>
<div class="img-overlay-wrapper">
<img src="https://i.pinimg.com/736x/cd/32/67/cd326720298b5fdb0fa0118dceca84aa.jpg" alt="Персонаж 2">
</div>
</div>
</div>
<div class="episode-description">
Бар требовал больше, чем умения смешивать напитки — ему нужна была защита. После смены Тав не шла домой, а направлялась в зал. Её ждали изнурительные тренировки: удары, блоки, месяцы и годы повторений. Она становилась сильнее, крепче, выносливее. В итоге её потенциал заметил один из тренеров и предложил попробовать себя на ринге. В один из вечеров Тав приняла вызов, и оказалась среди тех, кто выходит на подпольные бои. Грубые голоса, заброшенные склады, запах металла и пыли. Её не влекли ни деньги, ни восторг толпы, она искала вызов. И тогда на ринг вышла она: широкоплечая женщина с прямой спиной и огнём в глазах. В тот миг Тав поняла — бой будет настоящим.
</div>
</div>
[/html]
Отредактировано Tawra Knox (09.07.2025 20:35:11)
