��

mybb@mybb.ru (sweetunicorn) — Sun, 24 Oct 2021 20:04:03 +0300

[html]<link href="//db.onlinewebfonts.com/c/0b9856633d4311a19df074ea509d8390?family=Constantia" rel="stylesheet" type="text/css"/> <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=BenchNine:400,700' rel='stylesheet' type='text/css'>

.kaitabs {
position: relative;
width: 300px;
height: 200px;
}

.kaitab {
float: left;
}

.kaitab label {
background: transparent;
margin-top: 15px;
width: 86px;
height: 17px;
color: #555;
padding: 5px;
margin-right: 0px;
font-family: 'Montserrat';
font-weight: 300;
font-style: italic;
text-align: center;
word-spacing: 3px;
line-height: 100%;
text-transform: uppercase;
font-size: 14px;
position: relative;
left: -30px;
top: -12px;
}

.kaitab [type=radio] {
display: none;
}

.kaicontent {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background: transparent;
width: 288px;
height: 188px;
padding: 5px;
-webkit-transform: scale(0);
-o-transform: scale(0);
-moz-transform: scale(0);
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
-o-transition-duration: .8s;
}

[type=radio]:checked ~ label {
background: transparent;
z-index: 2;
color: #bd9033;
}

[type=radio]:checked ~ label ~ .kaicontent {
z-index: 1;
-webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);
}
.want-s { width: 230px; height: 50px; padding-right: 5px; overflow: auto; font-family: helvetica; font-size: 9px; letter-spacing: 1px; line-height: 115%; color: #555; text-align: justify; text-transform: lowercase; margin-bottom: 5px;}

.want-s::-webkit-scrollbar { height: 4px; width: 5px; -webkit-border-radius: 0px; background:#ffffff; border:1px solid #fff; }
.want-s::-webkit-scrollbar-thumb{background:#fff; border:1px solid #f4f4f4;}
.want-s::-webkit-scrollbar-track{background: #f9f9f9; border: 1px solid #f4f4f4;}
.kaiout { width: 193px; height: 15px; margin-top: 10px; border-top: 1px solid #f4f4f4; padding-top: 10px; }
.f-titl { width: 232px; font-family: benchnine; font-weight: 700; font-style: italic; text-align: right; word-spacing: 3px; line-height: 100%; background: transparent; padding: 10px; text-transform: uppercase; font-size: 15px; border-bottom: 1px solid #f4f4f4; padding-bottom: 3px; padding-top: 10px; margin-bottom: 10px; }

.wa-nt {
width: 283px;
padding-right: 5px;
height: 185px;
margin-top: 15px;
overflow: auto;
}

.wa-nt::-webkit-scrollbar { height: 4px; width: 5px; -webkit-border-radius: 0px; background:#ffffff; border:1px solid #fff; }
.wa-nt::-webkit-scrollbar-thumb{background:#fff; border:1px solid #f4f4f4;}
.wa-nt::-webkit-scrollbar-track{background: #f9f9f9; border: 1px solid #f4f4f4;}

.s-stu { width: 248px; height: 148px; padding: 20px; font-family: helvetica; font-size: 9px; letter-spacing: 1px; color: #555; text-align: justify; line-height: 115%; }
.s-scr {
width: 250px;
padding-right: 5px;
height: 178px;
overflow: auto;
}
.s-stu b { font-size: 12px; color: #A1AADB; font-weight: normal; letter-spacing: 0px; }
.s-scr::-webkit-scrollbar { height: 4px; width: 5px; -webkit-border-radius: 0px; background:#ffffff; border:1px solid #fff; }
.s-scr::-webkit-scrollbar-thumb{background:#fff; border:1px solid #f4f4f4;}
.s-scr::-webkit-scrollbar-track{background: #f9f9f9; border: 1px solid #f4f4f4;}</style>

first last

</div><div class="kai-stuff">

age, membergroup, whatever

</div> <div class="kaiout"></div></td><td><div class="kai-g"><div style="width: 220px;
height: 157px;
position: relative;
left: -16px;
top: -14px;
background-size: cover;
background-image: url(https://forumstatic.ru/files/001b/63/6d/94563.png);">

</div></div></td></tr></table></div> <div class="kai-thing"> <div class="kaitabs"><div class="kaitab"><input type="radio" id="kaitab-1" name="kaitab-group-1" checked><label for="kaitab-1">�� </label><div class="kaicontent"><div class="s-stu"><div class="s-scr">
<div class="f-titl">��</div>
<br>[��] <a href="http://aurora.rolfor.me/viewtopic.php?id=53#p3660">�� , �� </a>

<div class="f-titl">��</div>
01/09-<a href="http://aurora.rolfor.me/viewtopic.php?id=41#p2326">� �� . � �� </a>
<br>30/09-<a href="http://aurora.rolfor.me/viewtopic.php?id=51#p3129">potions lesson without professor Snape</a>

<div class="f-titl">��</div>
13/01/2019-<a href="http://aurora.rolfor.me/viewtopic.php?id=70#p4364">mindreader</a>

</div></div></div></div><div class="kaitab"><input type="radio" id="kaitab-3" name="kaitab-group-1"><label for="kaitab-3">��</label><div class="kaicontent"><div class="wa-nt">

� �� , ��, ��

</div><div class="f-titl">enemies</div><div class="want-s">

write about enemies here.

</div><div class="f-titl">lovers</div><div class="want-s">

write about lovers here.

</div></div></div></div></div> </div></div></div>
[/html]

45345

mybb@mybb.ru (sweetunicorn) — Sat, 23 Oct 2021 23:40:52 +0300

[html]<style>
span.hidden {
display: none;
position: fixed;
top: -60px;
left: 0;
width: 100%;
background-color: wheat;
border: 2px solid black;
z-index: 99;
padding: 5px;
}

span.hidden:hover {
display: block;
transition: 5s;
}

img.overhidden:hover span.hidden + span {
display: block;
transition: 5s;
position: relative;
}

.overhidden {
width: 62px;
position: relative;
}
.left {
position: relative;
}

.left1 {
display: inline-flex;
position: relative;
}

.two {
position: relative;
width: 186px;
text-align: center;
}
</style>

<div class=left1> <div class="two"><img class="overhidden" src="https://i.ibb.co/zVqHPNz/tttaeri.png"> <span class="hidden"><p>��. ��. ��, �� </p></span></div> <div class="three"><img class="overhidden" src="https://i.ibb.co/zVqHPNz/tttaeri.png"> <span class="hidden"><p>��. ��. ��, �� </p></span></div></div>
</div>
<div class=""></div>[/html]

4545

mybb@mybb.ru (sweetunicorn) — Sat, 23 Oct 2021 21:18:11 +0300

5454

454

mybb@mybb.ru (sweetunicorn) — Sat, 23 Oct 2021 21:18:01 +0300

545

test

�������� ���������

45345

4545

454

��