Test

��

mybb@mybb.ru (Vandra) — Mon, 11 May 2026 20:17:46 +0300

[html]<style>
div.daily-task {
width: 721px;
height: 187px;
border-radius: 10px;
position: relative;
margin: auto !important;
background-image: url(https://forumstatic.ru/files/001c/b4/c9/17908.png);
box-sizing: border-box;
}

div.daily-task * {
box-sizing: border-box;
}

div.daily-task date {
display: block;
position: absolute;
font-family: Playfair Display;
font-weight: 700;
font-size: 64px;
line-height: 1;
letter-spacing: -5%;
color: rgba(51, 51, 51, 1);
top: 50%;
transform: translateY(-50%);
left: 65px;
z-index: 1;
}

div.daily-task date::before {
content:'';
background: url(https://forumstatic.ru/files/001c/b4/c9/86046.png) no-repeat center / contain;
width: 57px;
height: 57px;
position: absolute;
z-index: -1;
left: -16px;
top: -5px;
}

div.daily-task desc {
color: rgba(51, 51, 51, 1);
font-size: 11px;
display: flex;
flex-direction: column;
gap: 10px;
width: 364px;
position: absolute;
left: 160px;
top: 50%;
transform: translateY(-50%);
}

div.daily-task desc span {
font-family: Playfair Display;
font-weight: 700;
font-size: 14px;
line-height: 121%;
letter-spacing: -5%;
color: rgba(51, 51, 51, 1);
}

div.daily-task desc period {
font-family: Playfair Display;
font-weight: 700;
font-size: 12px;
line-height: 1;
text-transform: lowercase;
color: white;
background: rgb(var(--accent));
width: fit-content;
height: 19px;
border-radius: 40px;
padding: 2px 15px
}

</style>

<desc>
<span>�� </span>
I can't be canceled, there's no way that you can stop meI'm fully independent, there's no label who can drop me. I can't be canceled, there's no way that you can stop meI'm fully independent
<period>�� : 22.12-31-12</period>
</desc>

</div>[/html]

��

mybb@mybb.ru (Vandra) — Sat, 25 Apr 2026 16:43:47 +0300

[html]<style>
section.polaroids {
width: 880px;
height: 561px;
position: relative;
background: url(https://forumstatic.ru/files/001c/af/2d/30804.png) no-repeat center / contain;
margin: auto;
}

section.polaroids coupon {
display: flex;
height: 28px;
margin-top: 5px;
width: 204px;
box-sizing: border-box;
color: rgba(51, 51, 51, 1);
font-size: 10px;
background: rgba(206, 206, 206, 0.5);
border: 1px solid rgba(175, 175, 175, 1);
border-radius: 5px;
position: relative;
justify-content: flex-start;
align-items: center;
padding: 3px 10px 5px 59px;
}

section.polaroids .pp-photo {
background: url(https://forumstatic.ru/files/001c/af/2d/78491.png) no-repeat top / contain !important;
position: absolute;
width: 531px;
height: 101px;
padding: 0;
top: -15px;
left: 1px;
border: none;
}

section.personalpage .vtab-content .pp-photo::before,
section.personalpage .vtab-content .pp-photo::after {
content: none;
}

section.polaroids > div {
display: flex;
justify-content: safe center;
overflow-x: auto;
height: 91px;
align-items: flex-end;
margin-top: 11px;
width: 424px;
margin-left: 52px;
padding-bottom: 5px;
}

section.polaroids pphoto {
width: 71px;
height: 71px;
display: block;
position: relative;
background: url(https://forumstatic.ru/files/001c/af/2d/14437.png) no-repeat center / contain;
flex-shrink: 0;
}

section.polaroids pphoto img {
width: 48px;
height: 48px;
position: absolute;
top: 3px;
left: 13px;
object-fit: cover;
}

section.polaroids .plrd-desc {
display: block;
width: 209px;
height: 215px;
position: absolute;
top: 80px;
left: 558px;
overflow: auto;
padding-right: 8px;
scrollbar-gutter: stable;
line-height: 140%;
}

section.polaroids .plrd-list {
width: 436px;
height: 250px;
display: flex;
flex-wrap: wrap;
position: absolute;
gap: 20px 50px;
top: 165px;
left: 85px;
align-items: flex-start;
align-content: flex-start;
justify-content: flex-start;
}

section.polaroids .plrd-list > div {
display: flex;
}

section.polaroids .plrd-list > div ttl {
font-family: Playfair Display;
font-weight: 700;
font-size: 10px;
line-height: 120%;
letter-spacing: 2%;
color: rgba(51, 51, 51, 1);
width: 90px;
height: 64px;
box-sizing: border-box;
display: flex;
align-items: center;
text-align: left;
padding-left: 8px;
}

</style>

</div>

<div class='plrd-desc'>
"��" �� -�� , �� . �� , �� . �� , �� . <br><br>
�� .

</div>

</coupons>[/html]

��:

[b]����� ��������?[/b]
[b]������ �������������:[/b]

[hideprofile]

�� -��

mybb@mybb.ru (Vandra) — Sat, 25 Apr 2026 13:59:07 +0300

[html]<style>
section.coupons {
width: 880px;
height: 561px;
position: relative;
background: url(https://forumstatic.ru/files/001c/af/2d/60583.png) no-repeat center / contain;
margin: auto;
}

.pp-coupons {
width: 526px;
height: 72px;
top: 377px;
left: 5px;
}

section.coupons > div {
display: flex;
overflow: auto;
padding-bottom: 9px;
gap: 5px;
}

section.coupons coupon {
display: flex;
height: 28px;
margin-top: 5px;
width: 204px;
box-sizing: border-box;
color: rgba(51, 51, 51, 1);
font-size: 10px;
background: rgba(206, 206, 206, 0.5);
border: 1px solid rgba(175, 175, 175, 1);
border-radius: 5px;
position: relative;
justify-content: flex-start;
align-items: center;
padding: 3px 10px 5px 59px;
}

section.coupons coupon img {
width: 30px;
height: 30px;
position: absolute;
left: -1px;
border-radius: 5px;
border: 1px solid rgba(175, 175, 175, 1);
background: rgba(242, 243, 246, 1);
padding: 3px;
top: -5px;
object-fit: cover;
}

section.coupons coupon ppnum {
padding: 5px;
position: absolute;
background: #f2f3f6;
border: 1px dashed #afafaf;
display: flex;
width: 22px;
height: 22px;
top: 2px;
justify-content: center;
align-items: center;
border-radius: 50%;
left: 31px;
}

section.coupons coupon ttl {
font-family: Playfair Display;
font-weight: 700;
font-size: 10px;
line-height: 120%;
letter-spacing: 2%;
color: rgba(51, 51, 51, 1);
}

section.coupons .coup-list {
display: flex;
flex-wrap: wrap;
gap: 20px 45px;
width: 470px;
height: 340px;
position: absolute;
top: 166px;
left: 98px;
overflow: auto;
align-content: flex-start;
}

section.coupons .coup-desc {
width: 209px;
height: 327px;
position: absolute;
top: 169px;
left: 608px;
overflow: auto;
padding-right: 8px;
scrollbar-gutter: stable;
line-height: 140%;
}

</style>

</div>

<div class='coup-desc'>
�� "��", �� . �� -�� , �� . �� . <br><br>
�� , �� . �� . �� .

</div>

</coupons>[/html][hideprofile]

��

mybb@mybb.ru (Vandra) — Tue, 21 Apr 2026 01:19:28 +0300

[html]<fittingroom><fitprofile>
<div class="fitting-room" style='display: block!important'>
<div class='fitting-block-prof post-author'>
<ul>

<li class="pa-author fitting-author"><a href='#'>username</a></li>

</ul>
</div>

</div>

<label class="flag-btn">
<input type="checkbox" class="plaque-flag" value="sepia">
<span>Sepia</span>
</label>

</div></fitprofile>
<fitcont>

</div>

</fittingbg>

</div>

</fittingplaque>
</fitcont></fittingroom>[/html][hideprofile]

��

mybb@mybb.ru (BugHunter) — Mon, 13 Apr 2026 19:29:23 +0300

[html]
<center><div class="media-wrapper">
<div class="media-title">Hans Zimmer - F1</div>
<audio controls><source src="https://forumstatic.ru/files/001c/ad/71/16981.mp3" type="audio/mpeg"></audio>
</div></center>[/html]

��

mybb@mybb.ru (Vandra) — Thu, 09 Apr 2026 18:30:24 +0300

[html]<style>
.lp-editor {
border-radius: 8px;
padding: 20px;
margin-bottom: 30px;
color: var(--cl5, #333);
background: url(https://forumstatic.ru/files/001c/af/2d/13055.jpg) repeat center / 100%;
border: 1px solid rgba(175, 175, 175, 1);
}
.lp-editor-title {
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
border-bottom: 2px solid var(--cl9, #ddd);
padding-bottom: 10px;
}
.lp-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
margin-bottom: 20px;
}
.lp-full {
grid-column: 1 / -1;
}
.lp-group {
display: flex;
flex-direction: column;
gap: 5px;
}
.lp-label {
font-size: 13px;
font-weight: bold;
color: var(--cl5, #555);
}
.lp-input, .lp-textarea {
width: 100%;
padding: 10px;
border: 1px solid var(--bord, #ccc);
border-radius: 4px;
background: var(--pn, #fff);
color: var(--cl2, #333);
box-sizing: border-box;
font-family: inherit;
transition: border-color 0.2s;
}
.lp-input:focus, .lp-textarea:focus {
border-color: var(--cl3, #007bff);
outline: none;
}
.lp-textarea {
resize: vertical;
min-height: 80px;
}
.lp-dynamic-section {
background: rgba(0,0,0,0.03);
padding: 15px;
border-radius: 6px;
border: 1px dashed var(--cl9, #ccc);
margin-bottom: 20px;
}
.lp-dynamic-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
font-weight: bold;
}
.lp-btn-add {
background: rgb(158 87 64 / 1);
color: #fff;
border: none;
padding: 6px 12px;
border-radius: 4px;
cursor: pointer;
font-size: 13px;
}
.lp-btn-add:hover { filter: brightness(1.1); }
.lp-item {
display: flex;
gap: 10px;
margin-bottom: 10px;
align-items: center;
background: var(--pn, #fff);
padding: 10px;
border: 1px solid var(--bord, #eee);
border-radius: 4px;
position: relative;
}
.lp-item-content {
display: flex;
flex-grow: 1;
gap: 10px;
flex-wrap: wrap;
}
.lp-item-content > * { flex: 1; min-width: 150px; }
.lp-checkbox-label {
display: flex;
align-items: center;
gap: 5px;
font-size: 13px;
cursor: pointer;
flex: 0 0 auto !important;
}
.lp-btn-remove {
background: #dc3545;
color: #fff;
border: none;
border-radius: 3px;
width: 28px;
height: 28px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
flex-shrink: 0;
}
.lp-btn-remove:hover { filter: brightness(1.1); }
.lp-btn-copy {
background: rgb(158 87 64 / 1);
color: #fff;
border: none;
padding: 15px;
width: 100%;
font-size: 16px;
font-weight: bold;
border-radius: 6px;
cursor: pointer;
transition: 0.2s;
text-transform: uppercase;
letter-spacing: 1px;
}
.lp-btn-copy:hover { transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.lp-preview-wrapper {
margin-top: 30px;
border: 2px solid var(--cl3, #007bff);
border-radius: 8px;
padding: 20px;
background: var(--pn, #fff);
position: relative;
background: url(https://forumstatic.ru/files/001c/af/2d/13055.jpg) repeat center / 100%;
border: 1px solid rgba(175, 175, 175, 1);
}
.lp-preview-label {
position: absolute;
top: 0; left: 0;
background: rgba(175, 175, 175, 1);
color: #fff;
padding: 5px 15px;
font-size: 12px;
font-weight: bold;
border-bottom-right-radius: 8px;
border-top-left-radius: 6px;
z-index: 10;
}
</style>

<div class="lp-editor" id="live-editor">
<div class="lp-editor-title">�� </div>

<div class="lp-grid">
<div class="lp-group">
<span class="lp-label">�� </span>
<input type="text" class="lp-input" name="char-name" placeholder="Name Surname">
</div>
<div class="lp-group">
<span class="lp-label">�� (user-av)</span>
<input type="text" class="lp-input" name="char-av" placeholder="URL ��">
<label class="lp-checkbox-label" style="margin-top:0;">
<input type="checkbox" name="char-is-main" checked> �� ?
</label>
</div>
<div class="lp-group">
<span class="lp-label">�� (� �� )</span>
<input type="text" class="lp-input" name="char-theme-link" placeholder="��: /viewtopic.php?id=123">
</div>
<div class="lp-group">
<span class="lp-label">��</span>
<input type="text" class="lp-input" name="char-loyal" placeholder="�� ">
</div>
<div class="lp-group">
<span class="lp-label">�� (page-bg)</span>
<input type="text" class="lp-input" name="char-bg" placeholder="URL ��">
</div>
<div class="lp-group lp-full">
<span class="lp-label">�� / ��</span>
<textarea class="lp-textarea" name="char-quote" placeholder="�� ... (�� HTML)"></textarea>
</div>
<div class="lp-group lp-full">
<span class="lp-label">�� (charocc)</span>
<input type="text" class="lp-input" name="char-occ" placeholder="�� ...">
</div>
</div>

<div class="lp-preview-wrapper">
<div class="lp-preview-label">LIVE ��</div>
<div id="lp-preview-box"></div>
</div>[/html][hideprofile]

��

mybb@mybb.ru (Vandra) — Wed, 08 Apr 2026 19:26:32 +0300

<div class="lp-editor" id="live-editor">
<div class="lp-editor-title">�� </div>

<div class="lp-grid">
<div class="lp-group">
<span class="lp-label">�� </span>
<input type="text" class="lp-input" name="char-name" placeholder="Name Surname">
</div>
<div class="lp-group">
<span class="lp-label">�� (user-av)</span>
<input type="text" class="lp-input" name="char-av" placeholder="https://...">
</div>
<div class="lp-group">
<span class="lp-label">��</span>
<input type="text" class="lp-input" name="char-loyal" placeholder="�� ">
</div>
<div class="lp-group">
<span class="lp-label">�� (page-bg)</span>
<input type="text" class="lp-input" name="char-bg" placeholder="https://...">
</div>
<div class="lp-group lp-full">
<span class="lp-label">�� / ��</span>
<input type="text" class="lp-input" name="char-quote" placeholder="�� ...">
</div>
<div class="lp-group lp-full">
<span class="lp-label">�� (charocc)</span>
<textarea class="lp-textarea" name="char-occ" placeholder="�� ..."></textarea>
</div>
</div>

[/html][hideprofile]

�� NPC

mybb@mybb.ru (Vandra) — Wed, 08 Apr 2026 13:49:05 +0300

[html]
<style>
section.npcs {
width: 880px;
height: 573px;
position: relative;
margin: 0 auto !important;
background: url(https://forumstatic.ru/files/001c/af/2d/47996.jpg) no-repeat center / 100%;
border-radius: 10px;
box-sizing: border-box;
padding: 30px;
color: rgba(51, 51, 51, 1);
display: grid;
grid-template-rows: auto 1fr;
gap: 8px;
}

section.npcs .npcs-title {
border: 1px solid rgba(222, 222, 222, 1);
padding: 16px;
border-radius: 5px;
background: rgba(206, 206, 206, 0.5);
position: relative;
}

section.npcs .npcs-title ttl {
display: block;
font-family: Playfair Display;
font-weight: 700;
font-size: 16px;
letter-spacing: -5%;
text-align: center;
margin-bottom: 5px;
}

section.npcs .npcs-title::before {
content: '';
background: url(https://forumstatic.ru/files/001c/af/2d/30747.png) no-repeat center / contain;
width: 77px;
height: 90px;
position: absolute;
top: -66px;
left: 50%;
transform: translateX(-50%);
}

section.npcs .npcs-flex {
display: flex:
flex-direction: column;
overflow: auto;
height: 100%;
padding-right: 4px;
}

section.npcs .npcs-flex npc {
background: rgba(242, 243, 246, 1);
display: flex;
flex-direction: column;
border: 1px solid rgba(175, 175, 175, 1);
border-radius: 5px;
padding: 25px;
padding-left: 240px;
margin-top: 18px;
position: relative;
min-height: 145px;
}

section.npcs .npcs-flex npc img {
width: 187px;
height: 147px;
border-radius: 10px;
margin-right: 18px;
fit-content: cover;
position: absolute;
left: 25px;
}

section.npcs .npcs-flex npc ttl span {
display: block;
font-family: Playfair Display;
width: fit-content;
font-weight: 700;
font-size: 16px;
margin-right: auto;
}

section.npcs .npcs-flex npc ttl {
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
gap: 5px;
margin-bottom: 5px;
}

section.npcs .npcs-flex npc char {
display: flex;
}

section.npcs .npcs-flex npc char occ {
background: rgba(158, 87, 64, 1);
display: block;
width: fit-content;
border-radius: 7px;
padding: 6px 30px 7px 10px;
margin-right: -7px;
font-family: Playfair Display;
font-weight: 600;
font-size: 10px;
line-height: 90%;
text-transform: lowercase;
color: rgba(255, 255, 255, 1);
}

section.npcs .npcs-flex npc char loyal {
background: rgba(255, 255, 255, 1);
display: block;
width: fit-content;
border-radius: 7px;
padding: 6px 10px 7px ;
font-family: Playfair Display;
font-weight: 600;
font-size: 10px;
line-height: 90%;
text-transform: lowercase;
color: rgba(51, 51, 51, 1);
margin-left: auto !important;
}

section.npcs .npcs-flex npc::before {
content: attr(data-title);
border: 1px solid rgba(175, 175, 175, 1);
background: rgba(242, 243, 246, 1);
position: absolute;
height: 27px;
padding: 6px 10px 5px 20px;
box-sizing: border-box;
border-radius: 5px;
top: -14px;
left: 25px;
min-width: 140px;
font-family: Playfair Display;
font-weight: 700;
font-size: 11px;
line-height: 1;
}

section.npcs .npcs-flex npc::after {
content: '';
width: 7px;
height: 7px;
background-color: rgba(158, 87, 64, 1);
border-radius: 50%;
position: absolute;
top: -4px;
left: 33px;
}

section.npcs .npcs-flex npc p {
background: rgba(255, 255, 255, 1);
border-radius: 6px;
padding: 7px 10px;
}

section.npcs .families-npcs npc div {
margin-top: 10px;
}

</style>

<ttl><span>name surname</span>

�� (� �� ) �� . � �� , �� , �� .<br><br>
�� . �� , "��" �� . �� -�� .

</npc>

<ttl><span>name surname</span>

�� (� �� ) �� . � �� , �� , �� .<br><br>
�� . �� , "��" �� . �� -�� .

</npc>

<ttl><span>name surname</span>

�� (� �� ) �� . � �� , �� , �� .<br><br>
�� . �� , "��" �� . �� -�� .

</npc>

</div>

</section>

[/html][hideprofile]

��

mybb@mybb.ru (Vandra) — Wed, 08 Apr 2026 13:25:48 +0300

[html]
<style>
section.families {
width: 880px;
height: 573px;
position: relative;
margin: 0 auto !important;
background: url(https://forumstatic.ru/files/001c/af/2d/47996.jpg) no-repeat center / 100%;
border-radius: 10px;
box-sizing: border-box;
padding: 30px;
color: rgba(51, 51, 51, 1);
display: grid;
grid-template-rows: auto 1fr;
gap: 8px;
}

section.families .families-title {
border: 1px solid rgba(222, 222, 222, 1);
padding: 16px;
border-radius: 5px;
background: rgba(206, 206, 206, 0.5);
position: relative;
}

section.families .families-title ttl {
display: block;
font-family: Playfair Display;
font-weight: 700;
font-size: 16px;
letter-spacing: -5%;
text-align: center;
margin-bottom: 5px;
}

section.families .families-title::before {
content: '';
background: url(https://forumstatic.ru/files/001c/af/2d/30747.png) no-repeat center / contain;
width: 77px;
height: 90px;
position: absolute;
top: -66px;
left: 50%;
transform: translateX(-50%);
}

section.families .families-flex {
display: flex:
flex-direction: column;
overflow: auto;
height: 100%;
}

section.families .families-flex family {
background: rgba(242, 243, 246, 1);
display: block;
border: 1px solid rgba(175, 175, 175, 1);
border-radius: 5px;
padding: 25px;
margin-top: 18px;
position: relative;
}

section.families .families-flex family img {
width: 187px;
height: 105px;
border-radius: 10px;
margin-right: 18px;
float: left;
fit-content: cover;
}

section.families .families-flex family ttl {
display: block;
font-family: Playfair Display;
font-weight: 700;
font-size: 16px;
margin-bottom: 5px;
}

section.families .families-flex family::before {
content: attr(data-title);
border: 1px solid rgba(175, 175, 175, 1);
background: rgba(242, 243, 246, 1);
position: absolute;
height: 27px;
padding: 6px 10px 5px 20px;
box-sizing: border-box;
border-radius: 5px;
top: -14px;
min-width: 140px;
font-family: Playfair Display;
font-weight: 700;
font-size: 11px;
line-height: 1;
}

section.families .families-flex family::after {
content: '';
width: 7px;
height: 7px;
background-color: rgba(158, 87, 64, 1);
border-radius: 50%;
position: absolute;
top: -4px;
left: 33px;
}

section.families .families-flex family p {
background: rgba(255, 255, 255, 1);
border-radius: 6px;
padding: 7px 10px;
}

section.families .families-flex family div {
margin-top: 10px;
}

</style>

�� (� �� ) �� . � �� , �� , �� .<br><br>
�� . �� , "��" �� . �� -�� .

<p>��:��Corvus Carr� � �� , �� .</p>

<p>��:��<a href='#'>name surname</a></p>
</div>

</family>

�� (� �� ) �� . � �� , �� , �� .<br><br>
�� . �� , "��" �� . �� -�� .

<p>��:��Corvus Carr� � �� , �� .</p>

<p>��:��<a href='#'>name surname</a></p>
</div>

</family>

</div>

</section>

[/html][hideprofile]

��

mybb@mybb.ru (Vandra) — Sun, 05 Apr 2026 21:30:32 +0300

[html]<style>
section.personalpage {
width: 836px;
height: 600px;
position: relative;
background: url(https://forumstatic.ru/files/001c/af/2d/90024.webp) no-repeat center / contain;
margin: 0 auto;
}

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

section.personalpage .vtab-content {
display: none;
padding: 10px;
background: #00ffff42;
width: 537px;
height: 455px;
top: 71px;
left: 272px;
position: absolute;
}

section.personalpage .vtab-content > div {
border: 1px solid rgba(175, 175, 175, 1);
background: rgba(242, 243, 246, 1);
border-radius: 5px;
position: absolute;
padding: 20px 7px 15px 15px;
}

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

section.personalpage .vtab-buttons {
display: flex;
position: absolute;
gap: 5px;
width: 537px;
justify-content: center;
top: 26px;
left: 271px;
}

section.personalpage .vtab-btn {
padding: 5px 16px;
height: 23px;
cursor: pointer;
background: rgba(158, 87, 64, 1);
transition: background 0.3s, color 0.3s;
border: none;
color: white;
text-transform: lowercase;
font-family: Playfair Display;
font-weight: 700;
font-size: 10px;
line-height: 120%;
letter-spacing: 2%;
border-radius: 50px;
}

section.personalpage .vtab-btn.active {
background: rgba(255, 255, 255, 1);
color: rgba(67, 67, 67, 1);
}

section.personalpage .char-menu {
position: absolute;
top: 75px;
left: 0px;
width: 249px;
height: 363px;
overflow: hidden;
}

section.personalpage .char-menu .page-bg {
width: 251px;
height: 338px;
object-fit: cover;
position: absolute;
top: 13px;
left: -20px;
transform: rotate(6.3deg);
}

section.personalpage .char-menu .user-av {
width: 90px;
height: 90px;
border-radius: 50%;
filter: grayscale(1);
object-fit: cover;
}

section.personalpage .char-menu .char-av-wrap {
position: absolute;
top: 38px;
left: 74px;
width: 90px;
height: 90px;
}

section.personalpage .char-menu .char-av-wrap a {
background: url(https://forumstatic.ru/files/001c/af/2d/60823.png) no-repeat center / contain;
width: 22px;
height: 22px;
position: absolute;
top: 78px;
left: 34px;
transition: filter .3s ease;
}
section.personalpage .char-menu .char-av-wrap a:hover {
filter: brightness(1.2);
}

section.personalpage .char-menu .mainchar::before {
content: '';
background: url(https://forumstatic.ru/files/001c/af/2d/55427.png) no-repeat center / contain;
position: absolute;
width: 18px;
height: 18px;
top: 5px;
left: 67px;
z-index: 4;
}

section.personalpage .char-menu charname {
font-family: Playfair Display;
font-weight: 700;
font-size: 13px;
line-height: 86%;
text-align: center;
color: rgba(255, 255, 255, 1);
width: 200px;
display: block;
left: 20px;
top: 145px;
z-index: 5;
position: absolute;
}

section.personalpage .char-menu charquote {
font-family: Pragmatica;
font-weight: 400;
font-size: 10px;
line-height: 86%;
text-align: center;
color: rgba(255, 255, 255, 1);
width: 116px;
display: block;
left: 62px;
top: 165px;
z-index: 5;
position: absolute;
}

section.personalpage .char-menu charquote a {
color: rgba(255, 255, 255, 1);
font-weight: 700;
}

section.personalpage .char-menu charquote a:hover {
color: rgba(255, 255, 255, .7) !important;
}

section.personalpage .char-menu .char-basis {
transform: rotate(6.3deg);
position: absolute;
display: flex;
flex-direction: column;
width: 200px;
height: 80px;
align-items: flex-end;
gap: 3px;
top: 272px;
left: 17px;
}

section.personalpage .char-menu .char-basis loyalty {
background-color: rgba(158, 87, 64, 1);
border-radius: 20px 0 0 20px;
font-family: Playfair Display;
font-weight: 700;
font-size: 9px;
line-height: 100%;
padding: 5px 16px 7px ;
color: white;
}

section.personalpage .char-menu .char-basis charocc {
background-color: rgba(51, 51, 51, 1);
border-radius: 20px 0 0 20px;
font-family: Playfair Display;
font-weight: 700;
font-size: 9px;
line-height: 100%;
padding: 5px 16px 7px ;
color: white;
}

section.personalpage .pp-twinks {
position: absolute;
width: 60px;
height: 300px;
top: 113px;
left: -41px;
z-index: 3;
}

section.personalpage .pp-twinks > div {
display: flex;
flex-direction: column;
gap: 5px;
align-items: flex-end;
}

section.personalpage .pp-twinks img {
width: 37px;
height: 37px;
object-fit: cover;
border-radius: 50%;
border: 3px solid rgba(158, 87, 64, 1);
}

section.personalpage .pp-twinks a ttl {
display: block;
width: fit-content;
max-width: 23px;
min-width: 23px;
height: 28px;
border-radius: 5px;
background: rgba(242, 243, 246, 1);
color: rgba(242, 243, 246, 1);
border: 1px solid rgba(175, 175, 175, 1);
overflow: hidden;
top: 5px;
right: 8px;
white-space: nowrap;
line-height: 1;
padding: 6px 33px 5px 15px !important;
position: absolute;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
z-index: -1;
font-family: Playfair Display;
font-weight: 500;
font-style: Italic;
font-size: 12px;
line-height: 90%;
text-align: right;
text-transform: lowercase;
position: absolute;
}

section.personalpage .pp-twinks a ttl::before {
content: '';
width: 7px;
height: 7px;
background-color: rgba(158, 87, 64, 1);
border-radius: 50%;
position: absolute;
top: 10px;
left: 7px;
}

section.personalpage .pp-twinks a {
position: relative;
}

section.personalpage .pp-twinks a:hover ttl {
width: fit-content;
max-width: 250px;
border-radius: 5px;
padding: 6px 33px 5px 20px !important;
color: rgba(51, 51, 51, 1);
}

section.personalpage .pp-twinks a.prime::before {
content: '';
background: url(https://forumstatic.ru/files/001c/af/2d/55427.png) no-repeat center / contain;
position: absolute;
width: 18px;
height: 18px;
top: 21px;
left: 21px;
z-index: 4;
}

</style>

<a href='#'>
<img src='https://i.pinimg.com/736x/e0/55/bf/e055bf7916056a839e12565780486bf0.jpg'>
<ttl>name surname</ttl>
</a>

<a href='#'>
<img src='https://i.pinimg.com/736x/60/eb/05/60eb05aafb5e311023438fc0cb7681bf.jpg'>
<ttl>name surname</ttl>
</a>

<a href='#' class='prime'>
<img src='https://i.pinimg.com/736x/1c/b1/d2/1cb1d2632451185eb5e61ff287233299.jpg'>
<ttl>name surname</ttl>
</a>

</div></div>

<charname>name surname </charname>

</div>

section.personalpage .vtab-content > div::before {
content: attr(data-title);
border: 1px solid rgba(175, 175, 175, 1);
background: rgba(242, 243, 246, 1);
position: absolute;
height: 27px;
padding: 6px 10px 5px 20px;
box-sizing: border-box;
border-radius: 5px;
top: -14px;
min-width: 140px;
font-family: Playfair Display;
font-weight: 700;
font-size: 11px;
line-height: 1;
}

section.personalpage .vtab-content > div::after {
content: '';
width: 7px;
height: 7px;
background-color: rgba(158, 87, 64, 1);
border-radius: 50%;
position: absolute;
top: -4px;
left: 25px;
}

.pp-chron > div {
display: flex;
flex-direction: column;
gap: 11px;
padding-right: 7px;
overflow: auto;
height: 100%;
}

.pp-chron ep {
display: block;
padding:15px;
color: rgba(51, 51, 51, 1);
font-size: 10px;
background: rgba(206, 206, 206, 0.5);
border: 1px solid rgba(175, 175, 175, 1);
border-radius: 5px;
position: relative;
}

.pp-chron ep.ep_1::before {
content: '��';
height: 14px;
border-radius: 20px;
background-color: rgba(48, 48, 48, 1);
padding: 1px 15px;
color: white;
font-family: Playfair Display;
font-weight: 700;
font-size: 10px;
line-height: 100%;
text-transform: lowercase;
position: absolute;
bottom: -7px;
right: 5px;
box-sizing: border-box;
}

.pp-chron ep.ep_0::before {
content: '��';
height: 14px;
border-radius: 20px;
background-color: rgba(158, 87, 64, 1);
padding: 1px 15px;
color: white;
font-family: Playfair Display;
font-weight: 700;
font-size: 10px;
line-height: 100%;
text-transform: lowercase;
position: absolute;
bottom: -7px;
right: 5px;
box-sizing: border-box;

}

.pp-chron ep.ep_2::before {
content: '��';
height: 14px;
height: 14px;
border-radius: 20px;
background-color: rgba(92, 92, 92, 1);
padding: 1px 15px;
color: white;
font-family: Playfair Display;
font-weight: 700;
font-size: 10px;
line-height: 100%;
text-transform: lowercase;
position: absolute;
bottom: -7px;
right: 5px;
box-sizing: border-box;

}

.pp-chron ep a:first-of-type {
font-family: Playfair Display;
font-weight: 700;
font-size: 11px;
line-height: 100%;
width: 100%;
display: block;
letter-spacing: -5%;
color: rgba(51, 51, 51, 1);
margin-bottom: 5px;
}

</style>

<ep class='ep_1'>
<a href='#'>�� </a>
<a href='#'>name surname</a> & <a href='#'>name surname</a>, 1998
</ep>

<ep class='ep_0'>
<a href='#'>�� </a>
<a href='#'>name surname</a> & <a href='#'>name surname</a> & <a href='#'>name surname</a>, 1998
</ep>

<ep class='ep_2'>
<a href='#'>�� </a>
<a href='#'>name surname</a> & <a href='#'>name surname</a> & <a href='#'>name surname</a>, 1998
</ep>

<ep class='ep_1'>
<a href='#'>�� </a>
<a href='#'>name surname</a> & <a href='#'>name surname</a>, 1998
</ep>

<ep class='ep_0'>
<a href='#'>�� </a>
<a href='#'>name surname</a> & <a href='#'>name surname</a> & <a href='#'>name surname</a>, 1998
</ep>

<ep class='ep_2'>
<a href='#'>�� </a>
<a href='#'>name surname</a> & <a href='#'>name surname</a> & <a href='#'>name surname</a>, 1998
</ep>

<ep class='ep_1'>
<a href='#'>�� </a>
<a href='#'>name surname</a> & <a href='#'>name surname</a>, 1998
</ep>

<ep class='ep_0'>
<a href='#'>�� </a>
<a href='#'>name surname</a> & <a href='#'>name surname</a> & <a href='#'>name surname</a>, 1998
</ep>

<ep class='ep_2'>
<a href='#'>�� </a>
<a href='#'>name surname</a> & <a href='#'>name surname</a> & <a href='#'>name surname</a>, 1998
</ep>

</div></div>

<style>

.pp-art {
width: 264px;
height: 335px;
top: 22px;
left: 267px;
}

.pp-art art {
border: 1px solid rgba(175, 175, 175, 1);
display: block;
width: 113px;
height: 100px;
border-radius: 5px;
background: rgba(206, 206, 206, 0.5);
position: relative;
overflow: hidden;
padding: 0;
cursor: pointer;
}

.pp-art art > div {
display: flex;
flex-direction: column;
width: 105%;
height: 100%;
padding: 5px;
text-align: center;
gap: 4px;
color: rgba(51, 51, 51, 1);
background-color: rgba(242, 243, 246, 0.5);
backdrop-filter: blur(0px) brightness(1);
opacity: 0;
transition: backdrop-filter .4s ease-in-out, opacity .4s ease-in-out;
}

.pp-art art:hover > div {
backdrop-filter: blur(5px) brightness(1.2) opacity(1);
opacity: 1;
}

.pp-art art > div ttl {
font-family: Playfair Display;
font-weight: 700;
font-size: 10px;
line-height: 121%;
letter-spacing: -5%;
}

.pp-art art > div desc {
font-size: 9px;
line-height: 121%;
}

.pp-art art img {
width: 76px;
height: 76px;
object-fit: contain;
position: absolute;
top: 5px;
left: 5px;
}

.pp-art > div {
display: flex;
flex-wrap: wrap;
gap: 5px;
padding-right: 3px;
overflow: auto;
height: 100%;
}

</style>

</div></div>

<style>
.pp-coupons {
width: 526px;
height: 72px;
top: 377px;
left: 5px;
}

.pp-coupons > div {
display: flex;
overflow: auto;
padding-bottom: 9px;
gap: 5px;
}

.pp-coupons coupon {
display: flex;
height: 28px;
margin-top: 5px;
width: fit-content;
color: rgba(51, 51, 51, 1);
font-size: 10px;
background: rgba(206, 206, 206, 0.5);
border: 1px solid rgba(175, 175, 175, 1);
border-radius: 5px;
position: relative;
justify-content: flex-start;
align-items: center;
padding: 3px 10px 5px 59px;
flex-shrink: 0;
}

.pp-coupons coupon img {
width: 36px;
height: 36px;
position: absolute;
left: -1px;
border-radius: 5px;
border: 1px solid rgba(175, 175, 175, 1);
background: rgba(242, 243, 246, 1);
padding: 3px;
top: -5px;
object-fit: cover;
}

.pp-coupons coupon ppnum {
padding: 5px;
position: absolute;
background: #f2f3f6;
border: 1px dashed #afafaf;
display: flex;
width: 22px;
height: 22px;
top: 2px;
justify-content: center;
align-items: center;
border-radius: 50%;
left: 31px;
}

.pp-coupons coupon ttl {
font-family: Playfair Display;
font-weight: 700;
font-size: 10px;
line-height: 120%;
letter-spacing: 2%;
color: rgba(51, 51, 51, 1);
}

</style>

</div></div>

</div>

<style>

section.personalpage .vtab-content .pp-photo {
background: url(https://forumstatic.ru/files/001c/af/2d/78491.png) no-repeat top / contain !important;
position: absolute;
width: 531px;
height: 101px;
padding: 0;
top: -15px;
left: 1px;
border: none;
}

section.personalpage .vtab-content .pp-photo::before,
section.personalpage .vtab-content .pp-photo::after {
content: none;
}

.vtab-content .pp-photo > div {
display: flex;
justify-content: safe center;
overflow-x: auto;
height: 91px;
align-items: flex-end;
margin-top: 11px;
width: 424px;
margin-left: 52px;
padding-bottom: 5px;
}

.vtab-content .pp-photo pphoto {
width: 71px;
height: 71px;
display: block;
position: relative;
background: url(https://forumstatic.ru/files/001c/af/2d/14437.png) no-repeat center / contain;
flex-shrink: 0;
}

.vtab-content .pp-photo pphoto::before {
content: '';
width: 28px;
height: 28px;
background: url(https://forumstatic.ru/files/001c/af/2d/33952.png) no-repeat center / contain;
position: absolute;
top: -15px;
left: 24px;
z-index: 5;
}

.vtab-content .pp-photo pphoto img {
width: 48px;
height: 48px;
position: absolute;
top: 3px;
left: 13px;
object-fit: cover;
}

</style>

</div></div>

<style>

.vtab-content .pp-events {
top: 116px;
left: 5px;
width: 246px;
height: 327px;
}
.vtab-content .pp-events > div {
display: flex;
flex-direction: column;
gap: 10px;
padding-right: 5px;
overflow: auto;
height: 100%;
}

.vtab-content .pp-events event {
display: flex;
font-family: Playfair Display;
font-weight: 700;
font-size: 10px;
line-height: 120%;
gap: 14px;
letter-spacing: 2%;
color: rgba(51, 51, 51, 1);
align-items: center;
padding-right: 5px;
}

.vtab-content .pp-events img {
width: 50px;
height: 50px;
gap: 8px;
border-radius: 5px;
border: 1px solid rgba(175, 175, 175, 1);
background: rgba(242, 243, 246, 1);
padding: 3px;
top: -5px;
object-fit: cover;
}

</style>

</div></div>

<style>
.pp-tarot {
width: 264px;
height: 335px;
top: 116px;
left: 267px;
}

.pp-tarot tarot {
border: 1px solid rgba(175, 175, 175, 1);
display: block;
width: 75px;
height: 96px;
border-radius: 5px;
background: rgba(206, 206, 206, 0.5);
position: relative;
overflow: hidden;
padding: 0;
cursor: pointer;
}

.pp-tarot tarot > div {
display: flex;
flex-direction: column;
width: 105%;
height: 100%;
padding: 5px;
text-align: center;
gap: 4px;
color: rgba(51, 51, 51, 1);
background-color: rgba(242, 243, 246, 0.5);
backdrop-filter: blur(0px) brightness(1);
opacity: 0;
transition: backdrop-filter .4s ease-in-out, opacity .4s ease-in-out;
}

.pp-tarot tarot:hover > div {
backdrop-filter: blur(5px) brightness(1.2) opacity(1);
opacity: 1;
}

.pp-tarot tarot > div ttl {
font-family: Playfair Display;
font-weight: 700;
font-size: 10px;
line-height: 121%;
letter-spacing: -5%;
}

.pp-tarot tarot > div desc {
font-size: 9px;
line-height: 121%;
}

.pp-tarot tarot img {
width: 76px;
height: 76px;
object-fit: contain;
position: absolute;
top: 5px;
left: 0px;
}

.pp-tarot > div {
display: flex;
flex-wrap: wrap;
gap: 5px;
padding-right: 3px;
overflow: auto;
height: 100%;
}
</style>

</div></div>

</div>

.pp-ppbgs {
width: 264px;
height: 335px;
top: 22px;
left: 267px;
}

.pp-ppbgs > div,
.pp-bgs > div {
display: flex;
flex-wrap: wrap;
gap: 5px;
padding-right: 3px;
overflow: auto;
height: 100%;
}

.pp-ppbgs > div img,
.pp-bgs > div img {
width: 105px;
height: 96px;
border-radius: 10px;
object-fit: cover;
}

.pp-ppbgs > div img {
width: 115px;
height: 145px;
}

section.personalpage .vtab-content .pp-plaques {
width: 526px;
height: 72px;
top: 377px;
left: 5px;
}

.pp-plaques > div {
display: flex;
overflow: auto;
padding-bottom: 9px;
gap: 5px;
}

.pp-plaques .plaque {
flex-shrink: 0;
}

</style>

</div></div>

</div></div>

<div class="plaque"><p>You can't take this from me</p><p>Forbidden in Heaven and useless in Hell</p><img src="https://i.pinimg.com/736x/93/f2/50/93f250cf38c199905558191666c744f0.jpg"></div>

</div></div>

</div>

</div>
</div>

</personalpage> [/html][hideprofile]

��

mybb@mybb.ru (BugHunter) — Sat, 04 Apr 2026 08:58:05 +0300

1213123

�� duncan

mybb@mybb.ru (BugHunter) — Sat, 04 Apr 2026 02:41:55 +0300

[html]

<div class="face_container">
<span class="face_container_title">abcd </span>
<div class="list">