лс
Код:
<!--HTML--><center><div class="cute_ls">
<div class="cutels_name">
котова
</div>
<div class="cu_info">информация о персонаже,
где работает, все прочее</div>
<div class="cu_points">Баллы: 356</div>
<div class="cutels_gif" style="background-image: url(
ссылка на гиф
)"></div>
<!--ПЛАКАТЫ-->
<div class="cutels_plakati">
<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked=""><label for="tab-1" class="">ФИЛЬМЫ</label><div class="content"><div class="film">
<div class="pkm0"></div><div class="vlko0"></div><div class="stw0"></div><div class="tit0"></div>
<div class="sum0"></div><div class="ono0"></div><div class="dnpa0"></div><div class="krch0"></div>
<div class="misnv0"></div><div class="matr0"></div><div class="hati0"></div><div class="elem0"></div>
<div class="lala0"></div><div class="gord0"></div><div class="ava0"></div><div class="grta0"></div>
<div class="miib0"></div><div class="mask0"></div><div class="anch0"></div><div class="forg0"></div>
</div></div></div>
<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2" class="">СЕРИАЛЫ</label><div class="content"><div class="serial">
<div class="aiy0"></div><div class="sverh0"></div><div class="frien0"></div><div class="gamthr0"></div>
<div class="sham0"></div><div class="sex0"></div><div class="sher0"></div><div class="sabri0"></div>
<div class="char0"></div><div class="gosg0"></div><div class="tbv0"></div><div class="vamp0"></div>
<div class="domhoz0"></div><div class="hmertv0"></div><div class="buffy0"></div><div class="mama0"></div>
<div class="kill0"></div><div class="kalmar0"></div><div class="boys0"></div><div class="vedm0"></div>
</div></div></div>
<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1"><label for="tab-3" class="">МУЛЬТФИЛЬМЫ</label><div class="content">
<div class="mult">
<div class="dogs0"></div><div class="dalma0"></div><div class="froz0"></div><div class="lionk0"></div>
<div class="shrek0"></div><div class="madg0"></div><div class="zver0"></div><div class="rata0"></div>
<div class="iceage0"></div><div class="tjer0"></div><div class="drag0"></div><div class="lady0"></div>
<div class="rusa0"></div><div class="allad0"></div><div class="krchud0"></div><div class="hey0"></div>
<div class="scoby0"></div><div class="rick0"></div><div class="simp0"></div><div class="monstr0"></div>
</div></div></div>
</div>
<!-- КЬЮЧИВКИ -->
<div class="cutels_stickers">
<div class="hpot potter">
<div class="dobby1"></div> <div class="voland1"></div> <div class="harry1"></div> <div class="ron1"></div> <div class="hermi1"></div> </div><br><br>
<div class="hell helloween">
<div class="beetle1"></div> <div class="franky1"></div> <div class="scream1"></div> <div class="penny1"></div> <div class="anna1"></div></div><br><br>
<div class="iteme marvel" style="width: 275px; height: 155px; display: inline-block; margin: -3px 0 0 1px; padding: 0;">
<div class="kep1"></div> <div class="tor1"></div> <div class="strange1"></div> <div class="tom1"></div> <div class="tony1"></div> </div>
</div>
<!-- ПЛАШКИ -->
<div class="cutels_plashki">
<img src="https://i.imgur.com/MnKOQFk.png"><br><br>
</div>
</div></center>
<style>
.cutels_plakati .tab {
display: inline;
margin: 0px 0px 0px 69px;
}
.cutels_plakati .tab label {
position: relative;
font: 13px catallina;
text-transform: lowercase;
color: #f0f1f2;
display: inline-block;
margin: 0 7px;
}
.cutels_plakati .tab [type=radio] {
display: none;
}
.cutels_plakati .content {
position: absolute;
top: 27px;
left: 0px;
right: 0px;
opacity: 0;
width: 526px;
height: 495px;
overflow-x: hidden;
overflow-y: skroll;
transform: scale(.1,.1);
transition: .7s;
}
.cutels_plakati .content::-webkit-scrollbar { width: 2px; height: 5px; }
.cutels_plakati .content::-webkit-scrollbar-thumb {
background: linear-gradient(0.25turn, #473c48, #4c405485);
box-shadow: none!important;
}
.cutels_plakati .content::-webkit-scrollbar-track {
background: #f1f1f161;
box-shadow: none!important;
}
.cutels_plakati [type=radio]:checked ~ label {
z-index: 2; color: #48344a;;
}
.cutels_plakati [type=radio]:checked ~ label ~ .content {
z-index: 1; opacity: 1; transform: scale(1,1);
}
</style>
