/* Структура © эос (https://imagiart.ru/profile.php?id=5592)
Исполнение © witch hazel (https://imagiart.ru/profile.php?id=11169)*/
/* Убедительная просьба не брать коды и не растаскивать их на части */
/*---------------------------------------------------------------------------*/
/*--- Подключение второго окна стилей ---*/
@import url(style_cs.1747562659.css);
/*--- Иконки ---*/
@import url('https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css');
/*--- Шрифты ---*/
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap');
@font-face {font-family: 'Inkfree';
	src: local('Inkfree'), url(https://forumstatic.ru/files/001c/78/2b/88490.ttf);}
@font-face {font-family: 'Verdana';
	src: local('Verdana'), url(https://forumstatic.ru/files/001c/78/2b/33757.ttf);}

/*--- Переменные ---*/
:root {
--font-base: "Geologica", sans-serif;
--font-two: "Comfortaa", sans-serif;
--font-three: "Verdana", sans-serif;
--pun-width: 1100px;
--pun-padding: 30px;
--header-width: 1100px;
--header-height: 556px;
--profile-width: 230px;
--category-width: 923px;
--category-height: 100px;
}
:root, .light {
--body-img: url(https://forumstatic.ru/files/001c/78/2b/78366.jpg?v=1);
--header-img: url(https://forumstatic.ru/files/001c/78/2b/59415.png);
--futer-img: url(https://forumstatic.ru/files/001c/78/2b/47116.png);
--category1-img: url(https://forumstatic.ru/files/001c/78/2b/45174.png);
--profup-img: url(https://forumstatic.ru/files/001c/78/2b/96702.png);
--profdown-img: url(https://forumstatic.ru/files/001c/78/2b/44657.png);
--news-img: url(https://forumstatic.ru/files/001c/78/2b/41805.png);
--pun-before-color: #93aabc;
--pun-after-color: #bec8d2;
--go-up-img: url(https://forumstatic.ru/files/001c/78/2b/98227.png?v=1);
--go-down-img: url(https://forumstatic.ru/files/001c/78/2b/94994.png?v=1);
--body-color: #4E5E69;
--pun-color: #e1e1e1;
--pun-container-color: #ebebeb;
--pun-box-color: #e6e9ec;
--profile-color: #e8e8e8;
--text-color: rgba(85,90,95, 1);
--text-color--pale: #8a8a8a;
--border-color: #d6cccc;
--border-color--darker: rgba(143,168,186, 1);
--shadow-color: rgba(0, 0, 0, .04);
--link-color: #698391;
--link-color2: #4d4d4d;
--link-color3: #a97676;
--button-color: #e5e5e5;
--button-text-color: #b78686;
--hover-color: #b9a4a4;
--hover-text-color: #456180;
--extra-color1: #8da4b8;
--extra-color2: #d7dde2;
--extra-color3: #cbaeaa;
--extra-color4: #4d687a;
--avatar-color: #d8c9c9;
--avatar-border: #737373;
--select-color: #d2dbe1;
--select-text-color: #687f90;
--textarea-color: rgba(255, 255, 255, .6);
--scrollbar-color: #afb9c1;
--scrollbar-thumb-color: #b78686;
}

.dark {
--body-img: url(https://forumstatic.ru/files/001c/78/2b/14428.jpg);
--header-img: url(https://forumstatic.ru/files/001c/78/2b/92324.png);
--futer-img: url(https://forumstatic.ru/files/001c/78/2b/97588.png);
--category1-img: url(https://forumstatic.ru/files/001c/78/2b/86052.png);
--body-color: #bcbcbc;
--pun-color: #d1d1d1;
--pun-container-color: #e0dfdf;
--border-color: #b7abab;
}

/*--- Скрыть ненужное ---*/
.punbb .container:after, .punbb .linksb:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .post-links ul:after {
clear: both!important;
visibility: hidden!important;
/*content: ".";*/
content: none!important;
display: block!important;
height: 0!important;
font-size: 0!important;
line-height: 0!important;
overflow: hidden!important;
}
.clearer, .inline .infofield {
clear: both!important;
}
.clearer {
height: 0!important;
font-size: 0!important;
}
#pun-announcement h2, #pun-index #pun-main h1, #pun-navlinks h2, #pun-status h2, #pun-title h1, #pun-ulinks h2, #pun-userlist .main h2, .post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .formsubmit label, .punbb .forum h2, .punbb .modmenu label, .punbb .multipage .topic h2, .punbb .required label em, .punbb .submitfield label, .acchide {
position: absolute!important;
width: 0!important;
height: 0!important;
left: -9999px!important;
font-size: 0!important;
line-height: 0!important;
overflow: hidden!important;
}
#pun-live-rusff, #pun-main .catleft, #pun-main .catright, #pun-messages .linksb:after, #pun-messages .pa-posts, #pun-messages .pa-reg, #pun-messages .user-avatar, #pun-modviewforum .user-avatar, #pun-multimove .pa-title, #pun-multidelete .pa-title, #pun-multimegre .pa-title, #pun-searchposts .pa-replies, #pun-searchposts .post-links, #pun-searchtopics .modmenu .container, #pun-viewforum .modmenu .container span, #pun-index #pun-main th, #pun-index #pun-main .tc2, #pun-index #pun-main .tc3, #pun-index #pun-crumbs1, #pun-index #pun-crumbs2, #post legend span, #post-form h2, #register .info-box, #title-logo-tdr, #topic-modmenu span, #button-files_rusff, #button-graffiti_rusff, #most_invitations, #navawards, #pa-invites, #profile-gifts, #pun-index #pun-main .tcr br, .closedatafield, .lastedit, .pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name, .pa-fld5 .fld-name, .pa-gifts a, .pa-gifts span, .pa-gifts, .pl-reports, .pl-website.website, .punbb .main td .modlist, .reactions-root, .stickytext, .topic .sharelink, lastedit, .datafield br, #profilenav h2, #formkey, #formetc, .punbb .post.new-ajax, #profilenav li.item12, #profilenav li.item9, #viewprofile-next #profilenav, #stylelist li.active, .tclcon .pagestext .bracket.bracket-left, .tclcon .pagestext .bracket.bracket-right, .pa-respect img, .post-links .pl-email.email, .post-links .pl-website, a.qc-post-link img, editor-squiggler, #pun-messages .post-sig, #pun-messages fieldset#post-new legend, #post-form fieldset legend, #pun-viewtopic .postlink .closed, .pl-share, #topic-feed, #pun-index tr#forum_f13, #pun-index tr#forum_f20, #pun-index tr#forum_f21, span.polltext, #pun.gid3 #topic_t5~#post-form, #pun.gid3 #topic_t6~#post-form, #pun-ulinks li#h-uploads, .linksb .clearer {
display: none!important;
}
.messages-container #profilenav h2 {
display: block!important;
}
/*--- Тело ---*/
*, body {
margin: 0;
line-height: 100%;
outline: none;
text-size-adjust: none;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
-moz-text-size-adjust: none;
}
body {
font-size: 11px;
font-family: var(--font-base);
color: var(--text-color);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-color: var(--body-color);
background-image: var(--body-img);
}

#pun {
width: var(--pun-width);
margin: var(--header-height) auto 80px;
padding: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: var(--pun-color);
position: relative;
}

.dark #pun {
background: var(--pun-color);
}

.punbb {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: calc(var(--pun-padding)*3) calc(var(--pun-padding)*2) calc(var(--pun-padding)*2);
border-radius: 8px;
position: relative;
z-index: 1;
}
html.punbb:before, html.punbb:after {
content: none;
}
html.punbb {
-webkit-box-shadow: none;
box-shadow: none;
}
#pun-main, #profile.formal.messages-container .container {
min-height: 220px;
}
#profile.formal.messages-container #tags .container {
min-height: unset!important;
}
/*--- Шапка ---*/
.dark body:before {
background: var(--header-img) no-repeat;
}
body:before {
content: "";
display: block;
width: var(--header-width);
height: var(--header-height);
position: absolute;
background: var(--header-img) no-repeat;
top: 45px;
left: calc(50% - var(--header-width) / 2);
border-radius: 25px 25px 0 0;
}

/*--- Меню навигации ---*/
#pun-navlinks {
position: relative;
    display: block;
    margin: -89px auto 0px;
    width: 100%;
    white-space: nowrap;
    padding: 11px 0px 32px 0px;
}
#pun-navlinks .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
width: 100%;
height: 100%;
gap: 30px;
margin: 0;
padding: 0;
}
#pun-navlinks li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#pun-navlinks a {
color: var(--link-color3);
padding: 0 0 2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#pun-navlinks a span {
letter-spacing: .4px;
line-height: 1;
font-family: var(--font-base);
font-size: 15px;
text-transform: lowercase;
font-weight: 400;
}
#pun-navlinks a:hover {
color: var(--link-color);
-webkit-box-shadow: 0 1px 0 0 var(--border-color);
box-shadow: 0 1px 0 0 var(--border-color);
}

.dark #pun-navlinks a:hover {
-webkit-box-shadow: 0 1px 0 0 var(--border-color);
box-shadow: 0 1px 0 0 var(--border-color);
}
#pun-navlinks #navpm {
position: relative;
}
span.num_msg {
position: relative!important;
margin-top: -2px!important;
margin-left: 4px!important;
font-size: 9px!important;
padding: 3px 4px 2px!important;
-webkit-box-sizing: border-box!important;
box-sizing: border-box!important;
border-radius: 4px!important;
height: 100%!important;
width: auto!important;
min-width: unset!important;
cursor: pointer!important;
font-family: var(--font-base)!important;
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
font-weight: 400!important;
line-height: 1!important;
letter-spacing: 0!important;
transition: all .2s ease-in-out!important;
-webkit-transition: all .2s ease-in-out!important;
-moz-transition: all .2s ease-in-out!important;
-o-transition: all .2s ease-in-out!important;
color: var(--pun-container-color)!important;
background: var(--link-color)!important;
}
.dark span.num_msg {
color: var(--pun-container-color)!important;
}
span.num_msg:before {
content: none!important;
}
/*--- Юзер меню ---*/
#pun-ulinks {
position: absolute;
    width: 100%;
    height: auto;
    margin: 45px 0 0 0;
    top: 0;
    left: 0;
}
#pun-ulinks .container {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
gap: 10px;
text-transform: lowercase;
font-size: 10px;
font-weight: 400;
letter-spacing: .8px;
}
#pun-ulinks li {
display: inline;
padding: 0;
}
#pun-ulinks a {
color: var(--link-color2);
    font-family: 'InkFree';
    font-weight: bold;
    letter-spacing: 0.5px;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
white-space: nowrap;
border-radius: 0;
padding: 0 7px;
}

#pun-ulinks a:hover {
color: var(--hover-text-color);
background: var(--hover-color);
text-shadow: none;
border-radius: 2px;
}

/*--- Бабл уведомлений ---*/
#navpm .unreads {
background: var(--hover-color)!important;
color: var(--hover-text-color)!important;
top: 0!important;
right: 0!important;
font-weight: 400!important;
font-size: 11px!important;
font-family: var(--font-base)!important;
line-height: 1!important;
-webkit-box-sizing: border-box!important;
box-sizing: border-box!important;
padding: 2px 4px 2px!important;
letter-spacing: 0!important;
position: relative!important;
min-width: auto!important;
margin-left: 2px!important;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: auto!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
border-radius: 4px!important;
}
.bubble:before, #notify-link .unreads:before, #navpm .unreads:before, .bubble:after, #notify-link .unreads:after, #navpm .unreads:after {
content: none!important;
}
#notify-link .unreads {
background: transparent!important;
color: unset !important;
top: 0!important;
right: 0!important;
font-weight: 400!important;
font-size: 9px!important;
font-family: var(--font-base)!important;
line-height: 1!important;
-webkit-box-sizing: border-box!important;
box-sizing: border-box!important;
padding: 0!important;
letter-spacing: 0!important;
position: relative!important;
min-width: auto!important;
margin-left: 2px!important;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: auto!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
border-radius: 0!important;
}
#notify-link .unreads:before {
content: "("!important;
}
#notify-link .unreads:after {
content: ")"!important;
}
#notify-link .unreads strong {
font-weight: 400!important;
}
/*--- Приветствие ---*/
#pun-status {
    position: relative;
    width: 94%;
    text-transform: lowercase;
    font-size: 10px;
    letter-spacing: .2px;
    font-weight: 400;
    color: var(--text-color);
    margin: 16px 0px 0px 29px;
}
#pun-status .status-right {
float: right;
}
#pun-status .item4.status-right {
display: none;
}
#pun-status p span.item3 {
display: block!important;
}
#pun-status a {
color: var(--text-color--pale);
}
#pun-status a:hover {
color: var(--hover-color);
}
#pun-status .item1 strong {
color: var(--link-color);
}
#pun-status strong {
font-weight: 400;
}

/*--- Хлебные крошки ---*/
#pun-crumbs1, #pun-crumbs2 {
text-align: center;
display: block;
width: 100%;
text-transform: lowercase;
color: var(--link-color);
font-weight: 400;
font-size: 13px;
}
#pun-crumbs1 {
margin: 16px 0 20px;
}
#pun-crumbs2 {
margin: 26px 0 0;
}
#pun-crumbs1 a, #pun-crumbs2 a {
color: var(--text-color--pale);
}
#pun-crumbs1 a:hover, #pun-crumbs2 a:hover {
color: var(--text-color);
}
#pun-crumbs1 em, #pun-crumbs2 em {
display: none;
}
#pun-crumbs1 a:after, #pun-crumbs2 a:after {
content: "\00D7";
margin: 0 3px 0 8px;
width: auto;
height: auto;
display: inline-block;
vertical-align: middle;
color: var(--text-color--pale);
opacity: .6;
font-size: .9em;
}
#pun-crumbs1 a:hover:after, #pun-crumbs2 a:hover:after {
color: var(--text-color--pale);
}
h1 {
font-size: 0;
}
h2 {
font-size: 11px;
font-weight: 400;
text-transform: lowercase;
line-height: 150%;
margin-top: 20px;
}
h2 #reserve_post {
margin: 10px auto 30px;
font-weight: 600;
cursor: pointer;
}
h3 {
font-size: 11px;
font-weight: 400;
text-transform: lowercase;
}
label {
text-transform: lowercase;
}
strong {
font-weight: 600;
}
/*--- Категории ---*/
.category h2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: var(--category-width);
margin: 25px 0px 0px 22px;
height: var(--category-height);
z-index: 2;
position: relative;
}
.category-1 h2, .category-2 h2, .category-3 h2, .category-4 h2, .category-5 h2, .category-6 {
background: var(--category1-img) no-repeat;
}
.dark .category-1 h2, .dark .category-2 h2, .dark .category-3 h2, .dark .category-4 h2, .dark .category-5 h2, .dark .category-6 {
background: var(--category1-img) no-repeat;
}
.category h2 span {
display: block;
font-size: 0;
cursor: default;
}
.category .container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--pun-container-color);
    -webkit-box-shadow: inset 0 0 0 1px var(--pun-container-color), 0 0 0 1px var(--border-color);
    box-shadow: inset 0 0 0 1px var(--pun-container-color), 0 0 0 0px var(--border-color);
    padding: 10px;
    margin: -18px 0px 0px 22px;
    border-radius: 25px;
    width: 923px !important;
}
.category .container table {
padding: 10px 12px;
}
.dark .category .container {
    background: var(--pun-container-color);
}
/*--- Статистика ---*/
#pun-stats {
margin: 0;
}
#pun-stats h2 {
height: var(--pun-padding);
display: block;
width: 100%;
font-size: 0;
margin: 0;
}
#pun-stats .container {
font-size: 1em;
text-transform: lowercase;
font-weight: 400;
letter-spacing: .1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 29px 25px 27px;
}
#onlinelist {
text-align: justify;
width: 100%;
margin: 0 0 0;
}
#pun-stats strong {
font-weight: normal;
}
#pun-stats .item1 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
#pun-stats .item2 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
#pun-stats .item3 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
#pun-stats .item4 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
#pun-stats .item1, #pun-stats .item2, #pun-stats .item3, #pun-stats .item4 {
cursor: default;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 4px;
text-align: center;
letter-spacing: .1px;
font-size: 9px;
width: auto;
max-width: 300px;
height: auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
white-space: nowrap;
}
#pun-stats .item1 strong, #pun-stats .item2 strong, #pun-stats .item3 strong, #pun-stats .item4 strong {
font-weight: 400;
}
#pun-stats .onlinelist {
width: 100%;
padding: 0 0 16px;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
#pun-stats .users_24h {
width: 100%;
padding: 0 0 20px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
border-bottom: 1px solid var(--border-color);
}
.dark #pun-stats .users_24h {
border-bottom: 1px solid var(--border-color);
}
#pun-stats .onlinelist div, #pun-stats .users_24h div {
line-height: 150%;
font-size: 9px;
text-transform: lowercase;
font-weight: 400;
}
#pun-stats .onlinelist div span, #pun-stats .users_24h div span {
display: block;
font-size: 11px;
text-transform: lowercase;
margin: 3px 0 0;
line-height: 140%;
}
#pun-stats .onlinelist div a, #pun-stats .users_24h div a {
color: var(--text-color);
}
#pun-stats .onlinelist div a:after, #pun-stats .users_24h div a:after {
content: ": ";
}
#pun-stats .onlinelist div span a, #pun-stats .users_24h div span a {
color: var(--link-color3);
}
#pun-stats .onlinelist div span a:hover, #pun-stats .users_24h div span a:hover {
color: var(--link-color);
}
#pun-stats .onlinelist div span a:after, #pun-stats .users_24h div span a:after {
content: none;
}
#statistic-other {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#onlinelist.statistics {
display: none;
}
#statistic-other span {
padding-right: 0!important;
}
#statistic-other a {
color: var(--text-color--pale);
}
/*--- Футер ---*/
.dark #pun-about  {
    background-image: var(--futer-img);
}

#pun-about {
    background-image: var(--futer-img);
    height: 138px;
    width: 1100px;
    margin: 24px 0 0px 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    left: -4px;
}
#pun-about .container {
text-align: center;
    display: block;
    text-transform: lowercase;
    color: #c5b3b1;
    font-size: 9px;
    margin: 0px 0px 147px 0px;
}
#pun-about .container a {
color: #c5b3b1;
}
.banners {
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    width: 527px;
    bottom: 0;
    height: 40px;
    padding: 10px 0px 7px 0px;
    overflow-y: auto;
    margin: 0 0px -44px 188px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px 4px;
    z-index: 1;
}
.banners a {
width: 88px;
    height: 31px;
    display: inline-block;
    background-color: var(--extra-color2);
    border-radius: 20px;
    box-shadow: 0px 0px 9px 3px var(--extra-color2);
}
.banners a img {
-webkit-filter: grayscale(1) opacity(0.35);
filter: grayscale(1) opacity(0.35);
border-radius: 15px;
}
.banners a:hover img {
-webkit-filter: grayscale(0) opacity(1);
filter: grayscale(0) opacity()1);
}
/*--- Кнопки вверх/вниз ---*/
.go-up, .go-down {
display: none;
opacity: 1;
position: fixed;
z-index:1000;
cursor:pointer;
transition: all .2s ease-in-out!important;
-webkit-transition: all .2s ease-in-out!important;
-moz-transition: all .2s ease-in-out!important;
-o-transition: all .2s ease-in-out!important;
}
.go-up {
left: calc(50% + var(--pun-width) / 2);
top: calc(50% - 20px);
background: var(--go-up-img) no-repeat center center;
width: 94px;
height: 140px;
}
.go-down {
left: calc(50% + var(--pun-width) / 2);
top: calc(50% + 110px);
background: var(--go-down-img) no-repeat center center;
width: 96px;
height: 180px;
}
.go-up:hover {
opacity: .75;
}
.go-down:hover {
opacity: .75;
}

}
/*-------------- ТАБЛИЦЫ --------------*/
/*--- База таблиц ---*/
table {
table-layout: fixed;
width: 100%;
}
td {
padding: 0;
}
th {
padding: 0;
font-weight: 400;
text-transform: lowercase;
font-size: 9px;
letter-spacing: .3px;
color: var(--text-color--pale);
}
/*--- Таблица на главной ---*/
#pun-index #pun-main tbody tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
height: auto;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0 16px;
margin: 0 0 14px;
border-radius: 0;
position: relative;
border-bottom: 1px solid var(--border-color);
}
#pun-index #pun-main tbody tr:last-of-type, #pun-index tr#forum_f9, #pun-index tr#forum_f11 {
margin: 0!important;
padding: 0!important;
border-bottom: none!important;
}
#pun-index #pun-main .tcl {
width: 65%;
}
.tclcon h3 {
font-size: 15px;
    font-family: var(--font-two);
    text-transform: lowercase;
    line-height: 1;
    letter-spacing: .4px;
    display: inline-block;
    padding: 5px 0px 11px 0px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    height: auto;
    width: 100%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: var(--link-color) !important;
}
.tclcon h3 a {
color: var(--link-color);
}
.tclcon h3 a:hover {
color: var(--hover-color);
}
.tclcon-text {
color: var(--text-color--pale);
font-size: 9px;
letter-spacing: .1px;
font-weight: 400;
line-height: 140%;
text-align: justify;
}
.tclcon-text p {
display: inline;
text-transform: lowercase;
}
.tclcon-text p b {
font-weight: 400;
color: var(--link-color);
}
.tclcon-text p b:after {
content: "•";
margin: 0 3px 0 5px;
}
.tclcon-text p:last-of-type b:after {
content: none;
}
.tclcon-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
line-height: 1;
white-space: nowrap;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 4px 0 0;
text-transform: uppercase;
font-size: 8px;
font-weight: 500;
letter-spacing: .4px;
gap: 10px;
}
.tclcon-links a {
font-family: 'InkFree';
    color: var(--link-color2);
    background: var(--extra-color2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 7px 6px;
    border-radius: 10px;
    font-weight: bold !important;
}
.tclcon-links a:hover {
color: var(--button-color);
background: var(--button-text-color);
}
#pun-index .icon, #pun-index .inew {
display: block;
}
#pun-index .icon.inew~.tclcon a {
font-weight: inherit;
}
#pun-index tr.inew {
background-color: transparent!important;
}
#pun-index #pun-main .tcr {
width: 35%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
#pun-index #pun-main .tcr .lastpost-link {
text-transform: lowercase;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    right: 40px;
    top: 0;
    display: block;
    margin: 7px 0px 0px 0px;
    right: 4px;
    letter-spacing: .1px;
    line-height: 110%;
}
#pun-index #pun-main .tcr a.lastpost-link {
color: var(--link-color);
}
#pun-index #pun-main .tcr a.lastpost-link:hover {
color: var(--link-color2);
}
#pun-index #pun-main .tcr .lastpost {
text-transform: lowercase;
font-size: 10px;
letter-spacing: .2px;
font-weight: 400;
color: var(--text-color--pale);
position: absolute;
right: 4px;
top: 25px;
display: block;
margin: 0 0 0;
padding-bottom: 1px;
}
#pun-index #pun-main .tcr .lastpost-link, #pun-index #pun-main .tcr .lastpost {
font-size: 10px !important;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 230px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
#pun-main #subforums {
padding: 8px 0 8px 8px;
margin-bottom: 4px;
}
#pun-index .isub .tcl {
padding-left: 3em;
}
/*--- Таблица в подфоруме ---*/
#pun-viewforum table {
border-spacing: 0 10px;
text-transform: lowercase;
width: 100%;
}
#pun-viewforum tbody {
font-size: 11px;
}
#pun-viewforum .forum {
margin: 16px 0;
border-radius: 20px;
background: var(--pun-container-color);
padding: 4px 20px;
}
.dark #pun-viewforum .forum {
background: var(--pun-container-color);
}
#pun-viewforum table tr {
vertical-align: text-top;
-webkit-box-shadow: 0 1px 0 0 var(--border-color);
box-shadow: 0 1px 0 0 var(--border-color);
}
#pun-viewforum table thead tr {
-webkit-box-shadow: none;
box-shadow: none;
}
#pun-viewforum table tr:last-of-type {
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
#pun-viewforum table td {
padding-bottom: 10px;
}
#pun-viewforum table tr:last-of-type td {
padding-bottom: 0;
}
#pun-viewforum .tcl {
width: 50%;
text-align: left;
}
#pun-viewforum .tc2, #pun-viewforum .tc3 {
text-align: center;
}
#pun-viewforum .tc3 {
display: none;
}
#pun-viewforum .tcr {
width: 30%;
text-align: right;
}
#pun-viewforum tr.inew .tcr {
font-weight: 600!important;
}
#pun-viewforum .tcl .intd {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 8px;
min-height: 16px;
}
#pun-viewforum .tcr a {
color: var(--text-color);
}
#pun-viewforum .tcr a:hover {
color: var(--hover-color);
}
#pun-viewforum .user-avatar, #pun-searchtopics .user-avatar {
display: none;
}
#pun-index .user-avatar {
background-color: var(--pun-color);
    font-weight: normal;
    float: left !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 15px;
    display: block;
    margin: 0;
right: 253px;
    top: 9px;
    position: absolute;
}
#pun-index .user-avatar .avatar-image {
width: 100%!important;
height: 100%!important;
overflow: hidden;
display: block;
background-position: center;
background-size: cover;
background-blend-mode: luminosity;
background-color: var(--pun-color);
opacity: .4;
border-radius: 10px;
float: none;
-webkit-filter: none;
filter: none;
mix-blend-mode: normal;
}
#pun-index tr.inew .user-avatar, #pun-index tr.inew #pun-index .user-avatar .avatar-image {
background-color: var(--avatar-color);
}
/*--- Таблица в активных, поиске ---*/
#pun-searchtopics table {
border-spacing: 0 10px;
text-transform: lowercase;
}
#pun-searchtopics tbody {
font-size: 12px;
}
#title-logo-table {
border-spacing: 0!important;
}
#pun-searchtopics .forum {
margin: 16px 0;
border-radius: 20px;
background: var(--pun-container-color);
padding: 4px 20px;
}
.dark #pun-searchtopics .forum {
background: var(--pun-container-color);
}
#pun-searchtopics table tr {
vertical-align: text-top;
-webkit-box-shadow: 0 1px 0 0 var(--border-color);
box-shadow: 0 1px 0 0 var(--border-color);
}
#pun-searchtopics table thead tr {
-webkit-box-shadow: none;
box-shadow: none;
}
#pun-searchtopics table tr:last-of-type {
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
#pun-searchtopics table td {
padding-bottom: 10px;
}
#pun-searchtopics table tr:last-of-type td {
padding-bottom: 0;
}
#pun-searchtopics .tcl {
width: 50%;
text-align: left;
}
#pun-searchtopics .tc2 {
text-align: center;
white-space: nowrap;
width: 12%;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
#pun-searchtopics .tc3 {
text-align: center;
}
#pun-searchtopics .tcr {
width: 29%;
text-align: right;
}
#pun-searchtopics tr.inew .tcr {
font-weight: 500!important;
}
#pun-searchtopics .tcl .intd {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 8px;
min-height: 22px;
}
#pun-searchtopics .tcl strong, #pun-viewforum .tcl strong {
font-weight: 500;
}
#pun-searchtopics .tcl a, #pun-viewforum .tcl a {
color: var(--text-color);
}
#pun-searchtopics .tcl a:hover, #pun-searchtopics .tcl strong a:hover, #pun-viewforum .tcl a:hover {
color: var(--hover-color);
}
#pun-searchtopics .tcr a {
color: var(--text-color);
}
#pun-searchtopics .tc2 a {
color: var(--text-color--pale);
}
#pun-searchtopics .tcr a:hover, #pun-searchtopics .tc2 a:hover {
color: var(--hover-color);
}
/*--- Таблицы общее ---*/
.tclcon {
line-height: 160%;
}
#pun-index .tclcon {
line-height: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 4px;
padding: 0px 0px 0px 20px;
}
#pun-index .tclcon>br {
display: none;
}
.byuser {
color: var(--text-color--pale);
}
strong .byuser {
font-weight: 500;
}
.tclcon .pagestext, .tclcon .newtext {
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1;
border-radius: 8px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 600;
-webkit-box-shadow: inset 0 0 0 1px var(--border-color);
box-shadow: inset 0 0 0 1px var(--border-color);
vertical-align: middle;
text-transform: uppercase;
padding: 3px;
}
.tclcon .pagestext .bracket, .tclcon .newtext .bracket {
display: none;
}
.tclcon .pagestext a, .tclcon .newtext a {
padding: 4px 3px 2px 3px;
border-radius: 10px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 500;
letter-spacing: 0;
min-width: 8px;
}
.tclcon .pagestext a:hover, .tclcon .newtext a:hover {
background: var(--border-color);
color: var(--text-color)!important;
}
.tclcon .pagestext, .tclcon .newtext {
font-size: 0;
}
.tclcon .pagestext a, .tclcon .pagestext .ellipsis, .tclcon .newtext .ellipsis {
font-size: 8px;
}
.tclcon .newtext a {
font-size: 0;
padding: 3px 3px;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tclcon .newtext a:before {
content: "\f063";
font-size: 9px;
font-weight: 600;
font-family: 'Font Awesome 6 Pro';
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 8px;
height: 8px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.multipage a:hover {
color: var(--hover-color);
}
/*--- Иконка новой, старой, важной тем в таблицах ---*/
.icon {
height: 6px;
width: 6px;
margin: 0;
background: var(--pun-container-color);
-webkit-box-shadow: inset 0 0 0 1px var(--border-color--darker);
box-shadow: inset 0 0 0 0px var(--border-color--darker);
opacity: .75;
border-radius: 8px;
}
tr.icon {
height: inherit;
width: inherit;
margin: inherit;
background: inherit;
-webkit-box-shadow: inherit;
box-shadow: inherit;
opacity: inherit;
border-radius: inherit;
}
.inew, .icon-new {
background: var(--border-color--darker);
-webkit-box-shadow: none;
box-shadow: none;
font-weight: normal;
opacity: .75;
width: 20px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
#pun-index .icon-new, tr.icon-new {
background: unset!important;
-webkit-box-shadow: unset!important;
box-shadow: unset!important;
font-weight: unset!important;
opacity: unset!important;
width: unset!important;
}
tr.inew {
background: unset!important;
font-weight: unset!important;
opacity: unset!important;
width: unset!important;
}
.isticky .icon {
background: var(--link-color)!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
opacity: .75;
}
div.inew~.tclcon, .icon.inew~.tclcon a {
font-weight: 600;
}
div.inew~#pun-index .tclcon, .icon.inew~#pun-index .tclcon a {
font-weight: inherit;
}
/*--- Иконка автора поста в таблицах ---*/
.user-avatar {
float: right!important;
width: 16px!important;
height: 16px!important;
margin: 0 0 0 8px!important;
background: var(--avatar-color);
border-radius: 8px;
position: relative;
}
.user-avatar .avatar-image {
border-radius: 8px;
width: 16px!important;
height: 16px!important;
background-position: center center!important;
background-size: cover!important;
background-repeat: no-repeat!important;
float: right;
mix-blend-mode: luminosity;
opacity: .4;
}
.user-avatar .isonline {
width: 4px!important;
height: 4px!important;
border-radius: 8px!important;
display: block;
position: absolute;
top: 0!important;
right: 0!important;
background: var(--link-color)!important;
z-index: 10;
outline: none;
animation: blinkColor 3s ease-in-out infinite;
-moz-animation: blinkColor 3s ease-in-out infinite;
-webkit-animation: blinkColor 3s ease-in-out infinite;
}
.user-avatar a {
padding: 0;
background: none transparent;
}
.user-avatar a::after {
content: none;
}
/*--- Таблица в переносе тем ---*/
#pun-modviewforum .forum {
margin: 16px 0;
border-radius: 20px;
background: var(--pun-container-color);
padding: 4px 20px;
}
#pun-modviewforum table {
border-spacing: 0 10px;
text-transform: lowercase;
}
#pun-modviewforum tbody {
font-size: 12px;
}
#pun-modviewforum table tr {
vertical-align: text-top;
-webkit-box-shadow: 0 1px 0 0 var(--border-color);
box-shadow: 0 1px 0 0 var(--border-color);
}
#pun-modviewforum table tr:last-of-type {
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
#pun-modviewforum table td {
padding-bottom: 10px;
}
#pun-modviewforum .tcl {
width: 50%;
text-align: left;
}
#pun-modviewforum .tcl .intd {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 8px;
min-height: 16px;
}
#pun-modviewforum .tcl a {
color: var(--text-color);
}
#pun-modviewforum .tcl a:hover {
color: var(--hover-color);
}
#pun-modviewforum .tc2, #pun-modviewforum .tc3 {
text-align: center;
}
#pun-modviewforum .tc3 {
display: none;
}
#pun-modviewforum .tcr {
width: 30%;
text-align: right;
}
#pun-modviewforum .tcr a {
color: var(--text-color);
}
#pun-modviewforum .tcr a:hover {
color: var(--hover-color);
}
#pun-modviewforum .tcmod {
text-align: right;
}
/*--- Страница дебага ---*/
#pun-debug table .tcl {
width: 15%;
white-space: normal;
}
#pun-debug table tr {
vertical-align: text-top;
}
#pun-debug .tcr {
width: 90%;
white-space: normal;
}
/*--- Страница репутации/позитива ---*/
#pun-respect table, #pun-positive table {
border-spacing: 0 16px;
text-align: center;
}
#pun-respect tbody, #pun-positive tbody {
font-size: 12px;
}
#pun-respect #pun-main>.section, #pun-positive #pun-main>.section {
margin: 16px 0;
border-radius: 20px;
background: var(--pun-container-color);
padding: 0 20px;
}
#pun-respect table tr, #pun-positive table tr {
vertical-align: text-top;
}
#pun-respect table .tcl, #pun-positive table .tcl {
text-align: left!important;
width: 20%!important;
text-transform: lowercase;
}
#pun-respect table .tc2, #pun-positive table .tc2 {
width: 5%!important;
text-transform: lowercase;
}
#pun-respect table .tc3, #pun-positive table .tc3 {
width: 25%!important;
text-transform: lowercase;
word-break: break-word;
}
#pun-respect table td.tc3.tc4, #pun-positive table td.tc3.tc4 {
text-transform: none;
position: relative;
padding: 0 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#pun-respect table .tcr, #pun-positive table .tcr {
width: 25%!important;
text-align: right!important;
text-transform: lowercase;
padding-left: 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#pun-respect table a, #pun-positive table a {
color: var(--text-color);
}
#pun-respect table a:hover, #pun-positive table a:hover {
color: var(--hover-color);
}
.removeReputation {
width: 12px!important;
height: 12px!important;
display: inline-block!important;
cursor: pointer!important;
position: absolute!important;
top: 0!important;
right: 0!important;
border-radius: 20px!important;
background: var(--button-color)!important;
color: var(--button-text-color)!important;
font-size: 0!important;
letter-spacing: 0!important;
line-height: 1!important;
padding: 1px 1px 0px 0px!important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.removeReputation:before {
content: "\00D7";
font-family: var(--font-base);
font-size: 10px!important;
}
/*--- Поиск по постам пользователя + создание и предпросмотр поста ---*/
#pun-searchposts .post-author ul, 
#pun-multimove .post-author ul, 
#pun-multidelete .post-author ul, 
#pun-multimegre .post-author ul, 
#pun-post .post-author p {
padding: 18px 16px 20px;
margin: 0;
}
#pun-searchposts .post-author li, 
#pun-multimove .post-author li, 
#pun-multidelete .post-author li, 
#pun-multimegre .post-author li {
margin: 0;
}
#pun-searchposts .post-author, 
#pun-multimove .post-author, 
#pun-multidelete .post-author, 
#pun-multimegre .post-author, #pun-post .pa-author {
height: auto;
padding: 0;
margin: 59px 0px 33px 0px;
}
#pun-searchposts .post-author strong, 
#pun-multimove .post-author strong, 
#pun-multidelete .post-author strong, 
#pun-multimegre .post-author strong, #pun-post .pa-author strong {
font-weight: 400;
padding-bottom: 1px;
line-height: 150%;
}
#pun-post .fs-box, #pun-edit .fs-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
#pun-post .fs-box p.inputfield.required.longinput:first-of-type, #pun-edit .fs-box p.inputfield.required.longinput:first-of-type {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
#pun-post .fs-box p.inputfield.required.longinput:last-of-type, #pun-edit .fs-box p.inputfield.required.longinput:last-of-type {
-webkit-box-ordinal-group: inherit;
-ms-flex-order: inherit;
order: inherit;
}
#pun-post .fs-box #form-buttons, #pun-edit .fs-box #form-buttons {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin: 10px 0;
}
#pun-post .fs-box #tags, #pun-edit .fs-box #tags {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
#pun-post .fs-box .areafield, #pun-edit .fs-box .areafield {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
#pun-edit .fs-box .areafield:first-child {
-webkit-box-ordinal-group: inherit;
-ms-flex-order: inherit;
order: inherit;
margin-bottom: 10px;
}
#pun-post .fs-box p.checkfield, #pun-edit .fs-box p.checkfield {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
#pun-post .fs-box p.inputfield.required.longinput:last-of-type, #pun-edit .fs-box p.inputfield.required.longinput:last-of-type {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
#pun-edit p.areafield.required .input a {
text-transform: lowercase;
background: var(--button-color);
color: var(--button-text-color);
padding: 4px 8px;
border-radius: 8px;
line-height: 1;
display: block;
float: right;
}
#post-preview .post-content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.history_posts_list {
margin: 0 0 20px;
}
.history_posts_list p {
text-transform: lowercase;
}
.history_posts_list table {
text-transform: lowercase;
border-spacing: 8px 8px;
-webkit-box-shadow: inset 0 0 0 1px var(--border-color);
box-shadow: inset 0 0 0 1px var(--border-color);
border-radius: 8px;
margin: 0 0 8px;
}
#history_selected_version {
text-align: center;
margin: 8px 0 0;
}
#history_selected_version textarea {
border-radius: 8px;
}
#history_selected_diff {
line-height: 150%;
background: var(--textarea-color);
padding: 8px 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
-webkit-box-shadow: inset 0 0 0 1px var(--border-color);
box-shadow: inset 0 0 0 1px var(--border-color);
margin: 8px 0 0;
}
#pun-post .topic {
margin-top: 0;
}
#pun-post .topic h2 span {
font-size: 0;
height: 20px;
display: block;
}
/*--- Участники ---*/
#pun-userlist .usertable {
margin: 16px 0 20px;
border-radius: 20px;
background: var(--pun-container-color);
padding: 0 20px;
}
.dark #pun-userlist .usertable {
background: var(--pun-container-color);
}
#pun-userlist tbody {
font-size: 11px;
}
#pun-userlist .usertable table {
text-transform: lowercase;
text-align: center;
border-spacing: 0 14px;
width: 100%;
}
#pun-userlist .usertable table tbody tr {
vertical-align: middle;
}
#pun-userlist .usertable .tcl.username {
font-family: var(--font-base);
text-align: left;
vertical-align: middle;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#pun-userlist .usertable .tcl.username .usersname {
-ms-flex-negative: 0;
flex-shrink: 0;
}
#pun-userlist .usertable .tcl.username a {
vertical-align: middle;
line-height: 16px;
font-weight: 400;
color: var(--text-color);
}
#pun-userlist .usertable .tcl.username a:hover {
color: var(--hover-color);
}
#pun-userlist .usertable .tcl.username .user-avatar {
margin: 0 12px 0 0!important;
float: left!important;
width: 24px!important;
height: 24px!important;
border-radius: 8px!important;
}
#pun-userlist .usertable .tcl.username .user-avatar .avatar-image {
width: 24px!important;
height: 24px!important;
border-radius: 8px!important;
-webkit-filter: grayscale(0.5);
filter: grayscale(0.5);
mix-blend-mode: normal!important;
}
#pun-userlist .usertable .tc3.last_visit {
text-align: right;
}
#pun-userlist .usertable .tc2 {
width: 30% !important;
}
#pun-userlist .usertable .tc3 {
width: 12% !important;
}
/*--- Личные сообщения ---*/
#pun-messages table {
border-spacing: 0 10px;
text-transform: lowercase;
width: 100%;
}
#pun-messages tbody {
font-size: 12px;
}
#pun-messages .icon {
height: 5px;
width: 5px;
margin: 0;
}
#pun-messages .icon.inew {
width: 20px;
margin: 0;
}
#pun-messages .tcl {
width: 40%!important;
text-align: left;
}
#pun-messages .tc2.pmtc22 {
width: 25%!important;
text-align: center;
}
#pun-messages .tc3 {
width: 25%!important;
text-align: center;
}
#pun-messages .tc2.pmtc24 {
width: 10%!important;
text-align: right;
}
#pun-messages .tcl .intd {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 8px;
min-height: 16px;
}
#pun-messages .tclcon strong {
font-weight: normal;
}
#pun-messages .tcl a {
color: var(--text-color);
}
#pun-messages .tcl a:hover {
color: var(--hover-color);
}
#pun-messages fieldset {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
#pun-messages #messages fieldset {
padding: 0;
}
#pun-messages #profilenav h2:first-child {
margin: 0 0 4px;
}
#pun-messages #profilenav h2 {
margin: 20px 0 8px;
text-align: center;
color: var(--text-color--pale);
}
#pun-messages fieldset legend {
margin: 0 0 12px;
}
#pun-messages fieldset legend strong {
font-weight: 400;
font-size: 11px;
}
#pun-messages #messages fieldset legend strong {
font-weight: inherit;
}
#pun-messages .post-author ul {
    margin: 63px 0 30px;
    padding: 12px 16px 7px;
}
#pun-messages .post-author .pa-author a:hover {
color: var(--hover-color);
}
#pun-messages .post-author ul .pa-title {
display: none!important;
}
#pun-messages .post-author .pa-avatar.item2 {
    margin: 18px 0 10px;
}
#pun-messages .post-author .pa-avatar.item2 img {
border-radius: 0;
}
#pun-messages #post-new .fs-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
#pun-messages #post-new .fs-box .inputfield.required {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
#pun-messages #post-new .fs-box #form-buttons {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-top: 10px;
}
#pun-messages .fs-box {
margin-bottom: 20px;
}
#pun-messages .fs-box #form-buttons {
margin-top: 10px;
}
#pun-messages #post-new .fs-box #tags {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
#pun-messages #post-new .fs-box .areafield {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
#pun-messages .post {
margin: 8px 0 0;
width: 729px;
}
#pun-messages .post .container {
width: 100%;
}
#pun-messages .post-links {
width: 100%;
padding-left: 0;
}
#pun-messages .linksb {
margin: auto auto auto calc(148px + var(--pun-padding) * 3);
width: calc(100% - 146px - var(--pun-padding) * 3);
}
#volume-set {
float: right;
text-transform: lowercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
#volSlider {
background: var(--border-color)!important;
height: 1px!important;
border-radius: 4px!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
border: none!important;
display: block!important;
float: right!important;
margin: 0 0 0 12px!important;
}
#volSlider .thumb {
background: var(--border-color--darker)!important;
width: 14px!important;
height: 5px!important;
border-radius: 2px!important;
position: relative!important;
margin-bottom: 0!important;
cursor: pointer!important;
display: inline-block!important;
top: -7px!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
#volSlider .before {
background: var(--border-color--darker)!important;
height: 1px!important;
border-radius: 4px!important;
margin-top: 0!important;
border: none!important;
}
.FNTslider {
position: absolute!important;
z-index: 1000;
background: var(--border-color)!important;
width: 140px!important;
height: 1px!important;
border-radius: 4px!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
border: none!important;
display: block!important;
float: right!important;
margin: 0 0!important;
right: 100px;
}
#pun-messages .FNTslider {
right: 74px;
margin: -6px 0 0!important;
}
.FNTslider .before {
background: var(--border-color--darker)!important;
height: 1px!important;
border-radius: 4px!important;
margin-top: 0!important;
border: none!important;
position: absolute;
}
.FNTslider .thumb {
background: var(--border-color--darker)!important;
width: 14px!important;
height: 5px!important;
border-radius: 2px!important;
position: relative!important;
margin-bottom: 0!important;
cursor: pointer!important;
top: -2px!important;
}
#pun-messages .postlink input.button {
padding: 0 12px;
height: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
font-size: 11px;
font-weight: 400;
text-transform: lowercase;
line-height: 150%;
background: var(--button-text-color);
color: var(--button-color);
}
#pun-messages .postlink input.button:hover {
background: var(--hover-color);
color: var(--hover-text-color);
}
#notify-settings input[type="checkbox"] {
height: auto;
}
#pun-messages #notify-settings {
margin: 0px 0 30px calc(140px + var(--pun-padding) * 4)!important;
}
/*--- Статистика форума ---*/
#pun-statistic table {
border-spacing: 0 10px;
text-transform: lowercase;
}
#pun-statistic tbody {
font-size: 12px;
}
#pun-statistic #pun-main>.section {
margin: 16px 0;
border-radius: 20px;
background: var(--pun-container-color);
-webkit-box-shadow: 0 0 0 1px var(--border-color);
box-shadow: 0 0 0 1px var(--border-color);
padding: 10px 20px;
}
.dark #pun-statistic #pun-main>.section {
background: var(--pun-container-color);
}
#pun-statistic h1 {
text-transform: lowercase;
font-size: 1em;
font-weight: 600;
text-align: center;
margin: 4px 0 8px;
color: var(--text-color--pale);
}
#pun-statistic .tcl {
text-align: left;
}
#pun-statistic .tc2, #pun-statistic .tc3 {
text-align: center;
}
#pun-statistic .tc3:last-of-type {
text-align: right;
}
/*--- Пользователи онлайн ---*/
#pun-online table {
border-spacing: 0 10px;
text-transform: lowercase;
}
#pun-online tbody {
font-size: 12px;
}
#pun-online #pun-main>.section {
margin: 16px 0;
border-radius: 20px;
background: var(--pun-container-color);
-webkit-box-shadow: 0 0 0 1px var(--border-color);
box-shadow: 0 0 0 1px var(--border-color);
padding: 10px 20px;
}
.dark #pun-online #pun-main>.section {
background: var(--pun-container-color);
}
#pun-online .tcl {
width: 40%;
text-align: center;
}
#pun-online .tcl:first-of-type {
width: 30%;
text-align: left;
}
#pun-online .tc3 {
width: 30%;
text-align: right;
}
#pun-online .tcl a.registered-user {
font-weight: 500;
}
#pun-online .tcl.action strong {
font-weight: 500!important;
}
/*-------------- ПОДФОРУМ --------------*/
/*--- Пагинация, новая тема, опрос ---*/
.subscribelink a, .postlink a {
color: var(--text-color--pale);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
height: auto;
line-height: 1;
padding: 0;
}
.subscribelink a:hover, .postlink a:hover {
color: var(--hover-color);
}
.linkst, .linksb {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 94%;
    height: auto;
    text-transform: lowercase;
    font-weight: 400;
    padding: 0px 0px 0px 29px;
    z-index: 2;
}
.linkst {
margin: 0 0 8px;
}
.linksb {
margin: 8px 0 0;
}
.linkst div, .linksb div {
max-width: 400px;
}
.linkst .postlink.long, .linksb .postlink.long {
width: auto;
}
.postlink.long .new-topic {
height: 100%;
display: inline-block;
padding: 0;
margin-right: 12px;
}
.postlink.long .new-poll {
height: 100%;
display: inline-block;
}
.linkst .pagelink, .linksb .pagelink {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
border-radius: 8px;
padding: 3px 3px 3px 2px;
color: var(--text-color);
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
font-size: 0;
letter-spacing: 0!important;
-webkit-box-shadow: inset 0 0 0 1px var(--border-color);
box-shadow: inset 0 0 0 1px var(--border-color);
gap: 1px;
}
.linkst noindex, .linksb noindex {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.linkst .pagelink strong, .linksb .pagelink strong, .linkst .pagelink a, .linksb .pagelink a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 5px 6px 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 6px;
font-size: 11px;
margin: 0;
font-weight: 400;
min-width: 21px;
line-height: 1;
letter-spacing: 0;
}
.linkst .pagelink strong, .linksb .pagelink strong {
color: var(--hover-text-color);
background: var(--hover-color);
cursor: default;
}
.linkst .pagelink a, .linksb .pagelink a {
color: var(--text-color);
font-weight: 400;
}
.linkst .pagelink .ellipsis, .linksb .pagelink .ellipsis {
font-size: 9px;
}
.linkst .pagelink a:hover, .linksb .pagelink a:hover {
background: var(--border-color);
color: var(--text-color);
}
#pun-viewtopic .linksb .pagelink, #pun-messages .linksb .pagelink {
float: left;
text-align: left;
}
#pun-viewtopic .postlink, #pun-viewtopic .subscribelink, #pun-messages .postlink {
float: right;
text-align: right;
}
#pun-viewtopic .linksb div {
margin-right: 10px;
}
#pun-viewtopic .linksb div:last-of-type {
margin-right: 0;
}
#pun-viewtopic .linksb div.pagelink, #pun-viewtopic .linksb div.postlink {
margin-right: inherit;
}
/*--- Опросы ---*/
#poll-special table.poll1 {
width: auto;
}
#poll-special td {
border: 0;
}
#poll-special td {
text-align: left;
cursor: default;
}
#poll-special td.tac {
text-align: center;
}
#poll-special td.tar {
text-align: right;
}
/*--- Похожие темы ---*/
#similar-topics {
margin-top: 1em;
}
#similar-topics div.container {
padding-top: 1.1em;
}
#similar-topics td {
border: 0;
padding: 0;
}
#similar-topics td.st-tcl {
width: 60%;
}
#similar-topics td.st-tc2 {
width: 25%;
padding-right: 1em;
text-align: right;
}
#similar-topics td.st-tcr {
width: 15%;
padding-right: 1em;
text-align: right;
}
/*--- Пользователи в теме ---*/
#topic-users-in {
display: block;
width: 100%;
margin: 0;
padding: 0;
text-transform: lowercase;
font-size: 0;
}
#topic-users-in .container {
letter-spacing: 0;
}
#topic-users-in .container span {
font-weight: 400!important;
color: var(--text-color--pale);
font-size: 11px;
}
#topic-users-in .container span:after {
content: ": ";
}
#topic-users-in .container a {
font-size: 11px;
font-weight: 400;
line-height: 150%;
letter-spacing: .1px;
}
#topic-users-in .container a:after {
content: ", ";
}
#topic-users-in .container a:last-child:after {
content: none;
}
/*--- Модерские кнопки и меню ---*/
#pun-multimove .modmenu .container, #pun-multimegre .modmenu .container, #pun-multidelete .modmenu .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
padding: 0 calc(var(--pun-padding) + 4px) 0 0;
}
#pun-multimove .modmenu .container strong, #pun-multimegre .modmenu .container strong, #pun-multidelete .modmenu .container strong {
display: none;
}
#pun-multimove .modmenu .container input.button, #pun-multimegre .modmenu .container input.button, #pun-multidelete .modmenu .container input.button {
margin: 0 12px 0 0;
}
#pun-multimove .modmenu .container strong, #pun-multimegre .modmenu .container strong, #pun-multidelete .modmenu .container strong {
display: none;
}
#pun-multimove .post-links li, #pun-multidelete .post-links li, #pun-multimegre .post-links li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
text-transform: lowercase;
}
#topic-modmenu {
margin: 20px 0;
}
.modmenu .container {
margin: 20px 0;
text-transform: lowercase;
padding: 0px 0px 0px 27px;
}
.modmenu .container strong a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding: 4px 10px 5px;
text-transform: lowercase;
font-size: 11px;
font-weight: 400;
line-height: 1;
border-radius: 8px;
color: var(--button-text-color);
background: var(--button-color);
}
.modmenu .container strong a:hover {
background: var(--hover-color);
color: var(--hover-text-color);
}
.tcmod {
text-align: center;
width: 32px;
}
.punbb td .modlist {
display: block;
padding: 0;
}
#move_posts_form .forum_name strong {
font-size: 11px!important;
margin: 12px 0 0 0!important;
display: block;
font-weight: 600;
}
#move_posts_form .formal>form.container {
width: 100%!important;
position: relative;
border: none!important;
padding: 0!important;
}
#move_posts_form fieldset {
margin: 0!important;
}
#move_posts_form fieldset legend {
padding: 0 0 8px!important;
}
#SubmitMPst {
margin: 0!important;
}
#move_posts_form .formsubmit {
padding: 0!important;
}
#move_posts_form .Select_Topics .tc2 {
width: 50px;
text-align: right;
}
#move_posts_form .Select_Topics .tcl {
text-align: left;
}
#move_posts_form thead tr, #move_posts_form tbody tr {
width: 98%!important;
display: table;
}
#move_posts_form tbody tr {
-webkit-box-shadow: 0 1px 0 0 var(--border-color);
box-shadow: 0 1px 0 0 var(--border-color);
}
.pun-modal.move_posts_form .modal-inner {
width: 600px!important;
}
/*-------------- ПОСТ --------------*/
/*--- Тело поста ---*/
.post {
width: 925px;
    margin: 30px 0px -20px 0px;
    padding: 0px 0px 0px 25px;
}
.post>.container {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
z-index: 0;
position: relative;
background: var(--pun-container-color);
border-radius: 18px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: -41px;
    padding: 40px 20px 10px 20px;
}
.dark .post>.container {
background: var(--pun-container-color);
}
.post p.container {
display: inherit;
-webkit-box-orient: inherit;
-webkit-box-direction: inherit;
-ms-flex-direction: inherit;
flex-direction: inherit;
-ms-flex-wrap: inherit;
flex-wrap: inherit;
z-index: inherit;
position: inherit;
}
.post-body {
display: block;
width: calc(100% - var(--profile-width));
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0 0 20px;
}
.post-box {
padding: 0;
position: unset!important;
word-wrap: break-word;
}
/*--- Контент поста ---*/
ul, li, dd, dl, dt {
list-style: none!important;
padding: 0;
margin: 0;
}
.post-content p {
padding: 8px 0;
margin: unset;
}
.post-content, .post-content p {
line-height: 140%;
text-align: justify;
text-transform: none;
font-family: verdana;
}
.post-content ul {
padding: 0;
}
.post-content p span {
line-height: 150%;
}
.post-content .post-sig p, .post-content .post-sig span {
line-height: unset;
}
.topic .post-content {
margin-bottom: 10px;
}
a {
text-decoration: none;
color: var(--link-color);
outline: none;
transition: all .2s ease-in-out!important;
-webkit-transition: all .2s ease-in-out!important;
-moz-transition: all .2s ease-in-out!important;
-o-transition: all .2s ease-in-out!important;
}
a:hover {
color: var(--hover-color);
}
address, em {
font-style: unset;
}
em.bbuline {
font-style: unset;
text-decoration: none;
display: inline;
border-bottom: 1px solid var(--border-color--darker);
}
del {
opacity: .5;
color: var(--text-color--pale);
background: transparent!important;
}
del:hover {
text-decoration: none;
opacity: 1;
}
.scrollbox {
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: -webkit-fit-content!important;
height: -moz-fit-content!important;
height: fit-content!important;
max-height: 30px;
}
.gost--lists .scrollbox {
height: 15px!important;
}
pre {
font-size: 9px;
font-family: var(--font-base);
white-space: break-spaces;
line-height: 140%;
padding: 0 2px 0 1px;
text-align: left;
}
pre strong {
font-weight: 400;
}
hr {
opacity: 1!important;
-webkit-filter: none;
filter: none;
margin: 12px 0;
border: none;
height: 1px;
width: 100%;
display: block;
background: var(--border-color);
}
.highlight-text {
background-color: var(--select-color)!important;
color: var(--select-text-color)!important;
padding: 1px 4px 1px;
border-radius: 3px;
line-height: 100%;
}
abbr {
cursor: help!important;
border-bottom: 1px dashed var(--link-color);
}
.post-content table {
border-collapse: collapse;
margin: 0;
}
.post-content td {
border: none;
padding: 4px 8px!important;
overflow: hidden;
border-color: transparent!important;
}
.post-content td p:last-child {
padding: unset!important;
}
.punbb .post-content img.postimg {
max-width: 100%;
margin: 0.2em 0!important;
vertical-align: middle;
}
/*--- Профиль в посте ---*/
.post .post-author {
width: var(--profile-width);
}
.post .post-author ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 50px 0 20px;
    padding: 19px 16px 7px;
    position: relative;
    border-radius: 20px;
    background: var(--profile-color);
    -webkit-box-shadow: inset 0px 0px 1px 0px #b1a1a3, 3px 3px 12px 0px var(--shadow-color);
    box-shadow: inset 0px 0px 1px 0px #b1a1a3, 3px 3px 12px 0px var(--shadow-color);
}
#pun-post .post-author p {
margin: -28px 0 0;
padding: 18px 16px 20px;
position: relative;
border-radius: 10px;
background: var(--pun-container-color);
-webkit-box-shadow: inset 0 0 0 1px var(--border-color), 3px 3px 12px 0px var(--shadow-color);
box-shadow: inset 0 0 0 1px var(--border-color), 3px 3px 12px 0px var(--shadow-color);
}
.dark #pun-post .post-author p {
background: var(--pun-container-color);
}
.post-author .pa-author {
width: 100%;
    height: auto;
    text-align: center;
    font-family: var(--font-base);
    text-transform: lowercase;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-bottom: none;
    padding: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 9px 0px -12px 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pa-author strong {
font-weight: 400!important;
}
.post-author .pa-author a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
line-height: 120%;
z-index: 1;
margin: 0 auto;
}
.post-author .pa-author a, .post-author .pa-author {
color: var(--link-color3);
}
.post-author .pa-author a:hover {
color: var(--hover-color);
}
#pun-multimove .post-author .pa-author {
color: var(--extra-color2) !important;
}
.post-author .pa-title {
    font-size: 8px;
    font-weight: 400;
    text-align: center;
    line-height: 140%;
    width: 95%;
    text-transform: lowercase;
    margin: 0 0 10px;
    top: -27px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: .2px;
    display: -webkit-box !important;
    display: -ms-flexbox!important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: var(--text-color--pale);
}
.post-author .pa-avatar.item2 {
z-index: 2;
margin: 0 0 8px;
max-width: 188px;
max-height: 188px;
width: 188px;
line-height: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.post-author .pa-avatar.item2 img {
max-width: 180px;
    max-height: 180px;
    padding: 4px 0px 6px 0px;
    display: block;
    border-radius: 10px;
    margin: 0 auto;
}
.pa-avatar.item2 img.allow_change:hover {
outline-color: var(--border-color--darker)!important;
}
.post-author .pa-online, .post-author .pa-last-visit {
position: absolute;
height: 6px;
width: 6px;
left: 9px;
top: 9px;
font-size: 0;
cursor: default !important;
border-radius: 20px;
opacity: .6;
}
.post-author .pa-online {
background: var(--link-color);
}
.post-author .pa-last-visit {
background: transparent;
}
.post-author .pa-posts, .post-author .pa-respect, .post-author .pa-fld4, .post-author .pa-fld3 {
width: calc(180px / 4);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
font-family: var(--font-base);
font-size: 8px;
color: var(--text-color);
margin: 0 0 10px;
font-weight: 400;
z-index: 2;
}
.pa-fld2~.pa-posts, .pa-fld2~.pa-fld4, .pa-fld2~.pa-fld3, .pa-fld2~.pa-respect {
margin: 0 0 35px;
}
.post-author .pa-posts, .post-author .pa-fld4, .post-author .pa-fld3, .post-author .pa-respect {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.post-author .pa-respect span a, .post-author .pa-respect span.fld-name, .post-author .pa-posts span.fld-name, .post-author .pa-posts a, #pun.isguest .post-author .pa-respect span.fld-name {
font-size: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
}
.post-author .pa-respect span.fld-name, .post-author .pa-posts span.fld-name, .post-author .pa-fld4:before, .post-author .pa-fld3:before {
width: 100%;
}
.post-author .pa-respect span a:before, #pun.isguest .post-author .pa-respect span.fld-name:before, .post-author .pa-posts span.fld-name:before, .post-author .pa-posts a:before, .post-author .pa-fld4:before, .post-author .pa-fld3:before {
font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 10px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    font-family: 'Font Awesome 6 Pro';
    letter-spacing: .4px;
    margin: 0;
    color: var(--link-color3);
    transition: all .2s ease-in-out !important;
    -webkit-transition: all .2s ease-in-out !important;
    -moz-transition: all .2s ease-in-out!important;
    -o-transition: all .2s ease-in-out!important;
}
.post-author .pa-posts a:hover:before, .post-author .pa-respect span a:hover:before {
color: var(--link-color);
}
.pa-fld4 a {
color: var(--text-color);
text-transform: uppercase;
}
.post-author .pa-posts span.fld-name:before, .post-author .pa-posts a:before {
content: "\e2ca";
}
.post-author .pa-respect span a:before {
content: "\f762";
}
#pun.isguest .post-author .pa-respect span.fld-name:before {
content: "\f762";
}
.post-author .pa-fld4:before {
content: "\e682";
}
.post-author .pa-fld3:before {
content: "\f5ac";
}
.post-author .pa-respect>a {
display: none;
}
.post-author .pa-respect a:hover:before {
color: var(--link-color);
}


/*--- Подпись поста ---*/
dd, dl, dt {
list-style: none;
padding: 0;
margin: 0;
}
.post-sig dt {
margin: 14px auto;
width: 30%;
height: 1px;
background: var(--border-color);
}
/*--- Плюсы под постом ---*/
div.post-rating p {
float: right;
border: 0!important;
padding: 0!important;
margin: 0!important;
}
div.post-vote p {
float: right!important;
border: 0!important;
padding: 0!important;
margin-right: 16px!important;
}
div.post-rating p>a {
outline: 1px solid transparent;
position: relative;
padding: 1px 8px 0;
z-index: 100;
width: auto;
height: 24px;
border-radius: 8px;
font-size: 14px;
font-family: var(--font-base);
font-weight: 400;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
letter-spacing: 0;
line-height: 1;
color: var(--link-color);
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
right: -11px;
opacity: .7;
}
div.post-rating p>a:before {
content: "\f004";
font-family: 'Font Awesome 6 Pro';
margin: 0 3px 3px 0;
font-size: 10px;
}
div.post-rating p>a:hover, div.post-vote p>a:hover {
background: var(--hover-color);
color: var(--hover-text-color);
}
.post-rating a {
cursor: pointer;
}
.post-rating a, .post-vote a {
text-decoration: none;
}
div.post-vote p>a {
font-size: 0!important;
position: relative;
cursor: pointer;
z-index: 200;
width: 36px;
height: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 8px;
text-align: center;
box-sizing: border-box;
padding: 1px 3px 0px 0px;
letter-spacing: 0;
}
div.post-vote p>a:before {
content: "\e500";
font-size: 17px;
width: 100%;
height: 100%;
line-height: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 3px 0 0 2px;
font-family: 'Font Awesome 6 Pro';
vertical-align: middle;
font-weight: 300;
opacity: .7;
}
.mylike .post-rating p a, .mylike .post-rating p a:hover {
background: var(--select-color);
color: var(--select-text-color);
cursor: default!important;
}
.mylike .post-rating p a:before {
content: "\f00c"!important;
display: block!important;
}
.mylike div.post-vote p>a {
display: none!important;
}
/*--- Окно комментария к плюсу ---*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, .modal-inner {
background: var(--pun-container-color)!important;
padding: 14px 20px!important;
-webkit-box-sizing: border-box!important;
box-sizing: border-box!important;
border-radius: 10px!important;
-webkit-box-shadow: 0 0 0 1px var(--border-color), 0 0 0 5px var(--pun-container-color)!important;
box-shadow: 0 0 0 1px var(--border-color), 0 0 0 5px var(--pun-container-color)!important;
}
.dark #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, .modal-inner {
background: var(--pun-container-color)!important;
-webkit-box-shadow: 0 0 0 1px var(--border-color), 0 0 0 5px var(--pun-container-color)!important;
box-shadow: 0 0 0 1px var(--border-color), 0 0 0 5px var(--pun-container-color)!important;
}
#pun-reputation .inner .container {
padding: 0!important;
}
#pun-report .inner table, #pun-reputation .inner table, #pun-admin-award-form .inner table, .modal-inner table {
border-spacing: 4px 8px!important;
}
#pun-report .inner span, #pun-reputation .inner span, #pun-admin-award-form .inner span, .modal-inner span {
text-transform: lowercase!important;
}
#pun-report .inner textarea, #pun-reputation .inner textarea, #pun-admin-award-form .inner textarea {
width: 100%!important;
}
#pun-reputation .inner tr:last-of-type td.tc2 {
font-size: 0;
}
#pun-reputation .inner tr:last-of-type td.tc2 input {
margin: 0 12px 0 0!important;
}
/*--- Ссылки под постом ---*/
.post-links {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-left: 0;
margin-top: 20px;
}
.post-links ul {
text-align: right;
display: inline-table;
margin: 30px 0px 0px 0px;
padding: 0;
width: 100%;
}
.post-links li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0;
}
.post-links li a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 18px;
color: var(--text-color--pale);
font-size: 11px;
padding: 1px 0;
text-transform: lowercase;
font-weight: 400;
letter-spacing: .2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0;
}
.post-links li a:hover {
color: var(--link-color);
-webkit-box-shadow: 0 1px 0 0 var(--border-color);
box-shadow: 0 1px 0 0 var(--border-color);
}
.post-links li {
margin: 0 0 0 20px;
}
.post-links li:first-of-type {
margin: 0;
}
.post-links .pl-email {
float: left;
}
.editpole {
float: left;
}
.gid3 .editpole, .gid4 .editpole, .gid5 .editpole {
display: none!important;
}
.post-links .pl-email.pm, .post-links .editpole {
margin: 0 0 0 20px;
}
.post-links .editpole {
display: none;
}
.isadmin .editpole {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex!important;
}
/*--- Цитата, код, скрытый текст ---*/
.post-content .spoiler-box>div {
font-family: verdana;
cursor: pointer;
background: none!important;
padding: 8px 10px 9px 33px!important;
position: relative;
}
.post-content .spoiler-box>div span {
display: inline-block!important;
width: calc(100% - 4px - 16px - 6px);
}
.post-content .spoiler-box>blockquote {
display: none;
padding: 0 10px!important;
}
.post-content .spoiler-box>blockquote.visible {
display: block;
}
.post-content .spoiler-box>div:before, .post-content .spoiler-box>div.visible:before {
color: var(--extra-color1);
font-size: 13px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-family: 'Font Awesome 6 Pro';
font-style: normal;
line-height: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-variant: normal;
font-weight: 300;
content: "\f06e";
width: 16px;
height: 1px;
overflow: visible;
position: absolute;
left: 10px;
top: 50%;
}
.post-content .spoiler-box>div.visible:before {
content: "\f070";
color: var(--link-color);
opacity: .75;
}
.quote-box {
border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px;
    margin: 10px 0 10px;
    -webkit-box-shadow: 0 0 0 1px var(--border-color);
    box-shadow: 0px 0px 1px 1px var(--border-color);
    background: linear-gradient(181deg, #dcd9d8, transparent);
}
.quote-box cite, .code-box .legend {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
line-height: 1!important;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-style: normal;
text-transform: lowercase;
font-weight: 400;
font-size: 11px;
font-family: var(--font-base);
color: var(--hover-text-color);
background: var(--profile-color);
border-radius: 8px;
transition: all .2s ease-in-out!important;
-webkit-transition: all .2s ease-in-out!important;
-moz-transition: all .2s ease-in-out!important;
-o-transition: all .2s ease-in-out!important;
position: relative;
z-index: 2;
}
.quote-box cite, .code-box .legend a, #post-preview .code-box .legend {
padding: 5px 10px;
}
.quote-box blockquote, .quote-box .blockquote {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 4px 10px;
}
.quote-main blockquote, .quote-main .blockquote {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px;
}
blockquote .quote-box {
margin: 10px 0 8px;
}
.quiet-quote {
margin: 0!important;
font-style: italic;
}
.quiet-quote>p {
padding-bottom: 0!important;
}
.quiet-quote~p {
padding-top: 6px!important;
}
.quiet-quote img {
transform: skewX(-6deg);
-webkit-transform: skewX(-6deg);
-ms-transform: skewX(-6deg);
}
span.qc-post-link, a.qc-post-link {
display: inline-block;
}
a.qc-post-link {
color: var(--body-color);
}
a.qc-post-link:hover {
color: var(--hover-text-color);
}
a.qc-post-link:before {
content: "\f060";
font-family: 'Font Awesome 6 Pro';
margin: 0 3px 0 0;
vertical-align: middle;
font-size: 11px;
line-height: 10px;
opacity: .8;
}
.code-box {
border-radius: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 6px;
margin: 10px 0 10px;
outline: 1px dashed var(--border-color);
background: linear-gradient(181deg, #dcd9d8, transparent);
}
.code-box .legend {
font-weight: 400;
}
.code-box .legend a, .quote-box cite a {
display: block;
width: 100%;
height: 100%;
font-weight: 400;
color: var(--hover-text-color);
}
.code-box .legend a:hover, .quote-box cite a:hover {
color: var(--extra-color3);
}
.code-box .blockcode, .code-box blockcode {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 8px 12px;
}
.code-box .legend a:before {
content: "ctrl + c";
}
/*--- Формы, поля, кнопки, орг страницы ---*/
.fs-box {
margin: auto auto;
}
optgroup {
font-weight: normal;
}
.formal .container {
padding: 0;
}
input.button, .formsubmit a {
margin: 0 8px 0 0;
}
input.button:last-child, .formsubmit a:last-child {
margin: 0;
}
.inline .inputfield, .inline .selectfield, .inline .passfield {
float: left;
margin: 0 10px 0 0;
}
.inline .inputfield:last-of-type, .inline .selectfield:last-of-type, .inline .passfield:last-of-type {
margin: 0;
}
.hashelp {
position: relative;
width: 925px;
    position: relative;
}
.formal fieldset {
min-width: 0;
}
fieldset {
padding: 8px 0;
border: none;
margin: 0 0 20px 0;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 8px;
}
fieldset fieldset, #post fieldset {
padding: inherit;
border: inherit;
margin: inherit;
-webkit-box-shadow: inherit;
box-shadow: inherit;
border-radius: inherit;
}
fieldset:last-of-type {
margin: 0 0 4px;
}
fieldset fieldset:last-of-type, #post fieldset:last-of-type, #pun-admain fieldset:last-of-type {
margin: inherit;
}
fieldset p {
padding: 0;
}
/*fieldset fieldset .fs-box p, #pun-admain fieldset .fs-box p {
padding: unset;
}*/
fieldset fieldset, #post fieldset {
padding: 0;
border: 0;
}
fieldset legend {
padding: 0;
text-transform: lowercase;
font-size: 11px;
font-weight: 400;
line-height: 100%;
color: var(--text-color);
margin: 0 0 -2px;
}
.infofield {
font-style: normal;
padding: 8px 0;
line-height: 130%;
color: var(--text-color--pale);
font-weight: 400;
text-transform: lowercase;
font-size: 11px;
}
.inputfield label, .selectfield label, .datafield span.input {
font-size: 11px;
font-style: normal;
font-weight: 500;
text-transform: lowercase;
padding: 0;
margin: 4px 0 6px;
display: inline-block;
color: var(--link-color);
}
.punbb .formal span.input {
padding: 0 8px 0 0;
}
input, select {
outline: none;
border: none;
border-radius: 8px;
font-size: 11px;
font-family: var(--font-base);
padding: 4px 8px 5px;
background: var(--textarea-color);
-webkit-box-shadow: 0 0 0 1px var(--border-color);
box-shadow: 0 0 0 1px var(--border-color);
color: var(--text-color);
}
select {
text-transform: lowercase;
}
select option {
color: var(--text-color);
background: var(--pun-color);
}
select optgroup {
color: var(--text-color);
background: var(--pun-color);
font-weight: 500;
}
#profile input {
width: auto;
max-width: none;
}
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {
margin: 0 4px 0 0;
}
input[type="checkbox"], input[type="radio"] {
-webkit-box-shadow: none!important;
box-shadow: none!important;
height: 20px;
vertical-align: middle;
}
input.button, .formsubmit a {
text-transform: lowercase;
font-size: 11px;
font-family: var(--font-base);
font-weight: normal;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 100%;
padding: 5px 16px 6px;
border: none;
border-radius: 8px;
-webkit-box-shadow: none;
box-shadow: none;
background: var(--button-color);
color: var(--button-text-color);
cursor: pointer;
transition: all .2s ease-in-out!important;
-webkit-transition: all .2s ease-in-out!important;
-moz-transition: all .2s ease-in-out!important;
-o-transition: all .2s ease-in-out!important;
}
input.button:hover, .formsubmit a:hover {
background: var(--hover-color);
color: var(--hover-text-color);
-webkit-box-shadow: none;
box-shadow: none;
}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {
height: 20px;
vertical-align: middle;
text-transform: lowercase;
-webkit-box-shadow: none;
box-shadow: none;
}
fieldset .fs-box p {
display: block;
margin: 0;
}
#post-preview, #post-preview fieldset {
text-transform: inherit;
}
#post-preview {
padding: 0 0 20px!important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
fieldset .fs-box li {
text-transform: lowercase;
}
.formsubmit {
text-transform: lowercase;
font-size: 9px;
letter-spacing: .4px;
padding: 8px 0 0;
margin: 0;
}
.formsubmit input.button {
display: inline-block;
margin: 0 auto 8px;
}
form#post input.button {
margin: 0;
}
p.inputfield.required {
margin: 0 8px 0 0;
}
p.inputfield.required:last-of-type {
margin: 0;
}
p[class="checkfield"] img, div[class="checkfield"] img, fieldset[class="radiofield"] img {
height: auto;
max-height: 50px;
}
.info-box {
padding: 8px 12px;
margin: 0;
}
.info-box * {
padding: 0;
}
#pun-main .info-box .legend {
font-weight: normal;
}
.info .container {
padding: 0;
text-align: left;
text-transform: lowercase;
}
.info .container .backlink {
padding-top: 0;
}
#post-form .formsubmit {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
gap: 10px;
    padding: 8px 0px 0px 25px;
}
/*--- Форма ответа ---*/
.punbb .formal textarea {
width: 100%;
border-radius: 16px;
}
textarea {
outline: none;
border: none;
border-radius: 10px;
min-height: 100px;
margin: 0;
padding: 8px 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 150%;
font-family: verdana!important;
font-size: 11px;
color: var(--text-color);
white-space: break-spaces;
background: var(--textarea-color);
-webkit-box-shadow: 0 0 0 1px var(--border-color);
box-shadow: 0 0 0 1px var(--border-color);
}
#form-buttons table {
width: calc(100% - 110px)!important;
height: 28px!important;
border-spacing: 0;
border: 1px solid var(--border-color);
background: var(--pun-container-color);
border-radius: 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 2px;
}
#font-area, #size-area, #color-area, #table-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #smilies-area, #video-area, #spoiler-area {
padding: 12px;
overflow-y: auto;
max-height: 306px;
max-width: 580px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#color-area, #table-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #smilies-area, #video-area, #spoiler-area {
right: 0;
}
#color-area, #table-area, #keyboard-area {
width: auto;
text-align: center;
}
#keyboard-area {
padding-bottom: 12px!important;
}
#color-area * {
border: 0;
}
#color-area table {
width: 320px;
height: 20px;
padding: 0;
margin: 0;
border-spacing: 0;
}
#addition-area div, #font-area div {
padding: 4px 8px 5px;
height: auto!important;
}
#font-area span {
-o-text-overflow: ellipsis!important;
text-overflow: ellipsis!important;
overflow: hidden!important;
}
#size-area span {
line-height: 24px!important;
padding: 2px 8px!important;
}
#smilies-area img {
margin-right: 8px;
margin-bottom: 8px;
}
#image-area-tcon-computer {
margin: 0 0 12px;
}
#image-area-tcon-computer td {
border: none;
padding: 0;
}
#imageupload-left {
width: 140px;
}
#imageupload-right {
padding-left: 8px;
background: transparent;
max-width: 380px;
}
#image-area-actions {
text-align: right;
}
#imageQueue {
max-height: 72px;
overflow-y: auto;
margin-bottom: 8px;
}
#uploaded-images {
max-height: 144px;
overflow-y: auto;
}
#uploaded-images img {
width: 88px;
height: 66px;
border: 1px solid;
margin-right: 4px;
cursor: pointer;
}
#upload-button-container, #image-width, #image-thumb-width, #image-insert-format, #insert-all-images-container {
margin-top: 8px;
}
#image-source-list a, #image-area-actions a, #spoiler-sels a {
margin-right: 16px;
cursor: pointer;
}
#insert-image-tip {
margin-top: 8px;
}
#upload-button-container img {
cursor: pointer;
width: 120px;
height: 30px;
}
#image_upload_input {
position: absolute;
z-index: -1;
left: -9999px;
}
#selected-image-width, #selected-thumb-width {
width: 6em;
}
#imageupload-left input[type="button"] {
width: 11em;
text-align: center;
}
#upload-button-container input[type="button"] {
font-weight: 400!important;
}
#image-width, #image-thumb-width, #image-insert-format strong {
font-size: .9em;
}
.uploadQueueItem {
padding: 8px 12px;
border: solid 1px #ddd;
border-radius: 8px;
margin-bottom: .5em;
background: rgba(238, 238, 238, .22);
}
.uploadQueueItem.error {
border-color: rgba(255, 0, 0, .25);
background-color: rgba(255, 0, 0, .08);
}
.uploadQueueItem .cancel {
font-size: 20px;
font-weight: 600;
font-family: Arial;
float: right;
margin: -.25em 0 0;
}
.uploadQueueItem .cancel a {
text-decoration: none;
color: #333;
}
.uploadProgress {
display: block;
width: 98%;
height: 3px;
margin: 2px 0 0;
background: #ddd;
position: relative;
}
.uploadProgressBar {
position: relative;
background: #00adff;
height: 3px;
width: .1%;
-webkit-transition: width .2s ease-in-out;
-o-transition: width .2s ease-in-out;
transition: width .2s ease-in-out;
}
.uploadQueueItem {
padding: 0 4px 4px 0;
border-radius: 8px;
background: transparent;
border: none;
}
.uploadProgress {
width: 100%;
margin: 4px 0 0;
background: var(--pun-color);
}
.uploadProgressBar {
background: var(--button-color);
}
.uploadQueueItem .cancel {
font-size: 1em;
font-weight: normal;
font-family: var(--font-base);
margin: 0;
}
#image-width, #image-thumb-width, #image-insert-format strong {
line-height: 2;
margin: 0 0 8px;
}
#font-area div, #size-area div, #color-area div, #table-area div, #addition-area div, #smilies-area div a, #smilies-area img {
cursor: pointer;
}
#upload-button-container input[type="button"], #imageupload-left input[type="button"], #selected-image-width, #selected-thumb-width, #imageupload-left select {
cursor: pointer;
}
#uploaded-images img {
cursor: pointer;
width: auto;
height: 50px;
max-width: 100px;
margin-right: 4px;
}
#image-area-tcon-computer td {
vertical-align: top;
}
#video-area-tinp, #image-area-tinp {
margin: 4px 0!important;
border: none!important;
}
#video-area-actions {
text-align: right;
line-height: 1.6em;
}
#form-buttons tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
text-align: center;
}
#form-buttons td {
color: var(--link-color3);
font-size: 14px;
height: 22px;
padding: 0;
background-repeat: no-repeat;
background-image: none!important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: 'Font Awesome 6 Pro';
font-style: normal;
line-height: 1;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
cursor: pointer;
border-radius: 6px;
}
#form-buttons td:hover {
background: var(--link-color);
color: var(--pun-container-color);
}
#form-buttons td img {
position: absolute;
z-index: 2;
margin: 0;
width: auto!important;
height: 20px!important;
opacity: 0;
}
#form-buttons td:before {
position: absolute;
width: 24px;
height: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#form-buttons #button-font:before {
content: "\f893";
}
#form-buttons #button-transL:before {
content: "\f0ac";
}
#form-buttons #button-size:before {
content: "\f034";
}
#form-buttons #button-bold:before {
content: "\f032";
}
#form-buttons #button-italic:before {
content: "\f033";
}
#form-buttons #button-underline:before {
content: "\f0cd";
}
#form-buttons #button-strike:before {
content: "\f0cc";
}
#form-buttons #button-left:before {
content: "\f036";
}
#form-buttons #button-center:before {
content: "\f037";
}
#form-buttons #button-right:before {
content: "\f038";
}
#form-buttons #button-justify:before {
content: "\f039";
}
#form-buttons #button-adm-spoiler:before {
content: "\f0fe";
}
#form-buttons #button-spoiler:before {
content: "\f187";
}
#form-buttons #button-quote:before {
content: "\e1e4";
}
#form-buttons #button-code:before {
content: "\f121";
}
#form-buttons #button-color:before {
content: "\f53f";
}
#form-buttons #button-smile {
display: none!important;
}
#form-buttons #button-sticker:before {
content: "\f004";
}
#form-buttons #button-link:before {
content: "\f0c1";
}
#form-buttons #button-image:before {
content: "\f030";
}
#form-buttons #button-image2:before {
content: "\f302";
}
#form-buttons #button-video:before {
content: "\f144";
}
#form-buttons #button-hide:before {
content: "\f023";
}
#form-buttons #button-table:before {
content: "\f009";
}
#form-buttons #button-keyboard:before {
content: "\f11c";
}
#form-buttons #button-addition:before {
content: "\2b";
}
#form-buttons #button-indent:before {
content: "\f03c";
}
#form-buttons #button-html:before {
content: "\f1c9";
}
#form-buttons #floatbut:before {
content: "\e0b5";
}
#form-buttons #button-mask:before {
content: "\f630";
}
#form-buttons #button-ChangeСase:before {
content: "\f866";
}
#float {
display: none;
position: absolute;
top: 38px;
left: 422px;
padding: 12px;
}
#float div {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}
span.vibor i {
font-size: 14px;
font-weight: 400;
color: var(--text-color);
margin: 0 10px !important;
padding: 0 !important;
}
#button-image>img {
position: relative;
z-index: 2;
}
#button-image>center {
opacity: 0;
visibility: hidden;
}
#button-image:hover>center {
opacity: 1;
visibility: visible;
}
#font-area, #size-area, #color-area, #table-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #smilies-area, #video-area, #spoiler-area, #float {
background: var(--button-color);
color: var(--text-color);
border-radius: 16px;
outline: 1px solid var(--border-color);
}
#tags .container {
text-transform: lowercase;
font-size: 11px;
font-weight: 400;
position: absolute;
top: unset!important;
margin-right: -6px;
}
#profile #tags .container {
margin-right: 14px;
}
#tags .container a {
color: var(--link-color);
}
#tags .container a:hover {
color: var(--hover-color);
}
#color-area td:hover {
-webkit-box-shadow: inset 0 0 0 1px var(--pun-color);
box-shadow: inset 0 0 0 1px var(--pun-color);
cursor: pointer;
}
#tags .container strong, #video-area-thd, #image-area-thd, #float strong {
font-weight: 500;
text-transform: lowercase;
letter-spacing: .2px;
color: var(--text-color--pale);
font-size: 11px;
font-family: var(--font-base);
margin: 0 0 4px;
display: inline-block;
}
#video-area, #image-area, #spoiler-area {
width: 500px;
}
#video-host-list {
max-width: 460px;
line-height: 160%;
}
#video-area-msg, #image-source-list, #image-area-actions, #spoiler-sels, #spoiler-type-list {
line-height: 160%!important;
}
#spoiler-type-list {
display: inline-flex;
flex-direction: row-reverse;
}
#imageupload-left input[type="button"] {
width: auto;
color: var(--button-text-color);
font-family: var(--font-base);
font-weight: normal;
border-radius: 8px;
-webkit-box-shadow: none;
box-shadow: none;
background: var(--button-color);
border-style: none;
}
#imageupload-left input[type="button"]:hover {
background: var(--hover-color);
color: var(--hover-text-color);
}
#addition-area div:hover, #font-area div:hover, #size-area div:hover {
background: var(--textarea-color);
border-radius: 8px;
}

#keyboard-span input {
background: var(--textarea-color) !important;
color: var(--text-color)!important;
border-radius: 8px!important;
-webkit-box-shadow: inset 0 0 0 1px var(--border-color)!important;
box-shadow: inset 0 0 0 1px var(--border-color)!important;
cursor: pointer!important;
margin: 1px!important;
min-width: 30px!important;
height: 22px!important;
line-height: 100%!important;
border: none!important;
}
#keyboard-span input:hover {
background-color: var(--button-color)!important;
color: var(--button-text-color)!important;
}
.uploadQueueItem .cancel a {
font-weight: normal;
color: var(--button-color);
}
#uploaded-images img {
border: 1px solid var(--border-color);
}
#form-buttons {
margin: 0 0 10px;
}
#button-image p {
color: var(--pun-color);
}
.punbb #post .tabs .active a, .punbb #post .tabs li a:hover {
background: #686868;
}
.punbb #post .tabs li a {
background: #3c3c3c;
}
#font-area {
width: 360px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1.4em;
}
#font-area div {
width: calc(50% - 16px);
text-align: center;
font-size: 16px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
#font-area div.font_cyrillic, #font-area div.font_latin {
font-size: 0;
width: 100%;
margin: 1px 0 0;
cursor: default;
}
#font-area div.font_cyrillic:before, #font-area div.font_latin:before {
font-family: var(--font-base);
letter-spacing: .2px;
line-height: 1;
background: var(--select-color);
color: var(--select-text-color);
display: block;
width: calc(100% + 10px);
height: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin: 6px -4px;
text-align: center;
font-size: 13px;
font-weight: 400;
text-transform: lowercase;
padding: 4px 4px 5px;
border-radius: 6px;
}
#font-area div.font_cyrillic:before {
content: "кириллица + латиница";
}
#font-area div.font_latin:before {
content: "только латиница";
}
#font-area div.font_cyrillic:hover, #font-area div.font_latin:hover {
background: transparent!important;
}
#symbol-counter {
width: 100px;
height: 28px;
margin: 0 10px 0 0px;
float: left;
text-transform: uppercase;
font-size: 8px;
font-family: var(--font-base);
font-weight: 500;
letter-spacing: 0.4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 3px;
color: var(--text-color);
background: var(--border-color);
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: default;
border-radius: 8px;
}
#table-area table {
width: auto;
padding: 0;
margin: 0;
border-collapse: collapse;
}
#table-area div {
margin-top: 1em;
text-align: center;
}
#table-layout {
margin-right: .5em;
}
#table-area td {
background-color: #fff!important;
width: 14px!important;
height: 14px!important;
border: none!important;
border-style: solid!important;
border-color: #dadada!important;
border-width: 1px!important;
cursor: pointer;
}
#table-area td.selected {
background: var(--border-color--darker)!important;
}
#font-area div, #size-area div {
display: block;
position: relative;
}
#color-area td, #table-area td {
position: relative;
}
#font-area img, #size-area img, #color-area img, #table-area img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
/*--- Разделитель постов (дата, номер поста) ---*/
.post h3 {
height: auto;
width: 100%;
margin: 0 0 10px!important;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 8px;
}
#pun-messages .post h3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 20px 0px calc(var(--profile-width) + 20px);
}
.post h3 span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
text-transform: lowercase;
font-size: 10px;
letter-spacing: .1px;
font-weight: 400;
white-space: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 8px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
#pun-searchposts .post h3 span {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: inherit;
-webkit-box-direction: inherit;
-ms-flex-direction: inherit;
flex-direction: inherit;
}
#pun-searchposts .post h3 span em {
color: var(--text-color--pale);
}
#pun-post .post h3 span {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.post h3 strong {
z-index: 2;
text-align: right;
font-weight: 400;
background-color: var(--pun-color);
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
}
#pun-searchposts .post h3 strong {
position: absolute;
right: calc(var(--pun-padding) * 3 + 24px);
}
.post h3 a {
max-width: 140px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
background-color: var(--pun-color);
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
}
.post h3, .post h3 a {
    z-index: 2;
color: var(--text-color);
line-height: 10px;
}
.post h3 a:hover {
color: var(--border-color--darker);
}
/*-------------- ПРОФИЛЬ --------------*/
#profile {
min-height: 316px;
}
#profile .fs-box {
border-radius: 20px;
background: var(--pun-container-color);
padding: 12px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.dark #profile .fs-box {
background: var(--pun-container-color);
}
#profile .fs-box>p:first-of-type {
padding-top: 0;
}
#profile .container {
display: block;
margin: 8px 0 0;
}
#profile .container .container {
margin: unset;
}
#profilenav {
margin: 0 calc(var(--pun-padding) * 1) var(--pun-padding) 0;
float: left;
}
#profilenav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
#profilenav ul li {
width: 140px;
}
#profilenav ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 5px 12px 6px;
margin: 0;
text-transform: lowercase;
background: var(--button-color);
border-radius: 8px;
text-align: center;
font-weight: 400;
letter-spacing: .4px;
color: var(--button-text-color);
font-size: 11px;
}
#profilenav ul li a:hover {
background: var(--hover-color);
color: var(--hover-text-color);
}
#profilenav ul li.isactive a {
background: var(--button-text-color);
color: var(--button-color);
}
#profilenav ul li.view a:before {
content: "\f2bb";
font-family: 'Font Awesome 6 Pro';
font-size: 15px;
text-align: center;
margin: 0 0 -1px;
font-weight: 300;
}
#profilenav ul li.view a {
font-size: 0;
height: 23px;
}
#profile fieldset .fs-box p.inputfield a, #profile fieldset .fs-box p.datafield a {
border-radius: 8px;
padding: 5px 20px 6px;
display: inline-block;
background: var(--button-text-color);
color: var(--button-color);
text-transform: lowercase;
font-size: 11px;
-webkit-box-shadow: 0 0 0 1px var(--border-color);
box-shadow: 0 0 0 1px var(--border-color);
}
#profile fieldset .fs-box p.datafield a {
margin: 4px 0 0;
-webkit-box-shadow: none;
box-shadow: none;
}
#profile4 fieldset .fs-box p.datafield a {
-webkit-box-shadow: 0 0 0 1px var(--border-color);
box-shadow: 0 0 0 1px var(--border-color);
}
#profile fieldset .fs-box p.inputfield a:hover, #profile fieldset .fs-box p.datafield a:hover {
-webkit-box-shadow: inset 0 0 0 1px var(--border-color);
box-shadow: inset 0 0 0 1px var(--border-color);
background: var(--button-text-color);
color: var(--button-color);
}
#profile .formsubmit input.button {
margin: 0 8px 8px 0;
}
#profile .formsubmit {
margin: auto auto auto calc(140px + var(--pun-padding) * 4);
}
#profile fieldset .formsubmit {
margin: 0;
}
#profile fieldset {
margin: 0 0 12px calc(60px + var(--pun-padding) * 4);
}
#profile fieldset fieldset.radiofield {
margin: 0;
}
fieldset fieldset, #post fieldset {
margin: inherit;
}
table#filetable {
border-spacing: 0 8px!important;
}
#profile1 fieldset .fs-box p.datafield a {
border-radius: 0;
padding: 0;
display: inline;
background: transparent;
margin: 0;
color: var(--link-color2);
}
#profile1 fieldset .fs-box p.datafield a:hover {
background: transparent!important;
-webkit-box-shadow: none;
box-shadow: none;
color: var(--hover-color);
}
#profile2 span.input {
padding: 0!important;
}
#profile2 #sex.infofield {
padding: 8px 0 0;
}
#profile1 #num-posts, #profile1 fieldset:last-of-type .inputfield:last-of-type, #profile1 fieldset:nth-of-type(3) .selectfield:nth-of-type(2) {
margin: 8px 0 0;
}
#profile2 p {
margin: 16px 0 0;
}
#profile2 #title {
margin: 0 0 0;
}
#profile1 .infofield, #profile2 #title em {
text-transform: lowercase;
font-size: 9px;
letter-spacing: .4px;
margin: 0;
vertical-align: middle;
}
#profile1 .infofield {
padding: 4px 0 0;
display: block;
}
#profile2 #title em {
padding: 4px 0 0 4px;
display: block;
color: var(--text-color--pale);
}
#profile2 #about-me label {
font-size: 11px;
font-style: normal;
font-weight: 500;
text-transform: lowercase;
padding: 0;
margin: 4px 0 6px;
display: inline-block;
color: var(--link-color);
}
#profile2 p#realname, #profile2 p#location, #profile2 p#sex, #profile2 p#sex ~ .radiofield, #profile2 p#interests, #profile2 p#about-me, #profile2 p#website, #profile2 p#birthday {
display: none;
}
#profile4 img.avatardemo {
margin: 0 0 0 20px;
border-radius: 0;
}
#profile4 .fs-box {
min-height: 204px;
}
#profile5 .fs-box:first-of-type {
margin: auto auto 20px;
}
#profile5 .parsedsig {
margin: 4px 0 12px;
}
#profile5 .parsedsig p, #profile5 .parsedsig p span, #viewprofile #profile-signature p, #viewprofile #profile-signature p span {
line-height: unset;
}
#profile5 span.label {
display: none;
}
#profile5 td#button-sticker, #profile5 td#button-mask, #profile5 td#button-code, #profile5 td#button-video, #profile5 td#button-float, #profile5 td#button-adm-spoiler, #pun-messages td#button-mask, #pun-messages td#button-adm-spoiler, #profile5 td#button-hide {
display: none!important;
}
#profile5 #font-area, #pun-messages #font-area {
width: 220px!important;
}
#profile5 #font-area div, #pun-messages #font-area div {
width: auto!important;
}
#pun-messages #post-form div.container {
padding: 12px!important;
}
#viewprofile #profile-signature ul {
border-style: none;
}
#profile7 input {
-webkit-box-shadow: none;
box-shadow: none;
}
#profile8 fieldset .fs-box .submitfield input.button {
margin: 8px 0 0;
}
#profile8 fieldset:nth-of-type(6) {
display: none;
}
#profile8 input#sub4 {
cursor: pointer;
text-transform: lowercase;
border-radius: 8px;
padding: 4px 8px 5px;
display: inline-block;
background: var(--pun-color);
color: var(--link-color);
-webkit-box-shadow: none;
box-shadow: none;
transition: all .2s ease-in-out!important;
-webkit-transition: all .2s ease-in-out!important;
-moz-transition: all .2s ease-in-out!important;
-o-transition: all .2s ease-in-out!important;
}
#profile8 input#sub4:hover {
-webkit-box-shadow: inset 0 0 0 1px var(--border-color);
box-shadow: inset 0 0 0 1px var(--border-color);
background: var(--pun-content-color);
color: var(--link-color);
}
#profile8 input#fld1, #profile8 input#fld2, #profile8 input#fld3, #profile8 input#fld5 {
width: calc(100% - 20px);
}
#profile8 input#fld4 {
width: calc(100% - 20px - 188px);
}
#profile #profile8 .fs-box {
border-radius: 0;
background: transparent;
padding: 4px 0px;
}
#profile10 table#filetable, #profile10 .submitend {
text-transform: lowercase;
    margin: auto auto auto calc(81px + var(--pun-padding) * 3) !important;
    width: calc(100% - 82px - var(--pun-padding) * 3) !important;
}
.select-file {
    width: 82%;
    padding: 10px 0px 10px 174px;
}
#profile10 table#filetable {
border-spacing: 8px!important;
-webkit-box-shadow: inset 0 0 0 1px var(--border-color);
box-shadow: inset 0 0 0 1px var(--border-color);
border-radius: 8px;
}
#profile10 .submitend {
padding: 8px 0!important;
}
#profile10 #update_comments, #profile10 #del_file {
margin-right: 0!important;
margin-left: 8px!important;
}
#profile10 .tcr input {
width: auto!important;
}
#profile10 .pagelink {
text-transform: lowercase;
padding: 8px 0!important;
}
#profile10 #uploaded-count-block {
padding: 0!important;
font-size: 1em!important;
text-transform: lowercase!important;
}
#profile10 table#filetable td {
text-align: center;
}
#profile10 th {
background: none!important;
}
#profile10 .adinfofield {
padding: 4px 0;
text-transform: lowercase;
}
#profile10 fieldset .fs-box li {
font-size: 11px;
}
#profile11 .submitfield {
margin-top: 12px;
}
#profile11 .inputfield label {
margin-bottom: 12px;
}
#profile2 #realname input, #profile2 #title input, #profile2 #location input, #profile2 #website input, #profile2 #interests input {
width: 300px;
}
.profile-notifications-content fieldset:last-of-type .fs-box p {
margin: 0 0 8px;
}
.profile-notifications-content fieldset:last-of-type .fs-box p.infofield {
margin: 0;
}
p.datafield.registered, p.datafield.last-post, p.datafield.last-visit {
text-transform: lowercase;
}
/*--- Предпросмотр профиля ---*/
#viewprofile {
margin: 0;
background: var(--pun-container-color);
-webkit-box-shadow: 0 0 0 1px var(--border-color);
box-shadow: 0 0 0 1px var(--border-color);
border-radius: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 17px;
position: relative;
}
.dark #viewprofile {
background: var(--pun-container-color);
}
#viewprofile>.container {
z-index: 1;
position: relative;
}
#viewprofile strong {
font-weight: 400;
line-height: 140%;
}
#viewprofile #profile-signature strong {
font-weight: 600;
line-height: unset;
}
#viewprofile .container tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
#viewprofile .container #profile-signature tr {
display: table-row;
}
#viewprofile .container #profile-signature td, #profile5 .parsedsig td {
padding: 4px;
}
#viewprofile #profile-left {
width: 188px;
height: auto;
padding: 0 0 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
border-radius: 0;
gap: 5px;
position: relative;
}
#viewprofile #pa-avatar {
margin: 0 auto;
padding: 0;
}
#viewprofile #pa-avatar img {
border-radius: 0;
border: 1px solid var(--border-color);
padding: 3px;
}
#viewprofile #profile-name {
text-align: center;
margin: 8px auto 0;
text-transform: lowercase;
font-family: var(--font-base);
font-size: 16px;
color: var(--text-color);
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
#viewprofile #profile-title {
color: var(--text-color--pale);
text-align: center;
line-height: 150%;
width: 180px;
text-transform: lowercase;
font-size: 9px;
font-weight: 400;
letter-spacing: .6px;
margin-bottom: 12px;
}
#viewprofile #profile-title strong {
font-weight: 400!important;
}
#viewprofile #profile-name strong {
font-weight: 400!important;
font-size: 1em!important;
}
#viewprofile #pa-online {
text-align: center;
margin: 0 auto;
line-height: 100%;
text-transform: lowercase;
font-size: 11px;
}
#viewprofile #pa-online strong {
font-weight: 400!important;
}
#viewprofile #pa-edit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: auto;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 30px;
}
#viewprofile #pa-edit a {
display: block;
width: 180px;
height: auto;
font-weight: 400;
padding: 5px 4px 6px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
text-transform: lowercase;
font-size: 11px;
letter-spacing: .2px;
color: var(--button-text-color);
background: var(--button-color);
}
#viewprofile #pa-edit:hover a {
background: var(--hover-color);
color: var(--hover-text-color);
}
#viewprofile #profile-right {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 16px 16px;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 12px;
width: calc(100% - 188px - 18px);
border-radius: 20px;
background: var(--pun-container-color);
-webkit-box-shadow: inset 0 0 0 1px var(--border-color), 3px 3px 12px 0px var(--shadow-color);
box-shadow: inset 0 0 0 1px var(--border-color), 3px 3px 12px 0px var(--shadow-color);
font-size: 11px;
}
.dark #viewprofile #profile-right {
background: var(--pun-container-color);
}
#viewprofile #profile-right li {
text-transform: lowercase;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 12px 20px;
width: calc(100% / 3 - 12px*2);
border-radius: 10px;
background: var(--pun-container-color);
border: 1px solid var(--border-color);
}
.dark #viewprofile #profile-right li {
background: var(--pun-container-color);
}
#viewprofile #profile-right li#pa-fld1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: calc(50% - 12px);
}
#viewprofile #profile-right li#pa-fld2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: calc(50% - 12px);
}
#viewprofile #profile-right li#pa-fld1 span, #viewprofile #profile-right li#pa-fld2 span, 
#viewprofile #profile-right li#pa-fld5 span {
display: none;
}
#viewprofile #profile-right li#pa-positive {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
#viewprofile #profile-right li#pa-respect {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
#viewprofile #profile-right li#pa-fld4 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
#viewprofile #profile-right li#pa-fld3 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
#viewprofile #profile-right li#pa-fld3 strong.GamePst2 {
padding-right: 0;
}
#viewprofile #profile-right li#pa-posts {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
#viewprofile #profile-right li#pa-email {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
#viewprofile #profile-right li#pa-posts a, #viewprofile #profile-right li#pa-email a {
display: block;
}
#viewprofile #profile-right li#pa-posts a:first-of-type, #viewprofile #profile-right li#pa-email a:first-of-type {
margin: 3px 0 5px;
}
#viewprofile #profile-right li#pa-register-date {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
#viewprofile #profile-right li#pa-time-visit {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
#viewprofile #profile-right li#pa-last-visit {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
#viewprofile #profile-right li#pa-last-post {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
#viewprofile #profile-right li span {
display: block;
text-align: center;
width: auto;
min-width: 177px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 2px 20px 3px;
margin: 0 auto 10px;
border-radius: 5px;
font-weight: 400;
-ms-flex-negative: 0;
flex-shrink: 0;
background: var(--hover-color);
}
#viewprofile #profile-right li span, 
#viewprofile #profile-right li span a {
color: var(--hover-text-color);
}
#viewprofile #profile-right li span a:hover {
color: var(--pun-container-color);
}
#profile-right li strong {
padding-left: 0!important;
line-height: 160%;
}
#viewprofile #profile-signature {
margin: 0;
padding: 16px 20px 0;
}
#viewprofile #profile-right #pa-fld2 .pl {
margin: 14px auto 0;
padding: 1px 0 0;
}
#viewprofile #profile-right #pa-fld2 .pl a {
margin: -14px auto 0;
border-radius: 10px;
}
#viewprofile #profile-right #pa-fld5 img {
max-height: 16px;
}
/*--- Всплывающие уведомления, подсказки и jGrowl ---*/
.tipsy .tipsy-inner {
min-width: none!important;
}
.tipsy-inner table {
width: auto!important;
}
.tipsy-inner table#respect td {
font-size: 0;
}
.tipsy-inner table#respect td {
font-size: 0;
}
.tipsy-inner table#respect .prof, .tipsy-inner table#respect a {
font-size: 11px;
text-transform: lowercase;
}
.tipsy-inner table#respect figcaption {
margin: 2px 0 0;
}
.tipsy-inner table#respect figure {
width: 54px!important;
}
.tipsy-inner table#respect figure .vote {
display: none!important;
}
.tipsy-arrow {
display: none;
}
#tooltip, .tipsy-inner {
z-index: 999999;
border-radius: 5px!important;
padding: 3px 7px!important;
font-family: var(--font-base);
text-transform: lowercase;
font-size: 9px!important;
letter-spacing: .5px;
text-transform: lowercase;
background: var(--button-color)!important;
color: var(--button-text-color)!important;
opacity: .9;
text-align: center;
}
#tooltip, .tipsy-inner, #respect figure .prof, .tipsy-inner a {
color: var(--button-text-color)!important;
text-decoration: none!important;
}
#tooltip {
position: absolute;
max-width: 240px;
display: none;
}
#tooltip table {
width: auto;
}
.jGrowl-notification, .jGrowl .messag_theme, #messages-list a.Author, .jGrowl-closer {
background: var(--button-color)!important;
color: var(--button-text-color)!important;
font-size: 11px!important;
font-family: var(--font-base)!important;
text-transform: lowercase!important;
opacity: .9;
}
.jGrowl-message {
line-height: 150%!important;
}
.jGrowl-message strong {
font-weight: 600!important;
}
.jGrowl-notification .jGrowl-header {
font-size: unset!important;
padding-bottom: unset!important;
}
.jGrowl-notification .jGrowl-close {
margin: unset!important;
font-family: unset!important;
font-weight: unset!important;
}
.jGrowl-notification, .jGrowl .messag_theme, #messages-list a.Author {
text-shadow: none!important;
font-weight: normal!important;
}
.jGrowl-notification a, .jGrowl-notification em.guest-link {
color: var(--hover-color)!important;
}
.jGrowl-notification, .jGrowl-closer, .notification-spoiler {
border-radius: 10px!important;
}
.notification-right {
overflow: hidden;
}
.notification-item {
padding: 10px;
}
.notify-message .jGrowl-close {
padding: 2px 5px!important;
}
.pun-modal {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
z-index: 100000;
}
.pun-modal .modal-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
cursor: pointer;
z-index: 110000;
}
.pun-modal .modal-inner {
width: 700px;
max-width: 94%;
height: auto;
max-height: 44em;
margin: 12% auto 0;
position: relative;
z-index: 120000;
overflow: hidden;
}
.pun-modal h2, .pun-modal h1 {
max-width: 700px;
margin: 0;
}
.modal-inner h2 span {
font-size: 0;
}
.pun-modal .container {
padding: 8px 12px;
max-height: 40em;
overflow: auto;
}
.pun-modal .closer {
font-size: 1.5em;
line-height: 1;
padding: 0;
margin: 0px;
cursor: pointer;
background: none 0 transparent;
position: absolute;
right: 8px;
top: 4px;
}
.noscroll {
overflow: hidden;
}
/*--- Выделение ---*/
::-moz-selection {
background: var(--select-color);
color: var(--select-text-color);
text-shadow: none!important;
}
::selection {
background: var(--select-color);
color: var(--select-text-color);
text-shadow: none!important;
}
/*--- Скроллбары ---*/
::-webkit-scrollbar {
width: 4px;
height: 3px;
}
textarea::-webkit-scrollbar, #tags .container::-webkit-scrollbar, #tags .container div::-webkit-scrollbar, .scrollbox::-webkit-scrollbar, .hvStickerPackModalContent::-webkit-scrollbar, .banners::-webkit-scrollbar {
width: 3px;
height: 0;
}
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner {
background: var(--scrollbar-color);
}
textarea::-webkit-scrollbar-track, textarea::-webkit-scrollbar-corner, #tags .container::-webkit-scrollbar-track, #tags .container::-webkit-scrollbar-corner, #tags .container div::-webkit-scrollbar-track, #tags .container div::-webkit-scrollbar-corner, .scrollbox::-webkit-scrollbar-track, .scrollbox::-webkit-scrollbar-corner, .hvStickerPackModalContent::-webkit-scrollbar-track, .hvStickerPackModalContent::-webkit-scrollbar-corner, .banners::-webkit-scrollbar-track, .banners::-webkit-scrollbar-corner {
background: transparent;
}
::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-thumb-color);
}
textarea::-webkit-scrollbar-thumb, #tags .container::-webkit-scrollbar-thumb, .scrollbox::-webkit-scrollbar-thumb, .hvStickerPackModalContent::-webkit-scrollbar-thumb {
background-color: var(--hover-color);
}
.banners::-webkit-scrollbar-thumb {
background-color: var(--textarea-color)!important;
}
/*-------------- АДМИНКА --------------*/
#forum-foundation p, #forum-foundation table {
font-size: 11px;
text-transform: lowercase;
}
#forum-foundation table th {
text-align: left;
padding: 10px 0 6px;
}
#forum-foundation table td {
text-align: left!important;
}
#forum-foundation table li {
margin-bottom: 6px;
}
#top-donators, #latest-donators {
display: none;
}
.ace_editor {
overflow: hidden!important;
}
#pun-admain h1 span, #pun-admain h2 span, #pun-admain legend span, #pun-admain .adformal h3 span {
font-size: 1em!important;
font-weight: 500!important;
color: var(--text-color--pale);
}
#pun-admain .adformal h2, #pun-adnav h2 {
padding: 8px 12px!important;
border-style: none!important;
border-width: 0 1px 1px 0!important;
background-color: transparent!important;
text-align: center!important;
}
#pun-admain .adcontainer {
border-style: none!important;
border-width: 0!important;
border-color: transparent!important;
}
#pun-admain .adcontainer th {
border-color: var(--border-color)!important;
background-color: var(--border-color)!important;
text-align: center!important;
}
#pun-admain .adcontainer td {
border-color: var(--border-color)!important;
text-align: center!important;
}
#pun-admain fieldset {
border-style: none!important;
border-width: 0!important;
margin: 0 0 16px!important;
border-color: transparent!important;
padding: 0!important;
}
#pun-admain .adformal {
-webkit-box-sizing: border-box!important;
box-sizing: border-box!important;
background: var(--pun-container-color)!important;
padding: var(--pun-padding)!important;
border-radius: 20px!important;
}
#pun-admain legend {
padding: 0!important;
margin: 0!important;
font-size: 1em!important;
color: var(--link-color)!important;
}
#pun-admain legend span {
padding: 0!important;
margin: 0!important;
background-color: transparent!important;
}
#pun-admain .adformal {
border-style: none!important;
border-width: 0!important;
border-color: transparent!important;
}
#pun-admain fieldset .handle, #pun-admain fieldset p {
margin-bottom: 4px!important;
padding: 4px 0!important;
position: relative!important;
border-color: var(--pun-color)!important;
background-color: var(--textarea-color)!important;
}
#pun-admain div p.adinfofield {
padding: 8px 12px!important;
line-height: 150%;
}
#pun-admain label, div#pun-admain .adlabel {
font-weight: 400!important;
color: var(--text-color)!important;
text-transform: lowercase!important;
}
#pun-admain .adinput em {
text-transform: lowercase!important;
}
#pun-adnav ul {
padding: 0!important;
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
gap: 8px!important;
text-align: center!important;
text-transform: lowercase!important;
}
#pun-adnav li {
padding: 0!important;
width: 100%!important;
position: relative!important;
}
#pun-adnav li a:hover {
background: var(--hover-color)!important;
color: var(--hover-text-color)!important;
}
#pun-adnav li a {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
height: 20px!important;
-webkit-box-sizing: border-box!important;
box-sizing: border-box!important;
padding: 8px 12px!important;
margin: 0!important;
text-transform: lowercase!important;
background: var(--button-color)!important;
border-radius: 8px!important;
text-align: center!important;
font-weight: 400!important;
letter-spacing: .4px!important;
color: var(--button-text-color)!important;
width: 100%!important;
font-size: 11px;
}
#pun-adnav li.isactive a {
background: var(--button-text-color)!important;
color: var(--button-color)!important;
font-weight: 400!important;
}
#pun-adnav ul.adsubnav {
-webkit-box-shadow: 0 0 0 1px var(--button-text-color);
box-shadow: 0 0 0 1px var(--button-text-color);
padding: 8px 0 8px!important;
margin: 0px 0px 0!important;
border-radius: 10px;
}
#pun-adnav ul.adsubnav a {
font-weight: 400!important;
color: var(--link-color)!important;
text-decoration: none!important;
background: transparent!important;
padding: 0!important;
letter-spacing: .2px!important;
height: auto!important;
}
#pun-adnav ul.adsubnav a:hover {
color: var(--hover-color)!important;
}
#pun-adnav li.isactive ul.adsubnav {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
}
#pun-adnav ul.adsubnav {
display: none!important;
}
#pun-adnav ul.adsubnav li {
list-style: none!important;
padding: 0!important;
}
sup.new {
display: none;
}
#pun-admain1 form.adcontainer, #pun-admain2 form.adcontainer, #pun-admain-new form.adcontainer, #pun-admain1 div.adcontainer, #pun-admain2 div.adcontainer {
padding: 0!important;
}
#pun-admain a {
cursor: pointer;
color: var(--link-color)!important;
}
#pun-admain a:hover {
color: var(--hover-color)!important;
}
#pun-admain.post {
-webkit-box-shadow: none!important;
box-shadow: none!important;
background: transparent!important;
border-radius: 0!important;
}
#pun-admin_logs #pun-admain .postlink {
font-size: 11px!important;
text-align: right;
}
#pun-admin_pages #pun-admain textarea {
min-height: 500px;
}
#pun-admin_paid_services .linksb, #pun-admin_mail .linksb {
margin: 0 auto 20px;
background: var(--border-color);
}
#pun-admin_logs #pun-admain .pagelink, #pun-admin_mail #pun-admain .pagelink {
padding: 3px 3px 3px 10px;
}
#pun-admin_paid_services .postlink, #pun-admin_mail .postlink {
text-align: center;
}
#pun-admin_paid_services .pagelink, #pun-admin_paid_services .postlink, #pun-admin_mail .pagelink, #pun-admin_mail .postlink {
padding: 4px 0;
font-size: 11px!important;
text-transform: none!important;
-webkit-box-shadow: none;
box-shadow: none;
}
#pun-admin_paid_services .linksb strong, #pun-admin_mail .linksb strong {
background: transparent;
font-size: unset;
font-weight: 500;
padding: 0 3px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: auto;
}
/*--- ФОРМА ОТВЕТА ГОСТЯ ---*/
.gid3 #pun-viewtopic .fs-box.hashelp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.gid3 #pun-viewtopic .fs-box.hashelp .inputfield.required {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin: 0 0 8px;
}
.gid3 #pun-viewtopic .fs-box.hashelp #form-buttons, .gid3 #pun-viewtopic .fs-box.hashelp #tags {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.gid3 #pun-viewtopic .fs-box.hashelp .areafield.required {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
/*--- Стиль для быстрой смены аккаунтов @ Deff ---*/
#pun-navlinks a:not(.NextShow)+span.odd {
display: none!important;
}
#pun-navlinks #New-exit img {
display: none;
}
.punbb #pun-navlinks a#New-exit {
z-index: 100000!important;
}
.punbb #pun-navlinks a#New-exit:before {
content: "выход";
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
letter-spacing: .6px;
line-height: 1;
font-family: var(--font-base);
font-size: 15px;
text-transform: lowercase;
font-weight: 500;
}
a.NextShow span {
font-size: 0!important;
}
a.NextShow span:before {
content: "скрыть форму";
font-size: 15px;
}
.punbb #pun-navlinks #form-login input[type="submit"] {
border: none;
color: var(--button-text-color);
background: var(--button-color);
cursor: pointer;
margin: 20px 0 0!important;
text-transform: lowercase;
}
.punbb #pun-navlinks #form-login input {
border: none;
margin-top: 4px!important;
text-transform: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: var(--textarea-color);
}
.punbb li .odd {
position: absolute!important;
}
.punbb #pun-navlinks #form-login {
white-space: normal!important;
text-shadow: none;
display: block;
min-width: 110px;
font: var(--font-base);
text-transform: none;
position: absolute!important;
left: 50px;
top: 23px;
z-index: 100000!important;
text-align: center;
background: var(--pun-color);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 20px;
border-radius: 0 16px 16px 0;
height: 170px;
color: var(--text-color);
font-size: 11px;
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15), 0 0 6px 0 rgba(0, 0, 0, .2);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15), 0 0 6px 0 rgba(0, 0, 0, .2);
}
.gid3 .punbb #pun-navlinks #form-login {
height: 204px;
}
#pun-navlinks #navlogout #form-login {
margin: 0;
}
.ismoderator #pun-navlinks #navlogout #form-login {
margin: 0!important;
}
#pun-navlinks #form-login div#List-UserNames:after {
content: "чтобы скрипт запомнил ник, он должен быть указан в том же регистре, что и в профиле";
display: block;
margin: 10px 0 4px;
font-size: 9px;
line-height: 130%;
}
#pun-navlinks #form-login input[value="Войти"]+p {
margin-bottom: 11px;
margin-top: 11px;
}
.punbb #pun-navlinks #form-login a.Rega, .punbb #pun-navlinks #form-login a.Forgot {
width: auto;
height: auto!important;
white-space: normal!important;
position: relative;
z-index: 20;
text-shadow: none;
cursor: pointer;
font-size: 9px;
text-transform: lowercase;
}
.punbb #pun-navlinks #form-login a.Rega:before, .punbb #pun-navlinks #form-login a.Forgot:before {
content: none;
}
#form-login input.none {
outline: red solid 1px!important;
}
#List-UserNames {
position: absolute;
margin: -10px -1px 0 0;
min-height: auto;
/*height: 280px;*/
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
right: 100%;
padding: 10px;
border-radius: 16px 0 16px 16px;
text-align: center;
background: var(--pun-container-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15), 0 0 6px 0 rgba(0, 0, 0, .2);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15), 0 0 6px 0 rgba(0, 0, 0, .2);
}
.punbb #List-UserNames ul {
padding: 0;
overflow: hidden;
overflow-y: auto;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
min-height: 120px;
}
.punbb #List-UserNames li {
position: relative;
background: var(--button-color);
text-align: left;
margin: 0px 0 4px 0!important;
padding: 5px 10px;
text-transform: lowercase;
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border-radius: 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
cursor: pointer;
}
.punbb #List-UserNames li>b {
color: var(--button-text-color);
font-weight: 400;
width: 100%;
font-size: 11px;
}
.punbb #List-UserNames li:hover {
opacity: .7;
}
#List-UserNames ul::-webkit-scrollbar {
width: 3px;
height: 0;
}
#List-UserNames ul::-webkit-scrollbar-track {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
#List-UserNames ul::-webkit-scrollbar-thumb {
background: var(--extra-color1);
-webkit-box-shadow: none;
box-shadow: none;
}
#List-UserNames ul li>span {
padding: 0!important;
cursor: pointer;
margin: 0!important;
vertical-align: middle;
color: var(--pun-color);
}
#List-UserNames ul li>span:hover {
color: #000000;
}
#List-UserNames ul:empty:before {
display: inline-block;
content: "нет ников, введенных через форму справа или перенос ниже";
line-height: 130%;
}
#form-login span:not(#form-login input, #form-login span span) {
text-transform: lowercase;
display: inline-block;
margin: 10px 0 0;
padding: 0;
}
#navlogin #exit-2 {
display: none;
}
.punbb #pun-navlinks #navlogout .Rega, .punbb #pun-navlinks #navlogout .Forgot {
background-image: none!important;
display: none!important;
}
#List-UserNames ul+span {
display: inline-block;
padding: 6px 0 8px 0;
text-align: left;
font: normal normal 400 10.56px/normal Verdana;
}
.punbb #pun-navlinks #form-login #List-UserNames input {
display: block!important;
background: var(--textarea-color);
border: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto 0!important;
}
#List-UserNames ul+span b {
font: normal normal 400 13px/normal Verdana;
padding: 0 3px;
}
#List-UserNames .a1-copy {
display: inline-block!important;
cursor: pointer;
float: left;
}
#List-UserNames .a1-paste {
cursor: pointer;
display: inline-block!important;
float: right;
}
.tipsy.a11 {
max-width: 170px;
}
li#navlogout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 20px;
}
#form-login>span {
display: none!important;
}
/*--- Кнопка смены дизов ---*/
#theme_switcher {
position: absolute;
    top: -538px;
    width: 1100px;
    right: 0px;
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
}
/*#theme_switcher li:nth-of-type(1), .dark #theme_switcher li:nth-of-type(2) {
display: none;
}
#theme_switcher li:nth-of-type(2), .dark #theme_switcher li:nth-of-type(1) {
display: flex;
}*/
#theme_switcher li label {
display: none;
}
#theme_switcher li input {
-webkit-appearance: none;
    margin: 0;
    padding: 0;
    border: none;
    height: 14px;
    width: 14px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border-radius: 10px;
    background: #a5b1b9;
}
#theme_switcher li input#dark {
background: #2f3c44;
}
#stylelist li {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
top: 66px;
left: calc(50% + 155px);
height: 14px;
width: 14px;
z-index: 100;
background: #7e9bb6;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
}
#stylelist li:nth-of-type(1) {
background: #999999;
}
#stylelist a {
font-size: 0;
display: block;
z-index: 1;
width: 100%;
height: 100%;
}
/*-------------- МОБИЛЬНЫЕ --------------*/
@media screen and (max-device-width: 1024px) {
body {
/*min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;*/
width: 1024px;
/*padding-left: 25px;*/
background: var(--body-color);
}
.dark body {
background: #bcbcbc;
}
body:before {
left: calc(50% - var(--header-width) / 2 + 37px);
}
}
@media screen and (max-device-width: 768px) {
body {
/*min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;*/
width: 1024px;
/*padding-left: 25px;*/
background: var(--body-color);
}
.dark body {
background: #bcbcbc;
}
body:before {
left: calc(50% - var(--header-width) / 2 + 60px);
}
#post-form .formsubmit {
text-align: left;
}
.post-content {
margin-bottom: 20px;
}
#post input.button.submit:first-of-type {
margin: 0 10px 0 0!important;
}
#pun-ulinks .container, #pun-navlinks .container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#post input.button.submit, #post input.button.preview {
font-size: 14px;
}
}