/* Дизайн для oddinary © эос (https://imagiart.ru/profile.php?id=5592) */ /* Убедительная просьба не брать коды и не растаскивать их на части */ /*---------------------------------------------------------------------------*/ /*--- Подключение второго окна стилей ---*/ @import url(style_cs.1754941715.css); /*--- Иконки ---*/ @import url('https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css'); /*--- Шрифты ---*/ @import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap'); /*--- Переменные ---*/ :root { --font-base: "Rubik", sans-serif; --pun-width: 1050px; --pun-padding: 10px; --header-width: 1050px; --header-height: 396px; --footer-width: 1050px; --footer-height: 106px; --profile-width: 232px; --category-width: 988px; --category-height: 40px; } :root, .light { --body-img: url(https://forumstatic.ru/files/001b/6f/ae/28112.jpg); --header-img: url(https://forumstatic.ru/files/001b/6f/ae/94308.png); --footer-img: url(https://forumstatic.ru/files/001b/6f/ae/87818.png); --profile-img: url(https://forumstatic.ru/files/001b/6f/ae/29418.jpg); --category1-img: url(https://forumstatic.ru/files/001b/6f/ae/40656.png); --category2-img: url(https://forumstatic.ru/files/001b/6f/ae/37351.png); --category3-img: url(https://forumstatic.ru/files/001b/6f/ae/13812.png); --category4-img: url(https://forumstatic.ru/files/001b/6f/ae/59384.png); --category5-img: url(https://forumstatic.ru/files/001b/6f/ae/23729.png); --category6-img: url(https://forumstatic.ru/files/001b/6f/ae/51330.png); --stats-img: url(https://forumstatic.ru/files/001b/6f/ae/99255.png); --admin-img: url(https://forumstatic.ru/files/001b/6f/ae/12949.png); --admin-header: url(https://forumstatic.ru/files/001b/6f/ae/32458.png); --box-img: url(https://forumstatic.ru/files/001b/6f/ae/37413.png); --go-up-img: url(https://forumstatic.ru/files/001b/6f/ae/70236.png); --go-down-img: url(https://forumstatic.ru/files/001b/6f/ae/64312.png); --body-color: #8a7169; --pun-color: #E8E5E4; --pun-container-color: #EAE8E7; --pun-box-color: #EAE8E7; --text-color: rgba(73, 73, 73, 1); --text-color--pale: rgba(73, 73, 73, .6); --border-color: #d8d5d4; --shadow-color: rgba(89, 61, 56, .05); --link-color1: #b97867; --link-color2: #9186b6; --button-color: #565459; --button-color--text: #e9e7ec; --hover-color: #e4d4cf; --hover-color--opacity: rgba(185, 165, 200, .35); --hover-color--text: #a97066; --extra-color1: #d9d2de; --extra-color1--text: #8a74a3; --extra-color2: #e5d0c9; --extra-color2--text: #C57F73; --avatar-color: #dcb9a7; --select-color: #dbd8d7; --select-color--text: #858180; --textarea-color: rgba(255, 255, 255, .45); --scrollbar-color: #C4ADA5; --scrollbar-color--thumb: #565459; } .dark { --body-img: url(https://forumstatic.ru/files/001b/6f/ae/94185.jpg); --profile-img: url(https://forumstatic.ru/files/001b/6f/ae/40994.jpg); --admin-img: url(https://forumstatic.ru/files/001b/6f/ae/48168.png); --admin-header: url(https://forumstatic.ru/files/001b/6f/ae/31766.png); --box-img: url(https://forumstatic.ru/files/001b/6f/ae/87451.png); --category1-img: url(https://forumstatic.ru/files/001b/6f/ae/85791.png); --category2-img: url(https://forumstatic.ru/files/001b/6f/ae/52043.png); --category3-img: url(https://forumstatic.ru/files/001b/6f/ae/63191.png); --category4-img: url(https://forumstatic.ru/files/001b/6f/ae/60878.png); --category5-img: url(https://forumstatic.ru/files/001b/6f/ae/30614.png); --category6-img: url(https://forumstatic.ru/files/001b/6f/ae/14734.png); --stats-img: url(https://forumstatic.ru/files/001b/6f/ae/16206.png); --body-color: #444444; --pun-color: #2B2B2B; --pun-container-color: #303030; --pun-box-color: #303030; --text-color: #b0b0b0; --text-color--pale: rgba(190, 190, 190, .6); --border-color: #3e3e3e; --shadow-color: rgba(0, 0, 0, .1); --link-color1: #9b7065; --link-color2: #8a859b; --button-color: #383838; --button-color--text: #a9a8ab; --hover-color: #54403b; --hover-color--opacity: rgba(185, 165, 200, .35); --hover-color--text: #ad7a71; --extra-color1: #3e3948; --extra-color1--text: #817999; --extra-color2: #4d3b38; --extra-color2--text: #ab8079; --avatar-color: #9c6c54; --select-color: #444444; --select-color--text: #a0a0a0; --textarea-color: rgba(0, 0, 0, .17); --scrollbar-color: #3e3e3e; --scrollbar-color--thumb: #606060; } .grey { --body-img: url(https://forumstatic.ru/files/001b/6f/ae/28374.jpg); --profile-img: url(https://forumstatic.ru/files/001b/6f/ae/94073.jpg); --admin-img: url(https://forumstatic.ru/files/001b/6f/ae/35663.png); --box-img: url(https://forumstatic.ru/files/001b/6f/ae/15731.png); --body-color: #dcccc3; --pun-color: #f8f8f8; --pun-container-color: #ffffff; --pun-box-color: #ffffff; --text-color: rgba(73, 73, 73, 1); --text-color--pale: rgba(73, 73, 73, .6); --border-color: #e4e4e4; --shadow-color: rgba(0, 0, 0, .04); --link-color1: #d5a599; --link-color2: #a69cc9; --button-color: #565459; --button-color--text: #e9e7ec; --hover-color: #f4ece9; --hover-color--opacity: rgba(185, 165, 200, .35); --hover-color--text: #d0988e; --extra-color1:#e9e5f1; --extra-color1--text: #8670af; --extra-color2: #efe0da; --extra-color2--text: #ca8479; --avatar-color: #e7baa4; --select-color: #ebebeb; --select-color--text: #6e6e6e; --textarea-color: rgba(255, 255, 255, 1); --scrollbar-color: #dbcac2; --scrollbar-color--thumb: #bb8371; } /*--- Скрыть ненужное ---*/ .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-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;} .gid5 #profile, .gid5 #viewprofile #pa-edit {display: none !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);} /*.grey body {background-blend-mode: luminosity;}*/ #pun {width: var(--pun-width); margin: calc(var(--header-height) + 20px) auto calc(var(--footer-height) + 20px); -webkit-box-sizing: border-box; box-sizing: border-box; background: var(--pun-color); border-radius: 0; position: relative;} .punbb:before {content: ""; position: absolute; width: 1062px; height: calc(100% + var(--header-height) + var(--footer-height) - 40px*2 + 6px*2); display: block; top: calc(0px - var(--header-height) + 40px - 6px); left: calc(50% - 1064px/2); border-radius: 0; z-index: -1; border-left: 1px solid rgba(0, 0, 0, .3); border-right: 1px solid rgba(0, 0, 0, .3);} .punbb:after {content: ""; position: absolute; width: calc(1062px - 40px*2); height: calc(100% + var(--header-height) + var(--footer-height) + (6px * 2)); display: block; top: calc(0px - var(--header-height) - 6px - 1px); left: calc(50% - 1064px/2 + 40px); border-radius: 0; z-index: -1; border-top: 1px solid rgba(0, 0, 0, .3); border-bottom: 1px solid rgba(0, 0, 0, .3);} .punbb {width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 32px calc(var(--pun-padding)*2) calc(var(--pun-padding)*2); border-radius: 0; position: relative; z-index: 1;} #pun-index.punbb {padding: 32px calc(var(--pun-padding)*3) calc(var(--pun-padding)*2);} 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;} #pun-pages #pun-main { min-height: 394px;} #profile.formal.messages-container .container {background: transparent; -webkit-box-shadow: none; box-shadow: none;} #profile.formal.messages-container #tags .container {min-height: unset!important;} /*--- Шапка ---*/ .dark #pun-title {-webkit-filter: brightness(0.5) contrast(1.1) grayscale(0.05); filter: brightness(0.5) contrast(1.1) grayscale(0.05);} .grey #pun-title {-webkit-filter: brightness(1.03) contrast(0.93); filter: brightness(1.03) contrast(0.93);} #pun-title {display: block; width: var(--header-width); height: var(--header-height); background: var(--header-img) no-repeat; position: absolute; left: 0; top: calc(0px - var(--header-height)); border-radius: 20px 20px 0 0;} /*--- Меню навигации ---*/ #pun-navlinks {position: relative; display: block; margin: 20px auto 0; width: 100%; white-space: nowrap; padding: 0 0;} #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: 20px; 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-color1); 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: 450;} #pun-navlinks a:hover {color: var(--link-color2); -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 .075s ease-in-out!important; -webkit-transition: all .075s ease-in-out!important; -moz-transition: all .075s ease-in-out!important; -o-transition: all .075s ease-in-out!important; color: var(--pun-container-color)!important; background: var(--link-color1)!important;} span.num_msg:before {content: none!important;} /*--- Юзер меню ---*/ #pun-ulinks {width: 100%; height: auto; margin: 20px 0 0 0; top: 0; left: 0; position: absolute;} #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: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 100%; gap: 10px; text-transform: lowercase; font-size: 10px; font-weight: 450; letter-spacing: .4px; margin: 4px auto 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box;} #pun-ulinks li {display: inline; padding: 0;} #pun-ulinks a {color: var(--text-color--pale); 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(--extra-color1--text); text-shadow: none;} /*--- Бабл уведомлений ---*/ #navpm .unreads {background: var(--hover-color)!important; color: var(--hover-color--text)!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: 100%; text-transform: lowercase; font-size: 10px; letter-spacing: .2px; font-weight: 400; color: var(--text-color); margin: 30px 0 36px;} #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-color1);} #pun-status strong {font-weight: 400;} /*--- Объявление ---*/ #pun-announcement {display: block; position: absolute; top: calc(0px - var(--header-height) + 185px); left: 851px; width: auto; max-width: 195px;} #pun-announcement .container .html-box {width: 100%; height: 204px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 11px; -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: start; -ms-flex-align: start; align-items: flex-start; overflow-y: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3px 8px 10px 6px;} #pun-announcement .container .html-box::-webkit-scrollbar {width: 2px;} #pun-announcement .container .html-box::-webkit-scrollbar-thumb {background-color: var(--link-color1);} #pun-announcement .container .html-box::-webkit-scrollbar-track, #pun-announcement .container .html-box::-webkit-scrollbar-corner {background: transparent;} #pun-announcement .container .html-box a {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-sizing: border-box; box-sizing: border-box; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; text-align: left; padding: 4px 14px 5px 6px; margin: 0; color: #383838; -ms-flex-negative: 0; flex-shrink: 0; text-transform: lowercase; font-size: 10px; font-weight: 450; border-radius: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; line-height: 110%; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background: var(--pun-container-color); -webkit-box-shadow: 0 0 0 1px #bcbcbc, 0 0 0 3px var(--pun-container-color), -1px 4px 6px 0 rgba(0, 0, 0, .3); box-shadow: 0 0 0 1px #bcbcbc, 0 0 0 3px var(--pun-container-color), -1px 4px 6px 0 rgba(0, 0, 0, .3);} .dark #pun-announcement .container .html-box a {background: var(--pun-color); color: var(--text-color); -webkit-box-shadow: 0 0 0 1px #3b3b3b, 0 0 0 3px var(--pun-color), -1px 4px 6px 0 rgba(0, 0, 0, .3); box-shadow: 0 0 0 1px #3b3b3b, 0 0 0 3px var(--pun-color), -1px 4px 6px 0 rgba(0, 0, 0, .3);} #pun-announcement .container .html-box a:hover {background: var(--pun-box-color); color: var(--text-color--pale); -webkit-box-shadow: 0 0 0 1px var(--border-color), 0 0 0 3px var(--pun-box-color), -1px 4px 6px 0 rgba(0, 0, 0, .3); box-shadow: 0 0 0 1px var(--border-color), 0 0 0 3px var(--pun-box-color), -1px 4px 6px 0 rgba(0, 0, 0, .3);} #pun-announcement .container .html-box a b {height: auto; width: auto; font-weight: 500; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 5px 0 0; border-radius: 8px; padding: 5px 5px 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 9px; letter-spacing: 0; line-height: 9px; background: var(--extra-color1); color: var(--extra-color1--text);} #pun-announcement .container .html-box a:hover b {background: var(--extra-color2); color: var(--extra-color2--text);} #pun-announcement .container .html-box a span {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; font-size: 7px; gap: 3px; text-transform: uppercase; letter-spacing: 0.2px;} #pun-announcement .container .html-box a i {font-style: normal; font-size: 11px; text-transform: lowercase; letter-spacing: 0px;} /*--- Хлебные крошки ---*/ #pun-crumbs1, #pun-crumbs2 {text-align: center; display: block; width: 100%; text-transform: lowercase; color: var(--text-color); font-weight: 400; font-size: 13px;} #pun-crumbs1 {margin: 20px 0;} #pun-crumbs2 {margin: 26px 0 0;} #pun-crumbs1 a, #pun-crumbs2 a {color: var(--text-color--pale);} #pun-crumbs1 a:nth-of-type(1):hover, #pun-crumbs2 a:nth-of-type(1):hover {color: var(--link-color1);} #pun-crumbs1 a:nth-of-type(2):hover, #pun-crumbs2 a:nth-of-type(2):hover {color: var(--link-color2);} #pun-crumbs1 em, #pun-crumbs2 em {display: none;} #pun-crumbs1 a:nth-of-type(odd):after, #pun-crumbs2 a:nth-of-type(odd):after {background: url(https://forumstatic.ru/files/001b/6f/ae/90972.png); width: 10px; height: 11px; display: inline-block; margin: 0 3px -2px 6px; font-size: 0; opacity: 1; content: "";} #pun-crumbs1 a:nth-of-type(even):after, #pun-crumbs2 a:nth-of-type(even):after {background: url(https://forumstatic.ru/files/001b/6f/ae/91344.png); width: 10px; height: 11px; display: inline-block; margin: 0 3px -2px 6px; font-size: 0; opacity: 1; content: "";} .dark #pun-crumbs1 a:nth-of-type(odd):after, .dark #pun-crumbs2 a:nth-of-type(odd):after, .dark #pun-crumbs1 a:nth-of-type(even):after, .dark #pun-crumbs2 a:nth-of-type(even):after {opacity: .65;} 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 {border-radius: 20px; transition: all .15s ease-in-out !important; -webkit-transition: all .15s ease-in-out !important; -moz-transition: all .15s ease-in-out!important; -o-transition: all .15s ease-in-out!important;} .category:hover {-webkit-box-shadow: 0 6px 12px 0 var(--shadow-color); box-shadow: 0 6px 12px 0 var(--shadow-color);} .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: 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; width: var(--category-width); margin: 30px auto 0; height: var(--category-height); z-index: 2; position: relative; border: 1px solid var(--border-color); border-bottom: none !important; border-radius: 20px 20px 0 0; background-position: center !important;} .category:nth-of-type(1) h2 {background: var(--category1-img) center no-repeat;} .category:nth-of-type(2) h2 {background: var(--category2-img) center no-repeat;} .category:nth-of-type(3) h2 {background: var(--category3-img) center no-repeat;} .category:nth-of-type(4) h2 {background: var(--category4-img) center no-repeat;} .category:nth-of-type(5) h2 {background: var(--category5-img) center no-repeat;} .category:nth-of-type(6) h2 {background: var(--category6-img) center no-repeat;} .grey .category h2 {-webkit-filter: brightness(1.09) contrast(0.99) grayscale(0.1); filter: brightness(1.09) contrast(0.99) grayscale(0.1); border: 1px solid #d2d2d2;} .category h2 span {display: block; font-size: 0!important; cursor: default; padding: 0; overflow: hidden;} .category .container {-webkit-box-sizing: border-box; box-sizing: border-box; background: var(--pun-container-color); padding: 10px; border-radius: 0 0 20px 20px; border: 1px solid var(--border-color);} .category .container table {padding: 10px 12px;} /*--- Статистика ---*/ #pun-stats {margin: 0; border-radius: 20px; transition: all .15s ease-in-out !important; -webkit-transition: all .15s ease-in-out !important; -moz-transition: all .15s ease-in-out!important; -o-transition: all .15s ease-in-out!important;} #pun-stats:hover {-webkit-box-shadow: 0 6px 12px 0 var(--shadow-color); box-shadow: 0 6px 12px 0 var(--shadow-color);} #pun-stats h2 {font-size: 0; background: var(--stats-img); background-position: center !important; 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: 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; width: var(--category-width); margin: 30px auto 0; height: var(--category-height); z-index: 2; position: relative; border: 1px solid var(--border-color); border-bottom: none !important; border-radius: 20px 20px 0 0;} .grey #pun-stats h2 {-webkit-filter: brightness(1.09) contrast(0.99) grayscale(1); filter: brightness(1.09) contrast(0.99) grayscale(1); border: 1px solid #d2d2d2;} #pun-stats .statscon {-webkit-box-sizing: border-box; box-sizing: border-box; background: var(--pun-container-color); padding: 0 20px 20px; border-radius: 0 0 20px 20px; border: 1px solid var(--border-color);} #pun-stats .container {font-size: 11px; 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: flex-end; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: -31px; position: relative; z-index: 10; gap: 0 20px;} #onlinelist {text-align: justify; width: 100%; margin: 0 0 0;} #pun-stats strong {font-weight: normal;} #pun-stats .item1, #pun-stats .item2, #pun-stats .item3, #pun-stats .item4 {cursor: default; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 15px 5px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4px; text-align: center; letter-spacing: .3px; font-size: 9px; font-weight: 350; 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; background: var(--button-color); color: var(--button-color--text); border-radius: 20px;} .dark #pun-stats .item1, .dark #pun-stats .item2, .dark #pun-stats .item3, .dark #pun-stats .item4 {background: var(--select-color); color: var(--select-color--text);} #pun-stats .item4 a {color: var(--button-color--text);} #pun-stats .item4 a:hover {color: var(--link-color2);} #pun-stats .item1 {margin-left: 280px;} #pun-stats .item1 span, #pun-stats .item2 span, #pun-stats .item3 span, #pun-stats .item4 span {font-size: 0 !important; display: none;} #pun-stats .item1:before, #pun-stats .item2:before, #pun-stats .item3:before, #pun-stats .item4:before {font-size: 10px;} #pun-stats .item1:before {content: "тем:";} #pun-stats .item2:before {content: "сообщений:";} #pun-stats .item3:before {content: "пользователей:";} #pun-stats .item4:before {content: "привет, ";} #pun-stats .item1 strong, #pun-stats .item2 strong, #pun-stats .item3 strong, #pun-stats .item4 strong {font-weight: 350;} #pun-stats .onlinelist {width: 100%; padding: 30px 0 16px;} #pun-stats .users_24h {width: 100%; padding: 0;} #pun-stats .onlinelist div, #pun-stats .users_24h div {line-height: 150%; font-size: 9px; text-transform: lowercase; font-weight: 500; letter-spacing: 0;} #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%; font-weight: 400;} #pun-stats .onlinelist div a, #pun-stats .users_24h div a {color: var(--text-color);} #pun-stats .onlinelist div span a, #pun-stats .users_24h div span a {color: var(--link-color2);} #pun-stats .onlinelist div span a:hover, #pun-stats .users_24h div span a:hover {color: var(--link-color1);} #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);} /*--- Футер ---*/ #pun-about {height: var(--footer-height); background: var(--footer-img); background-position: bottom center!important; width: var(--footer-width); margin: calc(var(--pun-padding)*2) 0 0; -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: 0; border-radius: 0 0 20px 20px;} .dark #pun-about {-webkit-filter: brightness(0.45) contrast(1.0) grayscale(0.05); filter: brightness(0.45) contrast(1.0) grayscale(0.05);} .grey #pun-about {-webkit-filter: brightness(1.03) contrast(0.93); filter: brightness(1.03) contrast(0.93);} #pun-about .container {text-align: center; display: block; text-transform: lowercase; color: rgba(0, 0, 0, .6); font-size: 9px; margin: 0; position: absolute; bottom: 10px; right: 20px;} #pun-about .container a {color: rgba(0, 0, 0, .6);} .banners {-ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; width: calc(var(--pun-width) - 70px); bottom: 0; height: 31px; overflow-y: auto; margin: 0 0 -50px 6px; 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(--hover-color);} .banners a img {-webkit-filter: grayscale(1) opacity(0.35); filter: grayscale(1) opacity(0.35);} .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 .075s ease-in-out!important; -webkit-transition: all .075s ease-in-out!important; -moz-transition: all .075s ease-in-out!important; -o-transition: all .075s ease-in-out!important;} .go-up {left: calc(50% + var(--pun-width) / 2); top: calc(50% - 60px); background: var(--go-up-img) no-repeat center center; width: 90px; height: 100px;} .go-down {left: calc(50% + var(--pun-width) / 2); top: calc(50% + 60px); background: var(--go-down-img) no-repeat center center; width: 90px; height: 100px;} .go-up:hover {opacity: .75;} .go-down:hover {opacity: .75;} .dark .go-up, .dark .go-down {-webkit-filter: brightness(.45); filter: brightness(.45);} /*-------------- ТАБЛИЦЫ --------------*/ /*--- База таблиц ---*/ 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: 16px; font-family: var(--font-base); text-transform: lowercase; line-height: 1; letter-spacing: 0; display: inline-block; padding: 0; font-weight: 500; white-space: nowrap; overflow: hidden; height: auto; width: 100%; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: var(--text-color--pale);} .tclcon h3 a {color: var(--text-color--pale);} .tclcon h3 a:hover {color: var(--extra-color2--text);} .category:nth-of-type(1) .tclcon h3 a:hover, .category:nth-of-type(3) .tclcon h3 a:hover, .category:nth-of-type(5) .tclcon h3 a:hover {color: var(--extra-color1--text);} .tclcon-text {color: var(--text-color--pale); font-size: 10px; letter-spacing: 0; font-weight: 400; line-height: 130%; text-align: justify;} .tclcon-text p {display: inline; text-transform: lowercase;} .tclcon-text p b {font-weight: 450; color: var(--extra-color2--text);} .category:nth-of-type(1) .tclcon-text p b, .category:nth-of-type(3) .tclcon-text p b, .category:nth-of-type(5) .tclcon-text p b {color: var(--extra-color1--text);} .tclcon-text p b:after {content: "\2022"; margin: 0 2px 0 5px; font-size: 10px; font-weight: 400;} .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: lowercase; font-size: 9px; letter-spacing: .3px; gap: 6px; line-height: 1;} .tclcon-links a {color: var(--button-color--text); background: var(--button-color); -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 15px 5px; border-radius: 20px; font-weight: 350 !important;} .dark .tclcon-links a {color: var(--select-color--text); background: var(--select-color);} .tclcon-links a:hover {color: var(--extra-color2--text); background: var(--extra-color2);} .category:nth-of-type(1) .tclcon-links a:hover, .category:nth-of-type(3) .tclcon-links a:hover, .category:nth-of-type(5) .tclcon-links a:hover {color: var(--extra-color1--text); background: var(--extra-color1);} #pun-index .icon, #pun-index .inew {display: none;} #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: 450; position: absolute; right: 40px; top: 0; display: block; margin: 7px 0 0; letter-spacing: .1px; line-height: 110%;} #pun-index #pun-main .tcr a.lastpost-link {color: var(--text-color);} #pun-index #pun-main .tcr a.lastpost-link:hover {color: var(--link-color1);} #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: 40px; top: 25px; display: block; margin: 0 0 0; padding-bottom: 1px;} #pun-index #pun-main .tcr .lastpost-link, #pun-index #pun-main .tcr .lastpost {-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 14px; text-transform: lowercase;} #pun-viewforum tbody {font-size: 12px;} #pun-viewforum .forum {margin: 16px 0; border-radius: 20px; background: var(--pun-container-color); padding: 4px 20px; -webkit-box-shadow: inset 0 0 0 1px var(--border-color); box-shadow: inset 0 0 0 1px var(--border-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: 14px;} #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(--link-color2);} #pun-viewforum .user-avatar, #pun-searchtopics .user-avatar {display: none;} #pun-index .user-avatar {background-color: var(--pun-color); font-weight: normal; float: none; width: 30px!important; height: 30px!important; border-radius: 20px; display: block; margin: 0; right: 0; top: 6px; 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: 20px; 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 14px; 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; -webkit-box-shadow: inset 0 0 0 1px var(--border-color); box-shadow: inset 0 0 0 1px var(--border-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: 14px;} #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(--link-color2);} #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(--link-color2);} /*--- Таблицы общее ---*/ .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;} #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: 20px; 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: 20px; 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--text);} /*--- Иконка новой, старой, важной тем в таблицах ---*/ .icon {height: 6px; width: 6px; margin: 0; background: var(--pun-container-color); -webkit-box-shadow: inset 0 0 0 1px var(--link-color2); box-shadow: inset 0 0 0 1px var(--link-color2); opacity: .75; border-radius: 20px; -ms-flex-negative: 0; flex-shrink: 0;} 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(--link-color2); -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-color1)!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: 20px; position: relative;} .user-avatar .avatar-image {border-radius: 20px; 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: 20px!important; display: block; position: absolute; top: 0!important; right: 0!important; background: var(--link-color1)!important; z-index: 10; outline: none; animation: blinkColor 1s ease-in-out infinite; -moz-animation: blinkColor 1s ease-in-out infinite; -webkit-animation: blinkColor 1s 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 14px; 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: 14px;} #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--text); background: 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--text); background: 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; -webkit-box-shadow: inset 0 0 0 1px var(--border-color); box-shadow: inset 0 0 0 1px var(--border-color);} #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--text); background: 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-color--text)!important; font-size: 0!important; letter-spacing: 0!important; line-height: 1!important; padding: 1px 1px 0 0px!important; -webkit-box-sizing: border-box; box-sizing: border-box;} .removeReputation:before {content: "\00D7"; font-family: var(--font-base); font-size: 10px!important; padding-left: 2px;} /*--- Поиск по постам пользователя + создание и предпросмотр поста ---*/ #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: 30px 16px 11px; 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: 0 0 0 -20px;} #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: 450!important; 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 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-color--text); padding: 4px 8px; border-radius: 20px; 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: 20px; margin: 0 0 8px;} #history_selected_version {text-align: center; margin: 8px 0 0;} #history_selected_version textarea {border-radius: 20px;} #history_selected_diff {line-height: 150%; background: var(--textarea-color); padding: 8px 12px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 20px; -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; -webkit-box-shadow: inset 0 0 0 1px var(--border-color); box-shadow: inset 0 0 0 1px var(--border-color);} #pun-userlist tbody {font-size: 11px;} #pun-userlist .usertable table {text-transform: lowercase; text-align: center; border-spacing: 0 14px;} #pun-userlist .usertable table tbody tr {-webkit-box-shadow: 0 1px 0 0 var(--border-color); box-shadow: 0 1px 0 0 var(--border-color);} #pun-userlist .usertable table tbody tr:last-of-type {-webkit-box-shadow: none!important; box-shadow: none!important;} #pun-userlist .usertable table tbody td {padding-bottom: 14px;} #pun-userlist .usertable table tbody tr:last-of-type td {padding-bottom: 0!important;} #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--text); background: 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: 20px!important;} #pun-userlist .usertable .tcl.username .user-avatar .avatar-image {width: 24px!important; height: 24px!important; border-radius: 20px!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;} #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--text); background: 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: -32px 0 0px; padding: 29px 22px 14px;} #pun-messages .post-author .pa-author a:hover {color: var(--text-color--pale);} #pun-messages .post-author ul .pa-title {display: none!important;} #pun-messages .post-author .pa-avatar.item2 {margin: 4px 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;} #pun-messages .post .container {width: 100%;} #pun-messages .post-links {width: 100%; padding-left: 0; margin-bottom: 10px;} #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)!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)!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)!important; height: 1px!important; border-radius: 4px!important; margin-top: 0!important; border: none!important; position: absolute;} .FNTslider .thumb {background: var(--border-color)!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-color--text); color: var(--button-color);} #pun-messages .postlink input.button:hover {background: var(--hover-color); color: var(--hover-color--text);} #notify-settings input[type="checkbox"] {height: auto;} #pun-messages #notify-settings {margin: 0 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: inset 0 0 0 1px var(--border-color); box-shadow: inset 0 0 0 1px var(--border-color); padding: 10px 20px;} #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: inset 0 0 0 1px var(--border-color); box-shadow: inset 0 0 0 1px var(--border-color); padding: 10px 20px;} #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--text);} .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: 100%; height: auto; text-transform: lowercase; font-weight: 400; padding: 0; 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: 20px; 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: 20px; font-size: 11px; margin: 0; font-weight: 450; min-width: 21px; line-height: 1; letter-spacing: 0;} .linkst .pagelink strong, .linksb .pagelink strong {color: var(--extra-color1--text); background: var(--extra-color1); 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 {color: var(--hover-color--text); background: var(--hover-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;} .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: 20px; color: var(--button-color--text); background: var(--button-color);} .modmenu .container strong a:hover {color: var(--hover-color--text); background: var(--hover-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 {margin: 30px 0 0 0; padding: 0;} .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: 2; position: relative; background: var(--pun-color); border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px 16px; -webkit-box-shadow: inset 0 0 0 1px var(--border-color); box-shadow: inset 0 0 0 1px var(--border-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) + 20px); -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 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: 150%; text-align: justify; text-transform: none; font-family: verdana;} .post-content ul {padding: 0;} .plash section ul {padding: 0 !important; width: 100%;} .post-content p span {line-height: 150%;} .post-content .post-sig p, .post-content .post-sig span {line-height: unset;} .topic .post-content {margin: 10px 0 30px;} a {text-decoration: none; color: var(--link-color1); outline: none; transition: all .075s ease-in-out!important; -webkit-transition: all .075s ease-in-out!important; -moz-transition: all .075s ease-in-out!important; -o-transition: all .075s ease-in-out!important;} a:hover {color: var(--hover-color);} .post-content a:hover {color: var(--hover-color--text); background: var(--hover-color);} .post-sig a:hover {background: transparent;} address, em {font-style: unset;} em.bbuline {font-style: unset; text-decoration: none; display: inline; border-bottom: 1px solid var(--text-color--pale);} 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: 155%; 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(--extra-color1)!important; color: var(--extra-color1--text)!important; padding: 0;} abbr {cursor: help!important; border-bottom: 1px dashed var(--link-color1);} .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); margin-left: -20px;} .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: 0 0 20px; padding: 40px 22px 20px; position: relative; border-radius: 20px 0 20px 0px; background: var(--profile-img) top center no-repeat, var(--pun-container-color); -webkit-box-shadow: inset 0 0 0 1px var(--border-color); box-shadow: inset 0 0 0 1px var(--border-color); background-blend-mode: luminosity; -o-transition: all .15s ease-in-out !important; transition: all .15s ease-in-out !important; -webkit-transition: all .15s ease-in-out !important; moz-transition: all .15s ease-in-out!important; o-transition: all .15s ease-in-out!important;} .post .post-author ul:hover {-webkit-box-shadow: inset 0 0 0 1px var(--border-color), 0 6px 12px 0 var(--shadow-color); box-shadow: inset 0 0 0 1px var(--border-color), 0 6px 12px 0 var(--shadow-color);} .post .post-author ul:before, .odd-profileprev .post-author ul:before {content: ""; display: block; width: calc(var(--profile-width) - 6px*2); height: calc(100% - 32px); background: var(--pun-container-color); position: absolute; top: 26px; border-radius: 16px; -webkit-box-shadow: inset 0 0 0 1px var(--border-color); box-shadow: inset 0 0 0 1px var(--border-color); z-index: 0;} .post .post-author ul li {z-index: 1;} #pun-post .post-author p {margin: -28px 0 0; padding: 18px 16px 20px; position: relative; border-radius: 20px; background: var(--profile-img) top center no-repeat, var(--pun-container-color); -webkit-box-shadow: inset 0 0 0 1px var(--border-color); box-shadow: inset 0 0 0 1px var(--border-color);} .post-author .pa-author {width: 100%; height: auto; text-align: center; font-family: var(--font-base); text-transform: lowercase; font-size: 15px; font-weight: 450; 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: 7px 0 5px; -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, .odd-profileprev .post-author .pa-author a, .odd-profileprev .post-author .pa-author a:hover {color: var(--text-color);} .post-author .pa-author a:hover {color: var(--text-color--pale); background: transparent;} #pun-multimove .post-author .pa-author {color: var(--extra-color2) !important;} .post-author .pa-title {font-size: 9px; font-weight: 400; text-align: center; line-height: 140%; width: 100%; text-transform: lowercase; margin: 0 0 9px; -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 1px; 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; border: 1px solid var(--border-color); padding: 3px; display: block; border-radius: 0; margin: 0 auto; cursor: default!important;} .pa-avatar.item2 img.allow_change:hover {outline-color: var(--border-color)!important;} .post-author .pa-online, .post-author .pa-last-visit {position: absolute; height: 7px; width: 7px; left: 15px; top: 34px; font-size: 0; cursor: default !important; border-radius: 20px;} .post-author .pa-online {background: var(--link-color2); opacity: .45;} .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: 10px; color: var(--text-color); margin: 10px 0 2px; font-weight: 400; z-index: 2;} .pa-fld2~.pa-posts, .pa-fld2~.pa-fld4, .pa-fld2~.pa-fld3, .pa-fld2~.pa-respect {margin: 42px 0 32px;} .post-author .pa-posts, .post-author .pa-fld4, .post-author .pa-fld3, .post-author .pa-respect {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px 0px; -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 {width: 100%; text-align: center;} .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: 7px; 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: var(--font-base); letter-spacing: .4px; margin: 0; color: var(--text-color--pale); transition: all .075s ease-in-out!important; -webkit-transition: all .075s ease-in-out!important; -moz-transition: all .075s ease-in-out!important; -o-transition: all .075s ease-in-out!important;} .post-author .pa-posts a:hover:before, .post-author .pa-respect span a:hover:before {color: var(--hover-color); background: transparent;} .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: "msgs";} .post-author .pa-respect span a:before {content: "magic";} #pun.isguest .post-author .pa-respect span.fld-name:before {content: "magic";} .post-author .pa-fld4:before {content: "money";} .post-author .pa-fld3:before {content: "posts";} .post-author .pa-respect>a {display: none;} .post-author .pa-respect a:hover:before {color: var(--link-color1); background: transparent;} .post-author .pa-fld1 {width: 188px; text-align: center; line-height: 150%; margin: 13px 0 0 0; -webkit-box-shadow: inset 0 0 0 1px var(--border-color); box-shadow: inset 0 0 0 1px var(--border-color); padding: 12px 0 10px; gap: 6px; border-radius: 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: var(--pun-container-color); position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .post-author .pa-fld1 a.an, #viewprofile #profile-right li#pa-fld1 a.an, .odd-profileprev .post-author .pa-fld1 a.an, .odd-profileprev .post-author .pa-fld1 a.an:hover {display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; height: auto; font-size: 11px; font-family: var(--font-base); text-transform: uppercase; font-weight: 500; letter-spacing: 0.1px; color: var(--link-color2); position: absolute; margin: 0 auto; top: -8px; background: var(--pun-container-color); -webkit-box-shadow: inset 0 0 0 1px var(--border-color); box-shadow: inset 0 0 0 1px var(--border-color); border-radius: 20px; padding: 4px 12px 3px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 11px; text-align: center;} #viewprofile #profile-right li#pa-fld1 a.an {margin: 2px auto 6px; position: relative; top: 0; background: transparent; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 0 !important;} .post-author .pa-fld1 a.an:hover {color: var(--link-color1);} .post-author .pa-fld1 r, #viewprofile #profile-right li#pa-fld1 r {display: block; width: 100%; height: auto; border-bottom: 1px solid var(--border-color); padding: 0 6px 8px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 3px auto 0px; text-align: center; line-height: 140%; text-transform: lowercase; font-size: 10px; font-weight: 400; letter-spacing: 0; color: var(--text-color--pale);} #viewprofile #profile-right li#pa-fld1 r {padding: 0 6px 10px;} .post-author .pa-fld1 p, #viewprofile #profile-right li#pa-fld1 p {display: block; width: 100%; font-size: 10px; font-weight: 400; font-family: var(--font-base); letter-spacing: 0; text-transform: lowercase; line-height: 150%; margin: 0 auto; color: var(--text-color); padding: 0 6px; -webkit-box-sizing: border-box; box-sizing: border-box;} #viewprofile #profile-right li#pa-fld1 p {padding-top: 10px;} .post-author .pa-fld1 p:first-of-type {margin-top: 3px;} .post-author .pa-fld1 p a {padding: 0 0 2px; border-radius: 0; font-weight: 400; letter-spacing: 0; color: var(--link-color2);} .post-author .pa-fld1 p a:hover {background: var(--hover-color); color: var(--hover-color--text);} .pa-fld2, .visual .pl {width: 220px; 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; height: 35px; z-index: 1; position: absolute; margin: 0; bottom: 6px;} .pl {width: 220px; height: 35px; border-radius: 0 0 16px 16px; background-repeat: no-repeat; background-position: center bottom; position: relative; background-image: url(https://64.media.tumblr.com/371c83e49df74f9e66fdfb908a5336ff/4907d528b0bcd820-f0/s540x810/4b01c4eb2c0cef28f7c0be5a896b30762c6c7283.jpg);} .pl a, .pl.custom div {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: 188px; height: 35px; border-radius: 0 0 10px 10px; color: rgba(255, 255, 255, .96)!important; background: #d0bcb3; text-shadow: 1px 1px 0 rgba(0, 0, 0, .2); font-weight: 350; font-family: var(--font-base); text-transform: lowercase; text-align: center; font-size: 9px; letter-spacing: .35px; margin: -79px auto 0; padding: 0 6px 1px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 120%;} .post-box .oddinary--admin-post.plash a:hover {color: rgba(255, 255, 255, .96)!important; background: #d0bcb3!important;} .pl a:hover {color: rgba(255, 255, 255, .9)!important;} .pl.R {background-blend-mode: soft-light; background-color: var(--body-color);} .pl.R a {background-color: var(--body-color);} .class-switcher-container .pl.R, .class-switcher-container .pl.R a {background-color: #b0b0b0;} .pa-ip {display: block; width: 100%; position: absolute; bottom: -16px; text-align: center; font-size: 9px;} .post-author .pa-fld5 {background: var(--pun-container-color); border-radius: 40px; position: absolute; margin: 18px auto 0; 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; z-index: 4; top: 0;} .post-author .pa-fld5:before {content: ""; position: absolute; height: 30px; width: 34px; margin: 0 auto; z-index: -1; background: var(--pun-container-color); border-radius: 10px; -webkit-box-shadow: inset 0 0 0 1px var(--border-color); box-shadow: inset 0 0 0 1px var(--border-color);} .post-author .pa-fld5 div, .post-author .pa-fld5 a {width: 16px; height: 16px; display: block;} .pa-fld5 a, .ls-n #sm2 .odd-page .icons>div a, #viewprofile #profile-right #pa-fld5 a {background: url(https://64.media.tumblr.com/c5201c3e9cf64c0dc7ff2e9fa9509b5d/4907d528b0bcd820-83/s540x810/7d144dae1163b8349106c7ab69e72591df9ebf25.png);} /*--- Подпись поста ---*/ dd, dl, dt {list-style: none; padding: 0; margin: 0;} /*.post-sig dd {overflow: hidden;}*/ .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: 10px!important;} div.post-rating p>a {outline: 1px solid transparent; position: relative; padding: 1px 10px 0; z-index: 100; width: auto; height: 24px; border-radius: 20px; 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(--select-color--text); background: var(--select-color); margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; right: -2px; opacity: 1;} 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(--extra-color2); color: var(--extra-color2--text);} .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: 38px; 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: 20px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1px 3px 0 0px; letter-spacing: 0; background: var(--select-color); color: var(--select-color--text);} div.post-vote p>a:before {content: "\e5c9"; font-size: 16px; width: 100%; height: 100%; line-height: 1; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4px 0 0 3px; font-family: 'Font Awesome 6 Pro'; vertical-align: middle; font-weight: 300; opacity: 1;} .mylike .post-rating p a, .mylike .post-rating p a:hover {background: var(--extra-color2); color: var(--extra-color2--text); 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: 20px!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: 0; 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: 450; letter-spacing: .2px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0;} .post-links li a:hover {color: var(--extra-color2--text); background: transparent;} .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; line-height: 12px;} .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-color2--text); opacity: .6; 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(--extra-color1--text); opacity: 1;} .quote-box {border-radius: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 6px; margin: 10px 0 10px; background: var(--pun-box-color); position: relative; -o-transition: all .15s ease-in-out !important; transition: all .15s ease-in-out !important; -webkit-transition: all .15s ease-in-out !important; moz-transition: all .15s ease-in-out!important; o-transition: all .15s ease-in-out!important;} .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: 450; font-size: 11px; font-family: var(--font-base); color: var(--extra-color1--text); background: var(--extra-color1); border-radius: 20px; transition: all .075s ease-in-out!important; -webkit-transition: all .075s ease-in-out!important; -moz-transition: all .075s ease-in-out!important; -o-transition: all .075s ease-in-out!important; position: relative; z-index: 2; margin: -17px 0 0 10px;} .code-box .legend.legend-processed {background: transparent; gap: 6px;} .quote-box cite, .code-box .legend a, #post-preview .code-box .legend {padding: 5px 12px 6px;} strong.legend.legend-processed a {white-space: nowrap; background: var(--extra-color2); color: var(--extra-color2--text);} .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(--extra-color1--text); background: var(--extra-color1); opacity: .5;} 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;} .quote-box.answer-box, .quote-box.hide-box {margin-top: 21px !important; -webkit-box-shadow: inset 0 0 0 1px var(--border-color); box-shadow: inset 0 0 0 1px var(--border-color);} .quote-box.quote-main {-webkit-box-shadow: inset 0 0 0 1px var(--border-color); box-shadow: inset 0 0 0 1px var(--border-color);} .quote-box.answer-box:hover, .quote-box.hide-box:hover, .quote-box.quote-main:hover {-webkit-box-shadow: inset 0 0 0 1px var(--border-color), 0 6px 12px 0 var(--shadow-color); box-shadow: inset 0 0 0 1px var(--border-color), 0 6px 12px 0 var(--shadow-color);} .quote-box.spoiler-box {-webkit-box-shadow: inset 0 0 0 1px var(--border-color); box-shadow: inset 0 0 0 1px var(--border-color);} .quote-box.spoiler-box:hover, .code-box:hover {-webkit-box-shadow: inset 0 0 0 1px var(--border-color), 0 6px 12px 0 var(--shadow-color); box-shadow: inset 0 0 0 1px var(--border-color), 0 6px 12px 0 var(--shadow-color);} .quote-box.answer-box:after {content: ""; display: block; position: absolute; z-index: 1; right: -6px; bottom: -6px; background: url(https://forumstatic.ru/files/001b/6f/ae/57701.png); width: 43px; height: 30px;} .quote-box.hide-box:after {content: ""; display: block; position: absolute; z-index: 1; right: 3px; top: -7px; background: url(https://forumstatic.ru/files/001b/6f/ae/69013.png); width: 43px; height: 30px;} .dark .quote-box.answer-box:after, .dark .quote-box.hide-box:after, .dark .code-box:after {-webkit-filter: brightness(0.5); filter: brightness(0.5);} .grey .quote-box.answer-box:after, .grey .quote-box.hide-box:after, .grey .code-box:after {-webkit-filter: brightness(1) grayscale(1) contrast(1.2); filter: brightness(1) grayscale(1) contrast(1.2);} .code-box {border-radius: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 6px; margin: 22px 0 10px; -webkit-box-shadow: inset 0 0 0 1px var(--border-color); box-shadow: inset 0 0 0 1px var(--border-color); background: var(--pun-box-color); position: relative; -o-transition: all .15s ease-in-out !important; transition: all .15s ease-in-out !important; -webkit-transition: all .15s ease-in-out !important; moz-transition: all .15s ease-in-out!important; o-transition: all .15s ease-in-out!important;} .code-box .legend {font-weight: 400;} .code-box .legend a, .quote-box cite a {display: block; width: 100%; height: 100%; font-weight: 450; color: var(--extra-color1--text); border-radius: 20px;} .code-box .legend a:hover {color: var(--extra-color1--text)!important; background: var(--extra-color1)!important;} .code-box .blockcode, .code-box blockcode {-webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px 12px;} /*--- Формы, поля, кнопки, орг страницы ---*/ .fs-box {margin: auto auto;} optgroup {font-weight: normal;} .formal .container {padding: 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;} .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: 20px;} 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, #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: 450; text-transform: lowercase; padding: 0; margin: 4px 0 6px; display: inline-block; color: var(--link-color1);} .punbb .formal span.input {padding: 0 8px 0 0;} input, select {outline: none; border: none; border-radius: 20px; font-size: 11px; font-family: var(--font-base); padding: 4px 8px 5px; background: var(--textarea-color); -webkit-box-shadow: inset 0 0 0 1px var(--border-color); box-shadow: inset 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, a.bank-button, .blockcode .copy-btn {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; margin: 0 8px 0 0; min-height: 25px; border: none; border-radius: 20px; -webkit-box-shadow: none; box-shadow: none; background: var(--button-color); color: var(--button-color--text); cursor: pointer; transition: all .075s ease-in-out!important; -webkit-transition: all .075s ease-in-out!important; -moz-transition: all .075s ease-in-out!important; -o-transition: all .075s ease-in-out!important;} input.button:hover, .formsubmit a:hover, a.bank-button:hover, .blockcode .copy-btn:hover {background: var(--hover-color); color: var(--hover-color--text); -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;} /*--- Форма ответа ---*/ .punbb .formal textarea {width: 100%; border-radius: 16px;} textarea {outline: none; border: none; border-radius: 20px; 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: inset 0 0 0 1px var(--border-color); box-shadow: inset 0 0 0 1px var(--border-color);} textarea#main-reply {border-radius: 0 0 20px 20px;} #pun-viewtopic #post-form textarea#main-reply {width: 100% !important;} #form-buttons table {width: calc(100% - 100px)!important; height: 31px!important; border-spacing: 0; border: 1px solid var(--border-color); background: var(--pun-container-color); border-radius: 0 20px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3px; border-bottom: none !important;} #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 {padding: 0; margin: 0; border-spacing: 3px 0 !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important;} #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: 20px; 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 .075s ease-in-out; -o-transition: width .075s ease-in-out; transition: width .075s ease-in-out;} .uploadQueueItem {padding: 0 4px 4px 0; border-radius: 20px; 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; gap: 2px;} #form-buttons td {color: var(--text-color); font-size: 14px; height: 24px; 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:last-child, #profile5 #form-buttons td#button-addition {border-radius: 6px 15px 6px 6px;} .cnt-part #form-buttons td:last-child {border-radius: 6px!important;} #form-buttons td:hover {background: var(--extra-color2); color: var(--extra-color2--text);} #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-spoiler:before {content: "\f187";} #form-buttons #button-adm-spoiler:before {content: "\f0fe";} #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, #form-buttons #button-float:before {content: "\e0b5";} #form-buttons #button-mask:before {content: "\f630";} #form-buttons #button-ChangeСase:before {content: "\f866";} #float { display: none; position: absolute; width: 160px; margin-top: 28px!important; left: calc(50% - 60px); text-align: center; padding: 12px 12px; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box;} #float i { font-size: 16px; padding: 0 8px;} #float i:hover { opacity: .6;} #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(--pun-box-color); color: var(--text-color); border-radius: 0 0 16px 16px; outline: 1px solid var(--border-color); margin-top: 1px; margin-left: 1px;} #tags .container {text-transform: lowercase; font-size: 11px; font-weight: 400; position: absolute; top: unset!important; margin-right: -5px;} #profile #tags .container {margin: 1px 9px 0 1px;} #tags .container a {color: var(--link-color1);} #tags .container a:hover {color: var(--hover-color);} #color-area td:hover {-webkit-box-shadow: 0 0 0 1px var(--text-color--pale); box-shadow: 0 0 0 1px var(--text-color--pale); cursor: pointer;} #tags .container strong, #video-area-thd, #image-area-thd, #float strong {font-weight: 450; text-transform: lowercase; letter-spacing: .2px; color: var(--extra-color1--text); font-size: 10px; font-family: var(--font-base); margin: 0 0 4px; display: inline-block;} #float strong { display: block; margin-bottom: 8px;} #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: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;} #imageupload-left input[type="button"] {width: auto; color: var(--button-color--text); font-family: var(--font-base); font-weight: normal; border-radius: 20px; -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-color--text);} #addition-area div:hover, #font-area div:hover, #size-area div:hover {background: var(--textarea-color); border-radius: 20px;} .grey #addition-area div:hover, .grey #font-area div:hover, .grey #size-area div:hover {background: var(--select-color); color: var(--select-color--text);} #keyboard-span input {background: var(--textarea-color) !important; color: var(--text-color)!important; border-radius: 20px!important; -webkit-box-shadow: 0 0 0 1px var(--border-color)!important; box-shadow: 0 0 0 1px var(--border-color)!important; cursor: pointer!important; margin: 2px!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-color--text)!important;} .uploadQueueItem .cancel a {font-weight: normal; color: var(--button-color);} #uploaded-images img {border: 1px solid var(--border-color);} #form-buttons {margin: 0;} #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: 0; line-height: 1; color: var(--extra-color1--text); background: var(--extra-color1); 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: 450; text-transform: lowercase; padding: 4px 4px 5px; border-radius: 20px; cursor: default !important;} #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: 31px; margin: 0; 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: 20px 0 0 0; padding: 1px 0 0 2px;} #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(--extra-color2)!important;} #font-area div, #size-area div {display: block; position: relative;} #color-area td, #table-area td {position: relative;} #color-area td {border-radius: 10px !important; width: 20px; height: 20px;} #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 0; -webkit-box-shadow: none; box-shadow: none;} #pun-messages .post h3 {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; padding: 0 0 0 var(--profile-width); margin-bottom: 0!important;} .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: 6px; -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 a {background: var(--extra-color1); border-radius: 20px; color: var(--extra-color1--text); -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 12px;} #pun-searchposts .post h3 span a:hover {background: var(--hover-color); color: var(--hover-color--text);} #pun-searchposts .post h3 span em {color: var(--text-color--pale); font-size: 0;} #pun-searchposts .post h3 span em:before {content: "\f061"; font-family: "Font Awesome 6 Pro"; color: var(--extra-color1--text); font-size: 7px; display: block;} #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 {text-align: right; font-weight: 400; color: var(--extra-color2--text); background: var(--extra-color2); border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 12px;} .post h3 strong.fnt {background: transparent; color: var(--text-color); padding: 0; border-radius: 0;} #pun-searchposts .post h3 strong {position: absolute; right: calc(var(--pun-padding) * 2);} .post h3 a {max-width: 140px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .post h3, .post h3 a {color: var(--text-color); line-height: 10px;} .post h3 a:hover {color: var(--link-color2);} .post h3 a.permalink, #pun-messages .post h3 span {color: var(--extra-color1--text); background: var(--extra-color1); border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 12px;} .post h3 a.permalink:hover {color: var(--extra-color2--text); background: var(--extra-color2);} /*-------------- ПРОФИЛЬ --------------*/ #profile {min-height: 316px;} #profile .fs-box {border-radius: 16px; background: var(--pun-container-color); padding: 8px 14px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 0 0 1px var(--border-color); box-shadow: inset 0 0 0 1px var(--border-color);} #profile.messages-container .fs-box {padding: 4px 20px; background: var(--pun-color);} #profile.messages-container #post-form .fs-box {padding: 0; -webkit-box-shadow: none !important; box-shadow: none !important;} #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) * 4) 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: 20px; text-align: center; font-weight: 350; letter-spacing: .4px; color: var(--button-color--text); font-size: 11px;} #profilenav ul li a:hover {background: var(--hover-color); color: var(--hover-color--text);} #profilenav ul li.isactive a {background: var(--extra-color1); color: var(--extra-color1--text);} #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: 20px; padding: 5px 20px 6px; display: inline-block; background: var(--select-color); color: var(--select-color--text); text-transform: lowercase; font-size: 11px; font-weight: 400;} #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: inset 0 0 0 1px var(--border-color); box-shadow: inset 0 0 0 1px var(--border-color);} #profile fieldset .fs-box p.inputfield a:hover, #profile fieldset .fs-box p.datafield a:hover {background: var(--hover-color); color: var(--hover-color--text);} #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(140px + var(--pun-padding) * 4);} #profile fieldset fieldset.radiofield {margin: 0;} #profile7 fieldset fieldset.radiofield {-webkit-box-shadow: none !important; box-shadow: none !important;} 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;} #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-color1);} #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: 20px; padding: 4px 8px 5px; display: inline-block; background: var(--pun-color); color: var(--link-color1); -webkit-box-shadow: none; box-shadow: none; transition: all .075s ease-in-out!important; -webkit-transition: all .075s ease-in-out!important; -moz-transition: all .075s ease-in-out!important; -o-transition: all .075s 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-color1);} #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; -webkit-box-shadow: none!important; box-shadow: none!important;} #profile10 table#filetable, #profile10 .submitend {text-transform: lowercase; margin: auto auto auto calc(150px + var(--pun-padding) * 3)!important; width: calc(100% - 150px - var(--pun-padding) * 3)!important;} #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: 20px;} #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); border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 17px; position: relative; -webkit-box-shadow: 0 0 0 1px var(--border-color); box-shadow: 0 0 0 1px var(--border-color); transition: all .15s ease-in-out !important; -webkit-transition: all .15s ease-in-out !important; -moz-transition: all .15s ease-in-out!important; -o-transition: all .15s ease-in-out!important;} #viewprofile:before {content: ""; width: calc(100%); height: 125px; display: block; position: absolute; z-index: 0; left: 0; top: 0; border-radius: 20px 20px 0 0; background: var(--box-img); border-bottom: 1px solid var(--border-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: 228px; 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: 20px; text-transform: lowercase; font-size: 11px; letter-spacing: .2px; color: var(--button-color--text); background: var(--button-color);} #viewprofile #pa-edit:hover a {background: var(--hover-color); color: var(--hover-color--text);} #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% - 228px - 18px); border-radius: 20px; background: var(--pun-container-color); -webkit-box-shadow: inset 0 0 0 1px var(--border-color); box-shadow: inset 0 0 0 1px var(--border-color); font-size: 11px;} #viewprofile:hover #profile-right {-webkit-box-shadow: inset 0 0 0 1px var(--border-color), 0 6px 12px 0 var(--shadow-color); box-shadow: inset 0 0 0 1px var(--border-color), 0 6px 12px 0 var(--shadow-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: 14px; background: var(--pun-container-color); border: 1px solid var(--border-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); position: relative } #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-fld5 {position: absolute; height: 30px; width: 34px; margin: 0 auto; z-index: 2; background: var(--pun-container-color); border-radius: 10px; -webkit-box-shadow: inset 0 0 0 1px var(--border-color); box-shadow: inset 0 0 0 1px var(--border-color); left: 97px; top: -33px; -webkit-box-sizing: border-box; box-sizing: border-box; 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; border: 0;} #viewprofile #profile-right li#pa-fld5 strong {display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} #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 7px;} #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: 5px 20px 6px; margin: 0 auto 10px; border-radius: 20px; 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-color--text);} #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: 36px auto 0; padding: 1px 0 0; border-radius: 0 0 10px 10px;} #viewprofile #profile-right #pa-fld2 .pl a {margin: -35px auto 0; border-radius: 10px 10px 0 0; width: 220px;} #viewprofile #profile-right #pa-fld5 img, #viewprofile #profile-right #pa-fld5 a {height: 16px; width: 16px; display: block;} /*--- Всплывающие уведомления, подсказки и 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-color--text)!important; opacity: .9; text-align: center;} #tooltip, .tipsy-inner, #respect figure .prof, .tipsy-inner a {color: var(--button-color--text)!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: #262626 !important; color: #d0d0d0!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(--link-color1)!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-color--text); text-shadow: none!important;} ::selection {background: var(--select-color); color: var(--select-color--text); text-shadow: none!important;} /*--- Скроллбары ---*/ ::-webkit-scrollbar {width: 8px; height: 0;} 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-color--thumb);} 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-color1)!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-color--text)!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: 20px!important; text-align: center!important; font-weight: 400!important; letter-spacing: .4px!important; color: var(--button-color--text)!important; width: 100%!important; font-size: 11px;} #pun-adnav li.isactive a {background: var(--extra-color1)!important; color: var(--extra-color1--text)!important; font-weight: 450!important;} #pun-adnav ul.adsubnav {-webkit-box-shadow:0 0 0 1px var(--extra-color1); box-shadow:0 0 0 1px var(--extra-color1); padding: 8px 0 8px!important; margin: 0 0 0!important; border-radius: 10px;} #pun-adnav ul.adsubnav a {font-weight: 400!important; color: var(--link-color2)!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-color1)!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: 800px;} #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: 400;} 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-color--text); 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 #pun-navlinks #form-login input[type="submit"]:hover {color: var(--hover-color--text); background: var(--hover-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 var(--border-color), 0 0 6px 0 var(--shadow-color); box-shadow: inset 0 0 0 1px var(--border-color), 0 0 6px 0 var(--shadow-color);} .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: -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 var(--border-color), 0 0 6px 0 var(--shadow-color); box-shadow: inset 0 0 0 1px var(--border-color), 0 0 6px 0 var(--shadow-color);} .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: 0 0 4px 0!important; padding: 5px 10px; 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: 20px; -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-color--text); font-weight: 400; width: 100%; font-size: 11px;} .punbb #List-UserNames li:hover {background: var(--hover-color); color: var(--hover-color--text);} .punbb #List-UserNames li:hover>b, #List-UserNames ul li:hover>span {color: var(--hover-color--text);} #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(--button-color--text);} #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: -102px; right: calc(100% / 2 - (22px*2 + 12px*3) / 2); display: -webkit-box; display: -ms-flexbox; display: flex; gap: 22px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; z-index: 1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;} #theme_switcher li label {display: none;} #theme_switcher li input {-webkit-appearance: none; margin: 0; padding: 0; border: none; height: 12px; width: 12px; cursor: pointer; 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; border-radius: 20px; background: #dfbaa8;} .dark #theme_switcher li input {background: #ae9081;} #theme_switcher li input#dark {background: #2b2b2b;} #theme_switcher li input#grey {background: #edeceb;} .dark #theme_switcher li input#grey {background: #d5d5d5;} #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 {width: 1050px; background: var(--body-color);} } @media screen and (max-device-width: 768px) { body {width: 1050px; background: var(--body-color);} #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;} }