Test

�� (4 ��)

mybb@mybb.ru (Vandra) — Tue, 14 Jul 2026 03:54:41 +0300

[html]
<style>

</style>

</div>

<div class='char-menu'><img src='https://upforme.ru/uploads/001c/ad/71/4/519411.png' class='page-bg'>
<div class='char-av-wrap mainchar'>
<img src='https://upforme.ru/uploads/001c/ad/71/4/271133.png' class='user-av'>
<a href='#'></a>
</div>
<charname>Name Surname</charname>
<charquote>�� </charquote>
<div class='char-basis'>
<loyalty>��</loyalty>
<charocc>�� ...</charocc>
</div>
</div>

<div class="vtab-content active" style='display: none;'>
<div class='pp-chron' data-title='��'><div>
<ep class='ep_1'>
<a href='#'>�� </a> <a href='#'>name surname</a> & <a href='#'>name surname</a>, 1998
</ep>
</div></div>
<div class='pp-art' data-title='��'><div>
<art>
<img src='https://forumstatic.ru/files/001c/af/2d/51277.png'>
<div>
<ttl>�� </ttl>
<desc>�� </desc>
</div>
</art>
</div></div>
<div class='pp-coupons' data-title='��'><div>
</div></div>
</div>

<style>

.pp-gifts {
width: 197px;
height: 464px;
top: 22px;
left: 5px;
}
.pp-gifts > div {
display: flex;
gap: 9px;
flex-wrap: wrap;
}

.pp-gifts gift {
display: block;
border: 1px solid rgba(175, 175, 175, 1);
width: 49px;
height: 49px;
border-radius: 5px;
padding: 5px;
background-color: rgba(206, 206, 206, 0.5);
}

.pp-gifts gift ttl {display: none}

.pp-gifts gift img {
width: 35px;
height: 35px;
object-fit: contain;
}

.pp-collections {
width: 331px;
height: 464px;
top: 22px;
left: 215px;
}

.pp-collections > div {
display: flex;
flex-direction: column;
gap: 10px;
}

.pp-collections collection {
display: flex;
position: relative;
gap: 8px;
align-items: flex-end;
height: 78px;
}

.pp-collections collection img {
display: block;
border: 1px solid rgba(175, 175, 175, 1);
width: 49px;
height: 49px;
border-radius: 5px;
padding: 5px;
background-color: rgba(206, 206, 206, 0.5);
object-fit: contain;
}

.pp-collections collection img.main-item {
display: block;
width: 60px;
height: 60px;
border-radius: 5px;
padding: 5px;
background-color: rgba(206, 206, 206, 0.5);
object-fit: contain;
}

.pp-collections collection span {
position: absolute;
top: 0px;
left: 0px;
font-family: Playfair Display;
font-weight: 700;
font-size: 13px;
line-height: 1;
color: rgba(51, 51, 51, 1);
}

</style>

</div></div>

</div></div>

</div>

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

��

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

[html]
<style>
section.post-challenges {
width: 925px;
height: 571px;
margin: auto !important;
background: url(https://forumstatic.ru/files/001c/be/3c/81262.png) no-repeat top;
box-sizing: border-box;
padding: 138px 44px 0;
}

section.post-challenges * {
box-sizing: border-box;
position: relative;
}

section.post-challenges .challenges-wrapper {
width: 838px;
height: 433px;
border-radius: 10px;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(207, 199, 177, 1);
background-color: rgba(245, 240, 235, 1);
padding: 21px 8px 18px 18px;
}

section.post-challenges .challenges-wrapper > div {
overflow: auto;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
gap: 15px;
padding-right: 5px
}

section.post-challenges .challenges-wrapper ttl {
background: linear-gradient(90deg, #EAE1D5 0%, #E6DFD6 100%);
display: block;
font-family: Playfair Display;
font-weight: 600;
font-size: 12px;
line-height: 1;
letter-spacing: -2%;
text-align: center;
text-transform: lowercase;
color: rgba(145, 73, 66, 1);
padding: 5px 0 7px;
border-radius: 5px;
}

section.post-challenges .challenges-wrapper > div > div {
width: 98%;
display: grid;
grid-template-columns: 3fr 1fr .8fr .1fr;
gap: 30px;
align-items: center;
}

section.post-challenges .challenges-wrapper > div > div::after{
content:'';
width: 9px;
height: 9px;
display: block;
border-radius: 50%;
}

section.post-challenges .challenges-wrapper > div > div.ch_off::after{
background: linear-gradient(90deg, #B96D66 0%, #813930 100%);
}

section.post-challenges .challenges-wrapper > div > div.ch_on::after{
background: linear-gradient(90deg, #B96D66 0%, #813930 100%);
}

section.post-challenges .challenges-wrapper > div .ch-users,
section.post-challenges .challenges-wrapper > div rew {
justify-self: anchor-center;
text-align: center;
}

section.post-challenges .challenges-wrapper > div desc {
font-size: 10px !important;
color: rgba(74, 74, 74, 1);
}

section.post-challenges .challenges-wrapper > div desc::before {
content: attr(data-title);
width: 100%;
display: block;
margin-bottom: 10px;
font-family: Playfair Display;
font-weight: 700;
font-size: 16px;
line-height: 121%;
letter-spacing: -5%;
color: rgba(145, 73, 66, 1);
}

section.post-challenges .challenges-wrapper > div rew::before {
content: attr(data-title);
width: 100%;
display: block;
margin-bottom: 10px;
font-family: Playfair Display;
font-weight: 700;
font-style: Bold;
font-size: 12px;
line-height: 1;
text-align: center;
color: rgba(145, 73, 66, 1);
}

section.post-challenges .challenges-wrapper > div rew {
font-size: 10px !important;
color: rgba(74, 74, 74, 1);
display: flex;
gap: 0 5px;
flex-direction: row-reverse;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}

section.post-challenges .challenges-wrapper > div rew::after {
content:'';
width: 17px;
height: 17px;
display: inline-block;
background: url(https://forumstatic.ru/files/001c/be/3c/68938.png) no-repeat center / contain;
}

section.post-challenges .challenges-wrapper > div .ch-users a {
color: black !important;
font-family: Playfair Display;
font-weight: 700;
font-size: 12px;
line-height: 1;
text-align: center;
}

section.post-challenges .challenges-wrapper > div .ch-users span{
color: rgba(145, 73, 66, 1);
font-family: Playfair Display;
}

</style>

<div class='ch_on'>
<desc data-title='�� '>
��, �� . �� , �� . �� , �� .</desc>