��

mybb@mybb.ru (Avtor) — Sat, 03 Feb 2024 20:58:13 +0300

��3

/* �� */
.faceclaims {
width: 600px;
background: var(--quote-color);
margin: 0 auto !important;
border: 1px solid var(--border-color) !important;
box-sizing: border-box;
padding: 1px 5px 10px;
}

.faceclaims .letters {
width: 21px;
height: 100px;
text-align: left;
margin: 30px 5px;
}

.faceclaims .letters span {
letter-spacing: 4px;
font-size: 16px;
color: var(--text-color);
font-family: Gill Sans;
line-height: 18px;
text-transform: lowercase;
white-space: nowrap;
}

.faceclaims .fclist {
display: flex;
margin: 20px;
margin-top: -140px;
}

.faceclaims .fcblock {
width: 100%;
box-sizing: border-box;
margin: 0 5px;
border-bottom: 1px solid var(--border-color) !important;
border-left: 1px solid var(--border-color) !important;
border-right: 1px solid var(--border-color) !important;
}

.faceclaims .fchead {
font-family: Gill Sans;
background: var(--quote);
width: 100%;
height: auto;
color: var(--white);
font-size: 10px;
letter-spacing: 0.5px;
text-align: center;
text-transform: uppercase;
padding: 5px 0px 5px;
border-radius: 0 0 10px 10px;
}

.faceclaims .fcs {
text-transform: lowercase;
letter-spacing: 0.4px;
max-height: 117px;
overflow-y: auto;
padding: 0 10px;
}

.faceclaims .fcs p {
margin: 5px 0 !important;
padding: 0 !important;
line-height: 10px !important;
text-align: left !important;
font-size: 10px !important;
font-family: var(--helvetica-regular);
}

.punbb .post-content p a {
color: var(--link-color);
}

.faceclaims .fcs span {
font-weight: 400;
font-family: var(--helvetica-bold);
}

.faceclaims .fcs::-webkit-scrollbar {
width: 3px !important;
height: 0;
}

/* �� */
.fb-ns {
display: block;
align: justify;
padding: 24px;
box-sizing: border-box;
background: url(http://upforme.ru/uploads/001a/f6/b2/2/574182.png) top center no-repeat, var(--quote-color);
width: 584px;
height: auto;
margin: 0 auto 20px !important;
border: 1px solid var(--border-color) !important;
position: relative;
}

.ns-ava {
position: absolute;
top: 20px;
left: calc(50% - 35px);
z-index: 50;
text-align: center;
width: 70px;
height: 70px;
border-radius: 70px;
box-shadow: 0 0 0 1px var(--accent-color1);
margin: 0 auto !important;
background: var(--accent-color2);
}

.ns-ava img {
border-radius: 70px;
width: 70px;
height: 70px;
filter: grayscale(1);
mix-blend-mode: soft-light;
}

.ns-nn {
top: 0;
display: block;
position: relative;
width: 100%;
height: 20px;
overflow: hidden;
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--accent-color1);
font-family: Gill Sans;
font-size: 12px;
text-align: center;
margin: 130px 180px 20px !important;
}

.ns-who {
display: block;
top: 200px;
left: -320px;
position: absolute;
line-height: 25px;
text-transform: uppercase;
text-align: center;
color: var(--accent-color1);
font-family: Gill Sans;
font-size: 14px;
letter-spacing: 1px;
box-sizing: border-box;
padding: 0 4px 0 340px;
}

.ns-text {
box-sizing: border-box;
height: auto;
font-size: 11px;
font-family: var(--helvetica-regular);
line-height: 20px;
color: var(--text-color);
letter-spacing: 0.3px;
position: relative;
display: block;
width: 100%;
margin: 0px auto !important;
}

.ns-text span:first-child {
position: absolute;
font-style: normal !important;
display: block;
top: -80px;
left: -24px;
width: 584px;
text-transform: uppercase;
text-align: center;
color: var(--white);
font-family: Gill Sans;
font-size: 10px;
letter-spacing: 0.5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background: var(--accent-color2);
}

.fb-ns a {
font-weight: 400 !important;
font-family: var(--helvetica-regular);
}

.block-aktiv a,
.b-para a {
color: var(--pun-color) !important;
}

.fb-ns a:hover {
opacity: 0.5;
}

.block-aktiv {
width: 100%;
display: flex;
position: absolute;
justify-content: center;
align-items: center;
bottom: 0px;
z-index: 1;
left: 0;
margin: 0px auto !important;
}

.left-aktiv,
.right-aktiv {
display: flex;
position: absolute;
justify-content: space-between;
align-items: center;
width: 126px;
text-align: center;
bottom: -15px;
}

.left-aktiv {
left: 140px;
}

.right-aktiv {
right: 140px;
}

.left-aktiv img,
.right-aktiv img {
border-radius: 50%;
max-width: 30px;
max-height: 30px;
filter: grayscale(1);
mix-blend-mode: soft-light;
}

.left-aktiv span,
.right-aktiv span {
background: var(--accent-color1);
border-radius: 50%;
}

.ep-aktiv {
text-transform: lowercase;
font-size: 10px;
letter-spacing: 0.4px;
display: flex;
width: 95px;
height: 64px;
padding: 0 10px;
box-sizing: border-box;
color: var(--pun-color);
font-family: var(--helvetica-regular);
text-align: center;
justify-content: center;
align-items: center;
flex-direction: column;
flex-wrap: nowrap;
line-height: 1;
position: absolute;
left: 0;
bottom: 21px;
}

.post-para {
display: flex;
justify-content: space-between;
align-items: center;
bottom: -25px;
left: -24px;
position: relative;
width: 582px;
height: 100px;
background: var(--quote);
box-sizing: border-box;
padding: 10px 4px 16px 120px;
}

.b-post {
text-align: justify;
text-transform: lowercase;
font-size: 9px;
width: 360px;
height: 64px;
line-height: 12px;
letter-spacing: 0.4px;
color: var(--text-color);
font-family: var(--helvetica-regular);
overflow-y: auto;
box-sizing: border-box;
padding: 0 5px;
}

.b-post::-webkit-scrollbar {
width: 3px !important;
height: 0;
}

.b-post::-webkit-scrollbar-thumb {
background: var(--white-medium) !important;
}

.b-post a {
color: var(--text-color) !important;
font-family: var(--helvetica-bold) !important;
}

.b-para {
display: flex;
width: 95px;
height: 64px;
padding: 0;
box-sizing: border-box;
color: var(--pun-color);
font-family: var(--helvetica-regular);
text-align: center;
justify-content: center;
align-items: center;
flex-direction: column;
flex-wrap: nowrap;
line-height: 1.4;
overflow: hidden;
bottom: 0;
}

.b-para img {
filter: grayscale(1);
mix-blend-mode: soft-light;
}

/* ��, �� */
#tmh-magaz {
position: relative;
width: 600px;
height: auto;
display: flex;
flex-direction: column;
margin: 30px auto 0;
}

#tmh-magaz input.hidden {
display: none;
}

#tmh-magaz .tabs {
height: -moz-fit-content;
height: fit-content;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
position: relative;
overflow: auto;
margin: 0 0 0px;
border-radius: 0 0 10px 10px;
border-top: 1px solid var(--border-color) !important;
border-left: 1px solid var(--border-color) !important;
border-right: 1px solid var(--border-color) !important;
}

#tmh-magaz #tab-1:checked ~ .tabs label[for=tab-1],
#tmh-magaz #tab-2:checked ~ .tabs label[for=tab-2],
#tmh-magaz #tab-3:checked ~ .tabs label[for=tab-3],
#tmh-magaz #tab-4:checked ~ .tabs label[for=tab-4],
#tmh-magaz #tab-5:checked ~ .tabs label[for=tab-5] {
background: var(--accent-color1);
color: var(--white);
}

#tmh-magaz label {
background: var(--quote);
color: var(--white);
margin: 0;
padding: 6px 10px;
width: 150px;
text-align: center;
transition: 150ms ease-in-out;
z-index: 1;
position: relative;
font-size: 10px;
font-family: Gill Sans;
text-transform: uppercase;
}

#tmh-magaz .tab-holder {
position: relative;
height: 270px;
z-index: 1;
width: 100%;
margin: 0 auto !important;
box-sizing: border-box;
padding: 0px;
}

#tmh-magaz #tab-1:checked ~ .tab-holder #tab-1,
#tmh-magaz #tab-2:checked ~ .tab-holder #tab-2,
#tmh-magaz #tab-3:checked ~ .tab-holder #tab-3,
#tmh-magaz #tab-4:checked ~ .tab-holder #tab-4,
#tmh-magaz #tab-5:checked ~ .tab-holder #tab-5 {
opacity: 1;
z-index: 1;
}

#tmh-magaz .tab {
opacity: 0;
position: absolute;
transition: opacity 150ms;
height: 270px;
width: 600px;
overflow: auto;
background: var(--quote-color);
box-sizing: border-box;
padding: 20px 20px;
margin: 0 !important;
left: 0;
top: -10px;
font-size: 14px;
border-bottom: 1px solid var(--border-color) !important;
border-left: 1px solid var(--border-color) !important;
border-right: 1px solid var(--border-color) !important;
}

#tmh-magaz .tab-content {
margin-top: 10px;
text-align: left;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 5px;
font-family: var(--helvetica-regular);
font-weight: 400;
font-size: 11px;
}

.bank-category {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 5px;
}

.bank-category.full {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}

.bank-category.full .bank-item {
width: 100%;
}

.bank-item {
margin: 0 0 10px;
width: 49%;
}

.bank-price {
font-weight: 400;
font-family: Gill Sans;
}

.tab-content ul {
padding: 0 !important;
}

.tab-content ul img {
margin: 4px;
}

#tmh-magaz .tab::-webkit-scrollbar {
width: 3px !important;
height: 0;
}

/*��
-------------------------------------------------------------*/
li.pl-quote.pl-reply {left: -120px;}

/* �� (��)
-------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@200&display=swap');
.insta {
width: 500px;
height: 300px;
background: #fff;
border-radius: 20px;
margin: 0 auto;
position: relative;
border: 1px solid var(--border-color) !important;
}

.insta-bb {
width: auto;
padding: 10px 10px 7px 10px;
}
.insta-nick11 {
font-size: 14px;
position: absolute;
font-weight: 700;
top: 20px;
left: 350px;
font-family: 'Archivo', sans-serif;
color: #696969;
}
.insta-name11 {
width: 180px;
position: absolute;
font-size: 14px;
font-weight: 700;
top: 120px;
right: 320px;
font-family: 'Archivo', sans-serif;
color: #696969;
}

img.ava11 {
position: absolute;
width: 70px;
height: 70px;
margin-top: 20px;
margin-left: -195px;
border-radius: 100%;
z-index:1;
}
.insta-ps {
width: 180px;
position: absolute;
font-size: 12px;
font-weight: 400;
top: 150px;
left: -20px;
color: #696969;
font-family: 'Archivo', sans-serif;
}
.insta-flr {
width: 180px;
position: absolute;
font-size: 12px;
font-weight: 400;
color: #696969;
top: 165px;
left: -30px;
font-family: 'Archivo', sans-serif;
}
.insta-flg {
width: 180px;
position: absolute;
font-size: 12px;
font-weight: 400;
color: #696969;
top: 180px;
left: -30px;
font-family: 'Archivo', sans-serif;
}
.insta-date {
width: 120px;
position: absolute;
font-size: 9px;
font-weight: 400;
top: 200px;
left: 30px;
text-align: justify;
font-family: 'Archivo', sans-serif;
color: #696969;
}
.insta-ps .dt {
top: 0px;
left: 37px;
color: #cecece;
}
.insta .ps:before {
content: "posts";
}
.insta-flr .dt {
top: 0px;
left: 47px;
color: #cecece;
}
.insta .flr:before {
content: "followers";
}
.insta-flg .dt {
top: 0px;
left: 47px;
color: #cecece;
}
.insta .flg:before {
content: "following";
}
img.foto1 {
position: absolute;
width: 90px;
height: 90px;
margin-top: 40px;
margin-left: -70px;
border-radius: 10px;
z-index:10;
}
img.foto2 {
position: absolute;
width: 90px;
height: 90px;
margin-top: 40px;
margin-left: 30px;
border-radius: 10px;
z-index:10;
}
img.foto3 {
position: absolute;
width: 90px;
height: 90px;
margin-top: 40px;
margin-left: 130px;
border-radius: 10px;100px;
z-index:10;
}
img.foto4 {
position: absolute;
width: 90px;
height: 90px;
margin-top: 150px;
margin-left: -70px;
border-radius: 10px;
z-index:10;
}
img.foto5 {
position: absolute;
width: 90px;
height: 90px;
margin-top: 150px;
margin-left: 30px;
border-radius: 10px;
z-index:10;
}
img.foto6 {
position: absolute;
width: 90px;
height: 90px;
margin-top: 150px;
margin-left: 130px;
border-radius: 10px;
z-index:10;
}

/* �� (��) ��
-------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@200&display=swap');
.insta-post11 {
width: 400px;
height: 500px;
background: #fff;
border-radius: 20px;
margin: 0 auto;
position: relative;
border: 1px solid var(--border-color) !important;
}

.insta-bb11 {
width: auto;
padding: 10px 10px 7px 10px;
}
.insta-nick11-post {
font-size: 14px;
position: absolute;
font-weight: 700;
top: 20px;
left: 230px;
font-family: 'Archivo', sans-serif;
color: #696969;
}
img.ava11-post {
position: absolute;
width: 40px;
height: 40px;
margin-top: 0px;
margin-left: -180px;
border-radius: 100%;
z-index:1;
}
img.foto-osn {
position: absolute;
width: 300px;
height: 300px;
margin-top: 60px;
margin-left: -150px;
border-radius: 20px;
z-index:10;
}
.insta-date-post {
width: 350px;
position: absolute;
font-size: 10px;
font-weight: 400;
top: 420px;
left: 35px;
text-align: justify;
font-family: 'Archivo', sans-serif;
color: #696969;
}
.insta-like11 {
width: 180px;
position: absolute;
font-size: 12px;
font-weight: 400;
top: 400px;
left: -40px;
color: #696969;
font-family: 'Archivo', sans-serif;
}
.insta-like11 .dt {
top: 0px;
left: 37px;
color: #cecece;
}
.insta-like11 .like11:before {
content: "likes";
}

/* �� (��) ��
-------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@200&display=swap');
.insta-comm11 {
width: 400px;
height: 100px;
background: #fff;
border-radius: 20px;
margin: 0 auto;
position: relative;
border: 1px solid var(--border-color) !important;
}

.insta-bb11 {
width: auto;
padding: 10px 10px 7px 10px;
}
img.ava11-comm {
position: absolute;
width: 40px;
height: 40px;
margin-top: 0px;
margin-left: -180px;
border-radius: 100%;
z-index:1;
}
.insta-date-comm11 {
width: 300px;
position: absolute;
font-size: 10px;
font-weight: 400;
top: 20px;
left: 70px;
text-align: justify;
font-family: 'Archivo', sans-serif;
color: #696969;
}
.insta-comm-like {
width: 180px;
position: absolute;
font-size: 12px;
font-weight: 400;
top: 70px;
left: -10px;
color: #696969;
font-family: 'Archivo', sans-serif;
}
.insta-comm-like .dt {
top: 0px;
left: 37px;
color: #cecece;
}
.insta-comm-like .comm12:before {
content: "likes";
}

/* �� (��) ��
-------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@200&display=swap');
.insta-podp {
width: 400px;
height: 70px;
background: #fff;
border-radius: 20px;
margin: 0 auto;
position: relative;
border: 1px solid var(--border-color) !important;
}

.insta-bb111 {
width: auto;
padding: 10px 10px 7px 10px;
}
img.ava11-podp {
position: absolute;
width: 40px;
height: 40px;
margin-top: 0px;
margin-left: -180px;
border-radius: 100%;
z-index:1;
}
.insta-date-podp {
width: 300px;
position: absolute;
font-size: 10px;
font-weight: 400;
top: 25px;
left: 70px;
text-align: justify;
font-family: 'Archivo', sans-serif;
color: #696969;
}

/* ��
-------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@200&display=swap');
.kniga {
width: 600px;
height: 400px;
background: #fff;
margin: 0 auto;
position: relative;
border: 1px solid var(--border-color) !important;
}

.kniga-bb {
width: auto;
padding: 10px 10px 7px 10px;
}

img.obl {
position: absolute;
width: 100px;
height: 151px;
margin-top: 10px;
margin-left: -265px;
z-index:1;
}

.nazv-nz {
width: 300px;
position: absolute;
font-size: 14px;
font-weight: 400;
top: 50px;
left: 200px;
color: #000;
font-family: 'Istok Web', sans-serif;
}

.nazv-nz .dt {
top: 0px;
left: -167px;
color: #696969;
font-size: 14px;
font-family: 'Istok Web', sans-serif;
}

.nazv-nz .nz:before {
content: "��:";
}

.autor {
width: 300px;
position: absolute;
font-size: 14px;
font-weight: 400;
top: 70px;
left: 117px;
color: #000;
font-family: 'Istok Web', sans-serif;
}

.autor .dt {
top: 0px;
left: -95px;
color: #696969;
font-size: 14px;
font-family: 'Istok Web', sans-serif;
}

.autor .au:before {
content: "��:";
}

.genre {
width: 300px;
position: absolute;
font-size: 14px;
font-weight: 400;
top: 90px;
left: 126px;
color: #000;
font-family: 'Istok Web', sans-serif;
}

.genre .dt {
top: 0px;
left: -105px;
color: #696969;
font-size: 14px;
font-family: 'Istok Web', sans-serif;
}

.genre .gr:before {
content: "��:";
}

.grade {
width: 200px;
position: absolute;
font-size: 14px;
font-weight: 400;
top: 110px;
left: 156px;
color: #000;
font-family: 'Istok Web', sans-serif;
}

.grade .dt {
top: 0px;
left: -80px;
color: #696969;
font-size: 14px;
font-family: 'Istok Web', sans-serif;
}

.grade .gd:before {
content: "��:";
}

.obsuj {
width: 200px;
position: absolute;
font-size: 14px;
font-weight: 400;
top: 130px;
left: 167px;
color: #000;
font-family: 'Istok Web', sans-serif;
}

.obsuj .dt {
top: 0px;
left: -75px;
color: #696969;
font-size: 14px;
font-family: 'Istok Web', sans-serif;
}

.obsuj .oj:before {
content: "��:";
}

.words {
width: 540px;
height: 160px;
top: 200px;
left: 20px;
font-size: 12px;
position: absolute;
padding: 10px;
font-family: 'Istok Web', sans-serif;
text-align: justify;
overflow-y: auto;
}

/*************************************************************

@hagalnaud�hingale for dead blonde
MESSENGER STYLES

**************************************************************/

/*************************************************************
main color messenger
**************************************************************/

:root {--color: #dedede;}

/*************************************************************
fonts messenger
**************************************************************/

@font-face {
font-family: 'IBMPlexSans';
src: url('https://forumstatic.ru/files/001b/9b/e5/60634.eot');
src: url('https://forumstatic.ru/files/001b/9b/e5/60634.eot?#iefix') format('embedded-opentype'),
url('https://forumstatic.ru/files/001b/9b/e5/78111.woff2') format('woff2'),
url('https://forumstatic.ru/files/001b/9b/e5/72018.woff') format('woff'),
url('https://forumstatic.ru/files/001b/9b/e5/80978.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/9b/e5/44792.svg') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: fa-solid;
src: url("https://forumstatic.ru/files/001b/73/d1/43250.ttf?v=1") format("truetype");
}
@font-face {
font-family: fa-regular;
src: url("https://forumstatic.ru/files/001b/73/d1/37687.ttf?v=1") format("truetype");
}

/*************************************************************
base messenger
**************************************************************/

.messenger {
width: 500px;
height: auto;
margin: 10px!important;
/* outline: 1px solid red; */
font-family: 'IBMPlexSans';
}

.head {
display: inline-flex;
gap: 10px;
width: 460px;
background: var(--color);
padding: 3px 20px;
border-radius: 20px 20px 0px 0px;
/* outline: 1px solid red; */
height: 37px;
align-items: center;
}

.head p {
padding: 4px 0 0!important;
color: white;
text-transform: uppercase;
line-height: 9px!important;
font-size: 7px;
width: 343px;
text-align: left;
}

.head p strong {
font-size: 12px;
}

.mess1 {
width: 500px;
display: inline-flex;
/* outline: 1px solid red; */
background: #f8f8f8;
flex-direction: column;
align-items: center;
padding: 10px 0px;
}

.mess1 span.emoji {
border: none;
}

.mess1 span.emoji img {
max-width: 30px;
}

.mess1 span.emoji mark {
margin-top: 34px;
}

img.ava {
border-radius: 100%;
width: 27px;
cursor: pointer;}

.mess1 span {
padding: 7px 6px;
border: 1px solid #e1e1e1 !important;
border-radius: 10px;
max-width: 192px;
font-size: 9px;
color: #acacac;
letter-spacing: 0.7px;
text-align: left;
}

.send {
width: 500px;
height: 37px;
display: inline-flex;
background: #e7e7e7;
border-radius: 0px 0px 20px 20px;
/* outline: 1px solid red; */
justify-content: center;
gap: 10px;
align-items: center;
}

.send span {
display: inline-flex;
background: #f0f0f0;
height: 19px;
border-radius: 13px;
width: 350px;
align-items: center;
padding: 1px 10px;
justify-content: space-between;
color: #919191;
font-size: 9px;
}

.answer {
display: block;
border-left: 3px solid var(--color) !important;
padding-left: 6px;
margin-left: 10px;
text-align: left;
}

.mess1 span img {
max-width: 190px;
border-radius: 5px;
}

.mess1 mark {
background: none;
display: block;
float: right;
margin-left: -13px;
margin-top: 16px;
font-size: 6px;
color: #919191cf;
}

.left, .right {
width: 480px;
/* outline: 1px solid red; */
padding: 9px 10px;
display: inline-flex;
align-items: flex-end;
gap: 7px;
}

.left {
justify-content: flex-start;
}

.right {
justify-content: flex-end;
}

/*************************************************************
icons messenger
**************************************************************/

.taps {
display: inline-flex;
gap: 5px;
}

.tap:before {
font-family: 'fa-solid';
position: relative;
color: #ffffff;
background-image: none!important;
font-size: 13px;
cursor: pointer;
}

.tap.back:before {
content: "\f053";
padding-right: 7px;
}

.tap.video:before {
content: "\f03d";
}

.tap.call:before {
content: "\f095";
}

.tap.options:before {
content: "\f142";
}

.tap.smile:before {
content: "\f118";
padding: 4px;
font-family: fa-regular;
background: #f2f2f2;
border-radius: 100%;
color: #919191;
}

.tap.add:before {
content: "\f0c6";
color: #919191;
}

.tap.photo:before {
content: "\f030";
color: #919191;
}

.tap.mic:before {
content: "\f130";
display: inline-flex;
width: 20px;
height: 20px;
color: white!important;
background: var(--color);
border-radius: 100%;
justify-content: center;
align-items: center;
}
/*************************************************************
spoiler messenger
**************************************************************/

summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;}
summary {
width: 200px;
padding: 0.3em 0.6em 0.3em 1.7em!important;
display: inline-block;
cursor: pointer;
position: relative;
font-size: 9px;
font-weight: bold;
letter-spacing: 0px;
margin-top: 25px!important;
text-transform: uppercase;
font-family: 'IBMPlexSans';
}
summary:before {
left: 0.3em;
top: 0.4em;
color: transparent;
background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41OSAxNi4zNGw0LjU4LTQuNTktNC41OC00LjU5TDEwIDUuNzVsNiA2LTYgNnoiLz48L3N2Zz4=) no-repeat 47% 47% / 2em 2em;
opacity: 0.6;
width: 1em;
height: 1em;
content: "";
position: absolute;
transition: transform .5s;
}
details[open] > summary:before {
transform: rotateZ(90deg);
}
summary ~ * {
padding:0 1em 0 1em;
}
details[open] summary ~ *{
animation: sweep .5s ease-in-out;
}
@keyframes sweep {
0% {opacity: 0;}
100% {opacity: 1;}
}
summary:focus {
outline:0;
}
details {
display: block;
margin-bottom: 0.5rem;
background: url(https://forumstatic.ru/files/001b/d5/6a/62216.png) no-repeat left top;
}

/*************************************************************

@hagalnaud�hingale for dead blonde
MESSENGER STYLES

**************************************************************/

/* �� */
#ppage, #ppage1 {
position: relative;
}

.ppage {
background: url(http://upforme.ru/uploads/001a/f6/b2/2/429448.png) no-repeat;
width: 700px;
height: 500px;
margin-left: 125px!important;
margin-top: 10px!important;
z-index: 1;
}

.ppage1 {
width: 700px;
height: 160px;
margin-left: 120px!important;
margin-top: 10px!important;
z-index: 2;
}

.ppage pic {
position: relative;
left: 555px;
top: -40px;
}

.ppage pic img {
max-width: 60px;
max-height: 60px;
border: 6px solid var(--white) !important;
}

.ppage name {
position: absolute;
display: block;
height: auto;
width: 200px;
margin-left: 490px;
margin-top: -30px;
color: var(--accent-color1);
justify-content: center;
align-items: center;
text-align: center;
position: relative;
line-height: 15px;
font-family: Gill Sans;
font-size: 12px;
text-transform: uppercase;
}
.ppage music {
position: relative;
display: block;
height: auto;
width: 200px;
font-family: var(--helvetica-regular);
font-size: 10px;
color: var(--text-color);
padding: 0 5px;
margin-top: 230px;
margin-left: 480px;
justify-content: center;
align-items: center;
text-align: center;
}

.ppage insta {
position: relative;
top: 0px;
left: 530px;
}

.ppage insta img {
position: absolute;
display: block;
width: 200px;
max-width: 20px;
max-height: 20px;
}

.ppage prof {
position: relative;
display: block;
width: 200px;
height: auto;
margin-top: -240px;
margin-left: 490px;
color: var(--accent-color2);
justify-content: center;
align-items: center;
text-align: center;
line-height: 15px;
font-family: Gill Sans;
font-size: 8px;
text-transform: lowercase;
}

.ppage love {
position: relative;
display: block;
width: 200px;
height: auto;
margin-top: 0px;
margin-left: 485px;
color: var(--accent-color1);
justify-content: center;
align-items: center;
text-align: center;
line-height: 15px;
font-family: Gill Sans;
font-size: 9px;
text-transform: uppercase;
}

.ppage zz {
position: relative;
display: block;
width: 200px;
height: auto;
margin-top: 30px;
margin-left: 490px;
color: var(--grey);
justify-content: center;
align-items: center;
text-align: center;
line-height: 15px;
font-family: Gill Sans;
font-size: 12px;
font-stile: bold;
text-transform: uppercase;
}

.ppage temp {
position: relative;
display: block;
width: 200px;
height: auto;
margin-top: 20px;
margin-left: 490px;
color: var(--grey);
justify-content: center;
align-items: center;
text-align: center;
line-height: 15px;
font-family: Gill Sans;
font-size: 12px;
font-stile: bold;
text-transform: uppercase;
}

.ppage mbti {
position: relative;
display: block;
width: 200px;
height: auto;
margin-top: 20px;
margin-left: 490px;
color: var(--grey);
justify-content: center;
align-items: center;
text-align: center;
line-height: 15px;
font-family: Gill Sans;
font-size: 12px;
font-stile: bold;
text-transform: uppercase;
}

.tabs #two-tab {margin-top: 10px;}

#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel{
display:block;
}

#one:checked ~ .panels #one-panel {
background-image: url(https://upforme.ru/uploads/001a/f6/b2/2/84537.png);
width: 426px;
height: 301px;
}

#two:checked ~ .panels #two-panel {
background-image: url(https://upforme.ru/uploads/001a/f6/b2/2/934660.png);
width: 426px;
height: 301px;
margin-top: 140px;
margin-left: -30px;
}

.ppage .tab{
cursor: pointer;
background-image: url(https://upforme.ru/uploads/001a/f6/b2/2/487123.png);
width: 30px;
height: 20px;
display: block;
margin-top: -100px;
margin-left: 480px;
color: transparent;
}

#one:checked ~ .tabs #one-tab, #two:checked ~ .tabs #two-tab {
background-image: url(https://upforme.ru/uploads/001a/f6/b2/2/670020.png);
background-repeat: no-repeat;
color: transparent;
transition: 0.5s;
}

.panel {
display: none;
animation: fadein .8s;
}

.panels {
max-height: 301px;
max-width: 426px;
position: relative;
top: -140px;
left: 30px;
}

.panel block1{
position: absolute;
width: 406px;
height: 50px;
margin-left: 10px;
margin-top: 7px;
}

.panel block1 icon {
height: 50px !important;
width: 406px;
overflow-y: auto;
text-align: center;
display: block;
justify-content: start;
align-items: center;
gap: 10px;
line-height: 1;
width: 100%;
}

.panel block2 {
position: absolute;
width: 416px;
height: 190px;
margin-top: 95px;
}

.panel block2 plash {
height: 190px;
overflow-y: auto;
gap: 10px;
display: block;
align-items: center;
width: 100%;
line-height: 1;
gap: 10px;
text-align: center;
}

.panel block3 {
position: absolute;
width: 406px;
height: 100px;
margin-top: 7px;
margin-left: 10px;
}

.panel block3 dost {
height: 100px !important;
width: 406px;
overflow-y: auto;
text-align: left;
display: block;
justify-content: start;
align-items: center;
gap: 10px;
line-height: 1;
width: 100%;
}

.panel block4 {
position: absolute;
width: 426px;
height: 160px;
margin-top: 140px;
margin-left: 0px;
}

.panel block4 cup {
height: 160px !important;
width: 426px;
text-align: center;
display: block;
justify-content: start;
align-items: center;
gap: 10px;
line-height: 1;
width: 100%;
}

.panel block1 icon::-webkit-scrollbar {width: 4px !important; height: 0;}
.panel block2 plash::-webkit-scrollbar { width: 4px !important; height: 0;}
.panel block3 dost::-webkit-scrollbar { width: 4px !important; height: 0;}

@keyframes fadein {
from {
opacity:0;
}
to {
opacity:1;
}
}

.radio{
display:none;
}

/*�� */
.grayscale {
filter: grayscale(100%);
}

/*************** sns ��****************/
/***************** �� https://hangang.ru/profile.php?id=5 *****************/

.tmh-sns {
margin: 0 auto!important;
width: 349px;
min-height: 91px;
padding: 0 0 46px!important;
box-sizing: border-box;
border: 1px solid var(--two1)!important;
background: url(https://forumstatic.ru/files/001b/ae/0f/15924.png) no-repeat top, url(https://forumstatic.ru/files/001b/ae/0f/78114.png) no-repeat bottom #ab9c8f;
border-radius: 30px;
}

.tmh-sns .username {
font-family: var(--font6);
font-weight: 600;
text-transform: uppercase;
color: #fff;
font-size: 12px;
height: 12px;
width: 180px;
margin: 10px 0 0 75px!important;
text-align: left;
overflow: hidden;
}

.tmh-sns .userpic {
margin: 7px 0 0 36px!important;
position: absolute;
}

.tmh-sns .avatar {
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #e6e6e9!important;
object-fit: cover;
filter: grayscale(30%);
opacity: .9;
}

.tmh-sns .main {
background: #f9f6f6;
padding: 15px!important;
width: 100%;
margin: 20px 0 0!important;
box-sizing: border-box;
max-height: 520px;
overflow-y: auto;
}

.tmh-sns .main::-webkit-scrollbar {
width: 3px;
background: rgb(248, 248, 248);
}

.tmh-sns .main::-webkit-scrollbar-thumb {
width: 3px;
background: #c8c8c8;
}

.tmh-sns .msg {
font-size: 10px;
color: var(--three1);
display: flex;
font-weight: 600;
}

.tmh-sns .msg:not(:first-child) {
margin-top: 15px!important;
}

.tmh-sns-right .msg {
flex-direction: row-reverse;
}

.tmh-sns-left .msg__content {
display: flex;
flex-wrap: wrap;
}

.tmh-sns-right .msg__content {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
justify-content: end;
-webkit-justify-content: end;
width: 90%;
}

.tmh-sns .msg__content>*:not(:first-child) {
margin-top: 7px!important;
}

.tmh-sns-left .msg__userpic {
margin: 0 10px 0 0!important;
}

.tmh-sns-right .msg__userpic {
margin: 0 0 0 10px!important;
}

.tmh-sns .msg__text,
.tmh-sns .msg__voice {
background: var(--one2);
border: 1px solid #e2e2e2!important;
border-radius: 10px;
padding: 10px!important;
width: fit-content;
}

.tmh-sns .msg__text img {
max-width: 11px !important;
max-height: 11px !important;
}

.tmh-sns .last-call .msg__text {
padding-right: 25px!important;
text-transform: uppercase;
position: relative;
}

.tmh-sns .last-call .msg__text::after {
content: '\f095';
position: absolute;
margin: -1px 0 0 4px!important;
font-family: 'Font Awesome 6 Free';
font-size: 14px;
}

.tmh-sns .voice .msg__text::before {
content: '';
background: url(https://forumstatic.ru/files/001b/ae/0f/84534.png) left repeat-x;
display: block;
height: 25px;
width: 200px;
opacity: .7;
}

.tmh-sns details {
width: 200px;
margin: 3px 0 0!important;
}

.tmh-sns details[open] summary {
margin: 0 0 3px!important;
}

.tmh-sns details summary {
text-transform: uppercase;
}

.tmh-sns .msg__time {
text-align: left;
width: 100%;
margin: 2px 0 0 5px !important;
position: relative;
}

.tmh-sns-right .msg__time {
text-align: right;
width: 100%;
margin: 2px 17px 0 0 !important;
}

.tmh-sns .msg__time::after {
content: '\f560';
width: 10px;
height: 10px;
position: absolute;
margin: 1px 0 0 3px!important;
font-family: 'Font Awesome 6 Free';
color: var(--one1);
}

.tmh-sns .last-call .msg__time::after {
content: '\f060';
rotate: -45deg;
margin: 3px 0 0 3px!important;
}

.tmh-sns .msg__picture {
width: 100%;
}

.tmh-sns-right .msg__picture {
text-align: right;
}

.tmh-sns .msg__picture img {
max-width: 80%;
border-radius: 7px;
grid-area: pic;
border: 1px solid #e6e6e9!important;
}

/*�� */
del {
filter: blur(2px) opacity(100%);
color: #1f1f1f;
text-decoration: none;

}

del:hover {
filter: none;
color: #333438;
}

.plashki a:not(#counters a) {
min-width: 180px;
text-align: center;
height: 40px;
font-size: 12px;
background: #f4f4f4;
margin: 10px 15px;
border-radius: 0;
text-decoration: none;
color: #292623;
border: 1px solid #aaaaaa4a;
overflow: hidden;
box-shadow: 0px 0px 10px #acacac59;
transition-duration: 1s;
outline: 1px solid #a5a5a5;
border-radius: 5px;
}

/*#pun-announcement .container .html-box*/ .plashki {
margin-top: -15px !important;
}

/*#pun-announcement .container .html-box a img {
height: 40px;
width: 40px;
float: left;
}*/

#pun-announcement .container .html-box a p.one {
font-size: 16px;
color: #a7a7a7;
margin-top: 5px;
font-family: bezpredmetizm;
text-transform: uppercase;
}

#pun-announcement .container .html-box a p.two {
font-size: 10px;
color: #505050;
margin-top: 1px;
font-family: 'Bellota Text';
}

.plashki a:hover:not(#counters a) {
min-width: 180px;
text-align: center;
height: 40px;
font-size: 12px;
background: c0c0c0 url();
margin: 10px 15px;
border-radius: 0;
text-decoration: none;
color: #b5b5b5;
border: 1px solid #c9c1a6;
overflow: hidden;
box-shadow: 0px 0px 10px #7f7f7f29;
transform: scale(.91);
filter: sepia(.1);
transition-duration: 1s;
border-radius: 10px;
}

**��**

.punbb table Div.icon {
background: url("http://forumstatic.ru/files/001b/fb/40/98831.png");
}

tr.inew div.icon {
background: url("http://forumstatic.ru/files/001b/fb/f0/95713.png");

}

tr.iclosed div.icon {
background: url("http://forumstatic.ru/files/001b/fb/f0/83179.png");

}

tr.iredirect div.icon {
background: url("http://forumstatic.ru/files/001b/fb/f0/95713.png");

}

tr.isticky div.icon {
background-image: url("http://forumstatic.ru/files/001b/fb/f0/88496.png");

}

/*�� */
.hoverort {
opacity: 0.4;
transition-duration: 0.66s;
-webkit-transition-duration: 0.66s;
-moz-transition-duration: 0.66s;
-o-transition-duration: 0.66s;
-ms-transition-duration: 0.66s;
}
.hoverort:hover {
opacity: 1.0;
}

/* text boxes */
textarea#main-reply {height: 200px; width: 100% !important; font-family: Verdana; background: url(http://upforme.ru/uploads/001a/e8/a5/2/603074.png) bottom center no-repeat;}
input:active, textarea:active {outline: none;}
:focus {outline: none;}
.formal .container {padding: 0 20px 0 30px;}

/*----�� ----*/
/*
#counters A IMG{opacity:0.6;-moz-opacity:0.4;filter:alpha(opacity=40);}
#counters a:hover img {
opacity: 1.0;
-moz-opacity: 1.0;
filter: alpha(opacity=50);
transition-duration: 2s;
}
*/

/*�� */
* {
scrollbar-width: thin;
}

Test2

fhj

��

��

��

��

��

��

Test2

fhj

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

������

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

����

�����

����

��

��

��

��

��

��