Test

��

mybb@mybb.ru (Vandra) — Sun, 29 Jun 2025 17:42:42 +0300

[html]

<charcont>

<img src='https://i.pinimg.com/736x/8d/7e/f5/8d7ef5561a167ab8a4f95c32b4ee8e62.jpg' />
<ppname>Roman Obolenskii, 20 y.o. </ppname>
<pprace><p>��</p><p>�� (�� 6)</p></pprace>

</charcont>

<input type="radio" name="tabset" id="pptab1" checked>
<input type="radio" name="tabset" id="pptab2">
<input type="radio" name="tabset" id="pptab3">
<input type="radio" name="tabset" id="pptab4">

<div class="pptabs-container">
<div class="pptabs-controls">
<label for="pptab1">��</label>
<label for="pptab2">��</label>
<label for="pptab3">�� </label>
<label for="pptab4">��</label>
</div>

<div class="pptab1-content pptab-content">

</div>

</ppstats>

</pptraumas>

<ppinv>

</div></div>

</div></div>

</div></div>

</ppinv>

</div>

<div class="pptab2-content pptab-content">

<ppicons><div>

</div></ppicons>

<ppplaques><div>

</div></ppplaques>

<ppbgs><div>

</div></ppbgs>

</div>

<div class="pptab3-content pptab-content">

<ppchron data-title='��'><div>

<ppep>
<a href='#'> Episode title </a>
<span> name surname, name surname </span>
</ppep>

<ppep>
<a href='#'> really long episode title so much for episode</a>
<span> name surname, name surname, name surname, name surname, name surname </span>
</ppep>

<ppep >
<a href='#' style='opacity: .4'> �� </a>
<span style='opacity: .4'> �� </span>
</ppep>

</div></ppchron>

<ppachievements data-title='��'><div>

</div></ppachievements>

</div>

<div class="pptab4-content pptab-content">

<ppcollections>

<ppcollect data-title='�� '>

<ppcolldesc><span>

�� , �� , ��, �� , ��. �� .

</span></ppcolldesc><div>

<ppcollitem>
<img src='https://forumstatic.ru/files/001c/80/b1/23225.png' />
<span>�� </span>
</ppcollitem>

<ppcollitem>
<img src='https://forumstatic.ru/files/001c/80/b1/23225.png' />
<span>�� </span>
</ppcollitem>

</div></ppcollect>

<ppcollect data-title='�� '>

<ppcolldesc><span>

�� , �� , ��, �� , ��. �� .

</span></ppcolldesc><div>

<ppcollitem>
<img src='https://forumstatic.ru/files/001c/80/b1/23225.png' />
<span>�� </span>
</ppcollitem>

<ppcollitem>
<img src='https://forumstatic.ru/files/001c/80/b1/23225.png' />
<span>�� </span>
</ppcollitem>

</div></ppcollect>

</ppcollections>
</div></div>

</personalpage>[/html][hideprofile]

��

mybb@mybb.ru (Vandra) — Wed, 25 Jun 2025 22:42:15 +0300

[html]

<style>

/* �� */

guestroom {
display: flex;
flex-direction: column;
align-items: center;
background: rgba(230, 230, 230, 1);
width: 953px;
height: auto;
border-radius: 4px;
padding-bottom: 18px;
margin: 0 auto !important;
position: relative;
border: 1px solid rgba(0, 0, 0, 1)
}

guestheader {
display: block;
width: 953px;
height: 200px;
top: -1px;
position: relative;
background: url(https://forumstatic.ru/files/001c/80/b1/54817.png) no-repeat center / 100%;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 1)

}

div#guestlinks {
display: flex;
justify-content: flex-start;
gap: 10px;
position: relative;
z-index: 2;
padding: 15px 10px;
align-items: flex-start;
flex-wrap: wrap;
align-content: flex-start;
height: 100%
}

div#guestlinks a {
color: rgba(255, 255, 255, 1) !important;
background: rgba(0, 0, 0, 1);;
padding: 2px 15px 3px !important;
border-radius: var(--bradius-major);
transition: var(--anim-hover) !important;
font-weight: var(--fw400);
}

div#guestlinks a:hover {
background: rgb(var(--canvas-tertiary));
color: rgba(0, 0, 0, 1) !important;
}

guestdesc {
padding: 15px 10px;
font: var(--fw400) var(--fs11) var(--font-second-sa);
text-transform: lowercase;
}

.amt-links {
position: absolute;
top: 128px;
left: 290px;
width: 325px;
display: flex;
flex-wrap: wrap;
gap: 4px;
justify-content: flex-end;
}

.amt-links p {
background: rgba(35, 37, 40, 1);
padding: 2px 10px !important;
box-sizing: border-box;
color: rgba(238, 238, 238, 1);
font: var(--fw400) var(--fs10) var(--font-second-sa) !important;
border-radius: var(--bradius-major);
margin: 0 !important;
text-transform: lowercase;
}

.amt-links a {
font: var(--fw500) var(--fs12) var(--font-second-sa) !important;
background: rgb(var(--canvas-quarternary));
margin: 0 !important;
padding: 1px 8px 2px !important;
border-radius: var(--bradius-major);
color: rgb(var(--text-color-secondary), 1) !important;
transition: var(--anim-hover) !important;
}

.amt-links a:hover {
background: rgb(var(--canvas-tertiary));
color: white!important
}

.guest-chars {
width: 770px;
display: flex;
margin-top: 20px !important;
gap: 5px;
}

reserved::before {
content: attr(data-title);
position: relative;
width: 100%;
font: var(--fw700) var(--fs14) var(--font-second-sa) !important;
box-sizing: border-box;
display: block;
width: 100%;
text-align: center;
border-bottom: 1px dashed rgba(0, 0, 0, 0.4);
font-weight: 700;
padding-bottom: 5px;
margin-bottom: 8px !important;
}

reserved {
width: 379px;
height: 244px;
border-radius: 10px;
position: relative;
padding: 5px 16px 16px;
box-sizing: border-box;
background: background: rgba(230, 230, 230, 1);
border: 1px solid rgba(0, 0, 0, 1);
text-transform: lowercase;
}

.gray reserved {
background: rgb(var(--light-accent), .15);
}

reserved>div {
width: 347px;
height: 196px;
position: relative;
overflow: auto;
line-height: 170%;
}

reserved>div::-webkit-scrollbar {
width: 2px;
height: 2px;
}

minidesc {
font-weight: 400;
font-size: 12px;
line-height: 140%;
text-transform: lowercase;
background: rgba(35, 37, 40, 1);
height: 21px;
color: rgba(238, 238, 238, 1);
padding: 2px 10px;
box-sizing: border-box;
border-radius: 40px;
position: absolute;
top: 128px;
left: 41px;
}

guestcontent {
display: grid;
grid-template-columns: 340px 1fr;
border-bottom: 1px solid rgba(35, 37, 40, 0.2)
}

d {
position: relative;
display: block;
margin: 5px 0 !important;
width: fit-content;
padding: 5px 0px 16px;
font: var(--fw400) var(--fs12) var(--font-second-sa);
border-radius: var(--bradius);
height: 16px;
box-sizing: border-box;
}

</style>

<guestheader></guestheader>

<a href='#'>amdin</a>
<a href='#'>amdin</a>
<a href='#'>amdin</a>
<a href='#'>amdin</a>
<a href='#'>amdin</a>
<a href='#'>amdin</a>
<a href='#'>amdin</a>
<a href='#'>amdin</a>
</div>

<div id='guestlinks'>

�� , �� (��) �� . �� , �� , �� .
</guestdesc>

</guestcontent>

<reserved data-title='��'>

</div>

</reserved>

<reserved data-title='��'>

�� - �� <br>
�� - <a href='#'>�� </a> <br>
�� - �� <br>
�� - �� <br>
�� - <a href='#'>�� </a> <br>
�� - �� <br>
�� - �� <br>
�� - <a href='#'>�� </a> <br>
�� - �� <br>

</div>

</reserved>

</div>

</guestroom>[/html][hideprofile]

��

mybb@mybb.ru (Vandra) — Wed, 25 Jun 2025 19:40:36 +0300

[html]
<style>
/* �� */

charlist {
width: 1015px;
height: 830px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 55px 12px;
padding: 60px 8px 0;
box-sizing: border-box;
position: relative;
background: rgba(237, 237, 237, 1);
margin-top: 65px !important;
margin-left: -30px !important;
}

charlist::before {
content: '';
position: absolute;
left: 0px;
top: -78px;
width: 180px;
height: 192px;
background: url(https://forumstatic.ru/files/001c/80/b1/72687.png) no-repeat center / 100%;
background-size: 100%;
mix-blend-mode: darken;
}

charlist::after {
content: '';
position: absolute;
right: 0px;
top: -72px;
width: 192px;
height: 146px;
background: url(https://forumstatic.ru/files/001c/80/b1/81424.png);
background-size: 100%;
}

charlist div:nth-child(even)::before {
content: attr(data-title);
position: absolute;
top: -35px;
left: 1px;
width: 998px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
z-index: 10;
font-weight: 700;
padding: 5px 18px 6px;
font-size: 24px;
text-transform: lowercase;
letter-spacing: 2px;
}

charlist div:nth-of-type(2)::before {
left: auto;
right: 6px;
}

charlist div:nth-of-type(2)::after {
left: auto;
right: 25px;
}

charlist div p {
position: relative;
width: 461px;
height: 169px;
overflow: auto !important;
}

charlist div {
display: block;
width: 493px;
height: 232px;
padding: 5px 25px 13px;
position: relative;
border-radius: 4px;
box-sizing: border-box;
background: rgba(230, 230, 230, 1);
border: 1px solid rgba(0, 0, 0, 1);
z-index: 1;
}

visages {
display: block;
position: absolute;
font-size: var(--fs12);
left: 260px;
top: -70px;
}

visages span {
font-weight: 700;
font-size: 48px;
display: block;
color: rgba(0, 0, 0, 0.2);

}

charlist div span {
display: block;
width: 100%;
text-align: center;
border-bottom: 1px dashed rgba(0, 0, 0, 0.4);
font-weight: 700;
font-size: 14px;
padding-bottom: 5px;
margin-bottom: 8px !important;
}

</style>

<charlist data-title='list of characters'>
<visages>
<span>��</span>
[sn] � �� , [s] � �� , [n] � ��

</visages>

<div data-title='abcdefghi'>

<span> boys </span>
<p>
<a href='#'>group; solo; actor</a> � <a href='#'>surname name</a><br>
group; solo; actor � <a href='#'>surname name</a><br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
</p></div>

<div>
<span> girls </span>
<p>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
</p>

</div>

<span> boys </span>
<p>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
group; solo; actor � surname name<br>
</p></div>

</div>

<div data-title='stuvwxyz'>

</div>

</charlist>[/html][hideprofile]

123

mybb@mybb.ru (Vandra) — Tue, 24 Jun 2025 23:16:55 +0300

12323

��

mybb@mybb.ru (Vandra) — Mon, 23 Jun 2025 23:29:32 +0300

[html]

newswrap {
width: 414px;
height: auto;
min-height: 400px;
display: block;
position: relative;
margin: auto !important;
box-sizing: border-box;
z-index: 5;
}

newswrap * {
box-sizing: border-box;
}

newsblock {
background: rgba(230, 230, 230, 1);
display: block;
width: 414px;
border-radius: 10px;
padding: 22px;
position: relative;
margin: auto !important;
margin-bottom: 89px !important;
z-index: -1;
white-space: pre-line;
border: 1px solid rgba(0, 0, 0, 1)
}

newsact {
background: rgba(230, 230, 230, 1);
display: block;
width: 414px;
border-radius: 10px;
padding: 10px;
position: relative;
margin: auto !important;
margin-bottom: 23px !important;
}

newsact a {
border-bottom: none!important
}

newshead {
height: 56px;
width: 100%;
display: block;
position: relative;

}

newshead::before {
content: '';
background: url(https://forumstatic.ru/files/001c/80/b1/70990.png) no-repeat center / 100%;
height: 75px;
width: 79px;
top: 9px;
left: -47px;
position: absolute;
z-index: 3;
}

newshead div img {
width: 68px;
height: 68px;
object-fit: cover;
border-radius: 50%;
}

newshead div {
background: linear-gradient(180deg, #927BA1, #B9A1AB) !important;
border-radius: 50%;
width: 76px;
height: 76px;
padding: 4px;
position: absolute;
top: 62px;
left: 90px;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;

}

newshead span:first-of-type {
font-weight: 700;
font-size: 36px;
line-height: 140%;
text-transform: lowercase;
display: block;
position: absolute;
top: 9px;
left: 36px;
}

newshead span:last-of-type {
font-weight: 400;
font-size: 12px;
line-height: 24px;
border-radius: 4px;
padding: 0 10px;
display: block;
height: 24px;
background: rgb(var(--canvas-quarternary));
position: absolute;
top: 44px;
right: 15px;
z-index: 5;
}

newshead span:last-of-type::before,
newshead span:last-of-type::after {
content: "\273B";
position: relative;
color: rgba(0, 0, 0, 1);
padding-left: 5px;
font-weight: bold
}

newshead span:last-of-type::before {
padding-right: 5px;
padding-left: 0px;
}

newsact::before {
content: '';
background: url(https://forumstatic.ru/files/001c/80/b1/86713.png);
background-size: 100%;
height: 152px;
width: 108px;
position: absolute;
top: -121px;
left: 6px;
z-index: -1;
}

newsact::after {
content: '';
background: url(https://forumstatic.ru/files/001c/80/b1/69404.png);
background-size: 100%;
height: 198px;
width: 162px;
position: absolute;
top: -213px;
right: -92px;
z-index: 3;
}

newsact div {
padding: 5px 0;
line-height: 200%;
border-bottom: 1px solid rgba(0, 0, 0, 1);
position: relative;
margin-top: 25px!important;
}

newsact div::before {
content: attr(data-title);
height: 24px;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
border-radius: 4px;
background: rgba(255, 255, 255, 1);
padding: 0px 10px;
position: absolute;
font-weight: 500;
font-size: 12px;
top: -20px;
left: 50%;
transform: translatex(-50%);
}

newsact div:first-of-type::before {
content: none
}

newsact div:first-of-type a {
height: 24px;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
border-radius: 4px;
background: rgba(255, 255, 255, 1);
padding: 0px 10px;
position: absolute;
font-weight: 500;
font-size: 12px;
top: -20px;
left: 50%;
transform: translatex(-50%);
}

newsact div:last-of-type {
border: none;
}

newsact {
display: grid;
grid-template-columns: repeat(2, 1fr);
border: 1px solid rgba(0, 0, 0, 1);
justify-items: center;
}

newsact div:first-of-type a::before {
content: '';
background: url(https://forumstatic.ru/files/001c/7d/3a/43447.png);
width: 10px;
height: 9px;
position: relative;
display: inline-block;
margin: 0px 5px;
top: -25px;
}

newsact div:first-of-type a:first-of-type::before {
content: none;
}

newsact div:first-of-type,
newsact div:last-of-type {
grid-column: span 2;
}

newsact div span {
font-weight: 700;
display: block;
}

newsact div:last-of-type newspost {
display: block;
background: rgba(209, 209, 209, 1);
padding: 10px;
height: 87px;
}

newsact div:last-of-type newspost p {
padding: 3px !important;
overflow: auto;
height: 67px;
}

newspost p {
color: rgba(93, 98, 106, 1)!important;
}

newsact h4:first-of-type {
font-weight: 700;
font-size: 36px;
line-height: 140%;
text-transform: lowercase;
position: absolute;
display: block;
top: -70px;
color: black;
left: 136px;
z-index: 4;
}

</style>

<span>�� #1</span>
<span> �� </span>

</newshead>

<newsblock>�� ! �� br - �� enter.

�� , �� (��) �� . �� , �� , �� .
�� <a href ='#'>��</a> �� . � ��
�� , �� (��) �� . �� , �� , �� .
�� . � ��
</newsblock>

<newsact>
<h4>��</h4>

<div data-title='username'>
<a href='#'>name surname</a>
<newspost><p>��-��. �� , �� – �� , �� , �� , �� , �� , �� . �� , �� , �� , �� .</p> </newspost>
</div>

<div data-title='flood'>
<a href='#'>username </a><a href='#'>username </a><a href='#'>username </a>
</div>

<div data-title='posts'>
<a href='#'>username </a> <a href='#'>username </a> <a href='#'>username </a>
</div>

<div data-title='episode'>
<a href='#'>loong episode title </a>
</div>

</newsact>

</newswrap>

[/html]

�

mybb@mybb.ru (Stalker) — Mon, 23 Jun 2025 10:35:31 +0300

123

��

mybb@mybb.ru (Vandra) — Mon, 23 Jun 2025 00:16:26 +0300

Vandra ��(�):

rtor vulputate dictum dictu

12323

Vandra ��(�):

um odio elementum! Aliqu

weqqweqw

��

mybb@mybb.ru (Vandra) — Sun, 22 Jun 2025 23:32:11 +0300

��:

<!-- ������ --> <img src='https://forumstatic.ru/files/001c/17/76/54736.png'  class='prficon' /><!-- ��� ������� -->  <img src='https://i.pinimg.com/736x/eb/3e/43/eb3e43471d137d97451c8e614f0f4264.jpg' />

��:

<a href='#'> ��� ������� 00 </a>Lorem ipsum odor amet, consectetuer adipiscing elit. Rhoncus eu mi <a href='#'>rhoncus</a> iaculis lacinia. Molestie litora scelerisque et phasellus lobortis venenatis nulla vestibulum.

��:

<plaque style='background: radial-gradient(100% 587.18% at 0% 100%, #C85346 0%, #272727 100%);'> <p>����� ��� ������</p>  <!-- <img src='https://i.pinimg.com/736x/a0/79/fb/a079fbebdbb40571f07092e79197200a.jpg'> --> </plaque>

�� /�� (��)

mybb@mybb.ru (Vandra) — Sun, 22 Jun 2025 21:02:59 +0300

~~- �� ~~
~~- �� ~~
~~- �� ~~
~~- �� (�� ) (!)~~
~~- �� ~~

��

mybb@mybb.ru (Vandra) — Sun, 22 Jun 2025 19:32:05 +0300

12313

12312

mybb@mybb.ru (Vandra) — Sun, 22 Jun 2025 19:31:54 +0300

123123

123

mybb@mybb.ru (Vandra) — Sun, 22 Jun 2025 15:47:48 +0300

123

��

mybb@mybb.ru (Vandra) — Fri, 20 Jun 2025 21:38:54 +0300

https://www.figma.com/design/pM7tfiXIYB … tsGRUguB-1

��

mybb@mybb.ru (Vandra) — Fri, 20 Jun 2025 19:22:01 +0300

�� !

Test

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

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

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

123

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

�

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

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

��� ���������/�������� (����)

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

12312

123

�����

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

��

��

��

��

��

��

�� /�� (��)

��

��

��