[html]<link href="https://fonts.googleapis.com/css?family=Muli:400,400i" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style>
.tmin_wrap{
margin:10px auto;
width:600px;
padding:5px;
border-radius:5px;}
.tmin{
width:600px;
background-color: rgba(91, 66, 35, 10%);
font-family:'verdana';padding-bottom:20px;
border-radius:15px;
overflow:hidden;
position:relative;
line-height:1.2;}
.tmin a{color:#1b1b1b;text-decoration:none;}
.tmin a:hover,a:hover h5{opacity:.8;} .tmin h4,.tmin h5,.tmin h6{margin:0;font-weight:normal;}
.tmin h4{font-size:12px;text-transform:uppercase;
color:#322920;margin:18px 25px 9px; font-weight: bold;}
.tmin h5{font-size:14px;color:#1b1b1b;font-weight: bold;}
.tmin h6{font-size:11px;color:#464544;}
.tmin_title{
background:url('https://i.ibb.co/yS5N85m/yhghg.png');
padding:25px 25px 40px;
border-bottom:1px solid #5e5450;
font-size:26px;
font-weight: bold;
color:#987e51;
display:flex;
display:-webkit-box;
display:-webkit-flex;
flex-wrap:wrap;align-items:center;-webkit-align-items:center;}
.tmin_pic{width:100px;height:100px;border-radius:100%;overflow:hidden;background-size:cover!important;margin-right:20px;border:2px solid #987e51;}
.tmin_title span{width:326px;}
.tmin_title i{display:block;font-size:11px;color:#848484; font-weight: lighter;}
.tmin_box{
margin:5px 25px;
background-color: rgba(91, 66, 35, 7%);
border:0px solid #e1e1e1;border-radius:15px;padding:15px;display:flex;display:-webkit-box;display:-webkit-flex;align-items:center;-webkit-align-items:center;} .tmin_box i{width:30px;height:30px;line-height:30px;font-size:20px;font-style:normal;font-weight:normal;color:#4d3759;}
.tmin [type=radio]{display:none;} .tmin .content{display:none;} .tmin [type=radio]:checked + label + .content{display:block;}
.tmin label{
position:absolute;
width:90px;
height:28px;
line-height:30px;
text-align:center;
top:141px;
border-bottom:2px solid transparent;
font-size:14px;text-transform:uppercase;font-weight: bold; color:#987e51;}
[type=radio]:checked + label{border-bottom:2px solid #1b1b1b;} .tmin label:first-of-type{left:25px;} .tmin label:nth-of-type(2){left:115px;} .tmin label:nth-of-type(3){left:205px;} .tmin label:nth-of-type(4){left:295px;} .tmin label:nth-of-type(5){left:385px;} .harjac{display:block;text-align:center;width:100px;margin:auto;}
</style>
<div class="tmin_wrap"> <div class="tmin"> <input type="radio" id="tab-1" name="tab-group-1" checked> <label for="tab-1">тиган</label> <div class="content"> <div class="tmin_title"> <div class="tmin_pic" style="background:url(https://forumupload.ru/uploads/001c/1e/85/2/931158.gif) center;"></div> <span> Tegeirian Bloodworth <i>i'm not your friend or anything, damn</i> </span> </div> <h4>активные игры</h4> <div class="tmin_box"> <i class="material-icons">double_arrow</i> <span> <a href="https://daemonium.rusff.me/viewtopic.php?id=213"><h5>верю не верю тебе [27.03.2024]</h5></a> <h6>with <a href="https://daemonium.rusff.me/profile.php?id=3">sarabi barilla</a></h6> </span></div> <div class="tmin_box"> <i class="material-icons">double_arrow</i> <span> <a href="https://daemonium.rusff.me/viewtopic.php?id=250"><h5>a nature of all connection [17.04.2024] </h5></a> <h6>with <a href="https://daemonium.rusff.me/profile.php?id=10">astorath bloodworth</a> </h6> </span></div> <h4>завершенные игры</h4> <div class="tmin_box"> <i class="material-icons">double_arrow</i> <span> <a href="https://daemonium.rusff.me/viewtopic.php?id=181"><h5>a ticket to anywhere [13.03.2024]</h5></a> <h6>with <a href="https://daemonium.rusff.me/profile.php?id=3">sarabi barilla</a></h6> </span></div> <div class="tmin_box"> <i class="material-icons">star_rate</i> <span> <a href="https://daemonium.rusff.me/viewtopic.php?id=211"><h5>сияние, вырезанное в ткани небесной [10.07.3033]</h5></a> <h6>with <a href="https://daemonium.rusff.me/profile.php?id=3">sarabi barilla</a>, <a href="https://daemonium.rusff.me/profile.php?id=10">astorath bloodworth</a>, <a href="https://daemonium.rusff.me/profile.php?id=15">winston palmer</a>, <a href="https://daemonium.rusff.me/profile.php?id=12">gijs arno</a></h6> </h6> </span></div> <h4>альтернатива</h4> <div class="tmin_box"> <i class="material-icons">double_arrow</i> <span> <a href="https://daemonium.rusff.me/viewtopic.php?id=195"><h5>in the land of gods & monsters</h5></a> <h6><a href="/">saffron rainier</a> with <a href="/">kovalainen</a></h6> </span></div> </div>
<input type="radio" id="tab-2" name="tab-group-1"> <label for="tab-2">урсула</label> <div class="content"> <div class="tmin_title"> <div class="tmin_pic" style="background:url(https://forumupload.ru/uploads/001c/1e/85/2/893346.gif) center;"></div> <span> Ursula Wixx <i>gentle touch</i> </span> </div> <h4>активные игры</h4> <div class="tmin_box"> <i class="material-icons">double_arrow</i> <span> <a href="https://daemonium.rusff.me/viewtopic.php?id=228"><h5>carried away [may 2024]</h5></a> <h6>with <a href="https://daemonium.rusff.me/profile.php?id=23">thomas blackthorn</a></h6> </span></div> <div class="tmin_box"> <i class="material-icons">double_arrow</i> <span> <a href="https://daemonium.rusff.me/viewtopic.php?id=220"><h5>listen to your heart and body [autumn 3031]</h5></a> <h6>with <a href="https://daemonium.rusff.me/viewtopic.php?id=159#p1927">cain seymour</a> and <a href="https://daemonium.rusff.me/viewtopic.php?id=157#p3319">kevin kerrigan</a></h6> </span></div> <h4>завершенные игры</h4> <div class="tmin_box"> <i class="material-icons">double_arrow</i> <span> <a href="https://daemonium.rusff.me/viewtopic.php?id=205"><h5>the new position [15.09.2023]</h5></a> <h6>with <a href="https://daemonium.rusff.me/viewtopic.php?id=159#p1927">cain seymour</a> and <a href="https://daemonium.rusff.me/viewtopic.php?id=157#p3319">kevin kerrigan</a></h6> </span></div> <div class="tmin_box"> <i class="material-icons">double_arrow</i> <span> <a href="https://daemonium.rusff.me/viewtopic.php?id=208"><h5>no end to what we can be [27.09.2023]</h5></a> <h6>with <a href="https://daemonium.rusff.me/viewtopic.php?id=159#p1927">cain seymour</a> and <a href="https://daemonium.rusff.me/viewtopic.php?id=157#p3319">kevin kerrigan</a></h6> </span></div> </div>
<input type="radio" id="tab-3" name="tab-group-1"> <label for="tab-3">ленор</label> <div class="content"> <div class="tmin_title"> <div class="tmin_pic" style="background:url(https://forumupload.ru/uploads/001c/1e/85/2/681365.gif) center;"></div> <span>Lenore Favre<i>little dead girl</i> </span> </div> <h4>активные игры</h4> <div class="tmin_box"> <i class="material-icons">double_arrow</i> <span> <a href="https://daemonium.rusff.me/viewtopic.php?id=227#p7596"><h5>love me to death [08.08.3033]</h5></a> <h6>with <a href="https://daemonium.rusff.me/viewtopic.php?id=153#p10994">zelda dalmas</a></h6> </span></div> </span></div> </span></div> </div>
</div> </div> </div> [/html]