so ci

��

mybb@mybb.ru (��) — Mon, 28 Jul 2025 19:39:26 +0300

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

<a href="#��_��_��"><img src="https://upforme.ru/uploads/001c/69/a5/4/23792.png" alt="avatar" /> <span>@nickname</span></a>
</div>

<div class="pls-left-msg-otvet">
�� <img src="https://upforme.ru/uploads/001c/69/a5/4/23792.png" alt="avatar" /> <span>@nickname</span>
</div>

<p class="pls-left-msg" data-msgtime="05 august, 15:23">
Lorem ipsum.
</p>

<div class="pls-left-msg-otvet">
�� <img src="https://upforme.ru/uploads/001c/69/a5/4/23792.png" alt="avatar" /> <span>@nickname</span>
</div>
<p class="pls-left-msg" data-msgtime="05 august, 15:23">
<img src="https://upforme.ru/uploads/001c/69/a5/4/840172.png" /> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>

<div class="pls-left-msg-otvet">
�� <img src="https://upforme.ru/uploads/001c/69/a5/4/23792.png" alt="avatar" /> <span>@nickname</span>
</div>

<p class="pls-left-msg pls-left-voice" data-msgtime="14:43 PM">
<img src="https://forumstatic.ru/files/001c/69/a5/47586.svg" alt="voice message" />

<div class="pls-right-msg-otvet">
�� <img src="https://upforme.ru/uploads/001c/69/a5/4/23792.png" alt="avatar" /> <span>@nickname</span>
</div>

<p class="pls-right-msg">
<img src="https://upforme.ru/uploads/001c/69/a5/4/840172.png" /> In vulputate condimentum bibendum. Nulla vehicula vel nisi et vehicula. Cras ut tellus ut felis gravida ullamcorper. Nulla quis quam nec arcu consequat mollis. Phasellus finibus odio non tellus molestie dapibus.
</p>

<div class="pls-right-msg-otvet">
�� <img src="https://upforme.ru/uploads/001c/69/a5/4/23792.png" alt="avatar" /> <span>@nickname</span>
</div>

<p class="pls-right-msg pls-right-voice" data-msgtime="05 august, 11:23 AM">
<img src="https://forumstatic.ru/files/001c/69/a5/47586.svg" alt="voice message" />
</p>

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

</section>[/html]

��

mybb@mybb.ru (��) — Wed, 02 Jul 2025 01:06:57 +0300

��

��:

/* css ����������� ��� ������� */ 

.fitting {
    position: relative;
    overflow: visible;
}

.fitting-bg {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;z-index: -1;
}

.post-author.fitting:before {
    position: relative;
    display: block;
    margin-bottom: -72px;
}

.pa-fld2.fitting-header img.prof-header {
    top: -38px;
}

.prof-header .fitting-bg {
    background-image: url('https://i.pinimg.com/736x/95/af/4d/95af4ddcbe2a74312c2aac7ad5c7613f.jpg');
    height: 100px;
}

.prof-sticker .fitting-bg {
    background-image: url('https://i.imgur.com/rEngDH3.png');
    position: absolute;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
}

.prof-footer .fitting-bg {
    background-image: url('https://i.pinimg.com/736x/d8/43/34/d84334e6b9747abdac741669deb9262d.jpg');
    height: 60px;
}

.prof-icon .fitting-bg {
    background-image: url('https://i.imgur.com/o18S1dY.gif');
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.fitting-avatar-bg {
    height: auto;
    display: flex;
    justify-content: center;
    background-size: auto;
    background-position: center center;
}

.fitting-avatar {
    margin-bottom: 0px !important;
}

.fitting-plaque {
    z-index: 20;
    position: initial;
    height: 71px;
}

.fitting-plaque p {
    margin-bottom: 0 !important;
    font-size: 9px !important;
}

.fitting-footer::after {
    content: "�����, ����� ������� ��� ������ ";
    bottom: -30px;
    white-space: wrap;
}

.pa-fld2.fitting-header:hover::before,
.pa-fld3.fitting-content:hover::before,
.fitting-footer:hover::before,
.fitting-footer:hover::after {
    left: -110px;
}

.pa-fld3.fitting-content:hover::before {left: -140px;}

.pa-fld2.fitting-header::before,
.pa-fld3.fitting-content::before,
.fitting-footer::before,
.fitting-footer::after {
    position: absolute;
    left: 5px;
    width: 120px;
    background: rgb(106 106 106 / 90%);
    color: white;
    display: flex;
    align-items: center;
    padding: 4px 15px;
    font-size: 10px;
    border-radius: 10px 0 0 10px;
    pointer-events: none;
    transition: left 0.3s ease;
    z-index: -5;box-sizing: border-box;    font: 400 10px var(--font);
}

.pa-fld2.fitting-header::before {
    content: "�����, ����� ����������� ��� ������ ";
    top: -38px;
}

.pa-fld3.fitting-content::before {
    content: "�����, ����� ������� ��� �� ��� �������� ���� ������ ";
    top: 30%;
}

.fitting-footer::before {
    content: "�����, ����� ����������� ��� ������ ";
    bottom: -77px;
}

.fitting-footer input {
    cursor: pointer;
}

.pa-author.fitting-item {
    top: -27px;
}

.fitting-list {
    position: relative;
    width: var(--prof-w);
    padding: 10px !important;
}

.fitting-list::before {
    content: 'FITTING ROOM';
    font: 900 45px mulish;
    opacity: .3;
    color: rgba(var(--color-dark),.5);
    transform: rotate(-90deg);
    left: -180px;
    top: 100px;
    position: absolute;
    transition: opacity 1s ease-in-out;
    height: 68px;
    transform-origin: 50% 50%;
}

/* .fitting-list:hover::before {
    opacity: 0;
    left: -150px;
    top: 105px;
} */

.fitting-footer {
    position: relative; margin-bottom: 0px !important;
}

.fitting-footer > img {
    bottom: -77px !important;
}

.fitting-footer img.prof-footer {
    cursor: pointer;
    z-index: -2 !important;
}

.fitting-icon-bg {
    background-image: url('https://forumstatic.ru/files/001c/17/73/14544.svg');
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.fitting textarea {
    width: 100%;
    height: 150px;
    font-family: mulish;
    pointer-events: auto;
}

.edit-modal {
    position: absolute;
    z-index: 1000;
    background-color: white;
    padding: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    width: 300px;
    box-sizing: border-box;
    cursor: move;
    font: 400 11px mulish;
    left: 230px;
}

.edit-modal-header {
    padding: 5px;
    background-color: #f0f0f0;
    cursor: move;
    margin-bottom: 10px;
}

.edit-modal textarea {
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
    background: #d9e4f5;
    font-family: mulish;
    cursor: auto;
}

.edit-modal .color-picker {
    display: none;
    padding: 10px;
    background-color: #f5f5f5;
    border-radius: 5px;
    margin-bottom: 10px;
}

.edit-modal .color-box {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 2px;
    border: 1px solid #ddd;
    cursor: pointer;
}

.edit-modal .color-preview {
    width: 100%;
    height: 30px;
    margin-top: 10px;
    border: 1px solid #ddd;
}

.edit-modal .button-container,
.edit-modal-buttons {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.edit-modal-buttons button,
.edit-modal button {
    margin-left: 10px;
    border-radius: 5px;
    border: none;
    font: 400 11px mulish;
    padding: 5px 10px;
    background: #d9e4f5;
    text-transform: lowercase;
    cursor: pointer;
}

.edit-modal button:first-child {
margin-right: auto;
    background-color: rgb(240, 240, 240);
}

.edit-modal label {
    width: fit-content;
}

.fitting-header img.prof-sticker {
    max-width: 100px;
    max-height: 100px;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.fitting-header img.prof-sticker:hover {
    opacity: 0.8;
}

.copy-notification {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0,0,0,0.7);
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    z-index: 1000;
    animation: fadeOut 1s ease 1s forwards;
}

.image-edit-modal button:first-child {
margin-right: auto;
}

@keyframes fadeOut {
    to { opacity: 0; transform: translateX(-50%) translateY(-20px); }
}




/* ������� */

.pls-chat-wrapper {
  width: 338px;
  height: 500px;
  position: relative;
  top: 20px;
  margin: 0 auto 30px;
  border-radius: 20px;
  background: #F5F5F5;
  box-shadow: 0px 4px 32.8px 0px rgba(187, 187, 187, 0.43);
}

.pls-soc-avatars {
  width: 298px;
  height: 35px;
  margin: -28px 20px;
  position: absolute;
  padding: 10px 0;
  background: url(https://forumstatic.ru/files/001c/69/a5/15298.svg) right center no-repeat;
}

.pls-soc-avatars img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  margin-right: 7px;
  border-radius: 50%;
  border: 3px solid rgb(230 230 230);
  box-shadow: 0px 4px 19px 0px rgba(181, 181, 181, 1)
}




.pls-soc-chat-wrapper {
  width: 298px;
  margin: auto;
  overflow: auto;
  max-height: 400px;
  position: absolute;
  left: 21px;
  bottom: 60px;
  display: flex;
  flex-direction: column;
}

.pls-left-msg,
.pls-right-msg {
  width: fit-content;
  max-width: 255px;
  position: relative;
  font: 500 11px Mulish;
  color: rgb(35 37 40);
  background: rgb(223 223 223);
  padding: 10px !important;
  margin-bottom: 20px !important;
  margin-right: 5px !important;
}

.pls-left-msg>img,
.pls-right-msg>img {
  margin: 0px;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.pls-left-msg {
  border-radius: 10px 10px 10px 0px;
}

.pls-right-msg {
  border-radius: 20px 20px 0px 20px;
  place-self: end;
}

.pls-left-msg::after,
.pls-right-msg::after {
  content: attr(data-msgtime);
  position: absolute;
  bottom: -13px;
  font: 500 9px Mulish;
  color: #737373;
}

.pls-left-msg::after {
  left: 0px;
}

.pls-right-msg::after {
  right: 0px;
}

.pls-right-voice,
.pls-left-voice {
  padding: 0px !important;
  background: transparent !important;
}

.pls-write-msg {
  background: url(https://forumstatic.ru/files/001c/69/a5/42963.svg) center no-repeat;
  height: 40px;
  width: 300px;
  margin: 8px 10px;
  position: absolute;
  bottom: 0px;
}

.pls-soc-avatars a {
  display: flex;
  align-items: center;
  margin: -7px 0 0 85px !important;
  box-shadow: none !important;
}

.pls-soc-avatars span {
  font: 700 11px Mulish;
  color: rgba(85, 85, 85, 1) !important;
}

.pls-soc-avatars a:hover {
  box-shadow: none !important;
}

.pls-socpost-wrapper {
  width: 338px;
  height: auto;
  position: relative;
  margin: auto;
  border-radius: 20px;
  background: #F5F5F5;
  box-shadow: 0px 4px 32.8px 0px rgba(187, 187, 187, 0.43);
}

.pls-socpost-wrapper>img {
  width: 290px;
  height: 300px;
  object-fit: cover;
  border-radius: 17px;
  margin: -15px 24px;

}

.pls-low-cont a {
  display: flex;
  align-items: center;
  box-shadow: none !important;
}

.pls-low-cont a img {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border: 2px solid rgba(215, 215, 215, 1);
  border-radius: 50%;
}

.pls-low-cont a span {
  font: 700 11px Mulish;
  color: rgba(85, 85, 85, 1) !important;
}

.pls-low-cont div {
  display: flex;
  gap: 5px;
}

.pls-low-cont div p {
  color: rgba(35, 37, 40, 0.7);
  font: 400 8px Mulish !important;
  display: flex;
  position: relative;
  align-items: center;
}

.pls-low-cont div p:first-child {
  margin-right: 10px !important;
}

.pls-low-cont div p::before {
  content: '';
  width: 18px;
  height: 18px;
  position: relative;
  display: block;
}

.pls-low-cont div p:first-child::before {
  background: url(https://forumstatic.ru/files/001c/69/a5/18099.svg) center no-repeat;
}

.pls-low-cont div p:last-child::before {
  background: url(https://forumstatic.ru/files/001c/69/a5/88639.svg) center no-repeat;
}

.pls-low-cont {
  display: flex;
  justify-content: space-between;
  margin: 25px 24px 0px;
  padding-bottom: 10px;
  align-items: center;
  border-bottom: 1px solid rgba(215, 215, 215, 1);
}

.pls-socpost-wrapper>p {
  font: Mulish !important;
  display: flex;
  justify-content: space-between;
  margin: 25px 24px 0px;
  padding-bottom: 10px;
  align-items: center;
  color: rgba(35, 37, 40, 1) !important;
  width: 290px;
  margin: 0 auto;
  padding-bottom: 20px !important;
  white-space: pre-line;
}

.pls-chat-wrapper>img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  margin: -35px 136px;
  position: absolute;
  border-radius: 50%;
  border: 4px solid rgb(230 230 230);
  box-shadow: 0px 4px 19px 0px rgba(181, 181, 181, 1);
}

.pls-soc-parameters {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 10px;
  width: 300px;
  padding: 80px 7px 7px 7px;
  justify-content: space-evenly;
  margin: 50px 12px 0px;
}

.pls-soc-parameters>p {
  display: flex;
  flex-direction: column;
  color: rgba(88, 88, 88, 1) !important;
  font: 400 9px Mulish !important;
  padding: 0px 11px !important;
  letter-spacing: .5px;
  align-items: center;
  flex: 1;
}

.pls-soc-parameters>p>span {
  font: 700 10px Mulish !important;
}

.pls-soc-parameters>div {
  position: absolute;
  top: 47px;
  font: 700 11px Mulish !important;

}

.pls-lastposts {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  width: 304px;
  margin: 0 17px;
  border-bottom: 1px solid rgba(215, 215, 215, 1);
}

.pls-lastphotos img {
  width: 60px;
  height: 65px;
  object-fit: cover;
  border-radius: 10px;
}

.pls-lastposts>div:first-child>img {
  width: 25px;
  height: 25px;
  object-fit: cover;
  border-radius: 50%;
  filter: grayscale(1);
  border: 1px solid rgba(150, 150, 150, 1);
  box-shadow: 0px 4px 19px 0px rgba(181, 181, 181, 1);
}

.pls-lastposts>div:first-child {
  width: 57px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.pls-lastposts>div>span {
  color: rgba(88, 88, 88, 1) !important;
  font-size: 30px;
  line-height: 75%;
}

.pls-lastphotos {
  width: 236px;
  height: 70px;
  display: flex;
  overflow-y: hidden;
  scroll-behavior: smooth;
  white-space: nowrap;
  gap: 7px;
}

.pls-soc-mainpage-photoblock {
  display: flex;
  gap: 9px;
  flex-direction: row;
  flex-wrap: wrap;
  width: 304px;
  height: 202px;
  margin: 29px 19px;
  overflow: auto;
}

.pls-soc-mainpage-photoblock img {
  width: 93px;
  height: 95px;
  border-radius: 10px;
  object-fit: cover;
}


.pls-soc-miniitems {
  background: url(https://forumstatic.ru/files/001c/69/a5/61737.svg) center no-repeat;
  width: 300px;
  height: 28px;
  position: absolute;
  bottom: 15px;
  left: 18px;
}

/*������ ���-����*/
.pls-left-msg::after, .pls-right-msg::after {
    width: 150px;
}


.pls-right-msg::after {
    text-align: right;
}



/*��������*/


         /* ����� ���������� ��������� */
.gallery-main {
    width: 450px;
    margin: 0 auto;
    background-color: var(--bg-1);
    border-radius: 15px;
    border: 1px solid var(--bg-2);
    padding: 15px;
    display: flex;
    flex-direction: column;
    box-shadow: 0px -3px 0px 0px #cacaca inset;
}

        /* ����� ����� ��� ���������� ���� */
.gallery {
display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: auto;
    margin: 0 auto;
    gap: 7px;
    padding-bottom: 5px;
}

        /* ����� ��� ������� �������� ������� */
.gallery-item {
    text-align: center;
    display: flex;
    flex-direction: column;
    width: 140px;
    align-items: center;
}

        /* ����� ��� ����������� */
        .gallery-item img {
    width: 140px;
    height: 140px;
    box-shadow: 0 4px 6px rgb(0 0 0 / 15%);
    object-fit: cover;
    border-radius: 10px;
    transition: all 0.3s ease-in-out !important;
        }

        /* ����� ��� �����������-����� */
        .gallery-item img:hover {
  scale:1.05;
        }

        /* ����� ��� �������� */
.gallery-item p {
    font-size: 8px;
    color: #333333;
    width: 140px;
    text-align: center;
    text-transform: uppercase !important;
    letter-spacing: 3px;
    margin-top: 10px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

        /* �������� ����� */

        .gallery-song {
color: #333;
    width: auto;
    text-align: center;
    border-top: 1px solid #cacaca;
    margin-top: 5px;
    font-family: 'Mulish';
    font-size: 8px;
    padding-top: 5px;
    margin-bottom: -5px;
    text-transform: uppercase !important;
    letter-spacing: 2px;
        }

.gallery-song p {
    text-align: center !important;
}



/* ������ �������� */

.pls-personalpage-wrapper {
  width: 892px;
  height: 550px;
  border-radius: 20px;
  position: relative;
  margin: 0 auto;
}

.pp-gb {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  /*filter: contrast(0.7) grayscale(30%);*/
}

.pp-stickers {
  z-index: 3;
  position: absolute;
  top: -40px;
  width: 100%;
}

.pp-stickers img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  position: absolute;

}

.pp-stickers img:first-child {
  transform: rotate(-10deg);
  top: 14px;
  left: -17px;
}

.pp-stickers img:nth-child(2) {
  transform: rotate(-10deg) scaleX(-1);
  top: 4px;
  right: 115px;
}

.pp-stickers img:last-child {
  transform: rotate(18deg);
  top: 9px;
  right: 25px;
}


.pp-profile {
    width: 157px;
    /* height: 176px; */
    border-radius: 10px;
    background: rgba(255, 255, 255, 1);
    position: absolute;
    z-index: 5;
    top: 130px;
    left: 16px;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    /* padding-top: 70px; */
    flex-direction: column;
}

.pp-profile a {
  width: 20px;
  height: 20px;
  background: url(https://forumstatic.ru/files/001c/69/a5/85509.svg) center no-repeat, rgba(255, 255, 255, 1);
  position: absolute;
  right: 11px !important;
  top: 11px;
  border-radius: 4px;
  transition: background var(--anim-hover) !important;
  padding: 0 !important;
  right: 16px;
}

.pp-profile a:hover {
  background: url(https://forumstatic.ru/files/001c/69/a5/85509.svg) center no-repeat, rgb(217, 229, 245);
  box-shadow: none !important;
}

.pp-profile img {
  width: 100px;
  height: 100px;
  border-radius: 10px;
  box-shadow: -2px 19px 38px -14px rgba(23, 48, 78, 0.5);
  object-fit: cover;
  position: absolute;
  z-index: 5;
  top: -34px;
  left: 15px;

}

.pp-profile p:first-of-type {
  max-height: 25px;
  margin-top: 62px;
  font: 700 12px Mulish !important;
  line-height: 12px !important;
  padding-bottom: 8px !important;
  text-align: left;margin-bottom: 0;
}

.pp-profile p:last-of-type {
  font: 400 9px Mulish !important;
  border-top: 1px solid rgba(35, 37, 40, 0.3);
  padding-top: 7px;
  line-height: 9px !important;
  text-transform: lowercase;
  overflow: hidden;
  max-height: 47px;
  opacity: .5;margin-top: 0;margin-bottom: 0;
}



.plzpp-tabs {
  display: flex;
  width: 400px;
  height: 250px;
}

.plzpp-tabs-buttons {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: absolute;
  top: 356px;
  left: 32px;
  z-index: 5;
}

.plzpp-tabs-buttons label {
  cursor: pointer;
  text-align: center;
  width: 128px;
  height: 28px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 1);
  padding: 7px 10px 9px 10px;
  box-sizing: border-box;
  position: relative;
  text-transform: lowercase;
  font: 400 12px Mulish !important;
  box-shadow: 0px 0px 0px 0px rgba(67, 121, 207, 0.66);
  transition: box-shadow .5s, background .5s, color .5s, transform .5s;

}

.plzpp-tabs-buttons label:hover {
    background: rgba(var(--bg-color));
    box-shadow: 0px 3px 10px -1px rgba(var(--bg-color),.5);
}

#plzpp-tab1:checked~.plzpp-tabs-buttons label[for="plzpp-tab1"],
#plzpp-tab2:checked~.plzpp-tabs-buttons label[for="plzpp-tab2"],
#plzpp-tab3:checked~.plzpp-tabs-buttons label[for="plzpp-tab3"],
#plzpp-tab4:checked~.plzpp-tabs-buttons label[for="plzpp-tab4"] {
    background: rgba(var(--color-accent1));
    color: rgba(255, 255, 255, 1);
    transform: translateX(15px);
    box-shadow: 0px 3px 10px -1px rgba(var(--color-accent1),.5);
}


.plzpp-tabs-content {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(242, 242, 242, 1);
  position: absolute;
  width: 790px;
  height: 470px;
  top: 56px;
  left: 120px;
  border-radius: 20px;
  box-sizing: border-box;
}

.plzpp-tab-content {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 25px 26px 61px 71px;
  box-sizing: border-box;

}

#plzpp-tab1:checked~.plzpp-tabs-content #content1 {
  display: flex;
}

#plzpp-tab2:checked~.plzpp-tabs-content #content2,
#plzpp-tab3:checked~.plzpp-tabs-content #content3,
#plzpp-tab4:checked~.plzpp-tabs-content #content4 {
  display: block;
}

/* input[type="radio"] {
  display: none;
} */

.lpzpp-headers-and-footers {
  width: 452px;
  height: 236px;
  display: flex;
  padding-right: 9px;
  border-right: 1px solid rgba(35, 37, 40, 0.3);
  flex-direction: column;
  align-content: flex-end;
  justify-content: flex-end;

}

.lpzpp-headers-and-footers>div {
  width: 450px;
  height: 213px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  overflow: auto;
}

.lpzpp-headers-and-footers>div>div {
  width: 70px;
  height: 211px;
  position: relative;
  overflow: hidden;
}

#content1 div {
  position: relative;
    z-index: 1;

}

#content1 div::before {
  content: attr(data-title);
  position: relative;
  top: -4px;
  text-align: right;
  display: block;
  width: 97%;
  font: 900 11px Mulish !important;

}

.lpzpp-headers-and-footers div img {
  height: 70px;
  width: 211px;
  object-fit: cover;
  border-radius: 10px;
  filter: contrast(0.7) grayscale(30%);
  transform: rotate(90deg);
  transform-origin: bottom left;
  position: absolute;
  top: -70px;
  left: 0;
}

.lpzpp-plaques {
  width: 229px;
  height: 224px;
  position: relative;
  padding: 9px 10px;
}

.lpzpp-plaques div {
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: 213px;
  overflow-y: auto;
  overflow-x: hidden;padding-right: 5px;
}



.lpzpp-plaques>div>.plz-plaque {
  width: 224px !important;
  height: 39px !important;
  border-radius: 10px;
  padding: 7px !important;
  flex-shrink: 0;bottom: auto;
}

.lpzpp-plaques>div>.plz-plaque p {
  font: 400 9px Mulish !important;
}

.lpzpp-icons {
  width: 129px;
  height: 114px;
  position: absolute !important;
  left: 71px;
  bottom: 61px;
  padding-right: 18px;
  padding-top: 7px;
  border-right: 1px solid rgba(35, 37, 40, 0.3)
}

.lpzpp-icons>div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  height: 99px;
  width: 136px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  padding-top: 2px;
  margin-left: 3px;
}

.lpzpp-icons div img {
  z-index: 10;
  width: 20px;
  height: 20px;
  left: 44%;
  object-fit: contain;
  padding: 3px;
  border-radius: 50%;
  background: rgb(var(--canvas-secondary));
}

.lpzpp-stickers {
  width: 228px;
  height: 114px;
  position: absolute !important;
  left: 203px;
  bottom: 61px;
  padding-right: 10px;
  padding-top: 6px;
  border-right: 1px solid rgba(35, 37, 40, 0.3);
}

.lpzpp-stickers>div {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  height: 100px;
  width: 190px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-left: 38px;
  justify-content: flex-end;
  padding-right: 5px;
}

.lpzpp-stickers div img {
  z-index: 10;
  width: 40px;
  height: 40px;
  object-fit: contain;
  padding: 4px 9px;
  border-radius: 10px;
  background: rgb(var(--canvas-secondary));
}



.lpzpp-pp-bg {
  width: 292px;
  height: 100px;
  position: absolute !important;
  right: 25px;
  bottom: 75px;
}

.lpzpp-pp-bg>div {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  height: 100px;
  width: 297px;
  overflow-y: auto;
  overflow-x: hidden;
  flex-direction: row;
  justify-content: flex-end;
}

.lpzpp-pp-bg div img {
  z-index: 10;
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 10px;
  filter: contrast(0.7) grayscale(30%);
}

.plzpp-tip {
  position: absolute !important;
  width: 693px;
  text-align: right;
  border-top: 1px solid rgba(35, 37, 40, 0.3);
  bottom: 0px;
  font: 500 10px Mulish;
  padding: 7px 0px 12px;
  right: 25px;
  color: rgba(35, 37, 40, 0.6);
}


.plzpp-tickets {
  width: 101%;
  height: 88%;
  padding: 0px 5px 0px 22px;
  margin-top: 30px;
  overflow: auto;
  box-sizing: border-box;
  display: flex;
  gap: 8px 24px;
  overflow-x: hidden;
  overflow-y: auto;
  flex-direction: row;
  flex-wrap: wrap;
}

.plzpp-saticket_1 {
  width: 318px;
  height: 166px;
  position: relative;
}

.plzpp-saticket_0 {
  width: 318px;
  height: 166px;
  position: relative;
  filter: grayscale(1) opacity(.5);
}

.plzpp-tickets>div>img {
  width: 318px;
  height: 166px;
  object-fit: cover;
}

.plzpp-tickets>div>p {
  width: 104px;
  height: 22px;
  font: 700 11px Mulish !important;
  position: absolute;
  top: 8px;
  left: 182px;
  box-sizing: border-box;
  text-align: center;
  padding: 4px !important;
  overflow: hidden;
  white-space: nowrap;margin: 0;
}

.plzpp-achievements {
  width: 670px;
  height: 304px;
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 24px 10px;
  margin: 48px 20px;
  padding-right: 4px;
}

.plzpp-achiev_1 {
  width: 124px;
  height: 140px;
  position: relative;
}

.plzpp-achiev_0 {
  width: 124px;
  height: 140px;
  position: relative;
  filter: grayscale(1) opacity(.5);
}

.plzpp-achievements>div>img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 12px;
  z-index: 1;
}

.plzpp-achievements>div>div {
  width: 124px;
  height: 98px;
  bottom: 0px;
  left: 0px;
  border-radius: 10px;
  padding: 10px;
  position: absolute;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 1);
}

.plzpp-achievements>div>div>p {
    font: 500 10px/10px var(--font-second) !important;
    bottom: 9px;
    position: absolute;
    height: 20px !important;
    width: 103px;
    text-align: center;
    overflow: hidden;
    margin: 0;
}

.plzpp-collection {
  position: relative;
}

.plzpp-collections {
  margin: 15px 30px;
  width: 635px;
  height: 381px;
  overflow: auto;
  padding: 0px 10px;
}

.plzpp-collection>div {
  display: flex;
  width: 627px;
  gap: 20px;
  align-items: flex-end;
  border-bottom: 1px dashed rgba(35, 37, 40, 0.3);
  justify-content: space-between;
  padding: 10px 0 20px;
}

.plzpp-collection p {
  font: 700 11px Mulish !important;
  position: absolute;
  top: 12px;
  left: 0px;margin: 0;
}

.plzpp-collection>div>img {
  width: 70px;
  height: 70px;
  object-fit: contain;
}

.plzpp-collection>div>div {
  background: url(https://forumstatic.ru/files/001c/69/a5/69273.svg) center no-repeat;
  width: 160px;
  height: 96px;
  font: 400 9px Mulish !important;
  color: rgba(35, 37, 40, 1);
  line-height: 9px !important;
  padding: 29px 10px 10px;
  box-sizing: border-box;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: lowercase;
}

.plzpp-collect-desc_0,
.plz-collect-item_0 {
  filter: grayscale(1) opacity(.4);
}

.plspp-twinks {
  z-index: 5;
  position: absolute;
  display: flex;
  top: 37px;
  left: 120px;
  height: 36px;
  width: 580px;
  overflow-x: auto;
  white-space: nowrap;
  overflow-y: hidden;
  padding-bottom: 5px;
  align-items: flex-end;
  white-space: nowrap;
  scroll-behavior: smooth;
}

.plspp-twinks::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}


.plspp-twinks a {
  background: rgba(230, 230, 230, 1) !important;
  padding: 5px 10px 7px 10px !important;
  transition: background .5s;
  font: 400 11px Mulish !important;
  border-radius: 100px;
  margin-left: 34px !important;
  color: rgba(35, 37, 40, 1) !important;
  position: relative;
  box-sizing: border-box;
}

.plspp-twinks a:hover {
  background: rgb(217, 229, 245) !important;
  box-shadow: none !important;
}

.plspp-twinks a::before {
  content: '';
  background: url(https://forumstatic.ru/files/001c/69/a5/50613.svg);
  width: 34px;
  height: 16px;
  position: absolute;
  left: -24px;
}

#text-left,
#text-right {
  height: 20px;
  width: 20px;
}


.reveal-modal {
  position: fixed !important;
  top: -100vh !important;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: top 0.4s ease-out, opacity 0.4s ease-out;
}

.reveal-modal.open {
  top: 10vh !important;
  opacity: 1;
}

.reveal-modal.small {
  width: 200px;
}

.reveal-modal.medium {
  width: 400px;
}

.reveal-modal.large {
  width: 600px;
}

.reveal-modal.xlarge {
  width: 800px;
  margin-left: -30px;
}

.reveal-modal .close-reveal-modal {
  font-size: 22px;
  position: absolute;
  top: 8px;
  right: 11px;
  color: #aaa;
  font-weight: bold;
  cursor: pointer;transition: opacity .5s
}



.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, .8);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
}

.reveal-modal {
  visibility: hidden;
  top: 100px;
  left: 50%;
  margin-left: -300px;
  width: 520px;
  position: absolute;
  z-index: 999999;
  padding: 30px 40px 34px;
  border-radius: 5px;
}



.reveal-modal .close-reveal-modal {
  font-size: 22px;
  line-height: .5;
  position: absolute;
  top: 8px;
  right: 11px;
  color: #aaa;
  text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
}



/*------------������ ���������------------*/


.coll_preview {
  width: fit-content;
  height: 100px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.coll_preview_name {
  font-family: Cormorant Infant;
  font-size: 12px;
  line-height: 25px;
  font-weight: 900;
  width: 200px;
  margin-top: 96px;
  position: absolute;
  text-align: center;
  color: rgb(var(--canvas-tertiary));
  background-color: rgb(var(--canvas-quarternary));
  border-radius: var(--bradius-minor);
  text-transform: uppercase;
  box-shadow: 0px 7px 13px -9px #000000a6;
  padding-left: 10px;
  padding-right: 10px;
}

.coll_preview_icons {
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  justify-content: center;
  gap: 25px;
  padding: 10px;
}

.coll_preview_icons img {
  width: 70px;
}

��

mybb@mybb.ru (��) — Fri, 11 Apr 2025 00:47:18 +0300

[html]
<section class='pls-bank'>
<div class='pls-bank-title'>�� . �� </div>

<div class='pls-bank-header'>
<div class='pls-bank-img'>
<p id='pls-store'>STORE</p>
<p id='pls-plaque-price'>�� $600</p>
</div>

<div class='pls-bank-icons'>
<p>�� $500</p>
<p>�� $800 (+200 �� )</p>
<div>
<img src='https://i.imgur.com/fFJTrJu.gif' />
<img src='https://i.imgur.com/WBSE5lK.gif' />
<img src='https://i.imgur.com/MOKqg2c.gif' />
<img src='https://i.imgur.com/Ruggf6V.gif' />
<img src='https://i.imgur.com/FKNtjZj.gif' />
<img src='https://i.imgur.com/CZjYjKM.gif' />
<img src='https://i.imgur.com/5EjMLTb.gif' />
<img src='https://i.imgur.com/wNdrVw4.gif' />
<img src='https://i.imgur.com/kZBuC8C.gif' />
<img src='https://i.imgur.com/6ANrx8B.gif' />
<img src='https://i.imgur.com/IIojzZl.gif' />
<img src='https://i.imgur.com/83YJ1V7.gif' />
<img src='https://i.imgur.com/bVCoBZl.gif' />
<img src='https://i.imgur.com/lds8Xwa.gif' />
<img src='https://i.imgur.com/lDYVjpv.gif' />
<img src='https://i.imgur.com/Ateznt3.gif' />
<img src='https://i.imgur.com/uQjWD5G.gif' />
<img src='https://i.imgur.com/LLepIvg.gif' />
<img src='https://i.imgur.com/kVo5K1r.gif' />
<img src='https://i.imgur.com/rRwanIS.gif' />
<img src='https://i.imgur.com/Np3ecF7.gif' />
<img src='https://i.imgur.com/KvQBm7U.gif' />
<img src='https://i.imgur.com/tT0gUJs.gif' />
<img src='https://i.imgur.com/IOiAzwi.gif' />
<img src='https://i.imgur.com/UBZqeAn.gif' />
<img src='https://i.imgur.com/3yz8Cem.gif' />
<img src='https://i.imgur.com/jGuoyHb.gif' />
<img src='https://i.imgur.com/zS1km92.gif' />
<img src='https://i.imgur.com/fhE5l0b.gif' />
<img src='https://i.imgur.com/SBUxuM8.gif' />
<img src='https://i.imgur.com/fcI8NF6.gif' />
<img src='https://i.imgur.com/XjvHZbr.gif' />

</div></div>

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

<div class='pls-bank-headers-footers'>
<p>�� $1000</p>
<p>�� , �� </p>
<div>
<div><img src='https://i.imgur.com/M1lDPY9.png' /></div>
<div><img src='https://i.imgur.com/AxQpOAH.png' /></div>
<div><img src='https://i.imgur.com/7OPfzUb.png' /></div>
<div><img src='https://i.imgur.com/P6DEmwx.png' /></div>
<div><img src='https://i.imgur.com/Q6zj8fV.png' /></div>
<div><img src='https://i.imgur.com/ZA1Wgfj.png' /></div>
<div><img src='https://i.imgur.com/VDTmn12.png' /></div>
<div><img src='https://i.imgur.com/COGgFh5.png' /></div>
<div><img src='https://i.imgur.com/JYhdCcl.png' /></div>
<div><img src='https://i.imgur.com/QezHFZp.png' /></div>
<div><img src='https://i.imgur.com/ZxRB3D9.png' /></div>
<div><img src='https://i.imgur.com/qcgaWKU.png' /></div>
<div><img src='https://i.imgur.com/yEb5vcY.png' /></div>
<div><img src='https://i.imgur.com/KGMkzow.png' /></div>
<div><img src='https://i.imgur.com/Yfxz6H2.png' /></div>
<div><img src='https://i.imgur.com/DQPRLCN.png' /></div>
<div><img src='https://i.imgur.com/iKVkfsy.png' /></div>
<div><img src='https://i.imgur.com/sYB41ln.png' /></div>
<div><img src='https://i.imgur.com/5X7NHLF.png' /></div>
<div><img src='https://i.imgur.com/fTjNhxk.png' /></div>
<div><img src='https://i.imgur.com/cZH4cgc.png' /></div>
<div><img src='https://i.imgur.com/w7HKSrI.png' /></div>
<div><img src='https://i.imgur.com/QY7y2Pw.png' /></div>
<div><img src='https://i.imgur.com/lZZGhki.png' /></div>
<div><img src='https://i.imgur.com/fY6bWF5.png' /></div>
<div><img src='https://i.imgur.com/Gqs1V0v.png' /></div>
<div><img src='https://i.imgur.com/4lRjuS2.png' /></div>
<div><img src='https://i.imgur.com/24Rq7g5.png' /></div>
<div><img src='https://i.imgur.com/bF2ROUK.png' /></div>
<div><img src='https://i.imgur.com/8ZA6UcU.png' /></div>

</div></div>

</div></div>

</section>
[/html]

� ��  �

[html]<style>
.rectangle-plah {
width: 230px;
height: 75px;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
padding: 6px 0;
box-sizing: border-box;
border-radius: var(--bradius-bottom);
background: var(--border-profile-color);
transition: background-color 0.3s, color 0.3s;
z-index: 1;
}

.rectangle-plah p {
padding: 0px !important;
font: var(--fw400) var(--fs9) var(--font-second-sa);
line-height: 135% !important;
color: rgb(var(--white));
text-transform: lowercase;
text-align: center;
word-break: break-word;
white-space: normal;
max-width: 100%;
font-size: var(--fs9) !important;
}

.controls {
display: flex;
flex-direction: column;
gap: 10px;
max-width: 230px;
margin-top: 20px;
}

.controls label {
display: flex;
flex-direction: column;
font: var(--fw400) var(--fs12) var(--font-second-sa);
gap: 4px;
}

.controls textarea {
resize: vertical;
width: 100%;
font: var(--fw400) var(--fs12) var(--font-second-sa);
padding: 4px;
border-radius: var(--bradius-minor);
border: 1px solid #ccc;
box-sizing: border-box;
}

.color-picker-wrapper {
display: flex;
align-items: center;
gap: 6px;
}

input[type="text"].hex-input {
width: 80px;
padding: 2px 5px;
font: var(--fw400) var(--fs12) var(--font-second-sa);
border: 1px solid #ccc;
border-radius: var(--bradius-minor);
box-sizing: border-box;
}

.copy-btn {
background: #e0e0e0;
border: 1px solid #bbb;
border-radius: var(--bradius-minor);
padding: 4px 6px;
cursor: pointer;
font-size: 12px;
line-height: 1;
user-select: none;
transition: background 0.2s;
}

.copy-btn:hover {
background: #d0d0d0;
}

.main-container {
display: flex;
gap: 30px;
align-items: flex-start;
}

.left-panel {
flex-shrink: 0;
}

.side-panel {
display: flex;
flex-direction: column;
align-items: center;
width: 230px;
}

.avatar-wrapper {
background: rgb(var(--canvas-secondary));
padding: 10px 25px 25px;
border-radius: var(--bradius);
margin-bottom: -30px;
z-index: 2;
}

.avatar-container {
position: relative;
width: 180px;
height: 180px;
overflow: hidden;
border-radius: var(--bradius-medium);
}

.avatar-container img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
border-radius: inherit;
}

.avatar-overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.4);
color: white;
display: flex;
align-items: center;
justify-content: center;
font: var(--fw500) var(--fs12) var(--font-second-sa);
opacity: 0;
transition: opacity 0.2s ease;
cursor: pointer;
text-align: center;
}

.avatar-container:hover .avatar-overlay {
opacity: 1;
}

.rectangle-preview {
width: 230px;
height: 30px;
background: rgba(0, 0, 0, 0.04);
display: flex;
align-items: center;
justify-content: center;
font: var(--fw400) var(--fs10) var(--font-second-sa);
border-radius: var(--bradius-minor);
}

/* �� */
.modal {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.4);
justify-content: center;
align-items: center;
z-index: 1000;
}

.modal-content {
background: #fff;
padding: 20px;
border-radius: var(--bradius-medium);
min-width: 300px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
display: flex;
flex-direction: column;
gap: 10px;
font: var(--fw400) var(--fs12) var(--font-second-sa);
}

.modal-buttons {
display: flex;
justify-content: space-between;
gap: 8px;
}

.modal-buttons button {
padding: 6px 10px;
font-size: 12px;
border-radius: var(--bradius-minor);
border: 1px solid #ccc;
background: #eee;
cursor: pointer;
transition: background 0.2s;
}

.modal-buttons button:hover {
background: #ddd;
}

.flex-column {
display: flex;
flex-direction: row;
gap: 20px;
justify-content: center;
}
</style>
<div class="flex-column">
<div class="controls">
<label>
��:
<textarea id="textInputt" rows="3">�� </textarea>
</label>

<label>
�� :
<div class="color-picker-wrapper">
<input type="color" id="bgColorPickerr" value="#b1a7a1" />
<input type="text" id="bgHex" class="hex-input" value="#b1a7a1" />
<button class="copy-btn" data-target="bgHex">⧉</button>
<button class="copy-btn eyedropper-btn" data-target="bg" title="��">🎯</button>
</div>
</label>
</div>

<div class="side-panel">
<div class="avatar-wrapper">
<div class="avatar-container" id="avatarContainer">
<img id="avatarImage" src="" alt="avatar" />
<div class="avatar-overlay" id="avatarOverlay">✏️ ��</div>
</div>
</div>

<div class="rectangle-plah" id="displayBox">
<p>�� </p>
</div>
</div>
</div>

<div class="modal" id="avatarModal">
<div class="modal-content">
<label>
�� :
<input style="min-width: 210px" type="text" id="avatarUrlInput" value="" />
</label>
<div class="modal-buttons">
<button id="applyAvatar">��</button>
<button id="resetAvatar">�� </button>
<button id="closeModal">��</button>
</div>
</div>
</div>
[/html]

[html]<script>
document.addEventListener("DOMContentLoaded", function () {
let fullAvatarURL = "";

if (FilesURL) {
if (UserAvatar) {
fullAvatarURL = FilesURL + UserAvatar;
}
}

const displayBox = document.getElementById("displayBox");
const textInputt = document.getElementById("textInputt");
const bgColorPickerr = document.getElementById("bgColorPickerr");
const textColorPickerr = document.getElementById("textColorPickerr");
const bgHex = document.getElementById("bgHex");
const textHex = document.getElementById("textHex");

console.log('displayBox', displayBox)

document.getElementById("avatarImage").src = fullAvatarURL;
document.getElementById("avatarUrlInput").value = fullAvatarURL;

textInputt.addEventListener("input", function () {
console.log("textInputt", textInputt.value);
const boxParagraph = displayBox.querySelector("p");
boxParagraph.innerHTML = textInputt.value.replace(/\n/g, "<br>");
});

bgColorPickerr.addEventListener("input", function () {
console.log("bgColorPickerr", bgColorPickerr.value);
displayBox.style.backgroundColor = bgColorPickerr.value;
bgHex.value = bgColorPickerr.value;
});

bgHex.addEventListener("input", function () {
console.log("bgHex", bgHex.value);
const val = bgHex.value;
if (/^#[0-9A-Fa-f]{6}$/.test(val)) {
bgColorPickerr.value = val;
displayBox.style.backgroundColor = val;
}
});

const copyButtons = document.querySelectorAll(".copy-btn");

copyButtons.forEach(function (btn) {
btn.addEventListener("click", function () {
const targetId = btn.getAttribute("data-target");
if (targetId) {
const input = document.getElementById(targetId);
input.select();
document.execCommand("copy");
btn.innerHTML = "✔";
setTimeout(function () {
btn.innerHTML = "⧉";
}, 1000);
}
});
});

const avatarModal = document.getElementById("avatarModal");
const avatarOverlay = document.getElementById("avatarOverlay");
const avatarImg = document.getElementById("avatarImage");
const avatarInput = document.getElementById("avatarUrlInput");

document.getElementById("avatarContainer").addEventListener("click", function () {
avatarModal.style.display = "flex";
avatarInput.value = avatarImg.src;
});

document.getElementById("closeModal").addEventListener("click", function () {
avatarModal.style.display = "none";
});

document.getElementById("applyAvatar").addEventListener("click", function () {
avatarImg.src = avatarInput.value;
avatarModal.style.display = "none";
});

document.getElementById("resetAvatar").addEventListener("click", function () {
document.getElementById("avatarImage").src = fullAvatarURL;
document.getElementById("avatarUrlInput").value = fullAvatarURL;
});

document.querySelectorAll(".eyedropper-btn").forEach(function (btn) {
btn.addEventListener("click", function () {
if (!window.EyeDropper) {
alert(
"�� :�\n�� Google Chrome �� Edge � ��."
);
return;
}

const eyeDropper = new EyeDropper();
eyeDropper.open().then(function (result) {
const hex = result.sRGBHex;
const target = btn.getAttribute("data-target");

if (target === "bg") {
bgColorPickerr.value = hex;
bgHex.value = hex;
displayBox.style.backgroundColor = hex;
} else if (target === "text") {
textColorPickerr.value = hex;
textHex.value = hex;
displayBox.querySelector("p").style.color = hex;
}

btn.innerHTML = "✅";
setTimeout(function () {
btn.innerHTML = "🎯";
}, 1000);
});
});
});

function decodeHtmlEntities(encodedStr) {
const textarea = document.createElement("textarea");
textarea.innerHTML = encodedStr;
return textarea.value;
}

const lzPreviewBox = document.getElementById("lz-preview");

if (lzPreviewBox) {
const lzData = UserFld2 || "";
const decodedLzData = decodeHtmlEntities(lzData);

lzPreviewBox.innerHTML = decodedLzData;
}

const fontSizeInput = document.getElementById("fontSizeInput");

if (fontSizeInput) {
fontSizeInput.addEventListener("input", function () {
const size = fontSizeInput.value;
displayBox.querySelector("p").style.fontSize = size + "px";
});
}
});
</script>[/html]

[html]
<button class="copy-to-reply-toform">
��
<div class="hidden-copy-code" style="display: none;">
��
1) �� :
�� : https://colorscheme.ru/html-colors.html - �� , �� .
2) �� (�� , �� min):
��: 40 ��
��: 40 ��
3) �� :
��
4) �� :
��
5) �� :
�� , ��
</div></button >
<button class="copy-to-reply-toform">
��
<div class="hidden-copy-code" style="display: none;">
��
1) �� :
�� : https://colorscheme.ru/html-colors.html - �� , �� .
2) �� : (�� , �� 2 � �� )
$200 - 1 ��
3) �� :
��
4) �� :
�� , ��
</div></button >
<button class="copy-to-reply-toform">
��
<div class="hidden-copy-code" style="display: none;">
��
1) �� :
�� (�� , �� ?) �� :
2) �� 
��
3) �� :
��
4) �� :
��
5) �� :
�� , ��
</div></button >
<button class="copy-to-reply-toform">
��
<div class="hidden-copy-code" style="display: none;">
��
1) �� :
��
2) �� :
��
3) �� :
��
4) �� :
�� , ��
</div></button >
<button class="copy-to-reply-toform">
�� /��
<div class="hidden-copy-code" style="display: none;">
��, ��
1) �� :
��
2) �� :
��
3) �� :
��
4) ��, �� +��:
��
5) �� :
�� , ��
</div></button >
<button class="copy-to-reply-toform">
��
<div class="hidden-copy-code" style="display: none;">
��
1) �� :
��
2) �� :
��
3) �� :
��
4) �� :
�� , ��
</div></button >
�� , �� .[/html]

[hideprofile]

��

mybb@mybb.ru (��) — Sat, 05 Apr 2025 13:45:45 +0300

[html]

<div class='pls-guest-links'>

�� , �� , �� -�� <br><br>

�� -�� -��, �� <br><br>

�� <b>�� </b>, �� <b>�� 3 ��</b> � �� 2 ��
</div>

<p>USA, Minneapolis + multilocation</p>
<a href='https://pls.rusff.me/profile.php?id=3'>kai</a>
<a href='https://pls.rusff.me/profile.php?id=4'>gascon</a>
<a href='https://pls.rusff.me/profile.php?id=6'>tony</a>
<a href='https://pls.rusff.me/profile.php?id=8'>carolina</a>
<a href='https://pls.rusff.me/profile.php?id=9'>pete</a>
</div>

<div class='pls-reserved' data-title='��'>

<div>

<span class='pls-date'><b>�� 05.04.2025</b> </span>
<span> choi yeonjun (d) � <a href='https://pls.rusff.me/profile.php?id=281'>casey yang</a> </span>
<span> ji changmin � <a href='https://pls.rusff.me/profile.php?id=282'>�� </a> </span>

<span class='pls-date'><b>�� 06.04.2025</b> </span>
<span> daisy edgar-jones � <a href='https://pls.rusff.me/profile.php?id=284'>maureen holloway</a> </span>
<span> ellie bamber � <a href='https://pls.rusff.me/profile.php?id=259'>�� </a> </span>
<span> jack falahee � <a href='https://pls.rusff.me/profile.php?id=261'>manuel cordova</a> </span>
<span>Jessica Chastain � <a href='https://pls.rusff.me/profile.php?id=260'>��</a> </span>

<span class='pls-date'><b>�� 07.04.2025</b> </span>
<span> alexandra daddario � <a href='https://pls.rusff.me/profile.php?id=187'>Mars</a> </span>
<span> bbno$ � <a href='https://pls.rusff.me/profile.php?id=291'>david babajanian</a> </span>
<span> charles leclerc � <a href='https://pls.rusff.me/profile.php?id=286'>dylan blake</a> </span>
<span> chase hudson � <a href='https://pls.rusff.me/profile.php?id=257'>escape</a> </span>
<span> cindy kimberly � <a href='https://pls.rusff.me/profile.php?id=283'>��</a> </span>
<span> lando norris� <a href='�� '>was</a> </span>
<span> lauren de graaf � <a href='https://pls.rusff.me/profile.php?id=288'>lovely</a> </span>
<span> morgan parriott � <a href='https://pls.rusff.me/profile.php?id=258'>red lights</a> </span>
<span> olga seryabkina � <a href='https://pls.rusff.me/profile.php?id=266'>mirage</a> </span>
<span class='pls-date'><b>�� 08.04.2025</b> </span>
<span> park sunghoon � <a href='https://pls.rusff.me/profile.php?id=108'>maeda haruto</a> </span>
<span> lee heesyung � <a href='https://pls.rusff.me/profile.php?id=108'>maeda haruto</a> </span>
</div>

</div>

<div class='pls-reserved' data-title='��'>

<div>
<span class='pls-date'><b>��</b> </span>
<span> alexa demi � <a href='https://pls.rusff.me/profile.php?id=6'>tony kavanagh</a> </span>
<span> bang chan � <a href='https://pls.rusff.me/profile.php?id=5'>jin moore</a> </span>
<span> damiano david � <a href='https://pls.rusff.me/profile.php?id=9'>pete marrone</a></span>
<span> g eazy � <a href='https://pls.rusff.me/profile.php?id=6'>tony kavanagh</a> </span>
<span> Dakota Johnson � <a href='https://pls.rusff.me/profile.php?id=6'>tony kavanagh</a> </span>
<span> tamino amir � <a href='https://pls.rusff.me/profile.php?id=4'>gascon bogarde</a> </span>
<span class='pls-date'><b>�� 28.04.2025</b> </span>
<span> halsey � <a href="https://pls.rusff.me/profile.php?id=61">irving knight</a> </span>
<span> theo james � <a href="https://pls.rusff.me/viewtopic.php?id=7&p=2#p88740">�� sawyer</a> </span>
<span class='pls-date'><b>�� 30.04.2025</b> </span>
<span> oliver jackson-cohen � <a href="https://pls.rusff.me/profile.php?id=44">vivien crain</a> </span>
<span class='pls-date'><b>�� 02.05.2025</b> </span>
<span> ben barnes � <a href="https://pls.rusff.me/profile.php?id=36">abigail mansoy</a> </span>
<span> Tom Holland � <a href="https://pls.rusff.me/profile.php?id=260">��</a> </span>
</div>

</div>

</section>[/html]

��:

<span> ��������� � <a href='������ �� �������'>���</a> </span>

[hideprofile]

so ci

��������

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

�������

��������

��

��

��

��