/*************************************************************
КОДЫ BLANCHE, ПРЕДОСТАВЛЕНЫ В ПОЛЬЗОВАНИЕ BEYOND
**************************************************************
I. ШРИФТЫ, ТЕКСТ И ССЫЛКИ
-------------------------------------------------------------*/
@import url(style_cs.1706479429.css);
:root {
--mbgc: #020304; /* primary background */
--bpdc: #f9f9f9; /* body pun */
--mlkc: #4766b8; /* main link */
--hlkc: #6784d0; /* hover link */
--mtxc: #2a3655; /* main text */
--pktt: #8d8d8d;
--dptt: #4a5e95;
--nbg: #d6d6d6;
--fmbg: #eaeaea; /* forum background */
--mainpadding: 10px 15px; /* основные отступы */
--bigpadding: 10px 40px; /* большие отступы */
--fawe: "Font Awesome 5 Pro";
--gray: #A3A3A3;
--mainfont: 500 10px/12px Gilroy, sans-serif;
--bcvr: #AEAEAE; /* banners cover */
--sctx: #383838; /* secondary text */
--active-bg: #9db7fa;
}
::selection {
color: var(--bpdc);
background: var(--mlkc);
}
/* цвет текста на форуме */
.punbb {font: normal 68.75% verdana, arial, helvetica, sans-serif; color: #151515;}
/* цвет отдельных пунктов */
#onlinelist, #pun-viewforum #pun-main .container, #pun-viewforum .tc2, #pun-viewforum .tc3, .linkst, .linksb, #pun-searchposts .post-links a, .punbb .required label, .punbb .datafield span.input, .selectfield label, .inputfield label, #pun-admain legend span, p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] *, #pun-viewtopic h3, #pun-viewtopic h3 a, #topic-users-in .container, .punbb th, #profile-right li strong, #MyBookmarks h2, #MyBookmarks h1, .editBookmark h2, #viewprofile h2 span, #pun-adnav h2, #pun-admain h2 span, #setmods dt, .punbb .post h3 strong, #post.container legend span, #userlist.container legend span, #punbbsearch.container legend span, .container legend.warntext span, #notify-settings, #pun-messages .postlink .button, #pun-messages #profile.formal .post h3, small#plng
{color: #4a5e95!important;}
/* ссылки */
.punbb a {text-decoration:none;transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
color: #4766c3;}
/* для админки и закладок, цвет как выше*/
#pun-admain a, #MyBookmarks span.scrl.t, #MyBookmarks span.scrl.b {color: #7b6a85 !important;}
/* после наведения*/
.punbb a:hover, .punbb a:focus, .punbb a:active {color: #a896b3;}
/* II. ФОН, ТЕЛО
-------------------------------------------------------------*/
/* фон */
body {background:
url(https://forumstatic.ru/files/001b/de/73/35642.jpg) no-repeat center top/cover fixed #83788a;} /* сам фон. если цельная картинка, no-repeat. если прокручивается, убираем fixed */
/* фон на странице переадресации. копировать посл строчку выше */
body.redirect-page {background: url(https://forumstatic.ru/files/001b/de/73/35642.jpg) repeat fixed #83788a !important;}
/* тело */
#pun {
margin: 16px auto 0;
width : 950px;
padding: 0;
border: none;
position: relative;
background-color: var(--bpdc);
}
.punbb .main, .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .topic, .formal, .linkst, .linksb {
background-color: var(--bpdc);
color: var(--sctx);
}
.punbb {height: auto; padding: 0px 0px 0px 0px;position: relative;} /* расстояние между концом рамки и началом наполнения форума 20px минимум */
/* отступ от рамки сверху, если нужно */
#pun-admain, #pun-main { margin-top: 20px;}
/* III. ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ, ПРИВЕТСТВИЕ, НАВИГАЦИЯ ПО ТЕМАМ
-------------------------------------------------------------*/
span.item1 strong, span.item2 strong, #profile-left #pa-avatar strong, .pa-online strong {font-weight: normal !important;}
/* стиль отдельно для форум участники и тд */
#pun-navlinks .container {text-align: center; display: flex; justify-content: center; align-items: center; height: 52px; width: fit-content; max-width: 400px; gap: 15px; margin: 0 auto; background: transparent; box-sizing: border-box;}
#pun-navlinks, #pun-navlinks a { color: #4b605e; }
#pun-navlinks>.container>li { display: inline-block; width: 29px; height: 29px; background: var(--dptt); border-radius: 5px;}
#pun-navlinks li a:not(#New-exit) { font-size: 0; display: block; height: 100%; width: 100%;}
#pun-navlinks li#navindex a {
background: url('data:image/svg+xml,') no-repeat center;
}
#pun-navlinks li#navuserlist a {
background: url('data:image/svg+xml,') no-repeat center;
}
#pun-navlinks li#navsearch a {
background: url('data:image/svg+xml,') no-repeat center;
}
#pun-navlinks li#navprofile a {
background: url('data:image/svg+xml,') no-repeat center;
}
#pun-navlinks li#navpm a {
background: url('data:image/svg+xml,') no-repeat center;
}
#pun-navlinks li#navadmin a {
background: url('data:image/svg+xml,') no-repeat center;
}
#pun-navlinks li#navlogout a {
background: url('data:image/svg+xml,') no-repeat center;
}
#pun-navlinks li#navlogin a {
background: url('data:image/svg+xml,') no-repeat center;
}
#pun-navlinks li#navregister a {
background: url('data:image/svg+xml,') no-repeat center;
}
#pun-navlinks li#navpr_1 a {
background: url('data:image/svg+xml,') no-repeat center;
}
/*#pun-navlinks li# a {
background: url('data:image/svg+xml,') no-repeat center;
}*/
/* стиль отдельно для новых соо и тд */
#pun-ulinks .container {padding: 5px 0px; box-sizing: border-box; border-radius: 50px 50px 0 0; line-height: 8px; height: 27px; width: 710px; background: var(--bpdc); border-top: 1px solid var(--mtxc); border-left: 1px solid var(--mtxc); border-right: 1px solid var(--mtxc); position: absolute; top: -33px; left: 125px;}
#pun-ulinks, #pun-ulinks a {
padding: 0 7px;
font: bold 7px/17px Arial Black;
text-transform: lowercase;
color: var(--mtxc);
letter-spacing: 0.3px;}
/* общий стиль для обоих, если есть общее */
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}
#pun-navlinks li, #pun-ulinks li { display: inline; margin: 0 5px;}
/* объявление, если нужен отступ */
#pun-announcement { padding: 0 0 0px 0;
margin-bottom: 12px;}
/* привет, ваш посл визит */
#pun-status { }
#pun-status strong, #pun-status a {color: #253e1a} /* если ник и время отдельным цветом*/
#pun-status {color: #d8cedc;}
/* рейтинг форумов снизу */
#pun-about .item1 {margin: auto; display: block; text-align: center; width: 100%}
#pun-about .item1, #pun-about .item1 a {color: #d8cedc;}
/* навигация по темам */
#pun-crumbs1, #pun-crumbs2 { position: relative; text-transform: uppercase; margin-left: 0px; display: flex !important; justify-content: center;} #pun-crumbs2 {margin-top: 20px;}
#pun-crumbs1, #pun-crumbs2, #pun-viewtopic .post-links, #pun-messages .post-links, #pun-post h3, #pun-searchposts h3 {font-family: 'Raleway'; letter-spacing: .5px; font-size: 10px; text-transform:lowercase;}
#pun-crumbs1 .container a:after, #pun-crumbs2 .container a:after, div#pun-searchposts h3 a:after {content: '•'; margin: 0 2px 0 4px;}
#pun-crumbs1, #pun-crumbs1 p.container span, #pun-crumbs1 a, #pun-crumbs1 .container a:after, div#pun-searchposts h3 a:after, #pun-crumbs2, #pun-crumbs2 a, #pun-crumbs2 .container a:after, .punbb .post-links a {color: #7d9a97;}
/* полоски между постов в теме */
#pun-viewtopic .post-links, #pun-messages .post-links, #pun-post h3, #pun-searchposts h3 {text-align: center; background: #cad7d68c; height: 18px; line-height: 15px; margin: 0 0px;}
/* IV. ПОДФОРУМ НА ГЛАВНОЙ
-------------------------------------------------------------*/
.punbb .main .tcmod {width: 2%;}
#pun-index th, #pun-viewforum th { font-size:0 !important; }
#pun-index .tcl { overflow: hidden; text-align: left; width: 40% !important; padding-left: 7px;}
#pun-index .tclcon { width: 370px; min-height: 90px; text-align: center; margin: 10px 0 10px 0; font-family: Arial; letter-spacing: .5px; position: relative; font-size: 9px;}
#pun-index .tclcon {color: #435451} #pun-index .tclcon a {color: #677d79}
#pun-index tr.isub {display: none;}
/* название */
#pun-index .tcl h3 { margin-bottom: 10px;
font: 500 20px/24px gilroy;
text-transform: lowercase;
color: #4766c3;
}
/* аватар */
.punbb .user-avatar .avatar-image, .punbb .tcr .user-avatar { border-radius: 0px !important; height: 40px !important; width: 40px !important;}
.punbb .user-avatar .avatar-image { opacity: .5 !important;}
.punbb .tcr .user-avatar { margin: 0px 0px !important; float: left;}
.punbb .user-avatar .isonline {top: 4px !important; right: 5px !important;
background: #cee9e6 !important;}
/* справа */
#pun-index .main .tcr { text-align: left; width: 35%; font-family: Arial; font-size: 11px; letter-spacing: .5px; text-transform: lowercase;}
#pun-index .hasicon tr, #pun-index .hasicon tr a {color: #5e7672;}
#pun-index .tcr a { padding: 0 0 4px 0; width: 100%; display: block;}
#pun-index .tcr .lastpost { display: block; margin-top: -10px;}
#pun-index .tcr em.user-avatar a { border-bottom: none !important;}
/* цифры посередине */
#pun-index .category .tc2, #pun-index .category .tc3 {text-align: center; width: 6%;}
/* V. ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum .tcl {width: 40%} #pun-viewforum .tcr {width: 40%;}
#pun-viewforum .tcl .tclcon a, #pun-viewforum td.tcr a, #pun-searchtopics td.tcr a {text-transform: uppercase;}
#pun-viewforum td.tcr, #pun-searchtopics td.tcr { height: 40px; text-align: right;}
#pun-viewforum .tc2, #pun-viewforum .tc3 { text-align: center; width: 5%;}
#pun-viewforum .user-avatar .isonline, #pun-searchtopics .user-avatar .isonline { right: 3px !important; top: 17px !important;}
#pun-viewforum .modmenu a, #pun-messages .modmenu a {margin: 40px 0 0 340px;position: absolute;font-family: 'Raleway';font-size: 9px;letter-spacing: 1px;text-transform: uppercase;z-index: 2;}
#pun-main.main.multipage tr .user-avatar .avatar-image{width:30px !important; height: 30px !important;}
#pun-viewforum .tcl h3 { display: inline-block;margin: 0px 7px 0 0;}
#pun-viewforum .category:after {content: ''; display: block; height: 1px; margin-left: 20px; border-bottom: 1px solid; padding-bottom: 10px; border-color: #c4b09f !important; width: 888px;}
#pun-viewforum .tcr a, #pun-searchtopics .tcr a {margin-top: 14px; display: inline-block;}
#pun-viewforum .tcr .user-avatar, #pun-searchtopics .tcr .user-avatar { margin: -8px 2px 10px 10px !important; float: right;}
#pun-viewforum .linksb { margin-top: 40px;} #pun-viewforum .subscribelink { margin: -40px 0px 0 0;}
/* VI. НАСТРОЙКА ЛИНКОВ ВЕЗДЕ
-------------------------------------------------------------*/
.linkst, .linksb, #pun-searchposts .post-links { font-family: 'Raleway'; text-transform: uppercase; font-size: 9px; letter-spacing: 2.5px; width: 100%;}
.linkst {border-bottom: 1px solid; padding-bottom: 10px;}
.linksb {border-top: 1px solid; padding-top: 10px;}
.postlink { float: right; text-align: right;}
.punbb .linkst .postlink a {color: var(--gray);}
.punbb .linkst .postlink a:hover {color: var(--hlkc);}
.multipage { margin-top: 30px; }
.linkst .pagelink { position: relative; width: fit-content;}
.linkst .postlink, .linkst .postlink.long { position: relative; width: fit-content; font-weight: bold;}
/* VII. ПРОСМОТР В ТЕМЕ
-------------------------------------------------------------*/
#pun-viewtopic h3, div#topic-users-in { font-family: Arial; width: 100%; font-size: 10px; text-transform: uppercase; letter-spacing: 1px;}
.punbb .post h3 strong { float: right; font-weight: normal; margin-right: 10px;}
div#topic-modmenu.modmenu { position: absolute; margin: -65px 0 0 0; width: 300px;}
.subscribelink { margin: -10px 100px 0 0; float: right;}
#topic-users-in {margin-top: 30px;}
#pun-viewtopic .modmenu .container span {font-weight: normal!important;}
/* бегунок шрифт */
.FNTslider { width: 100px; height: 5px; float: right; margin-right: 20px;
background: #e2e9e8;
border: 1px solid #c8d3d2;}
.FNTslider .before { height: 5px; margin: -1px;
background: #aec1bd;
border: 1px solid #88a19d;}
.FNTslider .thumb { width: 6px; height: 16px; position: relative; top: -11px; cursor: pointer; margin-left: 0px;
background: #ac9db5;}
/* разделитель между постами */
#pun-viewtopic .post-links, #pun-messages .post-links, #pun-post h3 { text-transform: lowercase; padding-top: 2px;}
#pun-viewtopic .post-links ul, #pun-messages .post-links ul {margin: 0 10px;padding: 0px;text-align: right;}
#pun-viewtopic .post-links li, #pun-messages .post-links li {display: inline-block; margin: 0 5px;}
.pl-email { float: left;}
/* посты по ширине */
.punbb .post-content p { margin: 0; padding-bottom: 10px; line-height: 150%; text-align: justify;}
.punbb .post-content { padding: 0; margin: 0; width: 100%; /*overflow: hidden; ВАЖНОЕ*/ text-align: justify;}
/* линия между постом и подписью */
.punbb .post-sig dt {border-top: 1px solid; margin-bottom: 20px;}
.punbb dd { line-height: 150%; margin-left: 0px;}
.punbb .inline .infofield, .linkst, .linksb, #pun-searchposts .post-links, .punbb .post-sig dt, .post-content hr { border-color: #c4d9d7 !important;}
/* VIII. ПРОСМОТР ПО СТРАНИЦАМ
-------------------------------------------------------------*/
/* предпросмотр соо */
#pun-post .post-author {min-height: 50px;}
#pun-post .pa-author {text-align: center; text-transform: uppercase; margin-left: 0px;}
#pun-post .topic { margin-top: 10px;}
/* редактирование */
#pun-edit small#plng {margin-top: 40px;}
/* мои сообщения */
#pun-searchposts .post h3 strong { margin-right: 10px;}
/* участники */
#userlist { margin-top: 20px;}
#pun-userlist .usertable .container { padding: 10px;}
/* формы заполнения на страницах участников и поиска */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin: 11px 10px;}
.punbb .inline .infofield { font-family: 'Raleway'; text-transform: lowercase; font-size: 9px; letter-spacing: .5px; border: 1px solid; padding: 10px; text-align: justify; min-height: 40px;}
/* репа, позитив */
#pun-respect #pun-main .container tr, #pun-positive #pun-main .container tr, #pun-online #pun-main .container tr { font-family: 'Raleway'; text-transform: lowercase; font-size: 11px; letter-spacing: .5px; line-height: 20px;}
/* просмотр активных */
#pun-online .tcl.action {width: 60% !important;}
#pun-online .tcl a, #pun-userlist .tcl a, #pun-messages .tcl a, #pun-searchtopics .tcl a { font-size: 11px;}
#pun-searchtopics .forum .container { margin: 20px 0 0 20px;}
td.tcl a.registered-user {font-weight: normal!important;}
/* посетили за сутки */
li#onlinelist { margin-top: 10px; float: left; width: 100%; line-height: 130%; text-align: justify;}
li#onlinelist div { line-height: 15px;}
/* сообщения */
#profile.formal.messages-container .container { min-height: 70px;}
#notify-settings {font-family: 'Raleway'; text-transform: lowercase; letter-spacing: .5px; font-size: 10px;}
input#OnOff_Notify {margin-top: -1px;} #volSlider.vol_slider { margin-top: 1px;}
form#messages .linksb {margin-top: 70px;}
#pun-messages .postlink .button { font-family: 'Raleway'!important; text-transform: uppercase; font-size: 9px!important; letter-spacing: 2.5px!important; padding: 0 !important; background: none !important; border: 0px !important; outline: 0px !important; box-shadow: none !important; text-shadow: none !important; margin: 0 !important;}
#pun-messages .postlink {margin-top: -10px;}
#pun-messages td.tc2.pmtc22 { width: 30% !important;}
#pun-messages td.tc2.pmtc22 a { display: block; padding-top: 10px;}
#pun-messages .user-avatar .isonline { right: 4px !important;}
#pun-messages small#plng {margin-top: 20px;}
#pun-messages #profile.formal .post h3 { float: right; margin-top: -23px; font-family: arial; font-size: 11px;}
#pun-messages .post-body {margin-top: 10px;}
#pun-messages .post-links { width: 774px; margin-left: -1px;}
#pun-messages .user-avatar .avatar-image {width: 30px !important;height: 30px !important;}
#pun-messages .indOnline, #pun-messages .indOffline { left: 211px;}
/* IX. ФОРМА ОТВЕТА
-------------------------------------------------------------*/
#post-form h2 span {font-size: 0px;}
#post-form fieldset {margin: 0 25px 0 9px;padding: 0;text-align: justify;}
#main-reply { height: 213px;}
/* кнопки в форме ответа */
#form-buttons { background: #c9d9d7; margin: 5px -16px 11px -2px; border-radius: 10px;}
/* написано символов */
small#plng { color: #6d6758; font-family: 'Raleway'; letter-spacing: .5px; text-transform: uppercase;}
small#plng b {font-size: 13px; font-family: times new roman;}
#pun-edit #font-area, #pun-edit #size-area, #pun-edit #color-area, #pun-edit #table-area, #pun-edit #smilies-area, #pun-edit #image-area, #pun-edit #imageup-area, #pun-edit #imageattach-area, #pun-edit #keyboard-area, #pun-edit #video-area, #pun-edit #addition-area, #pun-edit #spoiler-area {margin: 66px -21px 0 0px !important;}
#spoiler-area a, #image-area a {color: inherit;}
#font-area {font-size: 16px !important; letter-spacing: 0px;}
#font-area div { padding: 10px 0 10px 0; margin-bottom: 6px;}
#keyboard-span input { box-shadow: none !important; text-shadow: none !important;}
#smilies-area { overflow-x: hidden;}
#image-area, #color-area, #video-area, #spoiler-area {height: auto !important;}
/* смайлы */
#button-sticker, #floatbut { width: 18px;}
/* X. ПРОКРУТКА, ВЫДЕЛЕНИЕ, СТИЛИ ТЕКСТА
-------------------------------------------------------------*/
/* прокрутка */
::-webkit-scrollbar {width: 6px;height: 6px;}
::-webkit-scrollbar-track {background: #0000000d;border: 1px solid #0000000a;}
::-webkit-scrollbar-thumb { background: #9eb9b4; border: 1px solid #76958f;}
body::-webkit-scrollbar-track {background: #75677c; border: 1px solid #8b8091;}
/* выделение текста */
::selection { color: #4b4050;
background: #b3acb7;}
/* зачеркнутый */
.punbb .post-content s, strike, del {text-decoration: none;filter: blur(1px);color: transparent;transition: 0.15s linear;background-color: transparent !important;
text-shadow: 0 0 1px #b39e8c;}
.punbb .post-content s:hover, strike:hover, del:hover {color: inherit;text-decoration: none;text-shadow: none;filter: none;}
/* подчеркнутый текст */
.punbb .post-content em.bbuline {font-style: normal;text-decoration: none;border-bottom: 1px solid;
border-color: #cdae85;}
/* хр-ы */
.post-content hr {opacity: 1 !important; margin: 5px 85px 5px 70px; border-width: 0.5px; border-style: dashed; }
/* тайтл */
#tooltip, .tipsy-inner {z-index: 999999;border-radius: 0px !important; padding: 3px 7px;font-family: arial; text-transform: uppercase; font-size: 9px; letter-spacing: 1px;
background: #c6d4a6!important;}
#tooltip, .tipsy-inner, #respect figure .prof, .tipsy-inner a {color: #5f835f!important;text-decoration: none !important;}
#tooltip { position: absolute; max-width: 200px; display: none;}
/* XI. ПРОСМОТР ПРОФИЛЯ
-------------------------------------------------------------*/
#viewprofile li strong, #viewprofile li div, #setmods dd, #profile-left #pa-edit strong a { display: block; font-weight: normal !important;}
/* слева */
#profile-left {vertical-align: middle;background: #b8c99273;}
#profile-left #profile-name strong, #profile-left #pa-edit strong a { text-align: center; text-transform: uppercase; font-size: 16px; letter-spacing: 2px; font-family: 'Raleway';
color: #446645; }
#profile-left #profile-name strong {margin-bottom:6px;}
#profile-left #pa-edit strong a {margin-top:8px; font-size: 12px; letter-spacing: 4px;}
#profile-left #profile-title strong, #profile-left #pa-online strong { text-align: center; font-size: 9px; letter-spacing: .5px; font-family: 'Raleway'; text-transform: lowercase; padding: 4px 0; margin: -2px 10px;
background: #c6d4a6;
color: #5d835e;}
#profile-left #pa-avatar {text-align: center;margin: 10px 0;}
/* справа */
#profile-right {border: 1px solid #d5e2ba !important; }
#profile-right li { margin: 5px 0;}
#viewprofile #profile-right li span { float: left; width: 140px; padding: 4px 7px; margin: 2px 20px 0px 20px; font-family: 'Raleway'; font-size: 9px; text-transform: uppercase; letter-spacing: 1px;
background: #e7d1b1ab;}
#profile-right li strong {padding: 4px 0 4px 194px !important; font-family: Arial; font-size: 11px; text-transform: lowercase;}
/* внутри */
#profilenav, #pun-adnav {float:left;}
#pun-profile #form-buttons {margin: 0 0px 14px 0;}
#profile .container legend, .adformal h2, #MyBookmarks h2, #MyBookmarks h1, .editBookmark h2, #viewprofile h2 span, #profilenav h2, #pun-adnav h2, #pun-admain h2 span, form#post.container legend span, #userlist.container legend span, #punbbsearch.container legend span, .container legend.warntext span { font-family: 'Raleway'; letter-spacing: 2px; text-transform: uppercase; font-size: 9px !important; padding: 5px 10px;margin: 0px; background: #ccd7d6; }
#profile .container legend, #profilenav h2 span, #profile .container legend span, .adformal h2 span {color: #544838 !important;}
#profile fieldset, .adformal { padding: 20px; margin-left: 110px;}
#profile fieldset fieldset {margin-left: 0px;padding:0px;}
#pun-adnav li, #profilenav li {padding: 3px 10px !important;}
#pun-profile small#plng {margin-top: 124px;}
#pun-profile #profile { min-height: 280px;}
/* XII. МЕЛКИЕ ПРАВКИ
-------------------------------------------------------------*/
.post:not(.firstpost){ padding-top:70px; margin-top:-70px!important;}
html, body {margin: 0; padding: 0}
.punbb .hashelp { position: relative;}
.punbb address, .punbb em { font-style: normal}
.punbb .post-content img.postimg { vertical-align: middle;}
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0px;list-style: none;}
#pun-post fieldset#post-preview legend span {display:block!important;}
h2, h3, th, #profile fieldset strong {font-weight:normal;} #pun-viewtopic tbody {vertical-align:top;} table {width:100%;}
#pun:after, .punbb .main div.inline:after, .punbb .post-box:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0;}
div.grippie {margin-top: 5px; margin-bottom: -9px;}
th {font-family: 'Raleway'; text-transform: lowercase; letter-spacing: 1px; font-size: 10px; text-align: left;}
#sTheme, #isk { border: none !important; border-radius: 0px !important;}
/* создание темы */
.punbb .required label, .punbb .datafield span.input, .selectfield label, .inputfield label, #pun-admain legend span, #setmods dt {background-color: transparent !important; font-family: 'Raleway'; text-transform: lowercase; font-size: 10px !important; letter-spacing: .5px;display: inline-block; margin-bottom: 7px;}
input#tags {margin-bottom: 31px;height: 13px;}
/* чек */
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {vertical-align: middle; font-family: 'Raleway'; font-size: 10px; padding: 2px 0; display: inline-block; outline:none;box-shadow:none;}
/* переадресация */
#pun-redirect{margin: 10% 0 0 21%;}
body.redirect-page #pun {background-color: transparent;}
#pun-redirect.punbb .info {letter-spacing: 1px; text-align: center; width: 500px; font-family: 'Raleway'; font-size: 12px; text-transform: lowercase;padding:10px 20px!important;}
#pun-redirect.punbb .info .container .backlink a {font-size: 9px!important;transition: none;margin-top: 20px!important;}
/* стиль админки */
#pun-adnav h2, .adformal h2 {background-color: inherit !important; border: none!important;}
.adcontainer {border: none !important;}
#pun-admain1 form.adcontainer, #pun-admain2 form.adcontainer, #pun-admain-new form.adcontainer, #pun-admain1 div.adcontainer, #pun-admain2 div.adcontainer {padding: 0px!important;}
#pun-adnav a {font-weight:normal!important;}
.adformal h2 {margin-top: -20px !important;}
#pun-admain fieldset {padding: 0!important;}
#pun-admain .adcontainer th {background-color: transparent !important;}
#pun-admain .linksb {width: 733px; height: 40px !important;}
#pun-admain .postlink {margin-top: -10px;}
#pun-admain fieldset p {padding: 10px !important;font-size: 9px;letter-spacing: .5px;font-family: Arial;text-transform: lowercase;margin: 10px 1px;min-height: 30px;
background: #d2e1dfa3!important;
border: 1px solid #b4cdcb!important;
border-left: 180px solid #a1b7b3!important;}
/* XIII. СОКРЫТЫЕ ЭЛЕМЕНТЫ
-------------------------------------------------------------*/
.acchide, .punbb h1, #pun-navlinks h2, #pun-status h2, #pun-ulinks h2, .punbb .multipage .topic h2, form#post.container legend span, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, #pun-userlist .main h2, span.item4, #pun-stats ul.container .item3, .lastedit, #pun .modlist, .stickytext, .closedatafield, .punbb .modmenu span a, div#pun-live-rusff, .topic a.sharelink, .postlink .closed, li.pl-share, li.pl-reports, .pa-last-visit, #pun-viewforum #pun-main h2, #pun-announcement h2, #pun-break4, #pun-index #pun-main thead, .pa-reg, .pa-gifts, .pa-replies, .pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld5 .fld-name, #pun-main div.catleft, #pun-main div.catright, #pun-viewforum .modmenu .container span, #pun-searchtopics .modmenu .container span, #pun-post .FNTslider, #pun-searchposts .FNTslider, #pun-messages .FNTslider, #pun-messages .post-sig, #pun-stats li.item3, #pun-profile #viewprofile-next #profilenav, #profile-right li#pa-invites, #profile-gifts, #pun-post #pun-main h2, .tipsy-arrow, .clearer, div#pun-searchtopics #pun-main h2, #pun-crumbs1 .container em, #pun-crumbs2 .container em, div#pun-searchposts h3 em
{display: none !important;}
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, #pun-ulinks li, li#onlinelist, #pun-ulinks li a, li#onlinelist div, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, .adformal
{border-color: transparent !important;}
/* V. МОБИЛЬНЫЙ СТИЛЬ
-------------------------------------------------------------*/
/*html{min-width: 1200px!important;}для мобил*/
@media screen and (max-device-width: 480px) {
.punbb a, .punbb a:hover, .punbb a:focus, .punbb a:active, #pun-status, #pun-crumbs1, #pun-crumbs2, #pun-stats ul.container, .punbb .modmenu .container, #pun-index .tcr .lastpost, .akc akc2 i, .akc akc3 {-webkit-text-size-adjust: none;}
.hashelp center div a button, .button, .punbb input, .punbb select { -webkit-appearance: none !important;border-radius:0px !important;}
}
/*************************
Стиль для Быстрой смены аккаунтов
Deff
*************************/
/*Cкрытие формы входа без клика*/
#pun-navlinks a:not(.NextShow)+span.odd{
display:none!important;
}
#pun-navlinks #New-exit img{
position: absolute;
margin: 0;
width: 20px;
top: -22px;
height: auto;
opacity: 1;
}
#pun-navlinks #New-exit:hover{
opacity: .4;
}
/*Стиль доп-иконки Выход!*/
.punbb #pun-navlinks a#New-exit {
position:absolute;
z-index:100000!important;
margin-top: 1px!important;
margin-left: 39px!important;
float:none!important;
}
.punbb #pun-navlinks a#New-exit:before {
content:none;
}
.punbb #pun-navlinks #form-login input{
text-align: center;
border: 2px inset var(--hlkc) !important;
text-rendering: auto;
color: #000000!important;
margin-top: 4px!important;
border-radius: 5px;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
display: inline-block!important;
text-align: center;
font: normal normal 400 11px/normal Arial!important;
background: var(--bpdc);
}
.punbb #form-login #fld1,#form-login #fld2{
background-color: rgb(250, 255, 189);
}
.punbb #pun-navlinks #form-login input[type="submit"]{
border: 2px outset #A29489!important;
color:#526F81!important;
cursor:pointer;
font-weight:400!important;
margin-top:10px!important;
}
/*Стиль формы входа*/
.punbb #pun-navlinks #form-login {
display: block;
font: normal normal 400 11px/normal Tahoma;
color: var(--bpdc);
position: absolute!important;
left: 0px;
top: 15px;
z-index: 100000!important;
padding: 8px 12px;
background: var(--hlkc);
background-size: 36px auto;
border-radius: 0 10px 10px;
text-align: center;
}
#pun-navlinks #navlogin #form-login {
margin-left: -21px;/*Подвижки формы влево от вход*/
}
#pun-navlinks #navlogout #form-login {
margin-left: -21px;/*Подвижки формы влево от выход*/
}
.ismoderator #pun-navlinks #navlogout #form-login {
margin-left: -21px!important;/*Подвижки формы влево от выход для АМС*/
}
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */
#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{
position:relative;
text-transform: none!important;
z-index:20;
/*text-shadow:none;*/
color: #EFF4F2!important;
cursor:pointer;
font: normal normal 400 9.5px/normal Tahoma!important;
letter-spacing: .5px!important;
}
.punbb #pun-navlinks #form-login a.Rega:before,
.punbb #pun-navlinks #form-login a.Forgot:before{
content:none;
}
/* Помечаем красным незаполненные поля!*/
#form-login input.none{
outline:red dashed 2px!important;
}
/*Форма слево(с Никами) */
#List-UserNames {
position: absolute;
margin-top: -8px;
min-height: 90px;
width: 220px;
right: 100%;
padding: 12px 19px 12px 17px;
background: var(--dptt);
border-radius: 10px 0 0 10px;
text-align: center;
}
/*Стиль контейнера под список Ников*/
.punbb #List-UserNames ul{
padding:0;
overflow:hidden;
overflow-y:auto;
min-height:36px;
max-height:72px;/*Видимое число Ников без прокрутки! сейчас - 4*/
}
.punbb #List-UserNames li {
display: block!important;
position: relative;
background: var(--nbg);
text-align: left;
box-shadow: 2px 2px 1px rgba(84,106,107,.7);
padding-left: 5px!important;
font: normal normal 700 11px/normal Verdana!important;
margin: 1px auto!important;
padding: 2px 0;
transition: .33s;
}
.punbb #List-UserNames li:hover{
opacity:.84;
/*background:#546a6b!important;*/
}
/*Стиль Ников*/
.punbb #List-UserNames li>b{
cursor: pointer;
opacity: .9;
color: var(--sctx);
text-shadow: none;
}
.punbb #List-UserNames li>b:hover{
opacity:.93;
text-shadow:1px 1px 1px rgba(0,0,0,.6);
}
/*Скролл контейнера с никами*/
#List-UserNames ul::-webkit-scrollbar {
width: 7px;
height: 5px;
}
#List-UserNames ul::-webkit-scrollbar-track {
background-color: #919190;
border: 1px solid #919190;
box-shadow: none;
}
#List-UserNames ul::-webkit-scrollbar-thumb {
background-color: #bdbdbc;
border: 2px solid #888887;
box-shadow: none;
}
/*Кнопки Удалить (правее ников)*/
#List-UserNames ul li>span {
display:inline-block;
padding:0 3px;
position:absolute;
opacity:.88;
cursor:pointer;
top:0;bottom:0;
right:2px;
color:#fff;
font: normal normal
700 10.56px/normal Verdana;
text-shadow:1px 1px 1px rgba(0,0,0,.6);
}
/*Текст при отсутствии запомненных Ников!*/
#List-UserNames ul:empty:before{
display:inline-block;
content: "У Вас нет запомненных ников, введенных через форму справо, или через перенос ниже!";
}
/*Кнопка выход-2*/
#navlogin #exit-2 {
display:none;
}
#navlogin #form-login,
#navlogout .Rega,
#navlogout .Forgot {
background-image:none!important;
display:none;
}
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/
#List-UserNames ul+span{
display:inline-block;
padding:6px 0 8px 0;
text-align:left;
font: normal normal 400 10.56px/normal Verdana;
}
/*Сам инпут*/
.punbb #List-UserNames input {
background: rgb(250, 255, 189);
border: 2px inset rgba(250,219,111,.853)!important;
border-radius: 6px;
text-shadow: none!important;
color:#282828!important;
background-color: #C5C3C3;
font: normal normal 400 11px/normal Arial!important;
/* box-shadow: inset 0px 0px 3px rgba(100,102,80,.97); */
margin-top: 9px;
padding: 2px !important;
vertical-align: middle;
}
/*Стрелочки к инпуту*/
#List-UserNames ul+span b{
font: normal normal 400 13px/normal Verdana;
padding:0 3px;
color: #E7EAF0;
}
/*Кликалка слево, чуть выше инпута*/
#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 {
font: normal normal 400 11px/normal Tahoma!important;
margin-top:-22px!important;
margin-left: 148px!important;
max-width:170px;
}
/*************************
//Конец Стиля для Быстрой смены аккаунтов
*************************/
/* Дополнительно
-------------------------------------------------------------*/
/* Применяется ко всем элементам */
* {
text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html {
background: var(--mbgc) url(https://forumstatic.ru/files/001b/de/73/35642.jpg) no-repeat fixed top center/cover;
}
.punbb > div .container {
background: var(--bpdc);
padding: var(--mainpadding);
}
#html-header .container, #html-footer .container {
background: transparent !important;
padding: 0;
}
.punbb #tags .container {
border: 1px solid var(--mbgc);
background: var(--fmbg);
padding: var(--mainpadding);
top: unset;
}
.punbb #pun-report .inner, .punbb #pun-reputation .inner, .punbb #pun-admin-award-form .inner {
border: 1px solid var(--mbgc);
background: var(--fmbg);
}
/* Убрать рамку на выделенном элементе */
:focus {outline: none;}
/* Убрать модеров, редактирование, это интересно */
.punbb td .modlist, .lastedit, /*div#pun-live-rusff,*/ .post h3 span .sharelink {display: none !important;}
button, input.button, select {cursor: pointer;}
/* ОФОРМЛЕНИЕ КНОПОК
------------------------------------------*/
input.button, #pun-admain input.button, #sub4, input[type="button"], .stk {
transition: all .2s ease-in-out 0s;
background: var(--fmbg);
color: var(--mtxc);
border-radius: 10px;
border: none;
font: 600 11px/100% Gilroy;
text-transform: uppercase;
text-align: center;
padding: 8px 28px;
}
input.button:hover, #pun-admain input.button:hover, #sub4:hover, input[type="button"]:hover, .stk:hover {
background: var(--bcvr);
}
.stk {
text-transform: lowercase;
padding: 6px 10px;
width: 85px;
border-radius: 7px;
}
#pun-viewtopic #form-buttons {
display: grid;
grid-template-columns: 145px 1fr;
gap: 10px;
}
.punbb:not(#pun-index) .user-avatar {
float: right;
margin: 1px 0 2px 10px;
}
.punbb .user-avatar .avatar-image {
border-radius: 5px !important;
filter: grayscale(1)!important;
opacity: 0.5!important;
}
.punbb .main .user-avatar .isonline {
background: var(--mlkc) !important;
top: -3px;
right: -3px;
}
/* Кнопки вверх-вниз
-------------------------------------------------------*/
.go-up, .go-down {
cursor: pointer;
opacity: 1;
z-index: 9999;
display: none;
position: fixed;
box-sizing: border-box;
color: var(--mlkc);
font: bold 20px/30px sans-serif;
text-transform: uppercase;
text-align: center;
text-orientation: upright;
writing-mode: vertical-lr;
}
.go-up {
top: 310px;
margin-left: 1000px !important;
}
.go-down {
margin-left: 975px !important;
top: 370px;
}
.go-down:hover, .go-up:hover {opacity: 1;}
/* Шапка
-------------------------------------------------------------*/
#html-header {
position: absolute;
top: 27px;
width: 950px;
height: 386px;
}
.tablica {
width: 100%;
height: 100%;
}
.topnews {
display: flex;
width: fit-content;
position: absolute;
left: 0px;
top: 18px;
gap: 20px;
}
.punbb a.tnews {
position: relative;
text-align: center;
color: var(--dptt);
display: flex;
flex-direction: column;
width: 80px;
}
.punbb a.tnews:nth-child(1) {
transform: rotate(-4deg);
left: 118px;
top: 12px
}
.punbb a.tnews:nth-child(2) {
transform: rotate(-12deg);
top: 52px;
left: -48px;
}
.punbb a.tnews span {
font: 800 10px/9px Arial;
text-transform: uppercase;
line-height: 17px;
}
.punbb a.tnews p {
font: 600 8px/9px Arial;
color: var(--mbgc);
}
.hotlinks {
position: absolute;
left: 805px;
top: 128px;
}
.punbb a.hotlink {
display: block;
position: relative;
width: 81px;
height: 17px;
font: 800 10px/9px Gilroy;
text-transform: lowercase;
text-align: center;
padding: 4px 10px;
box-sizing: border-box;
color: var(--mtxc);
}}
.punbb a.hotlink:hover {
color: var(--mlkc);
}
.hotlink:nth-child(1) {
transform: rotate(-6deg);
left: 37px;
top: 5px;
}
.hotlink:nth-child(2) {
transform: rotate(1deg);
top: 21px;
left: 10px;
}
.hotlink:nth-child(3) {
transform: rotate(1deg);
top: 30px;
left: 53px;
}
.hotlink:nth-child(4) {
transform: rotate(6deg);
top: 39px;
left: 4px;
}
.hotlink:nth-child(5) {
transform: rotate(0deg);
top: 49px;
left: 43px;
}
.admins {
display: flex;
position: absolute;
right: 220px;
top: -45px;
/*writing-mode: vertical-rl;*/
}
.punbb a.ams {
position: relative;
display: inline-block;
font: 800 7px/9px Gilroy;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--hlkc);
/* background-color: var(--mbgc); */
padding: 4px 1px;
}
.punbb a.ams:hover {
color: var(--hlkc);
}
a.lastpost-link {
font-weight: 700;
}
/*.admins a.ams:nth-child(1) {
transform: rotate(-73deg);
left: 168px;
margin-bottom: 8px;
top: 106px;
}*/
.admins a.ams:nth-child(2) {
transform: rotate(19deg);
left: 140px;
top: 298px;
}
.admins a.ams:nth-child(3) {
transform: rotate(6deg);
left: 157px;
top: 308px;
}
.admins a.ams:nth-child(4) {
transform: rotate(-17deg);
left: 178px;
top: 327px;
}
.admins a.ams:nth-child(5) {
transform: rotate(18deg);
left: 201px;
top: 349px;
}
.bestpost {
position: absolute;
top: 234px;
left: 251px;
width: 100px;
}
.postblock {
position: relative;
font: 400 7px /9px Arial;
text-transform: lowercase;
text-align: justify;
color: var(--mbgc);
/*overflow: hidden;*/
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
transform: rotate(-11deg);
}
p.posttext a {
color: var(--mlkc);
font: 800 7px/100% Arial;
}
a.postauthor {
font: 800 12px/100% Gilroy;
text-transform: uppercase;
color: var(--mtxc) !important;
position: relative;
top: -1px;
left: 26px;
}
.readmore {
position: absolute;
top: 58px;
left: 30px;
height: 55px;
width: 73px;
}
.activists {
position: absolute;
top: 158px;
left: 128px;
display: flex;
justify-content: space-between;
flex-direction: column;
transform: rotate(-10deg);
gap: 3px;
width: 200px;
}
.activists-top, .activists-bottom {
width: 111px;
height: 30px;
}
.activists-bottom::before {
content: '';
background: url(https://forumstatic.ru/files/001b/de/73/32991.png) no-repeat bottom center;
width: 205px;
height: 84px;
display: block;
position: absolute;
bottom: -35px;
left: -5px;
z-index: 1;
pointer-events: none;
transform: rotate(10deg);
}
.activists-bottom::after {
content: '';
background: url(https://forumstatic.ru/files/001b/de/73/24476.png) no-repeat bottom center;
z-index: 2;
pointer-events: none;
transform: rotate(10deg);
width: 96px;
position: absolute;
height: 27px;
bottom: -15px;
left: 16px;
}
.activists-block {
display: flex;
justify-content: space-between;
width: 100%;
height: 30px;
position: relative;
z-index: 1;
}
.activists-top .activists-block {margin-left: 5px;}
a.activist {
position: relative;
background: var(--active-bg);
border-radius: 3px;
transition: all .2s linear 0s;
}
.activist:hover {
background: none;
}
.activist img {
width: 30px;
height: 30px;
box-sizing: border-box;
filter: grayscale(100) brightness(80%);
border-radius: 3px;
mix-blend-mode: hard-light;
transition: all .2s linear 0s;
}
.activist:hover img {
filter: grayscale(100);
}
.activists-top a.activist:nth-child(1) {
top: 0px;
position: relative;
left: 5px;
}
.activists-bottom a.activist:nth-child(1) {
/* margin-top: 10px; */
}
.activists-bottom a.activist:nth-child(3) {
margin-top: -1px;
left: -8px;
}
.activists-top a.activist:nth-child(2) {
left: 1px;
}
.activists-top a.activist:nth-child(3) {
left: -3px;
}
.activists-top a.activist:nth-child(5) {
left: -5px;
}
.activists-bottom a.activist:nth-child(2) {
left: -5px;
top: -1px;
}
.bests {
position: relative;
box-sizing: border-box;
color: var(--bpdc);
font: 500 8px/9px Gilroy;
text-transform: lowercase;
text-align: center;
}
.bestep, .bestcouple {position: absolute;}
.bestep {
right: 5px;
top: 58px;
z-index: 2;
width: 90px;
text-align: right;
transform: rotate(-10deg);
font-size: 7px;
color: var(--mlkc);
font-weight: 800;
}
.bestcouple {
z-index: 2;
right: 10px;
display: flex;
gap: 3px;
font-size: 8px;
letter-spacing: .5px;
top: 34px;
transform: rotate(-4deg);
font-weight: 800;
}
/* Баннеры и копирайт
-------------------------------------------------------------*/
.banners {
border-radius: 15px;
width: 437px;
padding: 15px 20px;
box-sizing: border-box;
position: relative;
top: -42px;
left: 257px;
}
.banners-inner {
height: 31px;
overflow: auto;
text-align: left;
scrollbar-width: thin;
scrollbar-color: var(--hlkc) var(--bpdc);
scroll-snap-type: y mandatory;
}
.banners-inner p {
scroll-snap-align: start;
}
.banners-inner a {
display: inline-block;
height: 31px;
width: 88px;
position: relative;
opacity: .3;
}
.banners-inner a:hover {
opacity: 1;
}
.banners-inner a img {
border-radius: 5px;
}
/* Index
-------------------------------------------------------------*/
#pun-index .category h2 span, #pun-stats h2 span {display: none;}
#pun-index .category h2, #pun-stats h2 {
background-color: transparent;
background-position: top center;
background-repeat: no-repeat;
padding: 0;
height: 43px;
width: 100%;
}
#pun-index .category-1 h2 {background-color: #f9f9f9; margin:-12px 0 -11px 0;}
#pun-index .category-2 h2 {background-image: url(https://forumstatic.ru/files/001b/de/73/67804.jpg?v=1);}
#pun-index .category-3 h2 {background-image: url(https://forumstatic.ru/files/001b/de/73/40300.jpg?v=1);}
#pun-index .category-4 h2 {background-image: url(https://forumstatic.ru/files/001b/de/73/19304.jpg?v=1);}
#pun-index .category-5 h2 {background-image: url(https://forumstatic.ru/files/001b/de/73/27017.jpg?v=1);}
#pun-index .category-6 h2 {background-image: url(https://forumstatic.ru/files/001b/de/73/87495.jpg?v=1);}
#pun-index .category-7 h2 {background-image: url(https://forumstatic.ru/files/001b/de/73/21204.jpg?v=1);}
#pun-index .category-8 h2 {background-image: url(https://forumstatic.ru/files/001b/de/73/21111.jpg?v=1);}
#pun-index .category-9 h2 {background-image: url();}
#pun-stats h2 {background-image: url(https://forumstatic.ru/files/001b/de/73/74605.jpg?v=1);}
#pun-index thead, #pun-index .tc2, #pun-index .tc3 {display: none;}
#pun-index .category tr {
min-height: 60px;
display: flex;
width: 872px;
margin: 0 24px 16px;
position: relative;
align-items: center;
background: var(--fmbg);
border-radius: 30px;
}
#pun-index .tcl {
width: 60%;
padding: 0;
min-height: 60px;
}
#pun-index .tcr {
width: 40%;
}
#pun-index div.icon {
border: none;
height: 100%;
width: 32px;
margin: 0;
border-radius: 60px 0 0 60px;
background: none;
}
#pun-index div.icon.inew {
background: linear-gradient(to right, var(--hlkc) 0%, var(--hlkc) 50%, var(--fmbg) 50%, var(--fmbg) 100%);
}
#pun-index div.tclcon {
padding: 11px 11px 11px 40px;
line-height: 110%;
text-align: justify;
font-size: 10px;
}
#pun-index .tcl h3 {
}
.opis {
font: normal 9px/11px gilroy;
text-transform: lowercase;
text-align: justify;
}
.links {
display: flex;
gap: 5px 10px;
margin: 10px 0;
}
/* Админка
-------------------------------------------------------------*/
.punbb-admin .adminmain {
margin-bottom: 0;
background: var(--bpdc);
}
.punbb-admin #pun-about .container {
border-radius: 0 0 15px 15px;
box-shadow: 0 5px 5px rgba(0,0,0,.1);
}
.punbb-admin #form-buttons {
display: unset !important;
}
/* Смайлики
-------------------------------------------------------------*/
#smls-blk {
margin: 0;
position: relative;
right: 0;
text-align: right;
}
#cont_1, #cont_2, #cont_3, #cont_4 {
text-align: center;
}
/**************************************
html
**************************************/
.addition *, #character * {
scrollbar-width: thin;
scrollbar-color: var(--hlkc) var(--fmbg);
}
.addition *::-webkit-scrollbar, #character *::-webkit-scrollbar {width: 5px; height: 5px;}
.addition *::-webkit-scrollbar-track, #character *::-webkit-scrollbar-track {
background-color: var(--fmbg);
border-radius: 15px;
}
.addition *::-webkit-scrollbar-thumb, #character *::-webkit-scrollbar-thumb {
background-color: var(--hlkc);
border-radius: 15px;
}
.addition *::-webkit-scrollbar-thumb:active, #character *::-webkit-scrollbar-thumb:active {background: var(--mlkc);}
.addition {
width: 490px;
margin: 0 auto;
display: block;
}
/* Магазин
-------------------------------------------------------------*/
.shop {
width: 600px;
margin: 0 auto;
display: block;
}
.shop-top {
background: url(https://forumstatic.ru/files/001b/de/73/48275.jpg) no-repeat top center;
height: 240px;
margin-bottom: 5px;
position: relative;
}
.shop-top-block {
position: relative;
top: 54px;
width: 397px;
height: 100px;
margin: auto auto;
border-radius: 20px;
}
.shop-top-block p.shop-top-text {
padding: 20px;
font: var(--mainfont);
text-transform: lowercase;
text-align: center;
color: var(--mtxc);
}
.shop-bottom {
border-radius: 20px;
height: 238px;
background: var(--fmbg);
}
.tabs {
display: flex;
justify-content: center;
gap: 10px;
position: relative;
}
.tab, .tab-title {
display: inline-block;
}
.tab input[type="radio"] { display: none; }
.tab-title {
border-radius: 8px;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
background: var(--bpdc);
font: 600 14px/14px Gilroy;
text-align: center;
color: var(--dptt);
padding: 5px 22px;
text-transform: lowercase;
transform: translateY(-50%);
cursor: pointer;
}
.tab-content {
position: absolute;
left: 0;
display: none;
width: 417px;
height: 173px;
margin: 8px 34px 32px;
box-sizing: border-box;
flex-direction: column;
gap: 9px;
}
.shop .tab-content {
width: 528px;
}
.tab-inner {
border-radius: 10px;
background: #f6f6f6;
padding: 15px 20px;
width: 100%;
box-sizing: border-box;
}
.tab-full {
height: 100%;
}
.tab-half {
height: 50%;
}
.tab :checked + .tab-title {
position: relative;
background: var(--dptt);
color: var(--bpdc);
top: 1px;
z-index: 1;
}
.tab :checked ~ .tab-content {
display: flex;
}
.shop-title {
font: 700 10px/12px Gilroy;
text-transform: lowercase;
text-align: center;
color: var(--mtxc);
display: block;
margin-bottom: 10px;
}
.items-list {
list-style: none;
overflow: auto;
height: 125px;
scrollbar-width: thin;
}
.items-list li {
display: flex;
font: var(--mainfont);
text-transform: lowercase;
text-align: center;
color: var(--mtxc);
align-items: center;
justify-content: center;
margin-bottom: 8px;
gap: 13px;
}
.figure {
display: block;
background-color: var(--mtxc);
width: 3px;
height: 3px;
border-radius: 1px;
flex-shrink: 0;
}
.items-list span {
width: 190px;
text-align: right;
}
.items-list strong {
width: 190px;
text-align: left;
}
.icons-block {
display: flex;
flex-wrap: wrap;
gap: 10px 35px;
justify-content: center;
overflow: auto;
height: 38px;
padding: 0 20px;
}
.icons-block img {
height: 18px;
width: auto;
}
.planks-block, .header-block {
height: 120px;
overflow: auto;
display: flex;
flex-wrap: wrap;
gap: 5px;
justify-content: space-evenly;
}
.header-block {
justify-content: center;
align-items: baseline;
}
/* Банк
-------------------------------------------------------------*/
.bank {
width: 485px;
margin: 0 auto;
display: block;
}
.bank-top {
background: url(https://forumstatic.ru/files/001b/de/73/92951.jpg) no-repeat top center;
height: 190px;
margin-bottom: 20px;
position: relative;
}
.bank-list span {
width: 230px;
}
.bank-list strong {
width: 90px;
}
/* Новости */
.gamenews * {
scrollbar-color: var(--dptt) var(--bpdc);
}
.addition *::-webkit-scrollbar-track {
background-color: var(--bpdc);
}
.gamenews {
width: 492px;
height: 500px;
margin: 0 auto;
display: block;
position: relative;
top: -26px;
}
.gamenews-top {
background: url(https://forumstatic.ru/files/001b/de/73/60051.jpg) no-repeat top center;
height: 140px;
width: 547px;
position: relative;
margin: 0 auto;
left: -29px;
top: 9px;
z-index: 50;
}
.news-picture-bg {
position: absolute;
bottom: -4px;
left: 70px;
background: #eaeaea;
border-radius: 20px 20px 0 0;
height: 75px;
width: 403px;
box-sizing: border-box;
padding: 9px 12px 0;
}
.news-picture-bg img {
width: 379px;
height: 66px;
border-radius: 10px;
object-fit: cover;
object-position: top center;
filter:grayscale(1);
}
.gamenews-bottom {
position: relative;
height: 358px;
background: #eaeaea;
border-radius: 0 0 20px 20px;
width: 486px;
margin: 0 auto;
padding: 15px 0 0 0;
left: -1px;
}
.gamenews-inner {
width: 403px;
position: relative;
margin-left: 24px;
box-sizing: border-box;
padding: 8px 12px 0;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
align-items: center;
}
h2.gamenews-title {
font: 800 20px/25px Gilroy;
text-transform: uppercase;
color: var(--trtx);
text-align: center;
}
.gamenews-text {
font: 500 10px/160% Gilroy;
text-transform: lowercase;
text-align: justify;
color: var(--mtxc);
height: 210px;
overflow: auto;
padding-right: 14px;
margin-bottom: 15px;
}
.punbb .gamenews-text p {
font: 500 10px/160% Gilroy;
text-transform: lowercase;
text-align: justify;
padding: 0;
}
.gamenews-bestpost {
border-radius: 10px;
width: 379px;
height: 69px;
background: #f6f6f6;
margin-bottom: 9px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 11px 16px;
box-sizing: border-box;
}
.gamenews-bestpost a {
font: 600 10px/12px Gilroy;
color: var(--mlkc);
}
.gamenews-author {
text-transform: uppercase;
margin-bottom: 4px;
}
.gamepost-episode {
text-transform: lowercase;
}
.gamenews-textblock {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
position: relative;
}
.punbb .post-content .gamenews-textblock p {
font: var(--mainfont);
text-transform: lowercase;
text-align: justify;
color: var(--mtxc);
padding: 0;
}
a.gamepost-readmore {
font-size: 9px;
position: absolute;
bottom: 3px;
right: 0;
}
.gamenews-duet {
display: flex;
justify-content: center;
align-items: center;
gap: 14px;
height: 22px;
background: var(--bpdc);
border-radius: 10px 10px 0 0;
padding: 0 35px;
font: 500 7px/12px Gilroy;
text-transform: lowercase;
text-align: center;
color: var(--mlkc);
}
.gamenews-duet a {
font: var(--mainfont);
color: var(--mlkc);
text-decoration: none;
}
.gamenews-activists {
position: absolute;
width: 60px;
height: 282px;
right: -20px;
top: 45px;
background: var(--bpdc);
padding: 0 13px;
box-sizing: border-box;
border-radius: 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 9px;
}
.gamenews-activists img {
width: 30px;
filter: grayscale(1);
}
.activists-half {
height: 111px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.gamenews-activist {
display: block;
width: 33px;
height: 33px;
filter: grayscale(100%);
}
.gamenews-activist {filter: none;}
.gamenews-activist img {border-radius: 5px;}
.activists-figure {
display: block;
width: 3px;
height: 3px;
border-radius: 1px;
background-color: var(--dptt);
}
/* Гостевая
-------------------------------------------------------------*/
.welcome {
width: 485px;
height: 496px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.punbb .post-content .welcome p {
font: var(--mainfont);
text-transform: lowercase;
padding: 0;
}
.welcome-top {
background: url(https://forumstatic.ru/files/001b/de/73/32397.jpg) no-repeat;
height: 220px;
width: 495px;
margin-bottom: 0;
}
.welcome-top-textblock {
width: 330px;
height: 120px;
top: 65px;
display: block;
position: relative;
margin: 0 auto;
font: var(--mainfont);
box-sizing: border-box;
padding: 8px 29px;
}
.punbb .post-content .welcome-top p {
text-align: center;
}
.welcome-top-list {
list-style: none;
}
.welcome-top-list li {
display: flex;
align-items: baseline;
justify-content: center;
gap: 10px;
text-align: center;
margin-bottom: 3px;
text-transform: lowercase;
}
.welcome-top-list .figure {
flex-shrink: 0;
}
.welcome-bottom {
border-radius: 20px;
height: 270px;
width: 495px;
background: var(--fmbg);
display: flex;
flex-direction: column;
}
.faceclaim {
display: flex;
justify-content: space-between;
margin: 36px 34px 24px;
}
.faceclaim-block {
border-radius: 10px;
width: 194px;
height: 173px;
background: var(--bpdc);
position: relative;
box-sizing: border-box;
padding: 20px;
}
.faceclaim-title {
position: absolute;
width: 117px;
height: 23px;
top: -16px;
left: 50%;
margin-right: -50%;
transform: translate(-50%, 0);
border-radius: 8px;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
background: var(--dptt);
font: 600 14px/21px Gilroy;
text-align: center;
color: var(--bpdc);
}
.faceclaim-inner {
width: 160px;
height: 120px;
overflow: auto;
margin-top: 10px;
}
.faceclaim-inner h6 {
font: var(--mainfont);
display: block;
margin-bottom: 10px;
font-weight: bold;
}
.faceclaim-inner h6:not(:first-of-type) {
margin-top: 10px;
}
.faceclaim-inner span {
display: flex;
align-items: center;
gap: 0 7px;
}
.faceclaim-inner a {
color: var(--mtxc);
}
.faceclaim-inner a:hover {
color: var(--hlkc);
}
.welcome-note {
border-radius: 10px;
width: 319px;
height: 40px;
position: relative;
background: var(--bpdc);
margin: 0 auto;
padding: 9px 30px;
box-sizing: border-box;
font: 500 9px/11px Gilroy;
text-transform: lowercase;
text-align: center;
color: var(--mtxc);
top: 5px;
}
/* Внешности */
.punbb .post-content .fclaim p {
font: var(--mainfont);
text-transform: lowercase;
padding: 0;
text-align: center;
}
.fclaim-top {
background: url(https://forumstatic.ru/files/001b/de/73/90474.jpg) no-repeat top center;
height: 202px;
position: relative;
margin-bottom: 28px;
}
.fclaim-top-textblock {
width: 319px;
height: 82px;
margin: 75px auto 0;
top: 69px;
position: relative;
margin: 0 auto;
box-sizing: border-box;
padding: 15px 30px;
font: var(--mainfont);
}
.fclaim-top span {
display: flex;
align-items: baseline;
justify-content: center;
gap: 10px;
text-align: center;
margin-bottom: 2px;
}
.fclaim-bottom {
border-radius: 20px;
width: 485px;
height: 1438px;
background: var(--fmbg);
position: relative;
box-sizing: border-box;
padding: 36px 34px;
margin: 0 auto;
}
.fclaim-title-block {
width: 340px;
display: flex;
justify-content: space-between;
position: absolute;
top: -11px;
left: 50%;
margin-right: -50%;
transform: translate(-50%, 0%);
}
.fclaim-title {
border-radius: 8px;
width: 117px;
height: 23px;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
background: var(--mlkc);
font: 600 14px/21px Gilroy;
text-align: center;
color: var(--bpdc);
}
.fclaim-list {
list-style: none;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
justify-content: space-between;
gap: 28px;
padding: 0 !important;
}
.fclaim-list-item {
border-radius: 10px;
width: 194px;
height: 126px;
background: var(--bpdc);
box-sizing: border-box;
padding: 28px 20px 15px !important;
position: relative;
}
.fclaim-item-inner {
width: 154px;
height: 83px;
overflow: auto;
}
.fclaim-item-title {
border-radius: 8px;
width: 117px;
height: 23px;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
background: var(--fmbg);
font: 600 14px/21px Gilroy;
text-align: center;
color: var(--mlkc);
position: absolute;
top: -11px;
left: 50%;
margin-right: -50%;
transform: translate(-50%, 0);
}
.fclaim-item-inner span {
display: flex;
align-items: center;
gap: 0 7px;
}
.fclaim-item-inner a {
color: var(--mtxc);
}
.fclaim-item-inner a:hover {
color: var(--hlkc);
}
/* Добро пожаловать */
.welcome2 {
height: 224px;
width: 507px;
background: url(https://forumstatic.ru/files/001b/de/73/21578.jpg) no-repeat;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 15px;
}
.welcome2-textblock {
position: relative;
width: 319px;
height: 112px;
box-sizing: border-box;
padding: 20px 30px;
top: 48px;
margin: 0 auto;
text-align: center;
}
.punbb .post-content .welcome2 p {
font: var(--mainfont);
text-transform: lowercase;
padding: 0;
text-align: center;
}
.welcome2-buttons {
display: flex;
gap: 24px;
position: relative;
bottom: 0;
justify-content: center;
margin-bottom: 12px;
}
.welcome-buttons {
display: flex;
gap: 30px;
position: relative;
bottom: 7px;
justify-content: center;
margin: 0 auto;
left: 8px;
}
.welbut {
display: block;
border-radius: 8px;
width: 117px;
height: 23px;
/* box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); */
background: var(--bpdc);
font: 600 14px/21px Gilroy;
text-align: center;
color: var(--hlkc);
}
/* Первое сообщение */
.msg {
height: auto;
position: relative;
border-radius: 20px;
background: url(https://forumstatic.ru/files/001b/de/73/32388.jpg) top center no-repeat, url(https://forumstatic.ru/files/001b/de/73/57618.jpg) bottom center no-repeat, url(https://forumstatic.ru/files/001b/de/73/57618.jpg) repeat-y;
padding: 0 0 140px 0;
top: -15px;
}
.msg-text-top {
width: 319px;
height: 81px;
padding: 19px 30px 14px;
box-sizing: border-box;
font: var(--mainfont);
text-align: center;
color: var(--mtxc);
position: relative;
top: 85px;
margin: 0 auto;
}
.msg-text-bottom {
position: relative;
top: 117px;
font: var(--mainfont);
text-align: justify;
color: var(--mtxc);
width: 385px;
margin: 0 auto;
}
.punbb .post-content .msg-text-bottom p {
font-size: 10px !important;
text-transform: lowercase;
padding: 0;
}
.msg-text-bottom ul {
list-style: none;
}
.msg-text-bottom strong {
display: block;
margin-top: 10px;
}
/* Шаблон темы
-------------------------------------------------------------*/
.theme-pattern {
height: 226px;
}
.theme-inner {
background: url(https://forumstatic.ru/files/001b/de/73/13398.png?v=1) no-repeat bottom center;
height: 226px;
position: relative;
z-index: 1;
}
.theme-heading {
font: 900 46px/57px gilroy;
text-transform: uppercase;
color: var(--trtx);
text-align: center;
height: 5px;
width: 507px;
top: 18px;
position: relative;
margin: 0 auto;
}
.theme-inner-text {
position: relative;
top: 75px;
border-radius: 20px;
width: 319px;
height: 110px;
margin: 0 auto;
box-sizing: border-box;
padding: 20px 30px;
font: var(--mainfont);
font-weight: 500;
text-transform: lowercase;
text-align: center;
color: var(--mtxc);
}
.punbb .post-content .theme-inner-text p {
text-align: center;
padding: 0;
line-height: unset;
}
/* Инста
-------------------------------------------------------------*/
/* Главная */
.instamain {
margin: 0 auto;
border-radius: 20px;
width: 369px;
height: 500px;
background: var(--fmbg);
box-sizing: border-box;
padding: 8px 7px;
}
.insta-inner {
border-radius: 20px;
width: 356px;
height: 484px;
background: var(--bpdc) url(http://forumstatic.ru/files/001b/f7/28/63277.png) no-repeat top center;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.insta-top {
display: flex;
gap: 32px;
}
.insta-main-av {
border-radius: 100%;
width: 103px;
height: 103px;
background: var(--bpdc);
position: relative;
margin-left: 17px;
top: 22px;
box-sizing: border-box;
padding: 7px;
}
.insta-main-av img {
width: 89px;
height: 89px;
border-radius: 100%;
object-fit: cover;
object-position: top center ;
}
.insta-rightside {
display: block;
position: relative;
height: 97px;
top: 25px;
min-width: 167px;
}
.insta-name {
font: 500 11px/82% Gilroy;
color: var(--mtxc);
display: block;
margin-bottom: 8px;
}
.insta-nick {
font: 600 20px/45% Gilroy;
color: var(--bpdc);
display: block;
margin-bottom: 13px;
}
.insta-status {
font: 500 9px/100% Gilroy;
color: var(--bpdc);
display: block;
margin-bottom: 12px;
}
.insta-icons {
width: 167px;
display: flex;
justify-content: space-between;
}
.insta-icon {
display: block;
border-radius: 100%;
width: 36px;
height: 36px;
background-color: var(--bpdc);
}
.insta-icons > div {
display: flex;
flex-direction: column;
align-items: center;
}
.insta-subscribers {
background: var(--bpdc) url(http://forumstatic.ru/files/001b/f7/28/26449.png) no-repeat center;
}
.insta-likes {
background: var(--bpdc) url(http://forumstatic.ru/files/001b/f7/28/22659.png) no-repeat center;
}
.insta-posts {
background: var(--bpdc) url(http://forumstatic.ru/files/001b/f7/28/41397.png) no-repeat center;
}
.insta-icons span {
font: 500 9px/9px Gilroy;
text-align: center;
color: #252525;
display: block;
max-width: 44px;
}
.insta-icons span:first-of-type {
margin-top: -5px;
}
.insta-pics {
display: grid;
grid-auto-columns: 1fr;
grid-auto-rows: 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: repeat(3, 1fr);
gap: 8px 8px;
grid-template-areas:
"small-1 small-2 small-3"
"big big small-4"
"big big small-5";
width: 326px;
height: 326px;
margin: 15px;
}
.insta-pics > div img {
object-fit: cover;
object-position: top center;
border-radius: 10px;
height: 100%;
width: 100%;
}
.small-1 { grid-area: small-1; }
.small-2 { grid-area: small-2; }
.small-3 { grid-area: small-3; }
.small-4 { grid-area: small-4; }
.small-5 { grid-area: small-5; }
.big {
grid-area: big;
width: 214px;
height: 214px;
}
.small-1, .small-2, .small-3, .small-4, .small-5 {
width: 103px;
height: 103px;
}
/* Пост */
.instapost {
height: 519px;
}
.instapost .insta-inner {
justify-content: flex-start;
height: 503px;
position: relative;
}
.post-top {
display: flex;
width: 303px;
justify-content: space-between;
margin: 16px auto 10px;
}
.insta-post-av {
border-radius: 100%;
width: 54px;
height: 54px;
background: var(--bpdc);
padding: 4px;
box-sizing: border-box;
}
.insta-post-av img {
width: 46px;
height: 46px;
border-radius: 50%;
}
.post-rightside {
text-align: right;
}
.post-time {
font: 500 11px/82% Gilroy;
color: var(--mtxc);
margin: 8px 0 9px;
}
.post-date {
font: 600 20px/45% Gilroy;
color: var(--bpdc);
margin-bottom: 10px;
}
.post-place {
font: 500 9px/100% Gilroy;
color: var(--bpdc);
}
.post-pic {
margin: 0 auto 6px;
border-radius: 10px;
width: 304px;
height: 304px;
background: var(--bpdc);
box-sizing: border-box;
padding: 7px;
}
.post-pic img {
width: 290px;
height: 290px;
object-fit: cover;
object-position: top center;
}
.post-bottom {
width: 304px;
margin: 0 auto;
}
.post-icons {
display: flex;
width: 94px;
justify-content: space-between;
margin-bottom: 11px;
}
.post-icon {
width: 18px;
height: 18px;
}
.post-comment {
background: url(http://forumstatic.ru/files/001b/f7/28/68367.png) no-repeat center;
}
.post-like {
background: url(http://forumstatic.ru/files/001b/f7/28/22659.png?v=1) no-repeat center;
}
.post-share {
background: url(http://forumstatic.ru/files/001b/f7/28/30821.png) no-repeat center;
}
.post-bottom-text {
font: 500 10px/90% Gilroy;
color: var(--mtxc);
margin-bottom: 8px;
}
.punbb .post-content .post-bottom-text p {
font: 500 10px/90% Gilroy;
color: var(--mtxc);
padding: 0;
text-align: left;
}
.post-bottom-text h6 {
font: 600 11px/82% Gilroy;
color: var(--mtxc);
margin-bottom: 7px;
}
.post-all-comments {
font: 500 10px/90% Gilroy;
color: var(--gray);
text-align: right;
position: absolute;
right: 32px;
bottom: 15px;
}
/* Чат */
.instachat {
height: 519px;
width: 344px;
}
.instachat-inner {
border-radius: 20px;
width: 330px;
height: 503px;
background: var(--gray);
}
.instachat-top {
height: 86px;
width: 278px;
margin: 0 auto;
display: flex;
gap: 13px;
}
.instachat-leftside {
flex-grow: 1;
text-align: right;
}
.instachat-nick {
font: 500 11px/82% Gilroy;
color: var(--mtxc);
margin: 21px 0 9px;
}
.instachat-theme {
font: 600 20px/45% Gilroy;
color: var(--fmbg);
margin-bottom: 10px;
}
.instachat-online {
font: 500 9px/100% Gilroy;
color: var(--fmbg);
}
.instachat-av {
border-radius: 100%;
width: 54px;
height: 54px;
background: var(--bpdc);
padding: 4px;
box-sizing: border-box;
margin-top: 16px;
}
.instachat-av img {
width: 46px;
height: 46px;
border-radius:50%;
filter:grayscale(1);
}
.instachat-bottom {
height: 417px;
background: var(--bpdc);
border-radius: 20px;
box-sizing: border-box;
padding: 7px 16px 12px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.instachat-chat {
width: 298px;
height: 354px;
overflow: auto;
text-align: right;
display: flex;
flex-direction: column;
align-items: end;
}
.instachat-mess {
font: 500 10px/90% Gilroy;
color: var(--mtxc);
background: var(--fmbg);
padding: 12px 15px 14px 26px;
max-width: 200px;
border-radius: 10px 10px 0 10px;
margin: 11px 10px 0 0;
}
.mess-media {
padding: 7px;
margin-top: 8px;
}
.mess-media img {
max-height: 122px;
max-width: 122px;
}
.mess-time {
font: 500 9px/100% Gilroy;
color: var(--gray);
margin: 3px 10px 0 0;
}
.instachat-send {
width: 298px;
height: 35px;
border-radius: 20px;
background: var(--fmbg) url(http://forumstatic.ru/files/001b/f7/28/30821.png) no-repeat 263px center;
}
/* Личная страница
-------------------------------------------------------------*/
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.8);
z-index: 100;
display: none;
top: 0;
left: 0;
}
.reveal-modal {
visibility: hidden;
top: 70px;
left: 50%;
transform: translate(-50%, 0);
position: absolute;
z-index: 101;
}
.punbb #html-footer #character.container {
position: absolute;
padding: 0;
width: 600px;
height: 400px;
box-sizing: border-box;
border-radius: 20px;
background: url(https://forumstatic.ru/files/0019/e7/d4/16204.jpg) no-repeat top center !important;
}
/*#character::after {
content: "";
background: url(https://forumstatic.ru/files/001b/de/73/87757.png) no-repeat top center;
width: 650px;
height: 400px;
display: block;
position: absolute;
top: 10px;
left: -30px;
pointer-events: none;
}*/
.reveal-modal .close-reveal-modal {
font-size: 50px;
line-height: .5;
position: absolute;
top: 15px;
right: 15px;
color: var(--bpdc);
cursor: pointer;
text-decoration: none;
}
.reveal-modal .close-reveal-modal:hover {
color: var(--fmbg);
}
.char-inner {
width: 466px;
height: 270px;
position: relative;
display: flex;
justify-content: center;
top: 102px;
left: 90px;
}
.char-profile {
width: 153px;
height: 143px;
background: var(--bpdc);
border-radius: 20px;
top: 30px;
left: -27px;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.char-profile-av {
position: absolute;
border-radius: 100%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
background: var(--bpdc);
box-sizing: border-box;
padding: 6px;
}
.char-profile-av img {
border-radius:50%;
filter: grayscale(1);
width:48px;
height:48px;
}
.char-profile-info {
text-align: center;
display: block;
top: 30px;
position: relative;
}
.char-name {
font: var(--mainfont);
color: var(--mtxc);
}
.char-partner {
font: var(--mainfont);
color: var(--mlkc);
}
.char-status {
display: block;
width: 100%;
font: var(--mainfont);
text-align: center;
color: var(--gray);
margin: 5px auto 14px;
}
.char-social {
border-top: 0.5px solid #4766b8;
width: 97px;
margin: 0 auto;
display: flex;
justify-content: space-between;
padding: 18px 0;
}
.social-bg {
border-radius: 8px;
width: 24px;
height: 24px;
background-color: var(--mlkc);
background-position: center;
background-repeat: no-repeat;
background-size: 16px 16px;
}
.char-in {background-image: url(http://forumstatic.ru/files/001b/f7/28/68467.png);}
.char-id {background-image: url(http://forumstatic.ru/files/001b/f7/28/99232.png);}
.char-pm {background-image: url(http://forumstatic.ru/files/001b/f7/28/75306.png);}
.char-achieve {
width: 313px;
height: 249px;
}
.char-tabs {
position: relative; /* Относительное позиционирование */
}
.char-tab, .char-tab-title {
display: inline-block; /* Выстраиваем по горизонтали */
}
.char-tab input[type="radio"] { display: none; }
.char-tab {
display: flex;
flex-direction: row-reverse;
}
.char-tab-title {
background: var(--fmbg);
border: none;
writing-mode: vertical-rl;
height: 55px;
width: 23px;
box-sizing: border-box;
border-radius: 0 8px 8px 0;
text-align: center;
font: 500 9px/20px Gilroy;
text-align: center;
color: var(--gray);
text-transform: lowercase;
margin-top: -4px;
cursor: pointer;
position:relative;
top:-25px!important;
}
.tab-header-title {
margin-top: 50px;
}
.char-tab-content {
position: absolute;
left: 0;
top: 0;
width: 290px;
height: 249px;
display: none;
box-sizing: border-box;
padding: 30px 20px;
background: var(--bpdc);
border-radius: 20px;
}
.char-tab :checked + .char-tab-title {
color: var(--mlkc);
position: relative;
background: var(--bpdc);
z-index: 1;
}
.char-tab :checked ~ .char-tab-content {
display: block; /* Показываем активную вкладку */
}
.char-tab-inner {
width: 250px;
height: 189px;
overflow: auto;
text-align: center;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 7px;
}
.tab-icons img {
width: 18px;
height: 18px;
}