[icon]https://i.pinimg.com/564x/72/21/ab/7221ab9b9b23604595ff63c0a5d070f5.jpg[/icon]
[html]
<body>
<div class="fon"></div>
<div class="interface">
<div class="episode_cap">
<div id="episode_forename"> ㅤㅤ「 ライトニングトラック | Следы от молний 」</div>
<div id="episode_opening"> Очень часто удар молнией приводит к летальному исходу.
Но если жертва выживает, на его/ее коже часто появляются узорчатые шрамы в виде ветвей дерева или кустика.
Эти шрамы называются «фигурами Лихтенбера».</div>
</div>
<div class="line">
<hr>
</div>
<div class="first_cloud">
<div class="first_cloud_img"><img src="https://genshin.honeyhunterworld.com/img/tighnari_069_icon.webp?x50246" width="140px" height="140px"></div>
<div>
<div class="signature_nahida">小林沙苗</div>
<div class="text_nahida">В Авидье непозволителен такой вандализм!</div>
</div>
</div>
<div class="two_cloud">
<div>
<div class="signature_scaramouche">柿原徹也</div>
<div class="text_scaramouche">Теперь этот бог в прошлом. Новая эра близится.</div>
</div>
<div class="two_cloud_img"><img src="https://genshin.honeyhunterworld.com/img/wanderer_075_icon.webp" width="140px" height="140px"></div>
</div>
<div class="first_cloud">
<div class="first_cloud_img"><img src="https://genshin.honeyhunterworld.com/img/tighnari_069_icon.webp?x50246" width="140px" height="140px"></div>
<div>
<div class="signature_nahida">小林沙苗</div>
<div class="text_nahida">Близится только твой визит к матрам! На твой выбор, мегаломаньяк: сдашься сам или я тебя уведу за разбой.</div>
</div>
</div>
<div class="year_players">
501.04.04, Avidya Forest
</div>
</div>
</body>
<style>
body {
font-family: "Genshin";
}
.fon {
background-image: url(https://i.pinimg.com/564x/27/7e/db/277e … 67309c.jpg);
background-repeat: no-repeat;
background-size: 600px 950px;
position: absolute;
z-index: -1;
filter: blur(1px);
position: absolute;
height: 690px;
width: 100%;
left: 0;
top: 0;
}
.interface {
background-color: rgba(30, 34, 50, 0.85);
width: 547px;
height: 620px;
border-radius: 10px;
margin-top: 30px;
margin-left: 25px;
margin-bottom: 30px;
}
.episode_cap {
color: #fff;
padding-top: 30px;
padding-left: 15px;
font-family: "Genshin";
}
#episode_forename {
font-size: 15px;
padding-left: 10px;
}
#episode_opening {
padding: 10px;
font-size: 14px;
}
.line hr {
background-color: #fff;
opacity: 0.3;
height: 1px;
margin-left: 10px;
margin-right: 10px;
}
.first_cloud {
display: flex;
justify-content: flex-start;
margin-left: 10px;
}
.first_cloud_img img {
border-radius: 130px;
}
.signature_nahida {
font-family: "Genshin";
padding-top: 20px;
color: black;
padding-left: 15px;
font-size: 14px;
text-shadow: 0.7px 0 0.7px #fff,
0 0.7px 0.7px #fff,
-0.7px 0 0.7px #fff,
0 -0.7px 0.7px #fff;
}
.text_nahida {
width: 321px;
height: 47px;
background-color:#3C4556;
color:#fff;
margin-left: 10px;
margin-top: 10px;
font-size: 14px;
display: flex;
align-items: center;
padding: 10px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
opacity: 0.9;
font-family: "Genshin";
}
.two_cloud {
display: flex;
flex-direction: row;
justify-content: flex-end;
margin-right: 10px;
}
.two_cloud_img img {
border-radius: 130px;
}
.signature_scaramouche {
font-family: "Genshin";
padding-top: 20px;
color: black;
padding-right: 15px;
font-size: 14px;
text-align: right;
text-shadow: 0.7px 0 0.7px #fff,
0 0.7px 0.7px #fff,
-0.7px 0 0.7px #fff,
0 -0.7px 0.7px #fff;
}
.text_scaramouche {
width: 321px;
height: 47px;
background-color:#D6D1C7;
color:#262626;
margin-right: 10px;
margin-top: 10px;
font-size: 14px;
text-align: right;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 10px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
opacity: 0.9;
font-family: "Genshin";
}
.year_players {
font-family: "Genshin";
text-align: right;
color: #C1C1C1;
opacity: 0.7;
font-size: 14px;
padding-right: 15px;
padding-top: 22px;
}
</style>
[/html]
Отредактировано Scaramouche (2023-06-30 01:28:50)