Test

��

mybb@mybb.ru (Vandra) — Sat, 08 Aug 2026 18:15:51 +0300

�� 

��:

<lz> <a href="https://vespera.rusff.me/viewtopic.php?id=267#p32014"> ���� �����, 118</a> <race>������</race> <center>┏━━━━�❃���❀���❃�━━━━┓<br><small>��� ������ ����� � <a href='https://vespera.rusff.me/profile.php?id=120'>����� �������</a><br>�� �� ����� ���� �����</small><br>┗━━━━�❃���❀���❃�━━━━┛</center></lz>

��

mybb@mybb.ru (Vandra) — Sat, 08 Aug 2026 01:18:31 +0300

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

fittingroom label:has(input#ctrl-text-color) {
width: 250px !important;
display: flex;
color: white;
font-weight: bold;
margin: 3px 5px 6px !important;
align-items: center;
}

fittingroom input#ctrl-text-color {
width: 24px !important;
height: 25px !important;
margin: 0 0 0 7px !important;
outline: none;
cursor: pointer;
color: rgb(var(--text-primary));
font-size: 12px;
border: 2px solid rgb(var(--accent)) !important;
vertical-align: middle;
padding: 0 !important;
border-radius: 50% !important;
}

.plaque-flags {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: -4px auto 10px;
width: 250px;
}

.flags-title {
margin-right: 5px;
font-weight: bold;
color: #ffffff;
}

.flag-btn {
cursor: pointer;
user-select: none;
}

.flag-btn input {
display: none;
}

.flag-btn span {
padding: 2px 6px 4px !important;
text-transform: lowercase;
background-color: #e5e5e5;
font-weight: 700;
color: #5e5e5e !important;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 11px;
transition: all 0.2s;
}

.flag-btn:hover span {
background-color: #ddd;
border-color: #bbb;
}

.flag-btn input:checked + span {
background-color: #88a19d;
color: white !important;
border-color: #69817d;
}

fittingroom {
display: flex;
background: url(https://forumstatic.ru/files/001c/a5/43/63376.png) no-repeat top;
border-radius: 20px 20px;
justify-content: center;
padding: 65px 10px 20px;
margin: 5px auto !important;
height: auto;
width: 912px;
gap: 25px;
}

fittingroom .post-author {
border: none !important;
margin: -30px 0px 0px 0px !important;
float: none;
}

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

fitprofile ul {
padding: 0!important;
}

.fitting-block-prof {
width: 248px;
position: sticky;
top: 10px;
display: block;
height: auto;
margin: 0px 0px 10px 0px;
border-radius: 10px;
z-index: 0;
}

.fitting-block-prof ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0;
list-style: none;
background: rgb(var(--bg-profile), .03);
box-shadow: 0px 4px 11px -6px rgb(33 1 9);
padding-bottom: 4px;
margin-top: 0px;
}

.fitting-room {
width: 260px;
position: relative;
display: block;
height: auto;
margin: -9px 0px 15px -3px;
border-radius: 10px;
padding-bottom: 16px;
padding-left: 20px;
background: url(https://i.pinimg.com/736x/3f/1c/e2/3f1ce22�.jpg) no-repeat center top / cover;
z-index: 0;
top: 0px;
position: sticky;
border: var(--border-body);
height: min-content;
position: relative;
max-height: 420px;
}

.plaque-controls button {
font: 700 12px roboto flex;
}

fitcont {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px 10px ;
}

fittingppbg,
fittingplaque,
fittingbg,
fittingicons {
grid-column: span 2;
background: rgb(var(--canvas-quarternary), .3);
border-radius: var(--bradius-minor);
width: 590px;
position: relative;
padding: 21px 8px 12px;
}

fittingicons {
height: 235px;
}

fittingicons > div {
display: flex;
flex-wrap: wrap;
gap: 7px;
box-sizing: content-box;
overflow: auto;
padding-left: 8px;
padding-top: 1px;
height: 100%;
scrollbar-gutter: stable;
align-content: flex-start;
}

fittingicons > div img {
background: rgb(var(--text-primary), .05);
padding: 3px;
border-radius: 50%;
box-sizing: content-box;
overflow: visible;
width: 24px;
height: 24px;
object-fit: contain;
}

fittingppbg > div,
fittingplaque > div,
fittingbg > div {
display: flex;
flex-wrap: wrap;
gap: 5px;
box-sizing: content-box;
overflow: auto;
padding-left: 7px;
padding-top: 1px;
height: 100%;
scrollbar-gutter: stable;
}

fittingppbg >div img,
fittingplaque > div img,
fittingbg >div img {
border-radius: 10px;
box-sizing: content-box;
width: 100%;
height: 100%;
object-fit: cover;
cursor: pointer;
image-rendering: auto;
}

fittingplaque > div img {
width: 136px;
height: 36px;
}

fittingppbg,
fittingplaque,
fittingbg {
height: 191px;
}

fittingplaque {
height: 234px;
}

fittingppbg {
width: 871px;
margin-left: -281px !important;
}

fittingbg {
margin-left: 0px !important;
}

plaquedesc {
padding: 20px;
display: flex;
width: 290px;
height: 96px;
color: rgb(var(--text-color-secondary), .6);
text-align: center;
position: relative;
justify-content: center;
align-items: center;
border-radius: var(--bradius-minor);
background: rgb(var(--canvas-quarternary), .3);
}

fittingppbg::before,
fittingplaque::before,
fittingbg::before,
fittingicons::before,
plaquedesc::before {
content: attr(data-title);
position: absolute;
top: -14px;
right: 100px;
min-width: 170px;
width: max-content;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
z-index: 10;
font: 400 18px var(--font-cat-title);
text-transform: lowercase;
font-style: italic;
padding: 2px 18px 6px;
backdrop-filter: blur(4px);
color: rgb(var(--canvas-primary)) !important;
border-radius: 50px;
background: rgb(var(--light-accent), .4);
box-shadow: 4px 1px 11px -2px #000000a3;
}

.fitting-plaque p {
padding: 0!important;
margin: 0!important;
margin-bottom: 0!important;
line-height: 140%!important
}

.fitting-plaque p:first-of-type {font-size: 14px!important}
.fitting-plaque p:last-of-type {font-size: 11px!important}

.fitting-plaque img {
box-sizing: content-box;
}

img.fit-selected {
opacity: .3;
}

fittingicons > div > div {
width: 30px;
height: 30px;
border-radius: 50%;
position: relative;
cursor: pointer;
}

fittingicons > div > div:has(> img.fit-selected) {
outline: 1px solid rgb(var(--accent));
filter: hue-rotate(323deg) contrast(1.3);
}

fittingicons > div > div:has(> img.fit-selected)::before {
content: '';
background: url(https://forumstatic.ru/files/001c/74/d2/12074.svg);
background-size: 10px 10px;
position: absolute;
width: 10px;
height: 10px;
top: -1px;
right: -2px;
z-index: 4;
}

fittingbg > div > div {
border-radius: 10px;
width: 114px;
height: 76px;
position: relative;
}

fittingppbg > div > div {
border-radius: 10px;
width: 79px;
height: 158px;
position: relative;
}

fittingbg > div img.fit-selected {
outline: 1px solid rgb(var(--accent));
}

fittingplaque > div img.fit-selected {
outline: 1px solid rgb(var(--accent));
}

fittingplaque > div > div:has(> img.fit-selected) {
position: relative
}

fittingplaque > div > div:has(> img.fit-selected)::before,
fittingbg > div > div:has(> img.fit-selected)::before {
content: '';
background: url(https://forumstatic.ru/files/001c/74/d2/12074.svg);
background-size: 10px 10px;
position: absolute;
width: 10px;
height: 10px;
top: 4px;
right: 4px;
z-index: 4;
filter: hue-rotate(323deg) contrast(1.3);
}

.plaque-controls > input:nth-of-type(1),
.plaque-controls > input:nth-of-type(2) {
width: 220px;
height: 25px;
border-radius: 4px;
margin-bottom: 7px;
}

.plaque-controls {
width: 220px;
margin: 15px 0px 10px !important;
}

.plaque-controls > div > input[type="color"] {
padding: 0px !important;
background: transparent;
width: 28px;
border-radius: 47px;
height: 28px;
flex-shrink: 0;
cursor: pointer;
}

.plaque-controls > div > input[type="text"] {
width: 70px;
height: 25px;
border-radius: 4px;
cursor: text;
}

.plaque-controls button {
font: 400 12px roboto flex;
padding: 2px 10px !important;
border: none;
background: rgb(var(--accent), .4);
border-radius: 30px;
margin: 0 !important;
color: rgba(39, 39, 39, 1);
}

fittingroom button {
padding: 1px 12px 4px !important;
border: 0px solid #bbbbbb;
cursor: pointer;
transition: var(--anim-hover);
font: 400 12px var(--font-cat-title);
text-transform: lowercase;
color: rgb(var(--canvas-primary)) !important;
border-radius: var(--bradius-minor);
background: rgb(var(--light-accent));
box-shadow: var(--buttons-shadow);
}

fitprofile > button {
padding: 2px 7.6px !important;
}

fittingroom button:hover {
box-shadow: 0px 2px 7px -2px #81353c;
}

fitprofile {
width: 257px;
padding: 58px 0px 0;
background: rgb(var(--canvas-quarternary), .3);
border-radius: 4px;
height: 710px;
}

.plaque-controls span {
text-align: left;
display: block;
padding: 1px 4px 4px;
font-weight: bold;
color: #ffffff;
}

.fitting-plaque {
position: relative;
margin-bottom: 0em !important;
}

.fitting-room li.pa-posts span:first-child, .fitting-room li.pa-respect span:first-child, .fitting-room li.pa-fld1 span:first-child, .fitting-room li.pa-fld5 span:first-child {
font-size: 0px;
}

.fitting-room li.pa-posts:before {
content: '';
left: 17px;
}

.fitting-room div.plaque {
z-index: 2;
}

fittingroom input {
background: rgb(var(--text-primary), 0.1) !important;
width: 225px !important;
height: 25px !important;
border-radius: 4px !important;
margin-bottom: 7px !important;
box-shadow: inset 0 0 7px -4px #241013d9;
}

fittingroom .icon-input,
fittingroom .bg-input,
fittingroom .plaq-input {
width: 467px !important;
margin-left: 6px;
color: white !important;
}

.fitting-author a {
border-bottom: none!important;
}

.fitting-room #tuser {
display: none!important;
}
</style>

<div class="post-author"><ul>
<li class="pa-author fitting-author"><a>Username</a></li>
<li class="pa-title fitting-title">�� </li>
<li class="pa-avatar fitting-avatar"><img src="https://forumavatars.ru/img/avatars/001c/be/6e/2-1783875391.png"></li>
<li class="pa-fld2 fitting-lz"><lz> <a href="#"> �� , 00 / �� </a> �� , � <a href="#">��</a> � �� </lz></li>
<li class="pa-posts"><span class="fld-name">��:</span> 42</li>
<li class="pa-respect"><span class="fld-name"><a href="/respect.php?id=2" rel="nofollow">��</a>:</span> <span>+1</span></li>
<li class="pa-fld1"><span class="fld-name">��:</span> 000</li>
<li class="pa-fld3"><span class="fld-name">��:</span> 000</li>
<li class="pa-fld4"><a id="��" class="modal-link pls-pers-page" data-reveal-id="character"><img src="https://forumstatic.ru/files/001c/17/76/35191.png"></a></li>
<li class="pa-fld5 fitting-icon"><div class="plaque"><p>�� </p><img src="https://i.pinimg.com/736x/81/b7/91/81b79197d4f19bd2526fe21df5ba56b5.jpg"></div><img src="https://i.pinimg.com/736x/81/b7/91/81b79197d4f19bd2526fe21df5ba56b5.jpg"></li>
</ul></div>

<div class="plaque-flags">
<span class="flags-title" style='width: 100%; text-align: left'>��:</span>
<label class="flag-btn">
<input type="checkbox" class="plaque-flag" value="nofilter">
<span>none</span>
</label>
<label class="flag-btn">
<input type="checkbox" class="plaque-flag" value="sepia">
<span>Sepia</span>
</label>
<label class="flag-btn">
<input type="checkbox" class="plaque-flag" value="red">
<span>Red</span>
</label>
<label class="flag-btn">
<input type="checkbox" class="plaque-flag" value="blue">
<span>blue</span>
</label>
<label class="flag-btn">
<input type="checkbox" class="plaque-flag" value="blacknwhite">
<span>�/�</span>
</label>
</div>

</div>
</fitprofile>

</fitcont>

</fittingroom>
[/html][hideprofile]

��

mybb@mybb.ru (Vandra) — Fri, 31 Jul 2026 12:50:25 +0300

��

��:

<div class='charppage'>
<section class='personalpage'>
<img class='ppbg' src='https://forumstatic.ru/files/001c/a5/43/73066.png'> 

<div class='charinfo'>
<a href='#' class='dnm'>��� �������, 00</a>
<img src='https://i.pinimg.com/736x/e0/55/bf/e055bf7916056a839e12565780486bf0.jpg' class='charav'>

<div class="pp-twinks charlist twinklist">
<a href="/profile.php?id=2" class="profile-card"></a>
<a href="/profile.php?id=2" class="profile-card"></a>
<a href="/profile.php?id=2" class="profile-card"></a>
</div>
</div>


<div class="vtabs-wrapper">
  <div class="vtabs-cont">
    <div class="vtab-buttons">
      <button class="vtab-btn">����������</button>
      <button class="vtab-btn">�������</button>
      <button class="vtab-btn">���������</button>
    </div>

    <div class="vtab-content active">

<div data-title='������'  class='pp-icons'><div>

<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 

</div></div>

<div data-title='������'  class='pp-bgs'><div>

<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 

</div></div>

<div data-title='������'  class='pp-plaques'><div>

<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 

</div></div>

<div data-title='������'  class='pp-plqtexts'><div>

<div class="plaque"><p>������ ������ ������</p><p>������ ������ ������</p></div>
<div class="plaque"><p>������ ������ ������</p><p>������ ������ ������</p></div>
<div class="plaque"><p>������ ������ ������</p><p>������ ������ ������</p></div> 
<div class="plaque"><p>������ ������ ������</p><p>������ ������ ������</p></div> 
<div class="plaque"><p>������ ������ ������</p><p>������ ������ ������</p></div> 

</div></div>

<div data-title='���� ��������'  class='pp-subbgs'><div>

<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 

</div></div>

</div>

    <div class="vtab-content" >

<div data-title='����������'  class='pp-achievs'><div>

<achiev><img src='https://forumstatic.ru/files/001c/88/d4/40999.png'> <ttl>�������� ��� �������� ������</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/88/d4/50427.png'> <ttl>�������� ��� �������� ������</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/88/d4/88506.png'> <ttl>�������� ��� �������� ������</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/9d/fb/72422.png'> <ttl>�������� ��� �������� ������</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/88/d4/40999.png'> <ttl>�������� ��� �������� ������</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/88/d4/50427.png'> <ttl>�������� ��� �������� ������</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/88/d4/88506.png'> <ttl>�������� ��� �������� ������</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/9d/fb/72422.png'> <ttl>�������� ��� �������� ������</ttl></achiev>

</div></div>

<div data-title='������'  class='pp-coupons'><div>

<coupon class="ep_1">
<img src="https://forumstatic.ru/files/001c/88/d4/40999.png">
<ppnum>1</ppnum>
<ttl>����� ��������� �� �����</ttl>
</coupon>

<coupon class="ep_1">
<img src="https://forumstatic.ru/files/001c/88/d4/50427.png">
<ppnum>1</ppnum>
<ttl>����� ��������� �� �����</ttl>
</coupon>


<coupon class="ep_1">
<img src="https://forumstatic.ru/files/001c/88/d4/88506.png">
<ppnum>1</ppnum>
<ttl>����� ��������� �� �����</ttl>
<span> ����� ���� �������, ����� �� ��� ������</span>
</coupon>

<coupon class="ep_1">
<img src="https://forumstatic.ru/files/001c/9d/fb/72422.png">
<ppnum>1</ppnum>
<ttl>����� ��������� �� �����</ttl>
<span> ��� �������� ����� </span>
</coupon>


<coupon class="ep_1">
<img src="https://forumstatic.ru/files/001c/9d/fb/72422.png">
<ppnum>1</ppnum>
<ttl>����� ��������� �� �����</ttl>
<span> ��� �������� ����� </span>
</coupon>


<coupon class="ep_1">
<img src="https://forumstatic.ru/files/001c/9d/fb/72422.png">
<ppnum>1</ppnum>
<ttl>����� ��������� �� �����</ttl>
<span> ��� �������� ����� </span>
</coupon>

</div></div>

</div>




<div class="vtab-content">

<div data-title='���������'  class='pp-collections'><div>

<loot class="ep_1">
<img src="https://i.pinimg.com/1200x/a6/93/58/a693580a3eca2025f4f7e4fd8164bc86.jpg">
<ttl>�������� ���������</ttl>
</loot>

<loot class="ep_1">
<img src="https://i.pinimg.com/1200x/a6/93/58/a693580a3eca2025f4f7e4fd8164bc86.jpg">
<ttl>����� ��������� �� �����</ttl>
</loot>

<loot class="ep_1">
<img src="https://forumstatic.ru/files/001c/a5/43/64033.png">
<ttl>����� ��������� �� �����</ttl>
</loot>

<loot class="ep_1">
<img src="https://forumstatic.ru/files/001c/a5/43/64033.png">
<ttl>����� ��������� �� �����</ttl>
</loot>

<loot class="ep_1">
<img src="https://forumstatic.ru/files/001c/a5/43/64033.png">
<ttl>����� ��������� �� �����</ttl>
</loot>

<loot class="ep_1">
<img src="https://forumstatic.ru/files/001c/a5/43/64033.png">
<ttl>�������� ���������</ttl>
</loot>

</div></div>


</div>

  </div>
</div>





</section></div>

��

mybb@mybb.ru (Vandra) — Wed, 29 Jul 2026 20:35:22 +0300

[html]<fittingroom>

<div class="post-author"><ul>
<li class="pa-author"><a>Username</a></li>
<li class="pa-title">�� </li>
<li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/001c/be/6e/2-1783875391.png"></li>
<li class="pa-fld2"><lz> <a href="#"> �� , 00 / �� </a> �� , � <a href="#">��</a> � �� </lz></li>
<li class="pa-posts"><span class="fld-name">��:</span> 42</li>
<li class="pa-respect"><span class="fld-name"><a href="/respect.php?id=2" rel="nofollow">��</a>:</span> <span>+1</span></li>
<li class="pa-fld1"><span class="fld-name">��:</span> 000</li>
<li class="pa-fld3"><span class="fld-name">��:</span> 000</li>
<li class="pa-fld4"><a id="��" class="modal-link pls-pers-page" data-reveal-id="character"><img src="https://forumstatic.ru/files/001c/17/76/35191.png"></a></li>
<li class="pa-fld5"><div class="plaque"><p>�� </p><p>�� </p><img src="https://i.pinimg.com/736x/81/b7/91/81b79197d4f19bd2526fe21df5ba56b5.jpg"></div><img src="https://i.pinimg.com/736x/81/b7/91/81b79197d4f19bd2526fe21df5ba56b5.jpg"></li>
</ul></div>

</div></fitprofile>

</div></fittingicons>

</div>
</fittingplaque>

</div></fittingbg>

</fitcont>
</fittingroom>

<style>

.post:first-of-type .pa-avatar:not(.fitting-avatar) {
display: none;
}

fittingroom label:has(input#ctrl-text-color) {
width: 250px !important;
display: flex;
color: white;
font-weight: bold;
margin: 3px 5px 6px !important;
align-items: center;
}

.plaque-flags {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: -4px auto 10px;
width: 250px;
}

.flags-title {
margin-right: 5px;
font-weight: bold;
color: #ffffff;
}

.flag-btn {
cursor: pointer;
user-select: none;
}

.flag-btn input {
display: none;
}

.flag-btn span {
padding: 2px 8px 4px !important;
text-transform: lowercase;
background-color: #e5e5e5;
font-weight: 700;
color: #5e5e5e !important;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 11px;
transition: all 0.2s;
}

.flag-btn:hover span {
background-color: #ddd;
border-color: #bbb;
}

.flag-btn input:checked + span {
background-color: #88a19d;
color: white !important;
border-color: #69817d;
}

fittingroom .post-author {border: none !important}

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

fitprofile ul {
padding: 0!important;

}

.fitting-block-prof {
float: left;
width: 248px;
position: sticky;
top: 10px;
display: block;
height: auto;
margin: 0px 0px 10px 0px;
border-radius: 10px;
z-index: 0;
}
/* .topic-starter li.pa-avatar.item2,
.defavtr {display: none} */

.fitting-room {
float: left;
width: 260px;
position: relative;
display: block;
height: auto;
margin: -9px 0px 15px -3px;
/* overflow: hidden; */
border-radius: 10px;
padding-bottom: 16px;
background: url(https://i.pinimg.com/736x/3f/1c/e2/3f1ce22�.jpg) no-repeat center top / cover;
z-index: 0;
top: 0px;
position: sticky;
border: var(--border-body);
height: min-content;
position: relative;
max-height: 420px;
}

.plaque-controls button {
font: 700 12px roboto flex;

}

fitcont {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px 10px ;
}

fittingplaque,
fittingbg,
fittingicons {
grid-column: span 2;
background: rgb(var(--canvas-quarternary), .3);
border-radius: var(--bradius-minor);
width: 590px;
position: relative;
padding: 21px 8px 12px;
}

fittingicons {
height: 147px;
}

fittingicons > div img {
background: rgb(var(--text-primary), .05);
padding: 3px;
border-radius: 50%;
box-sizing: content-box;
overflow: visible;
width: 24px;
height: 24px;
object-fit: contain;
}

/* fittingroom::before {
content: 'the store';
font: var(--fw900) 32px var(--font-cat-title);
position: absolute;
color: rgb(var(--text-color-secondary), .2);
right: 22px;
top: 16px;

} */

fittingplaque > div,
fittingbg > div {
display: flex;
flex-wrap: wrap;
gap: 5px;
box-sizing: content-box;
overflow: auto;
padding-left: 7px;
padding-top: 1px;
height: 100%;
scrollbar-gutter: stable;
}

fittingplaque > div img,
fittingbg >div img {
border-radius: 10px;
box-sizing: content-box;
width: 100%;
height: 100%;
object-fit: cover;
cursor: pointer;
image-rendering: auto;
}

fittingplaque > div img {
width: 136px;
height: 36px;
}

fittingplaque,
fittingbg {
height: 191px;
}

fittingbg {
width: 871px;
margin-left: -281px;
}

fittingplaque::before,
fittingbg::before,
fittingicons::before,
plaquedesc::before {
content: attr(data-title);
position: absolute;
top: -14px;
right: 100px;
width: 170px;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
z-index: 10;
font: 400 18px var(--font-cat-title);
text-transform: lowercase;
font-style: italic;
padding: 2px 18px 6px;
backdrop-filter: blur(4px);
color: rgb(var(--canvas-primary)) !important;
border-radius: 50px;
background: rgb(var(--light-accent), .4);
box-shadow: 4px 1px 11px -2px #000000a3;
}

.fitting-plaque p {
padding: 0!important;
margin: 0!important;
margin-bottom: 0!important;
line-height: 140%!important
}

.fitting-plaque p:first-of-type {font-size: 14px!important}
.fitting-plaque p:last-of-type {font-size: 11px!important}

.fitting-plaque img {
box-sizing: content-box;
}

img.fit-selected {
opacity: .3;
}

fittingicons > div > div {
width: 30px;
height: 30px;
border-radius: 50%;
position: relative;
}

fittingicons > div > div:has(> img.fit-selected) {
outline: 1px solid rgb(var(--accent));
filter: hue-rotate(323deg) contrast(1.3);
}

fittingbg > div > div {
border-radius: 10px;
width: 114px;
height: 76px;
position: relative;
}

fittingbg > div img.fit-selected {
outline: 1px solid rgb(var(--accent));
}

fittingplaque > div img.fit-selected {
outline: 1px solid rgb(var(--accent));
}

fittingplaque > div > div:has(> img.fit-selected) {
position: relative
}

.plaque-controls > input:nth-of-type(1),
.plaque-controls > input:nth-of-type(2) {
width: 220px;
height: 25px;
border-radius: 4px;
margin-bottom: 7px;
}

.plaque-controls {
width: 220px;
margin-left: 0px !important;
}

.plaque-controls > div > input[type="color"] {
padding: 0px !important;
background: transparent;
width: 28px;
border-radius: 47px;
height: 28px;
flex-shrink: 0;
cursor: pointer;
}

.plaque-controls > div > input[type="text"] {
width: 70px;
height: 25px;
border-radius: 4px;
cursor: text;
}

fittingroom button {
padding: 4px 12.5px 2px !important;
border: 0px solid #bbbbbb;
cursor: pointer;
transition: var(--anim-hover);
font: 400 14px var(--font-cat-title);
text-transform: uppercase;
color: rgb(var(--canvas-primary)) !important;
border-radius: var(--bradius-minor);
background: rgb(var(--light-accent));
box-shadow: var(--buttons-shadow);
}

fitprofile > button {
padding: 2px 7.6px !important;
}

fittingroom button:hover {
box-shadow: 0px 2px 7px -2px #81353c;
}

fitprofile {
width: 257px;
padding: 58px 0px 0;
background: rgb(var(--canvas-quarternary), .3);
border-radius: 4px;
height: 363px;
}

.plaque-controls span {
text-align: left;
display: block;
padding: 1px 4px 4px;
color: rgb(var(--text-dark-accent), .7);
}

.fitting-plaque {
position: relative;
margin-bottom: 0em !important;
}

.fitting-room li.pa-posts span:first-child, .fitting-room li.pa-respect span:first-child, .fitting-room li.pa-fld1 span:first-child, .fitting-room li.pa-fld5 span:first-child {
font-size: 0px;
}

.fitting-room li.pa-posts:before {
content: '';
left: 17px;
}

.fitting-room div.plaque {
z-index: 2;
}

fittingroom input {
background: rgb(var(--text-primary), 0.1) !important;
width: 248px !important;
height: 25px !important;
border-radius: 4px !important;
margin-bottom: 7px !important;
box-shadow: inset 0 0 7px -4px #241013d9;
}

fittingroom .icon-input,
fittingroom .bg-input,
fittingroom .plaq-input {
width: 467px !important;
margin-left: 6px;
}

.fitting-author a {
border-bottom: none!important;
}

.fitting-room #tuser {
display: none!important;
}

</style>

[/html][hideprofile]

��

mybb@mybb.ru (Vandra) — Wed, 29 Jul 2026 19:54:01 +0300

[html]

section.decor-gift h5 {
font-family: Inter;
font-weight: 300;
font-size: 18px;
line-height: 1;
text-align: center;
width: 100%;
position: absolute;
top: 20px;
text-transform: uppercase;
color: rgba(224, 222, 220, 1);
}

section.decor-gift .post-author {
border: none !important;
margin: 0px !important;
}

</style>

<div class="post-author online topic-starter"><ul>
<li class="pa-author"><a>Username</a></li>
<li class="pa-title">�� </li>
<li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/001c/be/6e/2-1783875391.png"></li>
<li class="pa-fld2"><lz> <a href="#"> �� , 00 / �� </a> �� , � <a href="#">��</a> � �� </lz></li>
<li class="pa-posts"><span class="fld-name">��:</span> 42</li>
<li class="pa-respect"><span class="fld-name"><a href="/respect.php?id=2" rel="nofollow">��</a>:</span> <span>+1</span></li>
<li class="pa-fld1"><span class="fld-name">��:</span> 000</li>
<li class="pa-fld3"><span class="fld-name">��:</span> 000</li>
<li class="pa-fld4"><a id="��" class="modal-link pls-pers-page" data-reveal-id="character"><img src="https://forumstatic.ru/files/001c/17/76/35191.png"></a></li>
<li class="pa-fld5"><div class="plaque"><p>�� </p><p>�� </p><img src="https://i.pinimg.com/736x/81/b7/91/81b79197d4f19bd2526fe21df5ba56b5.jpg"></div><img src="https://i.pinimg.com/736x/81/b7/91/81b79197d4f19bd2526fe21df5ba56b5.jpg"></li>
</ul></div>

</section>

[/html][hideprofile]

��

mybb@mybb.ru (Vandra) — Wed, 29 Jul 2026 19:18:00 +0300

[html]
<style>
section.charnews {
width: 866px;
height: 290px;
margin: auto !important;
background-image: url(https://forumstatic.ru/files/001c/a5/43/77784.png);
box-sizing: border-box;
padding: 67px 30px 30px;
position: relative;
}

section.charnews * {
box-sizing: border-box;
scrollbar-gutter: stable;
}

section.charnews section.headchars.charwriters {
top: 226px;
left: 215px;
}

section.charnews section.headchars.charactive {
top: 150px;
left: 287px;
}

section.charnews .headpost {
position: absolute;
width: 223px;
height: 25px;
display: flex;
gap: 0px 6px;
top: 255px;
left: 525px;
justify-content: flex-start;
flex-wrap: wrap;
color: rgba(218, 209, 198, 1) !important;
align-content: center;
align-items: center;
}

section.charnews .headlinks {
position: absolute;
width: 223px;
height: 21px;
display: flex;
gap: 0px;
top: 32px;
left: 671px;
justify-content: flex-start;
flex-wrap: wrap;
color: rgba(218, 209, 198, 1) !important;
}

section.charnews .headlinks a:hover,
section.charnews .news-links a:hover {
background: rgba(232, 211, 189, 0.48);
color: rgba(240, 240, 240, 1) !important;
background: transparent;
}

</style>

</section>

</section>

<section class='charlist headchars charactive'>

</section>

<section class='charlist headchars charwriters'>

</section>

</section>
[/html][hideprofile]

�� (��, �� etc.)

mybb@mybb.ru (Vandra) — Wed, 29 Jul 2026 13:33:58 +0300

[html]

section.lore-block * {
box-sizing: border-box;
scrollbar-gutter: stable;
}

section.lore-block h5 {
font-family: Inter;
font-weight: 300;
font-size: 18px;
line-height: 1;
text-align: center;
text-transform: uppercase;
color: rgba(224, 222, 220, 1);
}

section.lore-block .vtab-content {
display: none;
padding: 10px;
border: 1px solid #ccc;
width: 750px;
height: 390px;
border-radius: 20px;
border: 0.5px solid rgba(206, 211, 220, 1);
background: rgba(179, 183, 187, 0.48);
padding: 10px 20px 14px;
box-shadow: 7px 4px 5.2px 0px rgba(0, 0, 0, 0.25);
flex-shrink: 0;
}

section.lore-block .vtab-content.active {
display: block;
}

section.lore-block .vtab-btn {
padding: 8px 10px 10px 30px;
margin-right: 5px;
cursor: pointer;
background: rgba(179, 183, 187, 0.48);
border: 0;
box-shadow: 3px 2px 4px 0px rgba(0, 0, 0, 0.25);
transition: 0.5s;
width: 140px;
height: 40px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
color: rgba(240, 240, 240, 1);
font-family: var(--font-cat-title);
font-style: italic;
font-size: 12px;
transform: translateX(-30px);
}

section.lore-block .vtab-btn.active {
background: rgba(232, 211, 189, 0.48);
transform: translateX(-10px);
color: rgba(77, 75, 74, 1);
}

section.lore-block .vtab-buttons {
display: flex;
flex-direction: column;
margin-top: 65px !important;
gap: 15px;
width: 150px;
overflow: hidden;
}
section.lore-block .vtabs-cont {
display: flex;
flex-direction: row-reverse;
width: 880px;
justify-content: flex-end;
}

section.lore-block .vtabs-cont ttl {
background: rgba(206, 211, 220, 0.73);
width: fit-content;
border-radius: 15px;
overflow: hidden;
display: block;
padding: 0px 56px 23px;
text-align: center;
color: rgba(77, 75, 74, 1);
font-family: var(--font-cat-title);
font-style: italic;
font-size: 14px;
position: relative;
margin: 10px auto 10px !important;
}

section.lore-block .vtabs-cont ttl span {
font-family: Inter;
font-weight: 400;
font-size: 10px;
line-height: 1;
text-align: center;
text-transform: lowercase;
display: block;
background: rgba(231, 231, 231, 0.72);
position: absolute;
color: rgba(142, 140, 140, 1);
width: 102%;
padding-top: 4px;
height: 20px;
left: 0px;
bottom: 0px;
}

section.lore-block .vtab-content > div {
width: 100%;
height: 100%;
overflow: auto;
padding-right: 5px;
color: rgba(240, 240, 240, 1);
}

</style>

</div>

<div class="vtab-content"><div>
<ttl>��
<span>�� </span></ttl>

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

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

</div></div>

<div class="vtab-content"><div>

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

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

</div></div>

<div class="vtab-content"><div>
<ttl>��
<span>�� </span></ttl>

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

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

</div></div>

<div class="vtab-content"><div>
<ttl>��
<span>�� </span></ttl>

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

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

</div></div>

</div></div></section>
[/html][hideprofile]

��

mybb@mybb.ru (Vandra) — Wed, 29 Jul 2026 12:01:55 +0300

[html]
<style>

section.labor {
width: 934px;
height: 545px;
margin: auto !important;
background-image: url(https://forumstatic.ru/files/001c/a5/43/23834.png);
box-sizing: border-box;
padding: 77px 20px 30px 30px ;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}

section.labor * {
box-sizing: border-box;
scrollbar-gutter: stable;
}

section.labor h5 {
font-family: Inter;
font-weight: 300;
font-size: 18px;
line-height: 1;
text-align: center;
width: 100%;
position: absolute;
top: 20px;
text-transform: uppercase;
color: rgba(224, 222, 220, 1);
}

section.labor .vtab-content {
display: none;
padding: 10px 0 0;
margin-top: 10px;
}

section.labor .vtab-content.active {
display: block;
}

section.labor .vtab-btn {
padding: 3px 40px 3px;
margin-right: 5px;
cursor: pointer;
background: rgba(179, 183, 187, 0.48);
border: 0;
border-radius: 50px;
line-height: 1;
transition: background 0.3s;
color: rgba(240, 240, 240, 1);
font-family: var(--font-cat-title);
font-style: italic;
font-size: 14px;
backdrop-filter: blur(2px);
}

section.labor .vtab-btn.active {
background: rgba(232, 211, 189, 0.48);
}

section.labor .vtab-buttons {
display: flex;
flex-wrap: wrap;
gap: 7px;
justify-content: center;
}

section.labor div.occ-list {
display: flex;
flex-wrap: wrap;
gap: 18px 30px;
padding-right: 4px;
overflow: auto;
height: 100%;
max-height: 400px;
}

section.labor div.occ-list > div {
width: 416px;
border-radius: 20px;
border: 0.5px solid rgba(206, 211, 220, 1);
background: rgba(179, 183, 187, 0.48);
padding: 10px 20px 14px;
display: flex;
flex-direction: column;
gap: 4px;
}

section.labor div.occ-list ttl {
background: rgba(206, 211, 220, 0.73);
width: 100%;
border-radius: 15px;
overflow: hidden;
display: block;
padding: 0px 6px 23px;
text-align: center;
color: rgba(77, 75, 74, 1);
font-family: var(--font-cat-title);
font-style: italic;
font-size: 14px;
position: relative;
margin-bottom: 10px;
}

section.labor div.occ-list ttl span {
font-family: Inter;
font-weight: 400;
font-size: 10px;
line-height: 1;
text-align: center;
text-transform: lowercase;
display: block;
background: rgba(231, 231, 231, 0.72);
position: absolute;
color: rgba(142, 140, 140, 1);
width: 102%;
padding-top: 4px;
height: 20px;
left: 0px;
bottom: 0px;
}

section.labor div.occ-list > div occ {
font-size: 12px;
color: rgba(200, 197, 195, 1);
position: relative;
}
section.labor div.occ-list > div occ::before {
content: '\e0b7';
font-family: 'FontAwesome';
line-height: 1;
font-size: 10px;
color: rgba(72, 81, 91, 1);
margin-right: 3px;
}

section.labor .vtabs-wrapper,
section.labor .vtabs-cont {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden; }

section.labor .vtab-buttons {
display: flex;
flex-wrap: wrap;
gap: 7px;
flex-shrink: 0;
}

section.labor .vtab-content {
display: none;
padding: 10px 0 0;
margin-top: 10px;
}

section.labor .vtab-content.active {
display: flex !important;
flex-direction: column;
flex-grow: 1;
overflow: hidden;
}

section.labor div.occ-list {
display: flex;
flex-wrap: wrap;
gap: 18px 30px;
padding-right: 4px;
}

</style>

<div>
<ttl>��
<span>�� </span></ttl>
<occ>�� : <a href="#">name surname</a></occ>
</div>

<div>
<ttl>��
<span>�� </span></ttl>
<occ>�� : <a href="#">name surname</a></occ>
<occ>�� : <a href="#">name surname</a></occ>
</div>

<div>
<ttl>��
<span>�� </span></ttl>
<occ>�� : <a href="#">name surname</a></occ>
<occ>�� : <a href="#">name surname</a></occ>
<occ>�� : <a href="#">name surname</a></occ>
</div>

</div></div>

<div>
<ttl>��
<span>�� </span></ttl>
<occ>�� : <a href="#">name surname</a></occ>
<occ>�� : <a href="#">name surname</a></occ>
<occ>�� : <a href="#">name surname</a></occ>
<occ>�� : <a href="#">name surname</a></occ>
<occ>�� : <a href="#">name surname</a></occ>

</div>

<div>
<ttl>��
<span>�� </span></ttl>
<occ>�� : <a href="#">name surname</a></occ>
<occ>�� : <a href="#">name surname</a></occ>
<occ>�� : <a href="#">name surname</a></occ>
</div>

</div>

</div>
<div class="vtab-content">�� 3</div>
<div class="vtab-content">��4</div>
</div>
</div>

</section>

[/html][hideprofile]

��

mybb@mybb.ru (Vandra) — Wed, 29 Jul 2026 10:32:06 +0300

[html]
<style>
section.applist {
width: 934px;
height: 680px;
margin: auto !important;
background-image: url(https://forumstatic.ru/files/001c/a5/43/34006.png);
box-sizing: border-box;
padding: 67px 30px 30px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 62px;
}

section.applist * {
box-sizing: border-box;
scrollbar-gutter: stable;
}

section.applist desc {
display: block;
width: 823px;
height: 54px;
font-family: Inter;
font-weight: 200;
font-size: 13px;
line-height: 18px;
text-align: center;
text-transform: lowercase;
color: rgba(231, 231, 231, 1);
}

section.applist div.apps {
display: flex;
flex-wrap: wrap;
gap: 10px 50px;
}

section.applist div.apps > div {
display: flex;
flex-direction: column;
overflow: auto;
height: 450px;
}

section.applist div.apps > div > div {
padding: 10px;
display: flex;
flex-direction: column;
gap: 7px;
}

section.applist div.apps char {
width: 378px;
height: 22px;
border-radius: 15px;
background: rgba(231, 231, 231, 1);
display: block;
color: rgba(77, 75, 74, 1);
font-family: var(--font-cat-title);
font-style: italic;
font-size: 14px;
position: relative;
padding: 3px 0 0 190px;
text-align: center;
}
section.applist div.apps char a{
color: rgba(77, 75, 74, 1);

}
section.applist div.apps char span {
background: rgba(206, 211, 220, 1);
width: 190px;
height: 22px;
text-align: center;
border-radius: 15px;
display: block;
position: absolute;
padding-top: 3px;
top: 0px;
left: 0px;
}

section.applist div.apps l {
display: block;
width: 100%;
color: rgba(239, 223, 197, 1);
font-family: var(--font-cat-title);
font-style: italic;
font-size: 14px;
text-align: center;
}

</style>

<div>

<div>
<l>abcde</l>
<char><span> <a href='#'>name surname</a></span> <a href='#'>name surname</a></char>
<char><span>name surname</span> name surname</char>
<char><span> <a href='#'>name surname</a></span> <a href='#'>name surname</a></char>
<char><span>name surname</span> name surname</char>
</div>

<div>
<l>abcde</l>
<char><span> <a href='#'>name surname</a></span> <a href='#'>name surname</a></char>
<char><span>name surname</span> name surname</char>
</div>

</div><div>

<div>
<l>abcde</l>
<char><span> <a href='#'>name surname</a></span> <a href='#'>name surname</a></char>
<char><span>name surname</span> name surname</char>
</div>

</div></div></section>
[/html][hideprofile]

��

mybb@mybb.ru (Vandra) — Wed, 29 Jul 2026 08:40:27 +0300

[html]<section class="chat-wrapper">
<div class="soc-avatars">

<a href="#��_��_��"><img src="https://i.pinimg.com/236x/1d/a4/0f/1da40fa6fed2bcb619cedf2dc293d4e7.jpg" alt="avatar" /> <span data-title='online'>@nickname</span></a>
</div>

<p class="right-msg">
<img src='https://i.pinimg.com/236x/1d/a4/0f/1da40fa6fed2bcb619cedf2dc293d4e7.jpg' class='msg-av'>
<img src="https://i.pinimg.com/236x/1d/a4/0f/1da40fa6fed2bcb619cedf2dc293d4e7.jpg"> ��
</p>

<p class="right-msg right-voice" data-msgtime="05 august, 11:23 AM">
<img src='https://i.pinimg.com/236x/1d/a4/0f/1da40fa6fed2bcb619cedf2dc293d4e7.jpg' class='msg-av'>
<img src="https://forumstatic.ru/files/001c/b8/3a/93131.png" alt="voice message"><br>
�� - ��

</p>

<p class="right-msg" data-msgtime="13:18">
��
</p>

</div><div class="write-msg"></div></div>

</section>[/html]

��

mybb@mybb.ru (Vandra) — Tue, 14 Jul 2026 01:46:07 +0300

[html]
<style>
.racelore-container {
width: 722px;
height: 619px;
background: url('https://forumstatic.ru/files/001c/a5/43/70860.jpg') no-repeat center / cover;
font-family: "Comic Sans MS", cursive;
box-sizing: border-box;
padding: 85px 79px 50px;
}

.racelore-header {
display: block;
text-align: center;
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
}

.racelore-content {
max-height: 431px;
overflow-y: auto;
padding-right: 5px;
}

.racelore-content p {
margin-top: 0;
margin-bottom: 10px;
font-size: 12px !important;
}

.racelore-content p:last-child {
margin-bottom: 0;
}

</style>

<div class="racelore-container">
<span class="racelore-header">��</span>

<div class="racelore-content">
<p>Lorem ipsum odor amet, consectetuer adipiscing elit. Rhoncus eu mi rhoncus iaculis lacinia. Molestie litora scelerisque et phasellus lobortis venenatis nulla vestibulum. Magnis posuere duis parturient pellentesque adipiscing duis. Euismod turpis augue habitasse diam elementum. Vehicula sagittis est parturient morbi cras ad ac. Bibendum mattis venenatis aenean pharetra curabitur vestibulum odio elementum! Aliquet tempor pharetra amet est sapien maecenas malesuada urna. Odio potenti tortor vulputate dictum dictumst eros.</p>

<p>Lorem ipsum odor amet, consectetuer adipiscing elit. Rhoncus eu mi rhoncus iaculis lacinia. Molestie litora scelerisque et phasellus lobortis venenatis nulla vestibulum. Magnis posuere duis parturient pellentesque adipiscing duis. Euismod turpis augue habitasse diam elementum. Vehicula sagittis est parturient morbi cras ad ac. Bibendum mattis venenatis aenean pharetra curabitur vestibulum odio elementum! Aliquet tempor pharetra amet est sapien maecenas malesuada urna. Odio potenti tortor vulputate dictum dictumst eros.</p>

<p>Lorem ipsum odor amet, consectetuer adipiscing elit. Rhoncus eu mi rhoncus iaculis lacinia. Molestie litora scelerisque et phasellus lobortis venenatis nulla vestibulum. Magnis posuere duis parturient pellentesque adipiscing duis. Euismod turpis augue habitasse diam elementum. Vehicula sagittis est parturient morbi cras ad ac. Bibendum mattis venenatis aenean pharetra curabitur vestibulum odio elementum! Aliquet tempor pharetra amet est sapien maecenas malesuada urna. Odio potenti tortor vulputate dictum dictumst eros.</p>

<p>Lorem ipsum odor amet, consectetuer adipiscing elit. Rhoncus eu mi rhoncus iaculis lacinia. Molestie litora scelerisque et phasellus lobortis venenatis nulla vestibulum. Magnis posuere duis parturient pellentesque adipiscing duis. Euismod turpis augue habitasse diam elementum. Vehicula sagittis est parturient morbi cras ad ac. Bibendum mattis venenatis aenean pharetra curabitur vestibulum odio elementum! Aliquet tempor pharetra amet est sapien maecenas malesuada urna. Odio potenti tortor vulputate dictum dictumst eros.</p>
</div>
</div>[/html]

��

mybb@mybb.ru (Vandra) — Tue, 14 Jul 2026 01:34:45 +0300

[html]
<style>
div.questionnaire {
display: flex;
flex-direction: column;
background-color: rgb(var(--canvas-secondary));
border: 3px solid rgb(var(--accent));
border-radius: 8px;
box-sizing: border-box;
margin: 0 40px !important;
padding: 15px 30px;
gap: 15px;
}

div.questionnaire ttl {
font: 500 22px Comic Sans MS;
display: block;
text-align: center;
}

div.questionnaire que {
font: 400 15px Comic Sans MS;
display: block;
width: fit-content;
padding: 3px 10px;
border-bottom: 1px dashed #8d8d8d;
}

div.questionnaire ans {
display: block;
margin-bottom: 15px;
white-space: pre-wrap;
}

</style>

</div>

[/html]

��

mybb@mybb.ru (Vandra) — Tue, 14 Jul 2026 01:01:02 +0300

[html]
<style>
.aesthetic-imgs {
display: grid;
box-sizing: border-box;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
padding: 0 30px;
}

.aesthetic-imgs > div img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 8px;
display: block;
box-shadow: 0px 2px 7px #00000070;
}

.aesthetic-imgs > div span {
display: block;
text-align: center;
font: 600 14px playfair display;
margin-top: 7px;
}

</style>

</div>

[/html]

��

mybb@mybb.ru (Vandra) — Fri, 10 Jul 2026 06:56:47 +0300

#�� #�� #��_�� #��

Lorem ipsum odor amet, consectetuer adipiscing elit. Rhoncus eu mi rhoncus iaculis lacinia. Molestie litora scelerisque et phasellus lobortis venenatis nulla vestibulum. Magnis posuere duis parturient pellentesque adipiscing duis. Euismod turpis augue habitasse diam elementum. Vehicula sagittis est parturient morbi cras ad ac. Bibendum mattis venenatis aenean pharetra curabitur vestibulum odio elementum! Aliquet tempor pharetra amet est sapien maecenas malesuada urna. Odio potenti tortor vulputate dictum dictumst eros.
Lorem ipsum odor amet, consectetuer adipiscing elit. Rhoncus eu mi rhoncus iaculis lacinia. Molestie litora scelerisque et phasellus lobortis venenatis nulla vestibulum. Magnis posuere duis parturient pellentesque adipiscing duis. Euismod turpis augue habitasse diam elementum. Vehicula sagittis est parturient morbi cras ad ac. Bibendum mattis venenatis aenean pharetra curabitur vestibulum odio elementum! Aliquet tempor pharetra amet est sapien maecenas malesuada urna. Odio potenti tortor vulputate dictum dictumst eros.
Lorem ipsum odor amet, consectetuer adipiscing elit. Rhoncus eu mi rhoncus iaculis lacinia. Molestie litora scelerisque et phasellus lobortis venenatis nulla vestibulum. Magnis posuere duis parturient pellentesque adipiscing duis. Euismod turpis augue habitasse diam elementum. Vehicula sagittis est parturient morbi cras ad ac. Bibendum mattis venenatis aenean pharetra curabitur vestibulum odio elementum! Aliquet tempor pharetra amet est sapien maecenas malesuada urna. Odio potenti tortor vulputate dictum dictumst eros.
Lorem ipsum odor amet, consectetuer adipiscing elit. Rhoncus eu mi rhoncus iaculis lacinia. Molestie litora scelerisque et phasellus lobortis venenatis nulla vestibulum. Magnis posuere duis parturient pellentesque adipiscing duis. Euismod turpis augue habitasse diam elementum. Vehicula sagittis est parturient morbi cras ad ac. Bibendum mattis venenatis aenean pharetra curabitur vestibulum odio elementum! Aliquet tempor pharetra amet est sapien maecenas malesuada urna. Odio potenti tortor vulputate dictum dictumst eros.

��

mybb@mybb.ru (Vandra) — Fri, 10 Jul 2026 05:49:30 +0300

#�� #�� #��-��_�� #�_��_��

[�� ]
name surname �� name surname
name surname �� name surname
name surname �� name surname
name surname �� name surname
name surname �� name surname
name surname �� name surname
name surname �� name surname
name surname �� name surname
name surname �� name surname
name surname �� name surname
name surname �� name surname
name surname �� name surname
name surname �� name surname
name surname �� name surname

name surname �� name surname
name surname �� name surname
name surname �� name surname
name surname �� name surname
name surname �� name surname
name surname �� name surname
name surname �� name surname
name surname �� name surname
name surname �� name surname
name surname �� name surname
name surname �� name surname
name surname �� name surname
name surname �� name surname
name surname �� name surname

��:

[url=https://#]name surname[/url] �� [url=#]name surname[/url]

[hideprofile]

��

mybb@mybb.ru (Vandra) — Thu, 09 Jul 2026 16:24:11 +0300

123123

��

mybb@mybb.ru (Vandra) — Wed, 04 Feb 2026 21:55:32 +0300

[html]<section class='theme-header'><div>
<h5>�� </h5><desc>
�� , ��, �� , � �� . �� . �� , �� -�� .
</desc></div></section>[/html]

��

mybb@mybb.ru (Vandra) — Wed, 04 Feb 2026 12:58:59 +0300

��

�� , ��, �� , � �� . �� . �� , �� -�� .

�� lorem ipsum, �� . � �� lorem ipsum, �� .

��: �� , ��, �� , � �� . �� .

��

mybb@mybb.ru (Vandra) — Sat, 31 Jan 2026 14:16:08 +0300

[html]

<style>

@import url('https://fonts.googleapis.com/css2?family=Alegreya:wght@400;700&display=swap');

.bg3-header {
--color: #b1a394;
--font-main: 'Alegreya';

position: relative;
width: 100%;
height: 700px;
background: url(https://forumstatic.ru/files/001c/a5/43/34540.png) no-repeat top center / cover;
overflow: hidden;
border-radius: 10px;
font-family: var(--font-main);
text-transform: none;
}

.bg3-header * {
box-sizing: border-box;
scrollbar-gutter: stable:
}

.bg3-header::selection {
color: var(--black);
background: var(--color)
}

.bg3-header *::-webkit-scrollbar {
width: 2px;
height: 2px;
}

.bg3-header *::-webkit-scrollbar-track {
background: transparent !important;
border-radius: 10px;
}

::-webkit-scrollbar-thumb {
background: #42352c !important;
border-radius: 10px;
}

.tabs-bg3 {
margin: auto;
position: relative;
height: 100%;
}

.tabs-bg3 > input[type="radio"] {
display: none;
}

.nav-bg3 {
display: flex;
justify-content: center;
gap: 2px;
position: relative;
background-size: cover;
background-position: center;
border-radius: 8px 8px 0 0;
z-index: 5;
}

.nav-bg3::before,
.nav-bg3::after {
content: '';
position: relative;
top: 0px;
height: 55px;
width: 200px;
background-size: 100%;
}

.nav-bg3::before {
background-image: url(https://forumstatic.ru/files/001c/a5/43/78593.jpg);
right: 0px;
}
.nav-bg3::after {
background-image: url(https://forumstatic.ru/files/001c/a5/43/81103.jpg);
left: 0px;
}

.nav-bg3 label {
position: relative;
display: block;
color: var(--color);
text-shadow: 0 2px 3px black, 0 1px 3px black;
font-size: 14px;
letter-spacing: 1px;
text-align: center;
width: 165px;
height: 66px;
box-sizing: border-box;
padding-top: 30px;
background-image: url(https://forumstatic.ru/files/001c/a5/43/89878.png);
background-size: cover;
cursor: pointer;
border-radius: 4px;
transform-style: preserve-3d;
transition: all 0.3s;
}

.nav-bg3 label::before {
content: '';
position: absolute;
top: -8px;
left: 0;
z-index: -1;
transform: translateZ(-1px);
width: 100%;
border-radius: 10px;
height: 70px;
filter: hue-rotate(0deg) brightness(1) saturate(1) contrast(1);
background: radial-gradient(ellipse at 50% 103%, #615145 0%, #3c2f27 40%, #2e2621 49%, #000000 88%);
mask: linear-gradient(to top, black 67%, transparent 98%);
transition: 0.3s;
}

#tab1-bg3:checked ~ .nav-bg3 label[for="tab1-bg3"],
#tab2-bg3:checked ~ .nav-bg3 label[for="tab2-bg3"],
#tab3-bg3:checked ~ .nav-bg3 label[for="tab3-bg3"] {
transform: translateY(10px);
color: white;
}

#tab1-bg3:checked ~ .nav-bg3 label[for="tab1-bg3"]::before,
#tab2-bg3:checked ~ .nav-bg3 label[for="tab2-bg3"]::before,
#tab3-bg3:checked ~ .nav-bg3 label[for="tab3-bg3"]::before {
filter: hue-rotate(182deg) brightness(1.3) saturate(2.5) contrast(1);
}

.panels-bg3 {
padding: 0px;
width: 67%;
position: absolute;
right: 15px;
top: 95px;
bottom: 50px;
}

.panel-bg3 {
display: none;
animation: fadeEffect 0.5s;
color: #987e6d;
padding: 10px 20px 0 0;
height: 100%;
overflow: auto;
}

#tab1-bg3:checked ~ .panels-bg3 .panel-1,
#tab2-bg3:checked ~ .panels-bg3 .panel-2,
#tab3-bg3:checked ~ .panels-bg3 .panel-3 {
display: block;
}

@keyframes fadeEffect {
from {opacity: 0; transform: translateY(10px);}
to {opacity: 1; transform: translateY(0);}
}

div.bg3-greetings {
position: absolute;
width: 28%;
position: absolute;
left: 15px;
top: 95px;
bottom: 135px;
z-index: 3;
}

div.bg3-greetings img {
width: 100%;
position: absolute;
}

div.bg3-greetings img.bg3-gr-bottom {
bottom: 0px;
}

div.bg3-greetings div {
color: var(--color);
font-size: 14px;
line-height: 120%;
width: 83%;
padding-right: 3px;
margin: auto;
white-space: pre-line;
text-transform: none;
height: 72%;
position: absolute;
bottom: 40px;
overflow: auto;
left: calc(50% + 3px);
transform: translateX(-50%);
}

div.bg3-greetings hh5 {
display: block;
width: 100%;
height: 20px;
position: absolute;
color: black;
font-size: 16px;
font-weight: 700;
top: 27px;
text-align: center;
z-index: 5;
}

a.bg3-tg {
background: url(https://forumstatic.ru/files/001c/9e/b0/21634.png) no-repeat center;
position: absolute;
z-index: 5;
bottom: 50px;
left: 50px;
height: 32px;
width: 182px;
display: flex;
align-items: center;
justify-content: center;
color: var(--color);
font-size: 14px;
}

.panel-3 {
height: 100%;
padding: 10px 20px 0 0;
overflow: auto;
}

.panel-3 div {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 15px;
margin-left: 30px;
}

.panel-3 > div a {
margin-top: 5px;
color: #c9b89b;
font-size: 18px;
}

.panel-3 > div a {
color: var(--color)!important;
position: relative;
}

.panel-3 > div a::before {
content: '';
position: absolute;
width: 21px;
height: 21px;
left: -24px;
top: 2px;
background: url(https://forumstatic.ru/files/001c/9e/b0/17094.png) no-repeat center / 100%;
}
.panel-1 {
height: 100%;
overflow: auto;

}
.panel-1 ul {
height: 100%;
overflow: auto;
display: flex;
flex-direction: column;
gap: 15px;
list-style-type: disc;
padding-left: 25px;
font-size: 15px;
padding-right: 10px;
}
.panel-2 > div {
display: grid;
grid-template-columns: 1fr 10fr 1fr;
margin: 15px 20px;
position: relative;
}

.panel-2 > div img {
align-self: center;
width: 45px;
height: 45px;
}

.panel-2 > div img.bg3-av {
width: 60px;
height: 80px;
border-radius: 4px;
border: 2px solid var(--color);
object-fit: cover;
}

.panel-2 > div a {
margin-top: 5px;
margin-left: 15px;
color: #c9b89b;
font-size: 18px;
}
.panel-2 > div a {
color: var(--color)!important;
}

.panel-2 > div span {
display: block;
color: #7a7167;
font-size: 13px;
}

</style>

<hh5>WELCOME!</hh5>

<div> ��, ��! �� .

�� - �� Baldur's Gate 3. � �� : �� , �� (��), �� , �� , �� , �� , � �� : �� , �� . � ��, �� '��, �� .

�� ! �� , �� , �� . �� , �� ? �� -�� ? �� , �� (��, �� ).

�� : �� . �� !
</div>

</div>

<a href='#' class='bg3-tg'> Telegram �� </a>

</div>

<style>

</style>

<div>
<a href='https://notacross.ru/viewtopic.php?id=1908#p284654'>Killing Strangers</a>
<span>��, ��</span>
<desc>�� . �� , �� . �� , �?</desc>
</div>

<div>
<a href='https://notacross.ru/viewtopic.php?id=1997#p297826'>Target Audience</a>
<span>��'��, ��, ��, ��</span>
<desc>�� , ��, ��, �� . �� , �� .</desc>
</div>

<div>
<a href='https://notacross.ru/viewtopic.php?id=1920#p285894'>We Are Chaos</a>
<span>��, ��</span>
<desc>�� . �� .</desc>
</div>

<div>
<a href='https://notacross.ru/viewtopic.php?id=1983#p295793'>Four Rusted Horses</a>
<span>��, ��, ��</span>
<desc>�� . �� , �� , �� , �� . �� ...</desc>
</div>

<div>
<a href='https://notacross.ru/viewtopic.php?id=1985#p296189'> No Funeral Without Applause</a>
<span>��, ��</span>
<desc>�� . �� "�� " �� , �� . �� .</desc>
</div>

</div></div></div></div></section>[/html][hideprofile]

��

�� , �� .
��:
<div><a href='https://������_��_������'> �������� �������</a>
<span>��������, ��������</span>
<desc>�������� �������. � ������ �������� � ���� ���� ��� ���������.</desc>
</div>

��

mybb@mybb.ru (Vandra) — Thu, 29 Jan 2026 17:30:55 +0300

[html]
<guestroom>
<div class='head-desc'>��-��, 18+, �� + ��</div>

</reserved>

</reserved>

<guestdesc>
�� , ��

�� . ��

�� , �� , �� .
�� .
</guestdesc>

<forumlinks class='gadmins'>
<a href='#'>��</a>
<a href='#'>link</a>
<a href='#'>��</a>
<a href='#'>linky link</a>
<a href='#'>linky link</a>
</forumlinks>

<forumlinks class='glinks'>
<a href='#'>��</a>
<a href='#'>link</a>
<a href='#'>��</a>
<a href='#'>linky link</a>
<a href='#'>linky link</a>
</forumlinks>

</guestroom>[/html] [hideprofile]

Test

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

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

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

����

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

�������

������ � �������� ��������� (���������, ����� etc.)

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

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

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

����

�������

�������

�������

��������

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

����� ����

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

���

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

��

��

��

��

��

��

�� (��, �� etc.)

��

��

��

��

��

��

��

��

��

��

��

��

��