[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/wanderer_075_icon.webp" 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/h_368158.webp?x50246" width="140px" height="140px"></div>
</div>
<div class="first_cloud">
<div class="first_cloud_img"><img src="https://genshin.honeyhunterworld.com/img/wanderer_075_icon.webp" width="140px" height="140px"></div>
<div>
<div class="signature_nahida">柿原徹也</div>
<div class="text_nahida">Меня устраивает. Позволь я объясню правила созданной игры. </div>
</div>
</div>
<div class="year_players">
501.05.01, Irminsuli
</div>
</div>
</body>
<style>
body {
font-family: "Genshin";
}
.fon {
background-image: url(https://i.pinimg.com/736x/02/ef/2b/02ef … 168998.jpg);
background-repeat: no-repeat;
background-size: 600px 950px;
position: absolute;
z-index: -1;
filter: blur(2px);
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: 8px;
}
</style>
[/html]
Отредактировано Scaramouche (2023-07-03 07:58:09)
- Подпись автора
