Код:

/*************************************************************
КОДЫ И ГРАФИКА BLANCHE v.2022.0
у нас есть мастерская на рено, обращайтесь <З
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
части кодов можно свободно брать в личное пользование, если вы оставите мое копи в стиле вашего диза
давайте уважать труды, да и просто друг друга <З
**************************************************************

I. ШРИФТЫ, ТЕКСТ И ССЫЛКИ / ПЕРЕМЕННЫЕ
-------------------------------------------------------------*/
@import url(style_cs.css);
@import url("https://kit-pro.fontawesome.com/releases/v5.15.1/css/pro.min.css");
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC&family=Raleway:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Cuprum&family=Yeseva+One&display=swap');
@font-face { font-family: Helvetica Neue;
src: local("HelveticaNeueCyr-Roman"), url(//forumstatic.ru/files/001a/28/10/91623.ttf) format('truetype');}
@font-face { font-family: Helvetica Bold;
src: local("Helvetica-Bold"), url(//forumstatic.ru/files/001b/7c/28/10452.ttf) format('truetype');}
@font-face { font-family: Iglets;
src: local("Iglets"), url(//forumstatic.ru/files/001b/7c/28/62690.ttf) format('truetype');}
@font-face { font-family: Frankie Friends;
src: local("FrankieFriendsRegular"), url(//forumstatic.ru/files/001b/7c/28/41710.ttf) format('truetype');}
@font-face { font-family: AGBengaly;
src: local("AGBengaly-Roman"), url(https://forumstatic.ru/files/001b/7c/28/71965.ttf) format('truetype');}
@font-face { font-family: AGBengaly Bold;
src: local("AGBengaly-Bold"), url(https://forumstatic.ru/files/001b/7c/28/43014.ttf) format('truetype');}
@font-face { font-family: century gothic;
src: local("centurygothic"), url(https://forumstatic.ru/files/001b/7c/28/22441.ttf) format('truetype');}

@font-face { font-family: Dirtyline;
src: local("Dirtyline36Daysoftype2022-Reg"), url(https://forumstatic.ru/files/001b/7c/28/55534.ttf) format('truetype');}
@font-face { font-family: Aesthetic;
src: local("91418"), url(https://forumstatic.ru/files/001a/28/10/91418.ttf) format('truetype');}

:root {
--bg: url(https://forumstatic.ru/files/001b/7c/28/16418.jpg) no-repeat center top/cover fixed;
--pun-bg: url(https://forumstatic.ru/files/001b/7c/28/48564.png) top left repeat fixed, var(--bg);
--postsh: #64636780;
--basicfont: 'Helvetica Neue'; --accentfont: 'Lighthaus'; --fawe: 'Font Awesome 5 Pro';
--trans1: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.3s 0.2s linear; --trans2: all .3s cubic-bezier(.64,.51,.55,1.16) 0s; --trans3: all 0.5s;

/* акцент */
--accent1: #bda68f;
--accent-d1: 184, 171, 158;
--accent-l1: #ddc5ad;
--accent-l2: #ccbdae;
--accent-l3: #efece8;

/* база */
--basic1: 86, 77, 94;
--basic2: 81, 77, 88;
--basic-d1: #625f68;
--basic-d2: 84, 79, 91;
--basic-l1: 163, 162, 165;
--basic-l2: #d0ced2;
--basic-l3: #e9e6ed;

--jud-accent1: #b13e3e;
--jud-accent2: #cacaca;
--jud-basic1: #151515;
--jud-basic2: #f0f0f0;

--jud-font: 'Century Gothic'; 
--jud-font1: AGBengaly;

--jud-bord: 2px solid #df918b;

--judfont1: 'Helvetica Bold';
--judbg: url(https://forumstatic.ru/files/001b/7c/28/39739.jpg) no-repeat center top/cover fixed;
}



/* цвет текста на форуме + зачеркнутого */
.punbb, del:hover, #topic-users-in a:after {font: normal 68.75% verdana, arial, helvetica, sans-serif; 
    color: rgba(var(--basic-l1));}

/* ссылки до и после наведения */
.punbb a, .punbb #List-UserNames li>b {text-decoration:none; transition: var(--trans1); color: var(--accent1);}
#pun-admain a, #MyBookmarks span.scrl.t, #MyBookmarks span.scrl.b {color: var(--accent1) !important;}
.punbb a:hover, .punbb a:focus, .punbb a:active {color: #a7a6af;}

/* зачеркнутый текст */
del {filter: blur(1px); text-decoration: none; transition: var(--trans1); opacity: .5;} del:hover { font: inherit; filter: none; opacity: 1;}





/* II. ФОН, ТЕЛО
-------------------------------------------------------------*/
/* фон */
body {overflow-x: hidden; background: var(--bg) #989295;} 

/* тело */
#pun {margin: 30px auto; position: relative; border-radius: 15px; background: var(--pun-bg); width: 1000px; box-shadow: 0 0 0 1px #9e9ba3 inset, 0 0 0 1px #746e78, 0 0 20px inset #46424b80, 0 0 20px #57525733;}
.punbb {height: auto; padding: 15px 25px 15px 37px; position: relative; margin-bottom: -80px;}

#pun-index #pun-main .category .container {margin: 0 !important; z-index: 2;}
#pun-index #pun-main .category .container, .post-box, #pun-viewforum #pun-main .forum .container, #pun-viewforum #pun-main .category .container, #pun-respect #pun-main .container, #pun-positive #pun-main .container, #pun-online #pun-main .section.online-list .container, #pun-messages #messages .fs-box, #pun-searchtopics #pun-main .forum .container, .punbb textarea, table#filetable {padding: 20px; border-radius: 7px; position: relative; color: var(--basic-d1);
    background: #dbdbdb;
    box-shadow: 0 0 0 1px inset #dbdbdb, 0 0 0 2px inset #acaab0, 0 0 0 1px #605c65, 0 0 20px inset #c8c3ce, 0 0 10px var(--postsh);}

/* псевдоэлемент тела © blanche. брать можно только с копирайтом */
#pun:before {content: ''; position: absolute; width: 15px; height: 100%;    background: #fcf7f247;    border-radius: 15px 0 0 15px;    border-right: 1px solid #bbbabd;    border-left: 1px solid #b1b1b1;}



/* ДЖУДА */
body.jud {background: url(https://forumstatic.ru/files/001b/7c/28/46282.jpg) repeat-y top center fixed var(--jud-basic1);}
.jud #pun {    background: transparent;    box-shadow: none; border-radius: 20px;    margin-top: 145px;}
.jud #pun:before {    background: transparent;    width: 246px;    border-radius: 20px 0 0 20px;    border: 1px solid #5a5a5a;    left: -1px;    height: calc(100% - 2px);    border-right: none;}
.jud #pun:after {    background: url(https://forumstatic.ru/files/001b/7c/28/53763.png);    width: 1250px;    height: 517px;    border: none;    top: -145px;    left: -120px;}
.jud .punbb {    padding: 0;}
.jud .punbb:before {    content: '';    background: url(https://forumstatic.ru/files/001b/7c/28/84012.jpg);    width: 294px;    height: 147px;    position: absolute;    top: -145px;    left: 99px;    z-index: -1;}

.jud #pun-index #pun-main .category .container, .jud .post-box, .jud #pun-viewforum #pun-main .forum .container, .jud #pun-viewforum #pun-main .category .container, .jud #pun-respect #pun-main .container, .jud #pun-positive #pun-main .container, .jud #pun-online #pun-main .section.online-list .container, .jud #pun-messages #messages .fs-box, .jud #pun-searchtopics #pun-main .forum .container, .jud table#filetable, .jud #pun-stats .statscon, .jud #post, .jud #pun-movetopic #pun-main .container {    background: transparent;    box-shadow: none;    border: var(--jud-bord) !important;    border-left: none !important;    border-radius: 0 20px 20px 0; position: relative; color: var(--jud-basic1)}
.jud #pun-index #pun-main #pun-category1 .container {    border-top: none !important;    border-top-right-radius: 0;}
.jud #pun-index #pun-main .category .container:before, .jud #pun-stats .statscon:before {    content: '';    border: 2px solid var(--jud-basic1);    position: absolute;    width: 242px;    top: -2px;    left: 0px;    height: 100%;}
.jud #pun-index .main .tcr a, .jud #pun-index .main .tcr .lastpost {    color: var(--jud-basic1) !important;}
.jud #post {    border-radius: 0;    border-top: none !important; border-bottom: none !important;}
.jud #post:before {    content: '';    position: absolute;    width: calc(100% - 246px) !important;    left: 246px;    top: -60px;    height: 60px !important;      z-index: 0; margin-top: 0 !important}

.jud .punbb, .jud del:hover, .jud #topic-users-in a:after {color: var(--jud-basic1)}
.jud .punbb a {color: var(--jud-accent1)}





/* III. ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ, ПРИВЕТСТВИЕ, НАВИГАЦИЯ ПО ТЕМАМ
-------------------------------------------------------------*/
#pun-ulinks, #pun-about .item1 {font-family: var(--basicfont);text-transform: uppercase;font-size: 6.5px;letter-spacing: 1px;width: 948px;text-align: center;}

#pun-ulinks {position: absolute;top: 0px;z-index: 0;} 
#pun-ulinks li:after {    content: '\2726';    color: rgba(var(--accent-d1));    font-size: 10px; transition: var(--trans1)}
#pun-ulinks li a {    padding: 4px 10px;    display: inline-flex;    justify-content: center;    align-items: center;    align-content: center;    position: relative; transition: var(--trans2);color: rgba(var(--basic-l1));}

#pun-ulinks li a:hover {color: rgba(var(--accent-d1))}
#pun-ulinks li:hover a {transform: scale(1.3);}
#pun-ulinks li a:before {content: ''; width: 70%; height: 30px; position: absolute; border-radius: 50%; filter: blur(9px); opacity: 0; transition: var(--trans2); z-index: -1; top: 10px;
        background: #958d9b8f;}
#pun-ulinks li:hover a:before {opacity: 1;}

#pun-ulinks .item7:last-child {display: inline-block !important;}
#pun-navlinks li, #pun-ulinks li {display: inline; margin: 0px;} 

#pun-ulinks:hover li a, #pun-ulinks:hover li:after {opacity: .3} #pun-ulinks li a:hover {opacity: 1;}

/* НАВИГАЦИЯ ИКОНКАМИ © blanche. брать можно только с копирайтом */
/* закреп */
#pun-navlinks {position: sticky; top: 200px;}
#pun-navlinks .container {left: -33px; position: absolute;}

/* стиль и анимация */
#pun-navlinks, #pun-navlinks a {outline: none !important; z-index: 9999;}
#pun-navlinks li a:before, #navpr_1 a:before, span.num_msg:before {font-family: var(--fawe);font-size: 13px;transition: var(--trans2); display: block; font-weight: bold;}
#pun-navlinks li a {    height: 25px;    display: flex;    width: 25px;    background: rgba(var(--accent-d1));     border-radius: 5px; align-content: center;    align-items: center;    justify-content: center;   color: var(--basic-l3);}
#pun-navlinks .container li a {    margin: 10px 0;}
#pun-navlinks li a span, #navpr_1 a:after, #navadmin a:after, #navlogout a:after {    width: 0px;    transition: all .5s !important;    font-size: 0px;    font-family: var(--basicfont);    text-transform: uppercase;    letter-spacing: 1px;    margin: 0 -10px 0 10px;    opacity: 0;}
#pun-navlinks a:hover span, #navpr_1 a:hover:after, #navadmin a:hover:after, #navlogout a:hover:after {transition: all 0.5s;width: 80px;font-size: 8px; opacity: 1;}
#pun-navlinks a:not(p a):hover {padding-right: 60px !important; margin-left: -90px !important;    padding-left: 30px !important; background: rgba(var(--accent-d1), .5); box-shadow: 0 0 0 1px inset rgba(var(--accent-d1));}

/* содержимое */
#navadmin a span, #navlogout a span {display: none;}
#navindex a:before {content: "\f80c";}
#navuserlist a:before {content: "\f007";}
#navsearch a:before {content: "\f002";}
#navprofile a:before {content: "\f004";}
#navpm a:before {content: "\f0e0";}
#navadmin a:before {content: "\f013";} #navadmin a:after {    content: 'админка';}
#navlogout a:first-child:before, #navlogin a:before {content: "\f1d8";} #navlogout a:first-child:after {content: 'твинки';}
#navpr_1 a:before {content: '\f0a1';} #navpr_1 a:after {content: 'пиар'}
#navregister a:before {content: '\e036';}
#pun-navlinks #New-exit:before {content: '\f08b'; }
#pun-navlinks #New-exit:after {content: 'выйти';}

/* ВЫДЕЛЕНИЕ НАВИГАЦИИ © blanche. брать можно только с копирайтом */
#pun-index #navindex a, #pun-userlist #navuserlist a, #pun-search #navsearch a, #pun-profile #navprofile a, #pun-messages #navpm a, #pun-register #navregister a, #pun-login #navlogin a {background: rgba(var(--basic2)); box-shadow: 0 0 0 1px inset rgba(var(--basic2)); color: rgba(var(--accent-d1));}
#pun-index #navindex a:hover, #pun-userlist #navuserlist a:hover, #pun-search #navsearch a:hover, #pun-profile #navprofile a:hover, #pun-messages #navpm a:hover, #pun-register #navregister a:hover, #pun-login #navlogin a:hover {background: rgba(var(--basic2),.5);}
#pun-index #navindex a:before, #pun-userlist #navuserlist a:before, #pun-search #navsearch a:before, #pun-profile #navprofile a:before, #pun-messages #navpm a:before, #pun-register #navregister a:before, #pun-login #navlogin a:before {    font-weight: 100;}

#pun-navlinks li p a {    display: inline-block;    text-align: center;    width: auto !important;    height: 10px !important;    background: transparent !important;    margin: 0px !important;}

/* привет, ваш посл визит */
#pun-status {position: absolute; z-index: 2; width: 250px; text-align: right;
    top: 148px;
    right: 50px;}
span.status_userava  {float: right;       margin-left: 10px; } 
span.status_userava, span.status_userava img {width: 35px;    height: 35px;    object-fit: cover; transition: var(--trans1); border-radius: 5px;}
#pun-status .item1 {color: rgba(var(--basic1)) !important; transition: var(--trans1);    right: 0;    top: -31px;}
#pun-status .item1, #pun-status .item2, #pun-status .item2 strong {    display: block;}
#pun-status .item2 {width: 120px; float: right; font-size: 9px;    margin-top: 5px;    height: 25px;    overflow: hidden;    line-height: 12px;}

#pun-status, #pun-announcement par b, #pun-announcement pos, .nov par b, .nov .par b {    font-family: var(--basicfont);    font-size: 9px;    letter-spacing: .5px;    text-transform: lowercase;}
#pun-status, #pun-status a, #pun-announcement pos {color: var(--basic-l3);}
#pun-status .item1, #pun-announcement par b, #pun-announcement pos a, .nov par b, .nov .par b {    text-transform: uppercase;    font-size: 8px;}

span.item1 strong, span.item2 strong, #profile-left #pa-avatar strong, .pa-author strong {font-weight: normal !important;}

/* навигация по темам */
#pun-crumbs1, #pun-crumbs2 {font-family: var(--basicfont); letter-spacing: .5px; font-size: 9px; text-transform: uppercase;  text-align: center;    width: 100%;    margin: 10px 0;}
#pun-crumbs1 p.container.crumbs, #pun-crumbs2 p.container.crumbs {margin: 0;}
#pun-crumbs1 a {    z-index: 2;    position: relative;}
#pun-crumbs1, #pun-crumbs2, #pun-crumbs1 a, #pun-crumbs2 a, #pun-crumbs1 .container a:after, #pun-crumbs2 .container a:after, #onlinelist .e4, #onlinelist .e4 a {color: #bbb8bf !important;}
#pun-crumbs1 a:first-of-type, #pun-crumbs2 a:first-of-type, #pun-crumbs1 a:hover, #pun-crumbs2 a:hover {    color: var(--accent1);}
#pun-crumbs1 .container a:after, #pun-crumbs2 .container a:after {content: '\2726'; margin: 0 2px 0 4px;}



/* ДЖУДА */
.jud #pun-ulinks li:after, .jud #pun-ulinks li a:before, .jud span.status_userava {display: none;}

.jud #pun-navlinks .container {    left: -61px;}
.jud #pun-navlinks li a {    background: var(--jud-accent1);    width: 30px;    height: 30px;    border-radius: 15px;}
.jud #pun-navlinks li a:hover {    background: var(--jud-accent1);    box-shadow: none;    color: var(--jud-accent2);}
.jud #pun-index #navindex a, .jud #pun-userlist #navuserlist a, .jud #pun-search #navsearch a, .jud #pun-profile #navprofile a, .jud #pun-messages #navpm a, .jud #pun-register #navregister a, .jud #pun-login #navlogin a {    background: var(--jud-accent2);    box-shadow: none; color: var(--jud-basic1)}
.jud #pun-navlinks li a:before, .jud #navpr_1 a:before {font-weight: 100}
.jud #navprofile a:before {    margin-top: 2px;}
.jud #navadmin a:before {    margin-top: 1px;}
.jud #navlogout a:first-child:before, .jud #navlogin a:before {    margin: 1px 0 0 -2px;}
.jud #navpm a:before {    margin-top: 1px;}

.jud #pun-crumbs1, .jud #pun-crumbs2 {    font-family: var(--jud-font);    font-size: 10px;   margin: 0 0px 0 248px;    width: 752px;    position: relative;    z-index: 1;}
.jud #pun-crumbs1 {    padding: 40px 0 20px 0; }
.jud #pun-crumbs2 {    padding: 15px 0;     margin-top: -9px;}
.jud #pun-crumbs1:before, .jud #pun-crumbs2:after, .jud #pun-post #post-form #post:after {    content: '';   background: var(--jud-basic2);    position: absolute;    border: var(--jud-bord);        border-left: none;    z-index: -1;}
.jud #pun-crumbs1:before, .jud #pun-crumbs2:after {    width: 100%;    height: 100%;    right: 0px;}
.jud #pun-post #post-form #post:after {width: 752px;    height: 20px;right: -2px; bottom: -18px !important}
.jud #pun-crumbs1:before {    top: 0px;     border-top-right-radius: 20px;}
.jud #pun-crumbs1:before { border-bottom: none;border-bottom-right-radius: 0px;}
.jud #pun-viewtopic #pun-crumbs1:before, .jud #pun-viewforum #pun-crumbs1:before, .jud #pun-searchposts #pun-crumbs1:before {border-bottom: var(--jud-bord); border-bottom-right-radius: 20px;}
.jud #pun-crumbs2:after, .jud #pun-post #post-form #post:after {    bottom: 0px; border-top: none;     border-bottom-right-radius: 20px;}
.jud #pun-crumbs1, .jud #pun-crumbs2, .jud #pun-crumbs1 a, .jud #pun-crumbs2 a {    color: var(--jud-basic1);}
.jud #pun-crumbs1 a:first-of-type, .jud #pun-crumbs2 a:first-of-type, .jud #pun-crumbs1 a:hover, .jud #pun-crumbs2 a:hover, .jud #pun-crumbs1 .container a:after, .jud #pun-crumbs2 .container a:after {    color: var(--jud-accent1);}
.jud #pun-viewforum #pun-crumbs2:after, .jud #pun-searchposts #pun-crumbs2:after, .jud #pun-viewtopic .formal .container:before {    border-top-right-radius: 20px;    border-top: var(--jud-bord);}
.jud #pun-viewtopic .formal .container:not(#tags .container):before {    content: '';    width: 752px;    height: 40px;    position: absolute;    right: 0;    margin-top: -5px;    border-right: var(--jud-bord);}

.jud #pun-ulinks { z-index: 2;    right: 10px;    width: 744px;    text-align: right;    font-family: var(--jud-font);    font-size: 7px; top: 5px;}
.jud #pun-ulinks li a {    color: var(--jud-accent1);    padding: 3px 7px;}

.jud #pun-status {    top: 6px;   left: 0;    width: 235px;    z-index: 3;    font-family: var(--jud-font);    letter-spacing: 1.5px;    -webkit-text-stroke: 0.4px;}
.jud #pun-status .item1 {    position: relative;    top: 0;    width: 100%;    text-transform: lowercase;    font-size: 7px;    letter-spacing: 2px;}
.jud #pun-status .item1 strong {    font-family: var(--jud-font);    display: inline-block;    font-size: 7px;    text-transform: uppercase;    border: none;    height: auto;    line-height: 5px;    margin-top: 0;    -webkit-text-stroke: 0px;color: var(--jud-basic2);}
.jud #pun-status, .jud #pun-status a, .jud #pun-status .item1 {    color: var(--jud-accent1) !important;}
.jud #pun-status .item2 {    width: 100%;    font-size: 7px;    margin-top: 0;}
.jud #pun-status .item2 strong {    display: inline-block;    margin-left: 4px;}
.jud #pun-post .post.toppost {    margin-top: 18px;}





/* IV. ПОДФОРУМ НА ГЛАВНОЙ
-------------------------------------------------------------*/
#pun-main, #pun-admain {    position: relative;    min-height: 200px;}
.punbb .main .tcmod {width: 2%;}
#pun-index .tcl {overflow: hidden;text-align: left;}
#pun-index .tcl h3 {margin: 0;}
table {    width: 100%;}
#pun-index .tcr {width: 60%}

/* весь блок подфорума */
.hasicon .alt1, .hasicon .alt2, .forum .container tr, #messages tr, .section .container tr {    transition: var(--trans1);    position: relative;    display: flex;    align-items: center;    justify-content: space-between;    padding: 0 10px;    margin: 0 -10px;}
.hasicon .alt1, .hasicon .alt2 {height: 65px;}
.forum .container tbody.hasicon tr, #messages tr, .section .container tr {height: 40px;}
.hasicon .alt1:after, .hasicon .alt2:after, .forum .container tbody tr:not(:last-of-type):after, #messages tr:not(:last-of-type):after, .section .container tr:not(:last-of-type):after {content: ''; width: calc(100% - 100px); height: 1px; position: absolute; left: 55px;
    background: linear-gradient(90deg, #c9c6cc, #dbdbdb, #c9c6cc);}
.forum .container tbody tr:not(:last-of-type):after, #messages tr:not(:last-of-type):after, .section .container tr:not(:last-of-type):after {margin-top: 40px; left: 10px; width: calc(100% - 20px); transition: var(--trans1)}

/* название */
#pun-index .tcl h3 a { text-transform: lowercase;    font-family: var(--accentfont) !important;    font-size: 14px !important;    letter-spacing: 1px; display: block;    margin-bottom: 10px;    -webkit-text-stroke: .2px;}
#pun-index .main .tcr .lastpost, #pun-index .tcl a, #pun-index .subforums:after {color: rgba(var(--basic1), .6); transition: var(--trans1)}
#pun-index .tcl:hover a {opacity: .5}  #pun-index .tcl:hover h3 a, #pun-index .tcl a:hover {opacity: 1}
#pun-index .main .tcr a, #pun-index .tcl h3 a {color: rgba(var(--basic1))}

/* аватар */
.punbb .user-avatar .avatar-image, .user-avatar {    height: 25px !important;    width: 25px !important; border-radius: 50%;    transition: var(--trans1);}
.user-avatar { background: var(--basic-l2) !important;}
.punbb .user-avatar .avatar-image {    opacity: .4 !important;    transition: var(--trans3);      mix-blend-mode: luminosity;}
.punbb .user-avatar .isonline {top: -1px !important;    right: -6px !important;    background: rgba(var(--accent-d1)) !important;}
#pun-index .tcr .user-avatar {margin: 7px 0px 0px 11px;float: right;}
#pun-index .tcr .user-avatar a {border: none !important;    margin: 0px !important;}
#pun-viewforum .tcr .user-avatar {margin: 0 0 0 10px;    order: 1;}

#pun-index .main .tcr {padding: 0; transition: var(--trans1);}
#pun-index .subforums {display: inline-block;}
.subforums, #pun-index .main .tcr, #pun-index .tcl a {font-family: var(--basicfont);    text-transform: uppercase;}
#pun-index .tcr a {    font-size: 9.5px;    letter-spacing: 1px;  display: block;  }
#pun-index .tcr .lastpost, #pun-index .subforums a, #pun-index .tcl a {     font-size: 10px;    letter-spacing: .5px;    text-transform: lowercase;    font-family: var(--basicfont);}
#pun-index .tcl a:not(:last-child):after, #pun-index .subforums:after {    content: '•';    margin: 0 5px;    vertical-align: middle;    font-size: 6px;}
#pun-index .subforums:after {    margin-top: -4px;    display: inline-block;}

/* наводилки */
.hasicon .alt1:hover, .hasicon .alt2:hover, .forum .container tr:hover, #messages tr:hover, .section .container tr:hover {border-radius: 10px; background: #ffffff4a; margin: 0 5px;}
.forum .container tr:hover:after, #messages tr:hover:after, .section .container tr:hover:after {opacity: 0;}
.forum .container thead tr:hover, #messages thead tr:hover, .section .container thead tr:hover {background: transparent; margin: 0 -10px;}
.forum .container tr td:first-child:before, #messages tr td:first-child:before, .section .container tr td:first-child:before {    content: '';    background: #d6dbda;    width: 100%;    height: 1px;    position: absolute;    left: 10px;    top: 0;    opacity: 0;    transition: var(--trans1);}
.forum .container tr:hover td:first-child:before, #messages tr:hover td:first-child:before, .section .container tr:hover td:first-child:before {    left: -10px;    opacity: 1; width: calc(100% + 20px)}

/*.alt1:hover a, .alt1:hover .tcr .lastpost, .alt2:hover a, .alt2:hover .tcr .lastpost, #pun-index .inew a, #pun-index .inew .lastpost {            color: rgba(var(--accent-d1)) !important;}*/
#pun-index .alt1:hover .tcr .user-avatar, #pun-index .alt2:hover .tcr .user-avatar, #pun-index .inew .tcr .user-avatar {    background: var(--accent-l1) !important;} /* иконка */

.pun-modal.rating_theme .container tr {    height: auto;    padding: 0;    margin: 0;    display: table-row;}
.pun-modal.rating_theme .container tr:hover {background: transparent}



/* ДЖУДА */
.jud .hasicon .alt1:after, .jud .hasicon .alt2:after, .jud .forum .container tbody tr:not(:last-of-type):after, .jud #messages tr:not(:last-of-type):after, .jud .section .container tr:not(:last-of-type):after {    background: #2c2c2c;    left: -10px;    width: 100%;}
.jud .hasicon .alt1:hover, .jud .hasicon .alt2:hover, .jud .forum .container tr:hover, .jud #messages tr:hover, .jud .section .container tr:hover {background: transparent; margin: 0 -10px;}

.jud #pun-index .tcl {    width: 60%;}
.jud #pun-index .intd {    display: flex;    flex-direction: row;    justify-content: space-between;    align-items: center;height: 70px;}
.jud #pun-index .tcl a {    color: var(--jud-basic2) !important;    font-size: 9px;    letter-spacing: 1px;}
.jud #pun-index .tcl h3 {    width: inherit;    margin-top: -10px;}
.jud #pun-index .tcl h3 a, .jud #onlinelist .e1, .jud #onlinelist .e1 a, .jud #onlinelist .e3, .jud #onlinelist .e3 a {    font-family: var(--jud-font1) Bold !important;    font-size: 25px !important;    letter-spacing: 0;    -webkit-text-stroke: 0;    color: var(--jud-accent1) !important; }
.jud #pun-index .tcl h3 a {margin-top: -5px;}
.jud .subforums, .jud #pun-index .main .tcr, .jud #pun-index .tcl a {    font-family: var(--jud-font);}
.jud #pun-index .tclcon {    width: 224px;}

.jud .punbb .user-avatar .avatar-image, .jud .user-avatar {    width: 30px !important;    height: 30px !important;    opacity: 1 !important;    position: relative;    z-index: 1;}
.jud .user-avatar {    background: var(--jud-accent1) !important;    box-shadow: 0 0 0 1px #5a5a5a !important;    margin-top: 3px !important;}
.jud .punbb .user-avatar .avatar-image {mix-blend-mode: soft-light;    filter: grayscale(1);}
.jud .punbb .user-avatar .isonline {    background: var(--jud-basic1) !important;}
.jud #pun-index .alt1:hover .tcr .user-avatar, .jud #pun-index .alt2:hover .tcr .user-avatar, .jud #pun-index .inew .tcr .user-avatar {    background: var(--jud-accent1) !important;}
.jud .forum .container tr:hover:after, .jud #messages tr:hover:after, .jud .section .container tr:hover:after {opacity: 1;}
.jud .forum .container tr td:first-child:before, .jud #messages tr td:first-child:before, .jud .section .container tr td:first-child:before {display: none;}





/* V. ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum .tcl {width: 70%} #pun-viewforum .tcr {width: 40%;     display: flex;    align-items: center;    justify-content: flex-end;}
#pun-viewforum .tcl, #pun-viewforum .tcr, #pun-viewforum .tc2, #pun-viewforum .tc3 {text-transform: lowercase;    font-family: var(--basicfont);    font-size: 10px; letter-spacing: .5px;}
#pun-viewforum .tcl h3 {font-size: 10px !important;}
#pun-messages .modmenu a {    bottom: -46px;    left: 459px;    position: absolute;    z-index: 9;}
#pun-viewforum .category td.tcr a {display: block;margin-top: -10px;}
#pun-viewforum .category td.tcr .lastpost {margin-right: 36px;display: block; transition: var(--trans1)}
#pun-viewforum .isub .user-avatar {margin-top: -3px;}
#pun-viewforum .isub .user-avatar .isonline {margin-top: -10px;}

#pun-viewforum .modmenu {    position: absolute;     left: 167px;    /*bottom: -3px;*/margin-top: 6px;}

.subforums, #subforums {    font-size: 0px !important;}
#pun-viewforum #subforums a {    font-size: 12px;    color: rgba(var(--accent-d1)) !important;}
#pun-viewforum #subforums a:hover {opacity: .5}
#pun-viewforum #subforums a:not(:last-child):after {    content: '\2726';    margin: 0 4px;    font-size: 9px;    vertical-align: middle;}

/* ДЖУДА */
.jud #pun-viewforum #pun-main .forum .container, .jud #pun-respect #pun-main .container, .jud #pun-positive #pun-main .container {    margin-left: 246px !important;}
.jud #pun-respect #pun-main .container, .jud #pun-positive #pun-main .container {    border-radius: 0;    margin: -30px 0;    border-bottom: 0 !important;}
.jud #pun-viewforum .modmenu {    margin-top: -7px;    left: 261px;}

.jud #pun-viewforum #subforums a {    color: var(--jud-accent1) !important;    font-size: 20px;}
.jud #pun-viewforum #subforums {    margin-left: 266px;    width: 714px;    border: none !important;}
.jud #pun-viewforum #subforums a:after {    font-size: 14px;}





/* VI. ПРОСМОТР В ТЕМЕ
-------------------------------------------------------------*/
/* конец флуда, быстрый ответ */
#pun-viewtopic #post-form h2 span, .post-links .pl-nodelete {text-align: center; display: block; font-family: var(--basicfont); text-transform: uppercase; font-size: 8px; letter-spacing: 1px;}
#pun-viewtopic #post-form h2 span {margin: 45px 0 -20px 0; text-align: center; font-size: 0; padding: 0;position: relative; z-index: 0;}
#pun-viewtopic #pun-main .formal a {font-family: var(--basicfont); text-transform: lowercase; letter-spacing: .5px; font-size: 10px;}

/* СПИСОК ПРОСМАТРИВАЮЩИХ ИКОНКАМИ © blanche. брать можно только с копирайтом */
#topic-users-in .container span, #pun-viewtopic .linksb .subscribelink {font-size: 0;}
#pun-viewtopic .linksb .subscribelink a {height: 20px; width: 25px; display: block;}
#pun-viewtopic .linksb .subscribelink a span {    position: absolute;    width: 25px;    height: 25px;}
.subscribelink {    float: right;    right: 0px;    position: absolute;    z-index: 2;    margin-top: 17px;}
#pun-viewtopic #topic-users-in .container span:before, .subscribe1:before, .unsubscribe:before, .All_the_pros:before, .All_the_pros.load:before, .All_the_pros.done:before {font-family: var(--fawe);    font-size: 12px;    margin-right: -7px;    color: rgba(var(--accent-d1)); font-weight: 900}
#pun-viewtopic #topic-users-in .container span:before {content: '\f007'; vertical-align: sub;}
.subscribe1:before, .unsubscribe:before {transition: var(--trans1); position: absolute; margin: 5px; font-size: 14px;}
.subscribe1:before {content: '\f06e';} .unsubscribe:before {content: '\f070'}
.subscribe1:hover:before, .unsubscribe:hover:before, .All_the_pros:hover:before {color: var(--accent-l2);}

/* модерка */
#topic-modmenu.modmenu {    position: absolute;    margin: -41px 0 0 265px;    z-index: 2;}
#pun-viewtopic #mod-options {height: 21px !important; background: transparent; width: 150px; outline: none !important; box-shadow: none; text-shadow: none; text-transform: uppercase !important; font-size: 8px !important;}

#pun-viewtopic .modmenu .container span {font-weight: normal!important;}
#topic-users-in .container a:not(:last-child):after {    content: ',';}

/* разделитель между постами */
#pun-viewtopic .post-links ul, #pun-messages .post-links ul, #pun-searchposts .post-links ul {margin: 0 0px;padding: 0px;    height: 20px;}
#pun-viewtopic .post-links ul, #pun-messages .post-links ul {text-align: right;}
#pun-viewtopic .post-links li, #pun-messages .post-links li {display: inline-block;}
.pl-email {  float: left;}
.post-links li.pl-email.profile, .post-links li.pl-email.pm {    margin-right: 10px;}
.post-links li.pl-delete, .post-links li.pl-edit {    margin-right: 6px;}

/* посты по ширине */
.punbb .post-content p {    margin: 0;    padding-bottom: 10px;    line-height: 150%;    text-align: justify;}
.punbb .post-content {  padding: 0;  margin: 0;  width: 100%;  /*overflow: hidden; ВАЖНОЕ*/    text-align: justify; }

/* HR И ЛИНИЯ ПЕРЕД ПОДПИСЬЮ СО ЗВЕЗДОЙ © blanche. брать можно только с копирайтом */
.punbb .post-sig dt, .post-content hr {border-top: 1px solid var(--basic-l2); margin: 20px 0 !important; display: flex; justify-content: center;}
.post-content hr {opacity: 1 !important; border-bottom: none !important;}
.punbb .post-sig dt:before, .post-content hr:before {width: 30px; content: '\2726'; font-size: 18px; text-align: center; border-radius: 20px;    color: rgba(var(--accent-d1));    position: absolute;    background: #d6dbda;margin: -13px;}

/* ЛАЙКИ ВСЕМ НА СТРАНИЦЕ © deff, оформление blanche. брать нельзя, скрипт платный */
.All_the_pros {position: absolute; margin: 1px 0 0 -30px; cursor: pointer; width: 23px; height:20px; background: none;}
.All_the_pros.load {background: none;}
.All_the_pros.done {background: none; cursor: default !important;}

.All_the_pros:before, .All_the_pros.load:before, .All_the_pros.done:before {font-family: var(--fawe); font-size: 12px; position: absolute; margin: 5px; transition: var(--trans1); font-weight: 900;}
.All_the_pros.load:not(.done):before {animation-name: rotation; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; content: '\f110';}
.All_the_pros:before {content: '\f004';} .All_the_pros.load.done:before {content: '\f058';}
@keyframes rotation { 0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}



/* ДЖУДА */
.jud #pun-viewtopic .post-links {    background: var(--jud-basic2);     margin: 0;    padding: 0px 88px 0px 20px;}
.jud .pagelink, .jud .pagelink a, .jud .postlink a, .jud .post-links a, .jud #pun-viewtopic #mod-options, .jud #pun-viewforum .modmenu a, .jud #pun-messages .postlink .button, .jud #pun-viewtopic .linksb .pagelink, .jud #pun-viewtopic .linksb .pagelink a {    color: var(--jud-basic1) !important;}
.jud #pun-viewtopic .linksb .pagelink, .jud #pun-viewtopic .linksb .pagelink a {    -webkit-text-stroke: 0.5px;}
.jud #pun-viewtopic .post-links:before {    content: '';    width: 752px;  border: var(--jud-bord); border-top: none; border-left: none;    height: 30px;    position: absolute;    margin: -32px 0 0 0px;    border-bottom-right-radius: 20px; right: 0;}
.jud .punbb .post-sig dt, .jud .post-content hr {    border-color: var(--jud-basic1);}
.jud .punbb .post-sig dt:before, .jud .post-content hr:before {    background: var(--jud-basic2);    color: var(--jud-accent1);}
.jud #pun-viewtopic .post-links ul:before {    content: '';    background: var(--jud-basic1);    width: 246px;    position: absolute;    height: 100%;    left: 0;    top: 0;    z-index: -1;}
.jud #pun-viewtopic .post-links ul {    height: 30px;}

.jud #topic-users-in {    margin-left: 246px;    border-color: transparent !important; padding-left: 20px;}
.jud #pun-viewtopic #topic-users-in .container span:before, .jud .subscribe1:before, .jud .unsubscribe:before, .jud .All_the_pros:before, .jud .All_the_pros.load:before, .jud .All_the_pros.done:before {    color: var(--jud-accent1); font-weight: 400;}
.jud #topic-modmenu.modmenu {    margin: -36px 0 0 420px;}
.jud #pun-viewtopic #pun-main #post-form h2 span:before {    position: absolute;    left: 0;    opacity: 1;    font-family: var(--jud-font1) Bold;    font-size: 30px;    margin-top: 40px;    width: 225px;    text-align: right;    letter-spacing: 0;    line-height: 23px;    text-transform: lowercase;}
.jud .subscribelink {margin-top: 20px;margin-right: 20px;}
.jud .subscribe1:hover:before, .jud  .unsubscribe:hover:before, .jud  .All_the_pros:hover:before {    color: var(--jud-basic1);}






/* VII. ПРОСМОТР ПО СТРАНИЦАМ
-------------------------------------------------------------*/
#pun-main .info {font-family: var(--basicfont); text-transform: lowercase; letter-spacing: .5px;}
.punbb .formal fieldset {padding: 0;}
.tc2, .tc3 {width: 10%;} .tcl {width: 50%;} .tcr {width: 25%;}

.newtext a {    background: rgba(var(--basic-l1),.8);    text-transform: uppercase;    font-family: 'Helvetica Neue medium';    font-size: 8px;    letter-spacing: 1px;    padding: 3px 4px;    color: var(--basic-d1);    border-radius: 4px;}
#pun-searchtopics .tclcon strong {    font-weight: normal;}

/* ПРАВКА ГОСТЕВОГО ВИДА И ЗАКРЫТОГО ТОПИКА © blanche. брать можно только с копирайтом */
.jud .gid3 #post:before {    top: -17px;} .jud .gid3 #post-form {    margin-top: 60px;}
.gid3 #post {    margin-top: -60px;    margin-bottom: 0px;}
.gid3 #pun-viewtopic .linksb {    margin-left: 0;    width: 100%; margin-top: -30px;}
.jud .gid3 #pun-viewtopic .linksb {    margin-top: -22px;    padding-bottom: 13px;}

.topic_closed .gid3 #pun-viewtopic .linksb {    position: relative;    margin: 10px 0 0 0;}
.topic_closed .gid3 h3 {padding: 10px 0; position: relative !important;    margin-top: 0 !important;}

.jud.topic_closed .gid3 h3 {padding: 0;}
body.jud.topic_closed #pun-crumbs2 {    margin-top: 50px;}
body.jud.topic_closed .gid3 #pun-crumbs2 {    margin-top: -20px;}
.jud.topic_closed .gid3 #pun-viewtopic .linksb {    position: absolute;    margin: -30px 0 0 266px;}
.jud.topic_closed #topic-users-in {    border-top: var(--jud-bord) !important;    border-right: var(--jud-bord) !important;    border-top-right-radius: 20px;}
.jud.topic_closed .subscribelink {margin-top: 16px;}
.jud.topic_closed .gid1 #post {    margin-bottom: -50px;}

/* предпросмотр соо */
#pun-post h3 {padding-right: 0px !important;}
#pun-post .FNTslider {right: 66px;}
#pun-post fieldset#post-preview {    margin-bottom: 20px;    margin-right: 0;}

/* редактирование */
#pun-edit .fs-box.hashelp, #pun-post .fs-box.hashelp, #pun-messages .fs-box.hashelp, .gid3 #post-form .fs-box.hashelp {    display: flex;    flex-direction: column;}
#pun-post p.inputfield.required.longinput:nth-of-type(1), #pun-edit p.inputfield.required.longinput:nth-of-type(2), #pun-messages fieldset#post-new p.inputfield.required, .gid3 #post-form .fs-box.hashelp p.inputfield.required.longinput:nth-of-type(1), .gid3 #post-form .fs-box.hashelp p.inputfield.required {    order: -1;}

/* модерское */
.pun-modal.move_posts_form .Select_Topics .tc2 {text-align: center; width: 5%;}
.pun-modal.move_posts_form .Select_Topics tr {border-bottom: 1px solid rgba(var(--basic-l1)); height: 30px;}
#pun-profile #profile8.container input {    width: 100%;}
#pun-profile #profile8.container .fs-box {margin-bottom: 50px;}

/* мои сообщения */
#pun-searchposts h3 {margin: -36px 0 0 159px !important;    position: absolute;    width: calc(100% - 159px);}
#pun-searchposts h3 span a {margin-left: 7px;}
#pun-searchposts .post:first-of-type h3 {margin-top: -43px !important;}
#pun-searchposts .linksb {     margin-top: -48px;    display: flex;    justify-content: flex-end;}

/* участники */
#pun-userlist .usertable {font-family: var(--basicfont); text-transform: lowercase; letter-spacing: .5px; font-size: 10px;}
#pun-userlist #userlist {    border-bottom: 1px solid;    margin-bottom: 10px;}
#pun-userlist legend {    border: none !important;    margin-bottom: 0px !important;}

#pun-userlist .usertable tr {    display: inline-flex;    width: 447px;    position: relative;    margin: 5px 0;        background: #262c2c2b; padding: 10px;    border-radius: 5px;    align-items: flex-end;transition: var(--trans2);}
#pun-userlist .usertable tr td {    width: inherit;    text-align: center;}
#pun-userlist .user-avatar .avatar-image, #pun-userlist .user-avatar {    width: 50px !important;    height: 50px !important;    border-radius: 6px !important;}
td.tc3.relation:before {content: 'репутация';} td.tc3.num_posts:before {content: 'сообщений';} td.tc3.registered:before {content: 'зарегистрирован';} td.tc3.last_visit:before {content: 'последний визит';}
td.tc3.relation, td.tc3.num_posts {    width: 70% !important;}
#pun-userlist .usertable tr td:before {    display: block;    text-transform: uppercase;    font-size: 7px;    letter-spacing: 1px;    margin-bottom: 5px;}
#pun-userlist .usertable tr.altstyle {    margin-right: 10px}
#pun-userlist td.tcl.username {    width: 11% !important;}
#pun-userlist span.usersname {    position: absolute;    top: 6px;    right: 10px;    font-family: 'Lighthaus';    font-size: 18px;    letter-spacing: 0px;    width: 82%;    text-align: right;    border-bottom: 1px solid rgba(var(--basic-l1),.3);    padding-bottom: 2px;}
#pun-userlist .usertable tr:hover {    transform: scale(1.03);}

/* формы заполнения на страницах участников и поиска */
.fs-box.inline {    display: flex;    align-items: center;    column-gap: 15px;}
#pun-search .fs-box.inline {margin-bottom: 15px;}
.punbb .inline .infofield {font-family: var(--basicfont); text-transform: lowercase; font-size: 9px; letter-spacing: .5px; text-align: justify;}

/* сноски-пояснения */
legend, .adformal h2, #MyBookmarks h2, #MyBookmarks h1, .editBookmark h2, #viewprofile h2 span, #profilenav h2, #pun-adnav h2, #pun-viewforum #subforums, #pun-viewtopic #pun-main h2 {    width: 100%;    text-align: center;    font-family: 'Lighthaus';    letter-spacing: 1px;    font-size: 12px;    border-bottom: 1px solid !important;    padding-bottom: 3px !important;    margin-bottom: 10px !important;    color: rgba(var(--accent-d1)) !important;    position: relative;}
form#post.container fieldset:last-of-type legend {padding: 0 !important; margin: 0 !important; border: none !important;}
#pun-adnav h2, #pun-admain h2 span {font-size: 12px !important}
#pun-viewtopic #pun-main h2:not(#MyBookmarks h2) {    margin-top: 40px;    border: none !important;}

/* статистика, посетили за сутки */
#pun-stats .container {margin: 30px 0px 10px 0; text-transform: lowercase; font-family: var(--basicfont); font-size: 10.5px;    letter-spacing: .5px;    display: flex;    flex-wrap: wrap;    justify-content: space-between;}
#pun-stats .item1, #pun-stats .item2, #pun-stats .item3, #pun-stats .item4 {display: inline-block; z-index: 2;}
#pun-stats .item4 {width: 60%;margin-right: 120px;}

#onlinelist .e4 {    font-size: 10.5px;}
#onlinelist .e1, #onlinelist .e3 {    font-family: 'Lighthaus';   font-size: 16px;   display: inline-block;    letter-spacing: 1px;    -webkit-text-stroke: 0.1px;}
#onlinelist .e1, #onlinelist .e1 a, #onlinelist .e3, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4, #pun-stats li.item4 a {color: rgba(var(--accent-d1));}
#onlinelist.item5.onlinelist .e1 {    width: 100%;    text-align: right;    margin-bottom: -15px;    overflow: hidden;}
#onlinelist .e4 {   display: block;} #onlinelist .e3 {    margin-left: 7px;}

#onlinelist {margin-top: -21px;float: left; width: 100%; line-height: 130%; text-align: justify;font-size: 0;}
#onlinelist div {line-height: 15px;}
#onlinelist.item5.users_24h {margin-top: 20px;}

#pun-stats .container strong {font-weight: normal;}
#onlinelist .e4 a {position: relative; /*padding: 0 1px;*/}
#onlinelist .e4 a:before {content: ''; background: rgba(var(--basic-l1)); width: 0%; height: 1px; position: absolute; top: 12px; transition: all .5s;left: 50%; transform: translate(-50%, 0);}
#onlinelist .e4 a:hover:before {width: 100%;}
#onlinelist.item6.birthday {    margin-top: 20px;}

/* сообщения */
#pun-messages td.tc2.pmtc22, #pun-messages td.tcl.pmtcl1 .intd {    display: flex;    align-items: center;}
#pun-messages .hasicon .tc3 { font-size: 10px !important;}
#messages tr {font-family: var(--basicfont); letter-spacing: .5px;}
#pun-messages td.tc2.pmtc22 {    text-transform: uppercase;    font-size: 8px !important;}
#pun-messages .postlink .button {float: right; box-shadow: none !important; text-shadow: none !important; letter-spacing: 0px !important; min-width: 10px !important;    height: 20px !important;    margin-top: -20px;}
#notify-settings {font-family: var(--basicfont); text-transform: lowercase; font-size: 10px;}
input#OnOff_Notify {margin-top: -1px;} #volSlider.vol_slider {margin-top: 2px;}
#pun-messages .post-links {    margin-top: 10px;}
#pun-messages #form-buttons {margin-top: 10px;}
#pun-messages #profile.formal .post h3 {    float: right;    margin-top: -25px;    font-family: var(--basicfont);    color: rgba(var(--accent-d1)) !important;    font-size: 9px;}
#pun-messages .post-links li.pl-delete {    margin-right: 0;    margin-left: 7px;}
#pun-messages #profile #post-form {    margin-right: 15px;}
#pun-messages #messages .fs-box {    min-height: 150px;}



/* репутация, позитив, активные, новые соо */
#pun-respect #pun-main .container tr, #pun-positive #pun-main .container tr, #pun-online #pun-main .container tr, #pun-searchtopics .multipage .container tr {font-family: var(--basicfont); text-transform: lowercase; font-size: 10px; letter-spacing: .5px;}
.forum .container tr:before, .section .container tr:before {content: '\2726'; margin-right: 5px; display: inline-block; vertical-align: middle; font-size: 15px; color: rgba(var(--basic1), .2);}

.container tr .tc2, .container tr .tc3, .section .container tr .tcl {text-align: center;}
.section .container tr .tcl:first-child {text-align: left;}
.container .tcr, .container th.tc3  {text-align: right;}

#pun-online td.tcl.username {width: 30% !important;} 
#pun-online .tcl {width: 47% !important;}
#pun-online th.tcl:first-child {width: 32% !important;}
td.tcl a.registered-user {font-weight: normal!important;    text-transform: uppercase;}
#pun-online .tc3 {width: 20%; text-align: right;}



/* ДЖУДА */
.jud #onlinelist .e4 {border: none; padding-top: 0;    margin: -28px 0px 20px 265px;}
.jud #onlinelist .e4, .jud #onlinelist .e4 a {color: var(--jud-basic1) !important; z-index: 2;}
.jud #onlinelist .e1, .jud #onlinelist .e3 {    width: 220px !important;    text-align: left !important;    margin-left: 20px;    margin-bottom: 0 !important;    display: block;position: relative;
    z-index: 2;}
.jud #onlinelist.item5.users_24h .e1 a {    font-size: 16px !important;}
.jud #onlinelist .e1 a, .jud #onlinelist .e3 {    font-size: 22px !important;}
.jud #pun-stats .statscon {    margin-top: 30px;    border-bottom-right-radius: 0px;    border-bottom: none;}
.jud #pun-stats li.item1, .jud #pun-stats li.item2, .jud #pun-stats li.item3, .jud #pun-stats li.item4 {    margin: -50px 0 0 0;}
.jud #pun-stats li.item1 {    margin-left: 265px;}
.jud #pun-stats li.item4 {    width: 47%;}
.jud #pun-stats li.item1, .jud #pun-stats li.item2, .jud #pun-stats li.item3, .jud #pun-stats li.item4, .jud #pun-stats li.item4 a {color: var(--jud-basic1)}
.jud #pun-stats .container {    margin-right: 20px;}
.jud #onlinelist.item5.onlinelist {    border-bottom: 1px solid #2c2c2c;}
.jud #onlinelist.item5.users_24h .e4 {    margin-top: -48px;}
.jud #onlinelist .e4 a:after {    background: var(--jud-accent1);}

.jud #pun-movetopic #pun-main .container {    border-bottom: none !important;    border-top: none !important;    border-radius: 0;    z-index: 2;}
.jud #pun-movetopic #pun-crumbs2 {    margin-top: -38px;}
.jud #pun-movetopic #pun-crumbs1:before {    border-bottom: none !important;    border-bottom-right-radius: 0;}

.jud legend, .jud #MyBookmarks h2, .jud #MyBookmarks h1, .jud .editBookmark h2, .jud #viewprofile h2 span, .jud #profilenav h2, .jud #pun-viewforum #subforums, .jud #pun-viewtopic #pun-main h2:not(#MyBookmarks h2) {    font-family: var(--jud-font1) Bold;    color: var(--jud-accent1) !important;    letter-spacing: 0px;    text-transform: lowercase;    font-size: 20px;border-color: var(--jud-basic1) !important;}
.jud #pun-viewtopic #pun-main h2:not(#MyBookmarks h2) {    margin-left: 246px;    width: 752px;}
.jud #pun-viewtopic #pun-main h2 .closer {    font-family: initial !important;}

.jud #pun-post .FNTslider {    right: 78px;}

.jud #pun-messages .formal fieldset {    padding: 0 0 0 116px !important;}
.jud #pun-messages #messages .fs-box {    border: none !important;    padding-right: 0;}
.jud #pun-messages .postlink .button:hover {    background: transparent !important;}
.jud #notify-settings {    margin-left: 262px;    font-family: var(--jud-font);    font-size: 8px;    letter-spacing: 1px;    -webkit-text-stroke: 0.4px;}
.jud #pun-messages .linksb {    margin-left: 266px;}
.jud #pun-messages .linksb .pagelink, .jud #pun-messages .linksb .pagelink a {    color: var(--jud-basic1) !important;}
.jud #pun-messages #profile #post-form {    margin-left: 20px;}
.jud #pun-messages table Div.icon {    margin-right: 40px;    margin-top: -16px;}

.jud .forum .container tr:before, .jud .section .container tr:before {display: none;}

.jud #pun-searchposts h3 {    margin: -31px 0 0 254px !important;    width: 730px;    padding: 0;}
.jud #pun-searchposts .post:first-of-type h3 {    margin-top: -30px !important;}
.jud #pun-searchposts .post-links a {    color: var(--jud-basic2) !important;    -webkit-text-stroke: 0;    width: auto;    margin-left: 20px;}
.jud #pun-searchposts .post-links {    padding: 9px 0;    margin: 0 0 0 0;}
.jud #pun-searchposts .linksb {    margin-top: -36px;    border: none;    margin-bottom: 15px; margin-right: 20px;}
.jud #pun-searchposts .linksb .pagelink, .jud #pun-searchposts .linksb .pagelink a {    color: var(--jud-basic1) !important;     text-align: right !important;}

.jud #pun-searchtopics #pun-main .forum .container {    border-top: none !important;    border-bottom: none !important;    border-radius: 0;    margin: -38px 0 -37px 246px;}

.jud #pun-userlist .usertable tr {    width: 960px;    margin: 0!important;    background: transparent;    font-family: var(--jud-font);    border-bottom: 1px solid #2c2c2c;    border-radius: 0;    height: 60px;    align-items: center;}
.jud #pun-userlist span.usersname {    position: relative;    width: 225px;    display: block;    font-family: var(--jud-font1) bold;    border: none;    padding-left: 20px;    text-align: left !important;    font-size: 20px;}
.jud #pun-userlist .user-avatar {    position: absolute;    left: 230px;}
.jud #pun-userlist .user-avatar .avatar-image, .jud #pun-userlist .user-avatar {    width: 30px !important;    height: 30px !important;    border-radius: 50% !important;    margin: 0 !important;}
.jud #pun-userlist td.tcl.username {    width: 240px !important;}
.jud #pun-userlist .usertable tr td {    -webkit-text-stroke: 0.2px;}
.jud #pun-userlist .usertable tr td:before {    color: var(--jud-accent1);    -webkit-text-stroke: 0.5px;    font-size: 8px;}
.jud #pun-userlist #pun-main {    border-right: var(--jud-bord);    margin-top: -3px;}
.jud #pun-userlist #userlist {    border: none;}
.jud #pun-userlist .usertable tr:hover { -webkit-clip-path: polygon(15px 0%, 100% 0, 100% 100%, 15px 100%);clip-path: polygon(15px 0%, 100% 0, 100% 100%, 15px 100%);}

.jud #pun-main .info {    margin-left: 266px;}
.jud #pun-message #pun-main {    border-right: var(--jud-bord);}
.jud #pun-messages #pun-crumbs2 {margin-top: 0}

.jud .newtext a {     background: var(--jud-basic1);    font-size: 0;    position: absolute;    left: -108px;    top: 0;}
.jud #pun-online td.tcl.username {color: var(--jud-accent1)}
.jud #pun-online #pun-main .section.online-list .container {    margin-left: 246px;    border-radius: 0;}




/* VIII. НАСТРОЙКА ЛИНКОВ ВЕЗДЕ
-------------------------------------------------------------*/
.linkst, .linksb, .post-links, h3, #topic-users-in, #pun-viewtopic #mod-options, #pun-viewforum .modmenu a {font-family: var(--basicfont); text-transform: lowercase; font-size: 9px; letter-spacing: .5px;}
#topic-users-in {    position: relative;    z-index: 2;   height: 70px;    font-size: 10px;    line-height: 15px;    border-top: 1px solid;}
.linkst .postlink, #pun-viewforum .linksb .postlink {float: right; text-align: right;}
.postlink.long .new-topic {padding-right: 5px !important; margin-right: 10px;}

/* линия */
.linkst {border-top: 1px solid; padding: 7px 0 17px 0;}
.linksb {border-bottom: 1px solid; padding: 17px 0 7px 0;}
#onlinelist .e4 {border-top: 1px solid; padding-top: 7px;}
#topic-users-in, .linkst, .linksb, #onlinelist .e4, legend, .adformal h2, #MyBookmarks h2, #MyBookmarks h1, .editBookmark h2, #viewprofile h2 span, #profilenav h2, #pun-adnav h2, #pun-admain h2, #pun-userlist #userlist, #pun-viewforum #subforums, #pun-viewtopic #pun-main h2 {border-color: rgba(var(--basic-l1),.3) !important}

/* общее */
.pagelink, .postlink span, h3 span a, h3 span strong, .post-links a, #pun-viewtopic #mod-options, #pun-viewforum .modmenu a, .FNTslider, #pun-messages .postlink .button {    transition: var(--trans1);    display: inline-block;    border: 1px solid;    padding: 5px !important;    text-transform: uppercase;    height: 9px;    font-size: 8px !important;    border-radius: 3px !important;}
.pagelink, .postlink span, .post-links a, #pun-viewtopic #mod-options, #pun-viewforum .modmenu a, .FNTslider, #pun-messages .postlink .button, h3 span strong:hover, h3 span a:hover {border-color: rgba(var(--basic-l1),.7) !important;}
.pagelink, .pagelink a, .postlink a, .post-links a, #pun-viewtopic #mod-options, #pun-viewforum .modmenu a, #pun-messages .postlink .button, h3 span strong:hover, h3 span a:hover {    color: var(--accent-l1) !important;}
.pagelink, #pun-searchposts .post-links li a {width: 145px; text-align: center !important; z-index: 9;}
h3 span strong:hover, h3 span a:hover {    background: transparent;}

h3 strong:before {content: 'пост'; margin-right: 5px;}
h3 span strong {    float: right;    font-weight: normal;    width: 45px;    text-align: center;}
h3 span strong, h3 span a {    position: relative;    z-index: 2;}

/* наведение */
h3 span strong, h3 span a, .pagelink:hover, .postlink span:hover, .post-links a:hover, #pun-viewtopic #mod-options:hover, #pun-viewforum .modmenu a:hover, #pun-messages .postlink .button:hover {    border-color: rgba(var(--accent-d1)) !important;    background: rgba(var(--accent-d1));}
h3 span strong, h3 span a, .pagelink:hover, .pagelink:hover a, .postlink span:hover a, .post-links a:hover, #pun-viewtopic #mod-options:hover, #pun-viewforum .modmenu a:hover, .post-rating a {    color: #5a4f6a !important;}

/* в теме */
#pun-viewtopic .linkst {    padding-right: 72px;    z-index: 1;    position: relative;}
#pun-viewtopic h3, #pun-multimove h3 {margin: -31px 0 0 243px; position: absolute; width: calc(100% - 243px);}
#pun-viewtopic .post.toppost h3, #pun-viewtopic .post.topicpost h3 {    margin: -38px 0 0 243px !important;    width: calc(100% - 243px) !important;}
h3 .permalink { width: 85px; text-align: center;}
#pun-viewtopic .linksb {    padding: 0px; border: none;    margin: -101px 0 50px 98px;     width: calc(100% - 98px);}
#pun-viewtopic .linksb .pagelink, #pun-viewtopic .linksb .postlink {    position: relative;    z-index: 2;}
#pun-viewtopic .linksb .postlink {    float: right;}

/* бегунок шрифт */
.FNTslider {width: 75px; position: absolute; z-index: 2; right: 139px;  margin-top: 1px; padding: 0px !important; height: 18px;}
.FNTslider .before {height: 18px; background: #69656c59;}
.FNTslider .thumb {background: rgba(var(--accent-d1)); width: 5px; height: 20px; position: relative; top: -19px; cursor: pointer;}

/* ФИКСАЦИЯ УДАЛИТЬ РЕДАКТИРОВАТЬ И ПЛЮСА © blanche. брать можно только с копирайтом */
#pun-viewtopic .post-links { position: sticky; bottom: 0px; z-index: 2; background: var(--pun-bg);}
#pun-viewtopic .post-links, #pun-searchposts .post-links, #pun-post h3, #pun-searchposts h3 {padding: 5px 68px 5px 0; margin: 5px -1px;}

.post-rating {    position: sticky;    bottom: 120px;    z-index: 9999;    font-family: arial;    margin-right: -48px;}
.post-rating a, #Knopa2-2 {    display: flex;    justify-content: center;    align-items: center;    border-radius: 0 5px 5px 0;    width: 25px;    height: 25px;    font-family: 'Lighthaus';    -webkit-text-stroke: 0.3px;    margin-right: 0px;    background: rgba(var(--accent-d1));}
.post-rating, .post-rating a, #Knopa2-2 {transition: var(--trans3)}
.post-rating a:hover, #Knopa2-2:hover {padding-left: 4px;    margin-right: -4px;}

/* ПАГИНАЦИЯ © blanche. брать можно только с копирайтом */
.pagelink a.prev:before, .pagelink a.next:before {font-family: var(--fawe); font-size: 11px; font-weight: 900;}
.pagelink a.prev:before {content: '\f0d9'}
.pagelink a.next:before {content: '\f0da';}
.pagelink a.prev, .pagelink a.next {font-size: 0px;    vertical-align: middle;    line-height: 0;}
.pagelink a.prev:hover, .pagelink a.next:hover {transform: none;}

.pagelink a, .pagelink strong, .pagelink span.ellipsis {font-size: 9px; padding: 0 !important;}
.pagelink strong, .pagelink a {transition: var(--trans2); display: inline-block;}
.pagelink strong {margin: 0 1px; font-weight: normal;letter-spacing: -1px;margin-right: 4px;}
.pagelink strong, .pagelink a:hover {transform: scale(1.5) skewX(-15deg);}

#pun-viewtopic .linksb .pagelink a:hover {background: var(--basic1); color: rgba(var(--accent-d1)); border-radius: 2px; transition: var(--trans3);} .pagelink a {padding: 0 1px 0 2px;}

/* ДЖУДА */
.jud .pagelink, .jud .postlink span, .jud h3 span a, .jud h3 span strong, .jud .post-links a, .jud #pun-viewtopic #mod-options, .jud #pun-viewforum .modmenu a, .jud .FNTslider, .jud #pun-messages .postlink .button {    border: none;    padding: 0 5px !important;    font-family: var(--jud-font);    -webkit-text-stroke: 0.5px;    letter-spacing: 1.5px;    font-size: 7px !important;}
.jud h3 span strong {    width: 50px; } .jud h3 .permalink {    width: 100px;}
.jud #pun-viewtopic .linksb .postlink, .jud h3 span strong {   margin-top: 1px;}
.jud #pun-viewtopic h3, .jud #pun-post h3, .jud #pun-multimove h3, .jud #pun-viewtopic .linksb {    margin: -31px 0 0 266px;    width: calc(100% - 286px);}
.jud #pun-post h3 {    margin-top: 0px !important;}
.jud #pun-viewtopic .linksb {      margin-top: -92px;    padding-bottom: 10px;}
.jud .linkst, .jud #pun-searchtopics .linksb, .jud #pun-userlist .linksb {border: none;    margin: 5px 0 -8px 20px;}
.jud #pun-viewforum .linksb {border: none;    margin: -10px 0 12px 20px;}
.jud #pun-viewtopic .linkst {    padding-right: 90px;}
.jud #pun-viewtopic .post.toppost h3, .jud #pun-viewtopic .post.topicpost h3 {    margin: -31px 0 0 266px !important;    width: calc(100% - 286px) !important;}
.jud h3 span strong, .jud h3 span a, .jud .pagelink:hover, .jud .postlink span:hover, .jud .post-links a:hover, .jud #pun-viewtopic #mod-options:hover, .jud #pun-viewforum .modmenu a:hover, .jud #pun-messages .postlink .button:hover {    background: transparent;}
.jud li.pl-email.profile a, .jud li.pl-email.pm a, .jud .pagelink, .jud .pagelink a  {    color: var(--jud-basic2) !important;    -webkit-text-stroke: 0.1px;}
.jud h3 span strong, .jud h3 span a, .jud .pagelink:hover, .jud .pagelink:hover a, .jud .postlink span:hover a, .jud .post-links a:hover, .jud #pun-viewtopic #mod-options:hover, .jud #pun-viewforum .modmenu a:hover, .jud li.pl-email.profile a:hover, .jud li.pl-email.pm a:hover {    color: var(--jud-accent1) !important;}

.jud .post-links a, .jud h3 span strong, .jud h3 span a {    height: 30px;    display: inline-flex !important;    align-items: center;}
.jud .post-links li:hover, .jud h3 span strong:hover, .jud h3 span a:hover, .jud .postlink span:hover, .jud #pun-viewforum .modmenu a:hover {    transform: scale(1.2) rotateX(180deg);}
.jud .post-links li, .jud h3 span strong, .jud h3 span a, .jud #pun-viewforum .modmenu a, .jud .postlink span {    transition: var(--trans2);}

.jud .pagelink strong, .jud .pagelink a:hover {    transform: none;    color: var(--jud-accent1);-webkit-text-stroke: 1px;}
.jud .pagelink a:hover {transform: rotateX(180deg); }
.jud .pagelink {    text-align: left !important;}
.jud .FNTslider {    border: 1px solid var(--jud-basic1) !important;    height: 6px;    padding: 0 !important; margin-top: 12px;}
.jud .FNTslider .before {    height: 6px;    background: var(--jud-basic1);}
.jud .FNTslider .thumb {    top: -6px;    height: 6px;    background: transparent;    width: 10px;}
.jud .FNTslider .thumb:before {    content: '\2726';    color: var(--jud-accent1);    font-size: 20px;    margin: -12px 0 0 -7px;    position: absolute;}
.jud div.post-rating a, .jud #Knopa2-2 {    background: var(--jud-accent1);    color: var(--jud-basic2) !important;    border-radius: 50%;    font-family: var(--jud-font);    font-size: 10px !important;}
.jud .post-rating {    margin-right: -34px;}
.jud .post-rating a:hover, .jud #Knopa2-2:hover {    padding-left: 0 !important;    margin-right: 0 !important;    transform: rotateX(180deg);}
.jud #Knopa2-2, .jud #Knopa2-2:hover {    margin-right: -13px !important;}

Код:

/*************************************************************
КОДЫ И ГРАФИКА BLANCHE v.2022.0
у нас есть мастерская на рено, обращайтесь <З
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
части кодов можно свободно брать в личное пользование, если вы оставите мое копи в стиле вашего диза
давайте уважать труды, да и просто друг друга <З
**************************************************************

 I. ШАПКА, ФУТЕР
-------------------------------------------------------------*/
/* шапка */
#pun-title {   background: url(https://forumstatic.ru/files/001b/7c/28/40332.jpg);    border-radius: 7px;    position: relative;    box-shadow: 0 0 0 1px inset #a39da7, 0 0 0 2px inset #8b8493, 0 0 0 1px #605c65, 0 0 10px var(--postsh);}
#pun-announcement {    top: 15px;    position: absolute;}
#pun-title, #pun-announcement {    width: 937px;    height: 220px;    margin-top: 14px;    z-index: 1;}

/* футер */
#pun-about {    width: 0px;     height: 40px;    margin: 90px 0 -120px 0;   background: url() center top;} 
#pun-about .item1 {    display: block;}
#pun-about .item1, #pun-about .item1 a {color: rgba(var(--accent-d1),.5) !important;}
#pun-about .item1 a:hover {color: rgba(var(--accent-d1)) !important;}

/* ДЖУДА */
.jud #pun-title, .jud #pun-announcement {    position: absolute;    margin-top: 0;    top: -145px;    left: 246px;}
.jud #pun-title, .jud #pun-announcement, .jud #pun-title, .jud #pun-announcement .html-box, .jud #pun-announcement .container:after {width: 753px; height: 162px;}
.jud #pun-title {    background: none;    box-shadow: none;}
.jud #pun-announcement .container:after {   background: var(--jud-accent1);}
.jud #pun-announcement .html-box, .jud #pun-announcement .container:after {     transition: var(--trans1);    transform: translateY(-170px);}
.jud #pun-announcement:hover .html-box, .jud #pun-announcement:hover .container:after {  transform: translateY(0px); }
.jud #pun-announcement:before {    content: '';    background: url(https://forumstatic.ru/files/001b/7c/28/58953.png);    width: 754px;    height: 162px;    position: absolute;    z-index: 1;   transition: var(--trans1); opacity: 0;    left: -1px;}
.jud #pun-announcement:hover:before {opacity: 1;}
.jud #pun-announcement .container:after {    content: '';    position: absolute;    top: 0;    z-index: -1;}
.jud #pun-announcement .html-box {    z-index: 1;    position: relative;}
.jud #pun-announcement .container:before {    content: '';    background: url(https://forumstatic.ru/files/001b/7c/28/21870.png);    width: 38px;    height: 47px;    position: absolute;    left: -162px;    top: 63px;    transition: var(--trans1);}
.jud #pun-announcement:after {    content: '';    background: url(https://forumstatic.ru/files/001b/7c/28/89077.png);    width: 499px;    height: 125px;    position: absolute;    top: 10px;    right: 65px;    transition: var(--trans1);}
.jud #pun-announcement:hover .container:before, .jud #pun-announcement:hover:after {    transform: rotateX(180deg);}

.jud #pun-about {    height: 0;    margin: 0;}
.jud #pun-about .item1 {    margin-top: -35px;    position: absolute;    text-align: left;    left: 20px;    font-family: var(--jud-font);}
.jud #pun-about .item1, .jud #pun-about .item1 a {    color: var(--jud-accent1) !important;    -webkit-text-stroke: 0.5px;    font-size: 6px;}





/* II. КАТЕГОРИИ
-------------------------------------------------------------*/
#pun-index .category h2 {margin: 0; width: 940px; height: 32px; position: relative;}

#pun-index #pun-category1 h2 {background: url(https://forumstatic.ru/files/001b/7c/28/48391.png);}

#pun-index .category h2 span, #post-form h2 span {font-family: 'Aesthetic'; text-transform: uppercase; color: var(--basic-l2); font-size: 19px; transition: 3s; position: absolute; width: 100%; left: 0; margin-top: 7px; text-align: center;}

.bl #pun-index #pun-category1 h2:before {content: '\2731'; font-size: 50px; top: -10px; left: 60px; transform: rotate(55deg);}
.bl #pun-index #pun-category1 h2:after {content: 'v'; font-family: Dirtyline; text-transform: uppercase; font-size: 85px; right: 70px; transform: rotate(25deg); top: -13px;}
    
#pun-index .category h2:before, #pun-index .category h2:after, #pun-viewtopic #pun-main #post-form h2:before, #pun-viewtopic #pun-main #post-form h2:after, #pun-post form#post.container legend:before, #pun-post form#post.container legend:after {   color: #bdbbbd;     position: absolute;    transition: 3s;}

#pun-index #pun-category1:hover h2:before {    transform: rotate(18deg) scale(1.5);transition: var(--trans1);}
#pun-index #pun-category1:hover h2:after {    transform: rotate(68deg) scale(1.3);transition: var(--trans1);}
#pun-index .category:hover h2 span {    transform: scale(1.3);transition: var(--trans1);}

#pun-viewtopic #pun-main #post-form h2, #pun-post form#post.container legend {    background: url(https://forumstatic.ru/files/001b/7c/28/16745.png);    width: 524px;    height: 33px;    left: 30px;    padding: 0px !important;    font-family: 'Dirtyline';    text-transform: uppercase;    text-align: left;    position: relative;}

#pun-viewtopic #pun-main #post-form h2:before, #pun-post form#post.container legend:before {    content: 'v';    font-size: 85px;    top: -10px;    left: 118px;    transform: rotate(25deg);}
#pun-viewtopic #pun-main #post-form h2:after, #pun-post form#post.container legend:after {    content: 'e';    font-size: 55px;    top: -3px;    left: 397px;    transform: rotate(-35deg);}

#pun-viewtopic #pun-main #post-form:hover h2:before, #pun-post #post-form:hover form#post.container legend:before {    transform: rotate(20deg) scale(1.5) translateY(13px) translateX(-2px);}
#pun-viewtopic #pun-main #post-form:hover h2:after, #pun-post #post-form:hover form#post.container legend:after {    transform: rotate(15deg) scale(1.5) translateY(13px) translateX(-2px);}

#pun-post form#post.container #post-preview legend {    background: transparent;    width: 100%;    height: auto;    left: 0;    font-family: 'Lighthaus';    text-transform: lowercase;    text-align: center;}
#pun-post form#post.container #post-preview legend:before, #pun-post form#post.container #post-preview legend:after {display: none;}

/* ДЛИННЫЙ ТЕКСТ В КАТЕГОРИИ © blanche. брать можно только с копирайтом 
#pun-category2.category h2:after{ content:"trust the vibes you get, energy doesn't lie"}
#pun-category3.category h2:after{ content:"vibe speak louder than words"}
#pun-category4.category h2:after{ content:"'be such a good soul that people crave your vibes"}
#pun-category5.category h2:after{ content:"life is way too short for bad vibes"}

#pun-index .category h2:after, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4, #pun-stats li.item4 a {font-size: 7px;font-family: helvetica neue medium;letter-spacing: 1px; text-transform: uppercase;transition: var(--trans1)}
#pun-index .category h2:after {position: absolute;width: 100%;left: 0px;margin-top: -17px;z-index: 1;}*/

/* НАВЕДЕНИЕ КАТЕГОРИЙ © blanche. брать можно только с копирайтом 
#pun-index .category:hover h2 span {filter: none}
#pun-index .category:hover h2:after {filter: blur(2px); opacity: 0;transform: scale(1.3);}*/



/* ДЖУДА */
.jud #pun-index .category h2 span, .jud #post-form h2 span {    font-family: frankie friends !important;    color: var(--jud-accent1);    filter: none;    margin: 0px 0 0 245px;    font-size: 45px;    overflow: hidden;    height: 32px;    -webkit-text-stroke: 0.5px; text-transform: lowercase;}
.jud #pun-index .category h2:after {    color: var(--jud-basic1);    left: 245px;    width: calc(100% - 245px);    font-family: var(--jud-font);    -webkit-text-stroke: 0.3px;    letter-spacing: 2px;    margin-top: -15px;}
.jud #pun-index .category:hover h2 span {    transform: rotateX(180deg);}
.jud #pun-index .category:hover h2:after {    filter: none;    transform: none;    opacity: 1;}
.jud #post-form h2 span {    overflow: inherit;    -webkit-text-stroke: 0;}





/* III. ИКОНКИ
-------------------------------------------------------------*/
/* на главной */
#pun-index table Div.icon {width: 45px;float: left;  margin: 0px 0px -4px 0px; }

#pun-index table Div.icon:after {    font-family: 'Dirtyline';    text-transform: uppercase;    font-size: 45px;    color: rgba(var(--basic1), .2);}

#pun-index table #forum_f35 Div.icon:after, #pun-index table #forum_f4 Div.icon:after {content: 'g';}
#pun-index table #forum_f36 Div.icon:after, #pun-index table #forum_f2 Div.icon:after, #pun-index table #forum_f11 Div.icon:after {content: 'd';}
#pun-index table #forum_f5 Div.icon:after {content: 's';}
#pun-index table #forum_f39 Div.icon:after, #pun-index table #forum_f7 Div.icon:after {content: 'n';}
#pun-index table #forum_f6 Div.icon:after {content: 'o';}
#pun-index table #forum_f40 Div.icon:after, #pun-index table #forum_f9 Div.icon:after {content: 'r';}
#pun-index table #forum_f8 Div.icon:after, #pun-index table #forum_f44 Div.icon:after, #pun-index table #forum_f13 Div.icon:after, #pun-index table #forum_f47 Div.icon:after, #pun-index table #forum_f1 Div.icon:after {content: 'a';}
#pun-index table #forum_f42 Div.icon:after, #pun-index table #forum_f10 Div.icon:after {content: 'f';}
#pun-index table #forum_f46 Div.icon:after, #pun-index table #forum_f12 Div.icon:after {content: 'p';}

/*#pun-index table Div.icon:after {    content: '\273B';    font-size: 40px; color: rgba(var(--basic1), .2)}
#pun-index TR.inew Div.icon:after {    color: rgba(var(--accent-d1));    width: 18px;    overflow: hidden;    display: block;    margin-right: 18px;}*/

#pun-index TR.inew Div.icon:after {opacity: 0;}
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {    font-size: 40px !important;    background: transparent !important;    color: var(--accent1) !important;    margin: 17px 0 0 -7px !important;    font-weight: normal !important;    font-family: Dirtyline !important;    width: 40px;    z-index: 9;    letter-spacing: -5px;}

/* в подфорумах */
#pun-viewforum table .icon, #pun-messages table Div.icon {    float: left;    background: none;    margin: 0 10px 0 0px;}
#pun-viewforum .icon:before, #pun-messages .intd Div.icon:before {    margin: 0px 0px 0px 0px;    font-family: var(--basicfont);    text-transform: uppercase !important;    display: inline-block;    width: 70px;    font-size: 8px;    letter-spacing: 1px; opacity: .5}

#pun-viewforum .icon:before, #pun-messages .intd .icon:before {content: 'old message';}
#pun-viewforum .icon.icon-new:before, #pun-messages .intd .icon.inew:before {content: 'new message';}
#pun-viewforum tr.iclosed .icon:before {content: 'cls message';}
#pun-viewforum tr.isticky .icon:before {content: 'imp message';}
#pun-viewforum .icon.icon-new:before, #pun-viewforum tr.isticky .icon:before, #pun-messages .icon.inew:before {color:  rgba(var(--accent-d1)); opacity: 1 !important}



/* ДЖУДА */
.jud #pun-index table Div.icon {    background: url(https://forumstatic.ru/files/001b/7c/28/79268.png);    width: 124px;    height: 41px;    margin: 0;    order: 1;    z-index: 1;}
.jud #pun-index TR.inew Div.icon {background: url(https://forumstatic.ru/files/001b/7c/28/37647.png)}
.jud #pun-index table Div.icon:after, .jud #pun-index TR.inew Div.icon:after, .jud .icon[data-new-topics]:before {display: none;}

.jud #pun-viewforum table .icon, .jud #pun-messages table Div.icon {    margin: -8px 0 -16px -121px;text-align: right;}
.jud #pun-viewforum .icon:before, .jud #pun-messages .intd Div.icon:before, .jud .newtext a {    font-family: var(--jud-font1) bold;    color: var(--jud-basic2);    text-transform: lowercase !important;    width: 80px;    font-size: 24px;}
.jud #pun-viewforum .icon:before, .jud #pun-messages .intd .icon:before {    content: 'old';    opacity: .15;}
.jud #pun-viewforum .icon.icon-new:before, .jud #pun-messages .intd .icon.inew:before, .jud .newtext a:before {content: '\2726 new';color: var(--jud-accent1);    font-size: 24px;}
.jud #pun-viewforum tr.iclosed .icon:before {content: 'cls';}
.jud #pun-viewforum tr.isticky .icon:before {content: '\2726 imp';color: var(--jud-accent1);}





/* IV. ТАБЛИЦА
-------------------------------------------------------------*/
#stylelist {    position: absolute;    z-index: 1000;    top: 20px;    left: 999px;    margin: 0;    padding: 0;    list-style-type: none;    transition: var(--trans1);} 
#stylelist a {    display: block;    width: 5px;    height: 15px;    margin-bottom: 8px;    border-radius: 0 5px 5px 0;    outline: none;    font-family: var(--basicfont);
    letter-spacing: .5px;}
#stylelist [data="bl"] a {    border: 1px solid var(--basic-l2);    color: rgba(var(--basic1),0);}
#stylelist [data="jud"] a {    background: var(--basic-l2);    border: 1px solid var(--basic-l2);    color: rgba(var(--basic1),0);}
#stylelist [data="bl"] a:hover {width: 45px; color: rgba(var(--basic1),1); padding-left: 5px;}
#stylelist [data="jud"] a:hover {width: 55px; color: rgba(var(--basic1),1); padding-left: 5px;}

/* название */
#pun-announcement vbname, #pun-announcement vbname1, #pun-announcement vbname4, #pun-announcement vbname5 {    color: var(--accent-l3);    font-family: Dirtyline;text-transform: uppercase;    position: absolute;    transition: var(--trans1);}
#pun-announcement vbname {font-size: 125px; top: 60px; left: 417px;}
#pun-announcement vbname1 {font-size: 85px; top: 86px; right: 300px; transform: rotate(-7deg);}
#pun-announcement vbname4 {    font-size: 130px;    top: 60px;    left: 440px;    opacity: 0;    filter: blur(10px);    transform: rotate(-50deg);}
#pun-announcement vbname5 {    font-size: 80px;    top: 88px;    right: 300px;    opacity: 0;    filter: blur(10px);    transform: rotate(50deg);}
#pun-announcement vbname2 {    position: absolute;    background: url(https://forumstatic.ru/files/001b/7c/28/33467.png);    width: 53px;    height: 77px;    top: 85px;    right: 307px;}
#pun-announcement:hover vbname, #pun-announcement:hover vbname1 {    opacity: 0;    transform: rotate(50deg);    filter: blur(10px);}
#pun-announcement:hover vbname1 {   transform: rotate(-50deg);}
#pun-announcement:hover vbname4, #pun-announcement:hover vbname5 {    opacity: 1;    transform: rotate(0deg);    filter: none;}
#pun-announcement:hover vbname5 {transform: rotate(-10deg)}

/* звезда */
#pun-announcement vbname3 {    position: absolute;    top: 12px;    left: 305px;    font-size: 45px;    color: #f9f9f9;    transition: var(--trans1);}
#pun-announcement:hover vbname3 {transform: scale(1.7) rotate(30deg) translateX(-15px) translateY(15px)}


/* плеер */
#pun-announcement vbplay iframe, .nov vbplay iframe {    width: 100% !important;    height: 20px !important;} #pun-announcement vbplay vbplay1, .nov vbplay vbplay1 {display: inline-block;    width: 50px;transition: var(--trans1);}
#pun-announcement vbplay {z-index: 3; position: absolute; top: 80px; left: 220px; transition: var(--trans1); opacity: 0; filter: blur(5px);}
#pun-announcement vbplay, .nov vbplay, .nov vbplay3 {color: var(--basic-l3); display: flex; align-items: center; column-gap: 5px; font-size: 8px; letter-spacing: 1px; font-family: var(--basicfont);}

#pun-announcement:hover vbplay {    opacity: 1;    transform: translateY(25px);    filter: none;}
#pun-announcement:hover vbplay vbplay1:hover {transform: scale(1.2)}

#pun-announcement arrow {    font-size: 30px;    position: absolute;    margin: -11px 0 0 14px;}
#pun-announcement arrow .fad {--fa-secondary-color: #efece8;    --fa-primary-color: #d5bfa9;    font-size: 22px;    --fa-secondary-opacity: 1;}
#pun-announcement audio {    opacity: 0;}
#pun-announcement vbplay2 {    margin-left: -10px;    z-index: 9;}



#pun-announcement pl {    position: absolute;    font-family: var(--basicfont);    font-size: 9px;    text-transform: lowercase;    letter-spacing: 1px;    width: 154px;    height: 65px;    overflow: auto;    padding-right: 2px;    top: 23px;    right: 145px;    display: flex;    flex-wrap: wrap;    align-content: center;    text-align: right;}
#pun-announcement pl a {color: var(--basic-l3) !important; display: block; position: relative; margin-bottom: 5px;    width: inherit;}
#pun-announcement pl a.new {color: rgba(var(--basic1)) !important;} #pun-announcement pl a.new:before {content: '\2726'; display: inline-block; vertical-align: super; margin: -3px 3px 0 0px; color: #ffe2c6}
#pun-announcement pl a:hover {transform: scale(1.2) translateX(-15px);}

#pun-announcement akt {    position: absolute;    width: 100px;    display: flex;    justify-content: space-between;
    right: 23px;
    top: 40px;}
#pun-announcement akt:before {    content: '';    position: absolute;    width: 1px;    height: 26px;    background: rgba(var(--basic1),.3);    margin-left: -12px;}
#pun-announcement akt a, #pun-announcement par span, .status_userava, .nov akt a, .nov .akt a, .nov par span, .nov .par span {    background: #bbbbbb !important;    box-shadow: 0 0 0 1px #c9c6cd;    display: inline-block;    transition: var(--trans1);}
#pun-announcement akt a, #pun-announcement akt a img, .nov akt a img, .nov akt a, .nov .akt a img, .nov .akt a {border-radius: 5px;    width: 25px;    height: 25px;     opacity: .8;}
#pun-announcement akt a:hover, #pun-announcement par:hover span, #pun-status:hover span.status_userava {    background: rgba(var(--accent-d1)) !important; opacity: 1;}
#pun-announcement akt a img, #pun-announcement par span img, .status_userava img, .nov akt a img, .nov .akt a img, .nov par span img, .nov .par span img {    filter: grayscale(1);    mix-blend-mode: overlay;}
#pun-announcement par {    position: absolute;    top: 20px;    left: 33px;    display: flex;    align-items: center;    height: 70px;}
#pun-announcement par span img, #pun-announcement par span, .nov par span img, .nov par span, .nov .par span img, .nov .par span {border-radius: 5px !important; height: 25px; width: 70px;}
#pun-announcement par b {    color: var(--basic-l3);  transition: var(--trans1);   font-weight: normal;    line-height: 12px;}
#pun-announcement par i, .nov par i {    font-family: bigilla;    font-size: 60px;    color: var(--accent-l2);    font-style: normal;    margin-left: -14px;    z-index: 1;}

#pun-announcement pos span {    position: absolute;    text-align: justify;    width: 170px;    padding-right: 10px;    overflow: auto;    height: 40px;    line-height: 13px;
    bottom: 55px;
    left: 30px;}
#pun-announcement pos a {color: rgba(var(--basic1)) !important; 
    bottom: 95px;
    left: 30px;}
#pun-announcement pos a, #pun-status .item1 {width: 190px;    position: absolute;     -webkit-text-stroke: 0.2px;}
#pun-announcement pos a b, #pun-status .item1 strong {    font-weight: normal;    font-family: Aesthetic;    display: block;    font-size: 18px;    margin-top: 3px;    line-height: 25px;}
#pun-announcement pos:hover a, #pun-announcement par:hover b, #pun-status:hover .item1 {letter-spacing: 2px;} #pun-announcement pos a:hover {color: rgba(var(--accent-d1));}

.ban {/*    position: absolute;    margin-top: 27px;    width: calc(100% - 40px);    left: 20px;    height: 50px;*/}
.ban a:hover {opacity: 1}
#horizontal-scroller, .mood m4, .mood m6 {white-space: nowrap; overflow: auto;    padding-bottom: 7px;}
.ban a {vertical-align: bottom; background: #736e75; display: inline-block; width: 88px; height: 31px; margin-right: 6px;} .ban a:last-child {margin-right: 0px;}
.ban img {filter: grayscale(1); opacity: .2; transition: var(--trans1);} .ban a:hover img {filter: none; opacity: 1;}



/* ДЖУДА */
.jud #pun-announcement vbname, .jud #pun-announcement vbname3, .jud #pun-announcement vbname1, .jud #pun-announcement vbname2, .jud #pun-announcement akt:before {display: none;}
.jud #pun-announcement vbplay {    top: 10px;    left: 10px; opacity: 1; filter: none;} .jud #pun-announcement:hover vbplay {transform: none;}
.jud #pun-announcement akt {    top: 10px;    right: 380px;    width: 130px;}
.jud #pun-announcement akt a, .jud #pun-announcement par span, .jud .nov akt a, .jud .nov .akt a, .jud .nov par span, .jud .nov .par span {    background: #666161 !important;    box-shadow: 0 0 0 1px #202020;}
.jud #pun-announcement akt a, .jud #pun-announcement akt a img {    border-radius: 50%; opacity: 1;}
.jud #stylelist [data="bl"] a {    border: 2px solid #df918b;}
.jud #stylelist [data="jud"] a {    background: #df918b;    border: 2px solid #df918b;}
.jud #stylelist a:hover {    color: var(--jud-basic1);}
.jud #stylelist {    margin-left: -1px;}
.jud #stylelist a {    font-family: var(--jud-font);    font-size: 10px;}
.jud .ban {    margin-top: 0px;    left: 260px;    width: calc(100% - 320px);    height: 80px;}
.jud .ban:before {    content: 'friends';    font-family: 'Frankie Friends';    color: var(--jud-accent1);    font-size: 40px;    position: absolute;    left: -245px;    margin-top: -9px;    -webkit-text-stroke: 0.2px; transition: var(--trans1)}
.jud .ban:hover:before {    transform: rotateX(180deg);}
.jud .ban a {    background: #c5c5c5;}

.jud #pun-announcement vbplay iframe {    filter: invert(1);}

.jud #pun-announcement pos a {    bottom: auto;    top: 45px;    left: 289px;    width: auto;    background: var(--jud-basic1);    color: var(--jud-accent1) !important;    padding: 2px 4px;    font-size: 6px !important;}
.jud #pun-announcement pos a b {    position: absolute;    overflow: inherit !important;    height: auto !important;    line-height: 17px;    color: var(--jud-basic1);    width: 200px;    border: none;    font-family: var(--jud-font1);    text-transform: lowercase;    font-size: 16px;    margin-left: -75px;    text-align: center;}
.jud #pun-announcement pos {    font-family: var(--jud-font);    font-size: 8px;    letter-spacing: 1px;    -webkit-text-stroke: 0.1px;}
.jud #pun-announcement pos span {    width: 250px;    top: 78px;    left: 180px;    height: 30px;    line-height: 11px;}
.jud #pun-announcement par {    bottom: 0;    top: auto;    left: 240px;}
.jud #pun-announcement par span img, .jud #pun-announcement par span {    border-radius: 0 !important;}
.jud #pun-announcement par i, .jud .nov par i {    font-family: var(--jud-font1);    color: var(--jud-basic1);    font-size: 44px;}
.jud #pun-announcement par b, .jud .nov par b, .jud .nov .par b {    font-family: var(--jud-font1);    text-transform: lowercase;    font-size: 12px;    letter-spacing: 1px !important;}
.jud #pun-announcement pl a:after {    display: none;}
.jud #pun-announcement pl {    right: -2px;    top: 10px;    height: 130px;    font-family: var(--jud-font1);    font-size: 10px;    width: 200px;     display: flex;    flex-wrap: nowrap;    align-items: flex-end;    flex-direction: column;}
.jud #pun-announcement pl a {    color: var(--jud-basic2) !important;    padding: 4px 10px 4px 10px;    width: auto !important;}
.jud #pun-announcement pl a.new {    background: var(--jud-basic1);}
.jud #pun-announcement pl a.new:before {    color: var(--jud-basic2);    margin: 0 0 0 0;    font-size: 14px;    position: absolute;    left: -6px;    top: 0px;}
.jud #pun-announcement pos:hover a {letter-spacing: inherit;}





/* V. ВВОД ТЕКСТА, КНОПКИ
-------------------------------------------------------------*/
/*  ввод текста */
.punbb textarea {overflow: auto;padding: 7px !important;font: 11px arial !important;line-height: 15px !important; outline: none !important}
#main-reply {border-radius: 0 0 7px 7px}
.punbb textarea, .pun-modal .modal-inner, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {border: none !important;}



/* КНОПКИ И ФОРМЫ ЗАПОЛНЕНИЯ © blanche. брать можно только с копирайтом */
/* формы заполнения*/
.punbb select, .punbb option {font-family: Arial!important;text-transform: lowercase !important;font-size: 10px !important;padding: 4px !important;}
.checkbox {width: auto !important;}
.punbb input, .punbb select, .hvStickerPackModalTab, .hvStickerPackModalInput, .hvStickerPackModalAddButton {cursor: pointer; font-size: 10px; padding: 4px; font-family: Arial; border-radius: 6px !important; border: none; outline: none; text-align: center;  background: transparent;
    box-shadow: 0 0 0 1px inset #a99da778, 3px 3px 10px #635d64, -3px -3px 10px #a196a18a, 3px 3px 5px #958b9582 inset, -5px -3px 5px #564e58 inset;
    color: #c5b3a2;
    text-shadow: 0 0 3px #93867a, 1px 1px 0 #544d56;}
.punbb option {background-color: rgba(var(--basic-d2)) !important; color: var(--accent-l1) !important} /* модерское */
input[type="checkbox"], input[type="radio"] {    box-shadow: 0 0 7px inset rgba(var(--basic-l1)), 0 0 0 1px inset rgba(var(--basic-l1)) !important;}

/* кнопки в загрузке изображений */
#tags .container input, #tags .container select {    box-shadow: 0 0 0 1px inset #98a18d, 3px 3px 10px #a4ad9e, -3px -3px 10px #d5ddc3, 3px 3px 5px #d4dfc9 inset, -5px -3px 5px #a1ad9a inset;
    color: rgba(var(--basic1));
    text-shadow: 0 0 3px rgba(var(--basic1)), 1px 1px 0 #ffffff96;}

/* до наведения */
.button, .hashelp center div a button, input#sub4, select#page-select, .hvStickerPackModalTab {padding: 8px 10px !important;    font-family: var(--basicfont) !important;    font-size: 8px !important;    letter-spacing: 1px !important;    text-transform: uppercase !important;    min-width: 100px;    margin: 0 3px;transition: var(--trans1); }

/* кнопки после наведения */
.button:hover, .hvStickerPackModalTab:hover, .hvStickerPackModalTab.active, .hvStickerPackModalAddButton {    color: var(--basic-l3) !important;
    text-shadow: 0 0 3px #b79d83, 1px 1px 0 #8f7f70 !important;
    background: #b8ab9e !important;
    box-shadow: 0 0 0 1px inset #c1b6ab, 3px 3px 10px #635d64, -3px -3px 10px #a196a18a, 3px 3px 5px #d1c2b4 inset, -5px -3px 5px #a19386 inset;}
    
    
/* ДЖУДА */
.jud .punbb textarea {    background: var(--jud-basic2);    box-shadow: none;    border: 1px solid var(--jud-basic1) !important;margin-left: -21px;    border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important;    width: calc(100% + 20px) !important;    color: var(--jud-basic1);}
.jud .punbb input, .jud .punbb select, .jud #tags .container input, .jud #tags .container select {    box-shadow: 0 0 0 1px var(--jud-basic1);    text-shadow: none;    color: var(--jud-basic1);    font-family: var(--jud-font) !important;}
.jud .button:hover {    text-shadow: none !important;    background: var(--jud-basic1) !important;}
.jud .punbb option {background-color: var(--jud-basic2) !important; color: var(--jud-basic1) !important}




/* IV. ЦИТАТЫ © blanche. брать можно только с копирайтом
-------------------------------------------------------------*/
/* цитаты, спойлер, выделить код */
.punbb .post-content .quote-box, .punbb .post-content .code-box {margin: 10px 20px 25px 20px; position: relative;    overflow: hidden;}
.punbb .post-content .blockcode, .punbb .post-content blockquote {margin: 0px;    width: 99%;    overflow: hidden;}
.punbb .post-content .scrollbox {width: 100%;overflow: auto;font-size: 11px;} pre {    font-family: var(--basicfont);    line-height: 150%;}
.punbb .post-content .quote-box, .punbb .post-content .code-box, .pun-modal .modal-inner, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {padding: 10px;font-size: 11px!important;    font-family: var(--basicfont) !important;}
.punbb .post-content .quote-box, .punbb .post-content .code-box {border-radius: 10px; padding: 15px !important;
background: #e3e3e3;
    color: #97909b;
    box-shadow: 5px 5px 10px #d2d0d3, -5px -5px 7px #e7e7e7, 10px 10px 15px #f1f1f1 inset, -10px -10px 30px #d5d4d5 inset;
    border: 1px solid #bab0bf85;
}
.punbb .quote-box cite:before, .punbb .code-box strong.legend:before, .post-content .spoiler-box > div:before {    content: '"';    font-family: doppelganger;    font-size: 160px;    position: absolute;    left: 25px;height: 30px;overflow: hidden;}

/* написал и выделить код */
.punbb .quote-box cite, .punbb .code-box strong.legend, .post-content .spoiler-box > div {    font-style: normal;    padding: 7px 10px;    display: block;    text-transform: uppercase;    font-family: var(--basicfont);    letter-spacing: 1px;    font-size: 9px;    text-align: right;    margin: -10px 7px 15px 50px; font-weight: normal;
    border-bottom: 1px solid #cfccd5;
    text-shadow: 0 0 3px #b8ab9e, 1px 1px #ffffffbf;
}
.post-content .spoiler-box > div {background: no-repeat 10px !important;    margin-bottom: 0px;}
.punbb .quote-box cite, .punbb .code-box strong.legend, .punbb .code-box strong.legend a, .post-content .spoiler-box > div {color: #a59483;}

/* СПОЙЛЕР Ч.2 © blanche. брать можно только с копирайтом */
.post-content .spoiler-box > div:after {    content: '\f067';    font-family: var(--fawe);    font-size: 12px;    float: right;    margin: 12px -20px 0 0px;    transition: all .5s; font-weight: 900;}
.post-content .spoiler-box > div.transform:after {  transform: rotate(45deg);}

/* ДЖУДА */
.jud .punbb .post-content .quote-box, .jud .punbb .post-content .code-box {    background: var(--jud-basic2);    box-shadow: none;    border: 1px solid var(--jud-basic1);    color: var(--jud-basic1);}
.jud .punbb .quote-box cite, .jud .punbb .code-box strong.legend, .jud .post-content .spoiler-box > div {    background: var(--jud-basic1) !important;    margin: -15px -15px 10px -15px;    text-shadow: none;    border-bottom: none;}
.jud .punbb .quote-box cite, .jud .punbb .code-box strong.legend, .jud .punbb .code-box strong.legend a, .jud .post-content .spoiler-box > div {    color: var(--jud-basic2);}
.jud .punbb .quote-box cite:before, .jud .punbb .code-box strong.legend:before, .jud .post-content .spoiler-box > div:before {    content: '\2726' !important;    color: var(--jud-accent1);    font-size: 40px;    left: 10px;    margin-top: -12px;    transition: var(--trans1);}
.jud .punbb .quote-box:hover cite:before, .jud .punbb .code-box:hover strong.legend:before, .jud .post-content .spoiler-box:hover > div:before {    transform: rotate(45deg);}
.jud .post-content .spoiler-box > div:after {content: '\2726' !important;color: var(--jud-accent1);margin: 2px 0px 0px 0;font-size: 20px;}




/* III. ПРОФИЛЬ
-------------------------------------------------------------*/
/* фиксация профиля при прокрутке (с) идея max, the murderer */
.punbb .post .post-author {float: left; overflow: hidden; width: 220px; min-height: 50px; margin: 0 0 42px 0; position: sticky; top: 30px;}
.punbb .post .post-author, #viewprofile-next {border-radius: 10px;    box-shadow: 0 0 0 1px inset #858388, 0 0 0 1px #605c65, 0 0 10px #57525733;}
.punbb .post .post-author, #viewprofile-next, .pa-fld2:before, .pa-fld4 span:after {background: #38353b4d;}

.punbb .post .post-author ul {display: flex;flex-wrap: wrap;text-align: center;justify-content: space-around;    width: 192px;    margin: 0px 15px 10px 15px;}
.punbb .post-body {margin-left: 243px; }


/* цвета текста */
.pa-fld1 a, .pa-fld2, .pa-fld4 a {color: var(--accent-l1) !important;}
.indOnline:before, .pa-fld4 span:after, .pa-respect span:last-child:before {color: rgba(var(--accent-d1)) !important;}
.pa-author, .pa-author a, .indOffline:before, .pa-posts, .pa-fld5, .pa-fld4, .pa-respect, .pa-respect a, .pa-fld4 a:hover { color: rgba(var(--basic-l1)) !important}
.pa-fld3 a {color: #e4e3e6 !important}

/* шрифт ника */
.pa-author {    font-size: 12px;    font-family: 'Lighthaus';    text-transform: lowercase;    width: inherit;    margin: 2px 0px -20px 20px;    z-index: 1;    text-align: left;}
.pa-author a:hover {color: rgba(var(--accent-d1)) !important;}
.pa-author:first-letter {font-family: 'Iglets'; font-size: 45px; vertical-align: -webkit-baseline-middle; margin: 0 5px 0px 0px; font-style: italic;}

/* аватар */
.pa-avatar {margin-bottom: -2px;    width: auto;    margin: 7px 50%;    padding: 6px !important;    z-index: 2; border-radius: 4px; position: relative; border: 1px solid;    display: flex;    justify-content: center;}
.pa-avatar, .pa-avatar img, #pun-profile .fs-box .avatardemo, #pun-messages img.avatardemo, #profile-left #pa-avatar img, .pa-fld2 {
border-color: rgba(var(--accent-d1), .7) !important}
.pa-avatar, .pa-avatar img, #pun-profile .fs-box .avatardemo, #pun-messages img.avatardemo, #profile-left #pa-avatar img {  max-width: 180px; border-radius: 4px; border: 1px solid;}

/* ай-пи */
li.pa-ip {position: absolute;display:none;}

/* сообщения, посты, репутация */
.pa-posts, .pa-fld5, .pa-respect {    font-family: qalisso;    font-size: 12px;    letter-spacing: 3px;    font-weight: bold;    width: 64px;    line-height: 16px;transition: var(--trans3); z-index: 2; opacity: .8;}
.pa-posts .fld-name, .pa-fld5 .fld-name, .pa-respect .fld-name {    display: block;    font-family: 'Helvetica Neue Medium';    text-transform: uppercase;    font-size: 7px; font-weight: normal;letter-spacing: 1px;}
.pa-respect a {transition: var(--trans3) !important;}
.pa-posts:hover, .pa-fld5:hover, .pa-respect:hover, .pa-respect:hover a, .pa-respect:hover span:last-child:before {color: var(--accent-l1) !important; cursor: pointer;}

.pa-respect span:last-child:before {     content: '\2726';    width: 9px;    height: 6px;    display: inline-flex;    margin: 3px 0px 0px -2px;    z-index: 1;    position: absolute;    border-radius: 20px;    padding: 3px;    font-size: 10px;    justify-content: center;    align-items: center;transition: var(--trans3)}
.pa-respect a img {    opacity: 0;    z-index: 2;    position: absolute;    width: 100%;    left: 0px;    top: 15px;    height: 20px;}
.pa-respect {    position: relative;}

/* поля */
.pa-fld1, .pa-fld2 {    font-family: var(--basicfont);    text-transform: uppercase;    font-size: 7px;    letter-spacing: 1px;}
.pa-fld1 {z-index: 1;    margin-left: 47px;    width: inherit;    text-align: left;}

.pa-fld2 {    position: relative;    width: inherit;     z-index: 2;    transition: var(--trans1);    border: 1px solid;    border-top: none;    border-radius: 0 0 4px 4px;    padding: 8px 6px !important;    background: var(--pun-bg);    margin: -13px -1px 6px -1px;    text-align: right;}
.pa-fld2:hover, .pa-fld1:hover {    letter-spacing: 1.5px;}
.pa-fld2:before {    content: '';    width: 100%;    height: 100%;    position: absolute;    left: 0;    top: 0;    z-index: -1;}

.pa-fld3 {z-index: 2; width: inherit; font-family: var(--basicfont); margin: 7px 0; font-size: 9px; letter-spacing: .5px; position: relative;}
.pa-fld3:before, .pa-fld3:after {  font-family: var(--fawe);    position: absolute; color: rgba(var(--basic-l1));    font-weight: 700;}
.pa-fld3:before {    content: '\f04b \f04c';    margin-top: 11px;    left: 0px;    font-size: 8px;    letter-spacing: 2px;}
.pa-fld3:after {    content: '\f04e';   right: 0;    margin-top: -17px;    font-size: 9px;}
.pa-fld3 b {     display: block;    border-bottom: 1px solid rgba(var(--basic-l1), .3);    text-transform: uppercase;    font-weight: normal;    padding-bottom: 5px;    margin: 0 19px 5px 24px;    padding-right: 4px;    font-size: 8px;    letter-spacing: 1px;}
.pa-fld3 i {    display: block;    margin: 0 19px;    font-style: normal;    text-transform: lowercase;font-size: 7px;    letter-spacing: 1px;}
.pa-fld3 b:before {    content: '';    background: rgba(var(--accent-d1));    width: 30px;    height: 3px;    left: 23px;    position: absolute;    border-radius: 3px;    margin-top: 13px;    transition: all 2s linear;}
.pa-fld3:hover b:before {    width: 147px;transition: all 20s linear;}

.pa-fld4 {    font-family: var(--basicfont);    text-transform: lowercase;    font-size: 9.5px;    letter-spacing: 1px;    line-height: 14px;    text-align: center;    margin: 10px 0 15px 0;     position: relative;    z-index: 1;
background: url() bottom no-repeat, url() top no-repeat, url() top repeat-y;    width: 222px;}
.pa-fld4:before {    background: url();    content: '';    position: absolute;    width: 222px;    height: 224px;    left: 0px;    margin-top: -110px;    z-index: -1;}
.pa-fld4 span a {     position: absolute;    width: 30px;    height: 10px;bottom: -5px;    left: 74px;    z-index: 9999;}
.pa-fld4 span {    display: block;    width: 100%;    height: 1px;    background: rgba(var(--basic-l1), .3);    position: relative;    margin-top: 15px;}
.pa-fld4 span:before, .pa-fld4 span:after {position: absolute; margin: 0px 0 0 -15px; width: 30px; height: 1px;}
.pa-fld4 span:before {content: ''; background: var(--pun-bg);}
.pa-fld4 span:after {content: '\273B'; line-height: 1px; font-size: 14px;}

.pa-fld4 a {position: relative; padding: 0 2px; margin: 0 -2px;}
.pa-fld4 a:before {position: absolute; background: rgba(var(--basic-l1),.3); width: 0%; height: 15px; content: ''; left: 0px; transition: all 1s; border-radius: 3px;}
.pa-fld4 a:hover:before {width: 100%;}

.pa-fld4 emoji {margin: -8px 0 8px 0;    display: flex;    justify-content: center;    gap: 5px;}



/* ДЖУДА */
.jud .pa-author, .jud .pa-author a, .jud .indOnline:before {    color: var(--jud-accent1) !important;}
.jud .indOffline:before {    color: var(--jud-basic2) !important;   opacity: .15;}
.jud .pa-fld1 a {    color: var(--jud-basic2) !important;    opacity: .65;}

.jud .punbb .post-body {    margin-left: 245px;    position: relative;}
.jud .punbb .post-body:before {    content: '';    position: absolute;    top: 0px;    left: 0;    height: 100%;    width: 1px;    background: var(--jud-basic1);    z-index: 9;}
.jud .punbb .post .post-author {    background: transparent;    box-shadow: none;    width: 246px;    border-radius: 0;}
.jud .punbb .post .post-author ul {    width: 100%;    margin: 0;    position: relative;}
.jud #pun-viewtopic .post-author:before, .jud #pun-viewtopic .post-author ul:before {display: none}
.jud .pa-author {    margin: 0 0 -10px 0;    text-align: center;}
.jud .pa-author, .jud .pa-author:first-letter {    font-family: var(--jud-font1) !important;    font-size: 17px;    font-style: normal;    vertical-align: inherit;    margin: 0 0 -10px 0;    letter-spacing: .5px;    -webkit-text-stroke: 0.3px;}
.jud .pa-fld1 {    margin: 20px 0 -4px 0;    text-align: center;    font-family: var(--jud-font);    font-size: 6px;    letter-spacing: 2px;    -webkit-text-stroke: 0.1px;}
.jud .pa-fld1 a:before, .jud .pa-fld1 a:after {    content: '—';    margin: 0 5px;}

.jud .pa-fld2 {    width: auto;    background: var(--jud-accent1);    border: none;    border-radius: 0;    color: var(--jud-basic1) !important;    font-family: var(--jud-font);    -webkit-text-stroke: 0.3px;    padding: 3px 10px !important;    margin-top: -5px;    font-size: 6px;    letter-spacing: 2px;}
.jud .pa-fld2:before {    display: none;}
.jud .pa-fld3 {    margin: 5px 25px;}
.jud .pa-fld3:before, .jud .pa-fld3:after {    color: var(--jud-accent1);}
.jud .pa-fld3 b:before {    background: var(--jud-accent1);}
.jud .pa-fld4 {    font-family: var(--jud-font);    font-size: 8px;    letter-spacing: 2px;}
.jud .pa-fld4 a {    color: var(--jud-accent1) !important;    -webkit-text-stroke: 0.7px;    display: inline-block;}
.jud .pa-fld4 a:before {    display: none;}
.jud .pa-fld4 a:hover {    transform: rotateX(180deg) translateY(-2px);}
.jud .pa-posts, .jud .pa-fld5, .jud .pa-respect {    width: 82px;    opacity: 1;    font-weight: normal;}
.jud .pa-posts .fld-name, .jud .pa-fld5 .fld-name, .jud .pa-respect .fld-name {    font-family: var(--jud-font);      font-size: 8px;    letter-spacing: 1.5px;    -webkit-text-stroke: 0.1px;    text-transform: lowercase;    padding-bottom: 2px;    margin-bottom: 7px;}
.jud .pa-posts, .jud .pa-fld5, .jud .pa-respect, .jud .pa-respect a, .jud .pa-fld4 {    color: var(--jud-basic2) !important;}
.jud .pa-respect span:last-child:before {    color: var(--jud-accent1) !important;    font-size: 16px;}
.jud .pa-fld4 span {    background: transparent;    margin: 10px 0 -7px 0;}
.jud .pa-fld4 span:before {    display: none;}
.jud .pa-fld4 span:after {    color: var(--jud-accent1) !important;    content: '\2726';    font-size: 25px;    overflow: hidden;    height: 10px;    line-height: 18px;    background: transparent;}
.jud .pa-fld4 span a {    left: 95px;    bottom: -9px;}

.jud .pa-avatar {    border: none;}
.jud .pa-avatar img, .jud #pun-profile .fs-box .avatardemo, .jud #pun-messages img.avatardemo, .jud #profile-left #pa-avatar img {    border: 2px solid var(--jud-basic2) !important;}
.jud .pa-posts:after {    content: '';    width: 100%;    height: 19px;    background: var(--jud-accent1);    border-radius: 0 !important;    bottom: 22px;    position: absolute;    left: 0;    z-index: -1;}
.jud .pa-fld3 b {    border-color: #ffffff1f;}

/* СМЕНА АВАТАРОВ ПРИ ПЕРЕКЛЮЧЕНИИ СТИЛЯ Ч.2. брать можно только с копирайтом.
гость (с) deff */
body.bl  #pa-avatar img[alt][src$="/G5fqcRz/1.png"],
body.bl  .pa-avatar img[alt][src$="/G5fqcRz/1.png"]{
  background: url('https://forumstatic.ru/files/001b/7c/28/72467.jpg') no-repeat center;
}
body.jud  #pa-avatar img[alt][src$="/G5fqcRz/1.png"],
body.jud .pa-avatar img[alt][src$="/G5fqcRz/1.png"]{
  background: url('https://forumstatic.ru/files/001b/7c/28/60060.png') no-repeat center;
}
.avatar-image[style*="default_avatar.jpg"]{       background-image:url(https://forumstatic.ru/files/001b/7c/28/72467.jpg)!important;    }
.jud .avatar-image[style*="default_avatar.jpg"]{       background-image:url(https://forumstatic.ru/files/001b/7c/28/60060.png)!important;    }

/* профили (с) blanche*/
.jud [data-user-id="2"] .pa-avatar img, .jud [data-user-id="7"] .pa-avatar img {    display: block;    -moz-box-sizing: border-box;    box-sizing: border-box;    width: 180px;    height: 80px;    padding-left: 180px;}
.jud [data-user-id="2"] .pa-avatar img {background: url(https://forumstatic.ru/files/001b/7c/28/36165.png) no-repeat;}
.jud [data-user-id="7"] .pa-avatar img {background: url(https://forumstatic.ru/files/001b/7c/28/18866.png) no-repeat;}