Код:
/*************************************************************
КОДЫ BLANCHE, ГРАФИКА BLURRY
с радостью подарим вам такую же красоту, у нас есть мастерская на рено, обращайтесь <З
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
части кодов можно свободно брать в личное пользование, если вы поставите копирайт blanche
давайте уважать труды, да и просто друг друга <З
**************************************************************
I. ШРИФТЫ, ТЕКСТ И ССЫЛКИ / ПЕРЕМЕННЫЕ
-------------------------------------------------------------*/
@import url(style_cs.css);
@import url("https://kit-pro.fontawesome.com/releases/v5.15.1/css/pro.min.css");
@import url("https://forumstatic.ru/files/001a/7a/30/91612.css?v=7");
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Open+Sans:400,400i,600,600i,700,700i,800,800i|Roboto:100,300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,600i,700,700i,800,80i,900,900i&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates:300,400,500,500i,700,800,900&display=swap&subset=cyrillic');
@import url('https://fonts.googleapis.com/css2?family=Prata&family=Viaoda+Libre&family=Yeseva+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap');
@font-face {font-family: 'Lighthaus';
src: local("Lighthaus"), url(https://forumstatic.ru/files/001b/29/60/87558.otf);}
@font-face { font-family: Code Pro;
src: local("Code-Pro"), url(https://forumstatic.ru/files/001a/ea/43/54833.ttf) format('truetype');}
@font-face { font-family: Bloc Kursiv;
src: local("BLOC_KURSIV"), url(https://forumstatic.ru/files/001a/ea/43/27324.ttf) format('truetype');}
@font-face { font-family: Cyrano;
src: local("CyranoDemo"), url(https://forumstatic.ru/files/001a/ea/43/98810.otf) format('truetype');}
@font-face { font-family: Gteapac;
src: local("Gteapac"), url(https://forumstatic.ru/files/001a/ea/43/41024.ttf) format('truetype');}
@font-face { font-family: Carola;
src: local("Carola"), url(https://forumstatic.ru/files/001a/ea/43/67062.ttf) format('truetype');}
@font-face {font-family: Century Gothic; src: local("Century Gothic"), url(https://forumstatic.ru/files/001a/7a/30/50514.ttf) format('truetype');}
:root {--font1: Raleway;
--bg1: #f3ffe7; /* ЦВЕТ ТЕЛА / кнопки до наведения */
--bg2: #deefca; /* ТЕМНЕЕ ТЕЛА / кнопки после наведения, слайдер шрифта */
--bg3: #8b586b; /* АКЦЕНТНЫЙ ТЕМНЫЙ / слайдер шрифта, тайтл, выделение, уведы */
--bg4: #f9fff3; /* СВЕТЛЕЕ ТЕЛА / цитаты и иже с ним */
--punbg: url(https://forumstatic.ru/files/001a/ea/43/92004.jpg) repeat;
--fawe: 'Font Awesome 5 Pro';
}
/* цвет текста на форуме */
.punbb, del:hover {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, #profile-right li strong a, #MyBookmarks h2, #MyBookmarks h1, .editBookmark h2, #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, #my-form, #form-buttons td::before
{color: #73895e !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: #976478;}
#pun-admain a, #MyBookmarks span.scrl.t, #MyBookmarks span.scrl.b {color: #976478 !important;}
.punbb a:hover, .punbb a:focus, .punbb a:active {color: #98b37d;}
/* зачеркнутый текст */
del {filter: blur(1px); text-decoration: none;transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear; opacity: .5;} del:hover { font: inherit; filter: none; opacity: 1;}
/* II. ФОН, ТЕЛО
-------------------------------------------------------------*/
/* фон */
body { overflow-x: hidden;
background: url(https://forumstatic.ru/files/001a/ea/43/36210.jpg) no-repeat top center fixed,
url() no-repeat bottom center,
url(https://forumstatic.ru/files/001a/ea/43/36097.jpg) repeat fixed #96707e;}
body.redirect-page {background: url(https://forumstatic.ru/files/001a/ea/43/36097.jpg) repeat fixed #96707e !important;}
/* тело */
#pun { margin: 245px auto 140px auto; position: relative;width : 950px;
background: url() var(--bg1);}
.punbb {height: auto; padding: 0px 20px;position: relative;} /* 20px минимум */
#pun:before { content: ''; background: var(--punbg) fixed; width: calc(100% + 28px); height: calc(100% + 65px); position: absolute; z-index: -1; left: 0; top: -23px;}
#pun:after { content: ''; border: 1px solid #829865; border-radius: 10px; position: absolute; width: calc(100% - 13px); height: calc(100% - 25px) !important; left: 26px; top: -13px; visibility: visible !important; z-index: -1;
}
/* отступ от рамки сверху */
#pun-admain, #pun-main { margin-top: 10px;}
/* III. ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ, ПРИВЕТСТВИЕ, НАВИГАЦИЯ ПО ТЕМАМ
-------------------------------------------------------------*/
span.item1 strong, span.item2 strong, #profile-left #pa-avatar strong, .pa-online strong {font-weight: normal !important;}
/* стиль отдельно для форум участники и тд */
#pun-navlinks .container { font-family: code pro; font-size: 16px; letter-spacing: .5px; top: -39px; height: 22px;}
#pun-navlinks, #pun-navlinks a, #pun-index .category h2:after { color: #586544; text-shadow: 1px 0 0 #b4d492 }
#navindex a {color: #9e586f;}
#pun-navlinks .container li { margin: 0; padding: 0 6px; background: var(--punbg) fixed;}
/* стиль отдельно для новых соо и тд */
#pun-ulinks .container, #pun-about .item1, #pun-index .category h2:after { font-family: raleway; font-size: 9px; letter-spacing: 1px; text-transform: lowercase; }
#pun-ulinks .container { top: -46px; height: 14px;}
#pun-ulinks, #pun-ulinks a, #pun-about .item1, #pun-about .item1 a { color: #d4e7b7; text-shadow: 1px 0 0 #566340}
/* общий стиль для обоих, если есть общее */
#pun-navlinks .container, #pun-ulinks .container {z-index: 9; position: absolute; left: 0; width: 100%;display: flex; align-items: center; justify-content: center;}
#pun-navlinks li, #pun-ulinks li { display: inline; margin: 0 5px;}
/* объявление, если нужен отступ */
#pun-announcement { padding: 22px 0 0px 0; ; z-index: 1; position: relative;}
/* привет, ваш посл визит */
#pun-status { position: absolute; top: -197px; font-family: 'Raleway'; text-transform: lowercase; font-size: 9px; letter-spacing: .5px; width: 250px; right: 20px; text-align: center; }
#pun-status .item1 { display: block;}
#pun-status {color: #debeca;} #pun-status strong, #pun-status a {color: #5c434d;}
#pun-status p.container { margin: 0; display: grid; grid-template-columns: 1fr 5fr; }
#pun-status .item1, #pun-status .item2 { display: flex; justify-content: center; align-items: flex-start;}
#pun-status .status_userava, #pun-status .status_userava img { width: 40px; height: 25px; object-fit: cover; border-radius: 5px 5px 0 0;}
#pun-status .status_userava { grid-row: 1/3;}
#pun-status .status_userava img, .akt img, .akt1 img, .ep span img, .par span img { filter: grayscale(1); opacity: .4;}
#pun-status .status_userava, .akt a, .akt1 a, .ep span, .par span { box-shadow: 0px 0px 0px 1px #9aab86, 0px 0px 0px 2px #6f4f5b;}
#pun-status .status_userava, .akt a, .akt1 a, .ep span, .par span { background: linear-gradient(0deg, #455b33, #5d7845);}
/* навигация по темам */
#pun-crumbs1, #pun-crumbs2 { position: relative; text-transform: uppercase; display: flex; justify-content: center; align-items: center; margin: 0 -20px;}
#pun-index #pun-crumbs1 { margin-bottom: -30px;}
#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: 11px; text-transform:uppercase;}
#pun-crumbs1 .container a:after, #pun-crumbs2 .container a:after, div#pun-searchposts h3 a:after {content: '•'; margin: 0 2px 0 4px;}
#pun-crumbs1:before, #pun-crumbs2:before { content: ''; background: #e3edda; width: 100%; height: 1px; position: absolute;}
#pun-crumbs1 p.container.crumbs, #pun-crumbs2 p.container.crumbs { position: relative; background: var(--bg1); padding: 0 10px;}
#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: #879776;}
#pun-profile #pun-crumbs1, #pun-profile #pun-crumbs2 {text-transform: lowercase;}
/* полоски между постов в теме */
#pun-viewtopic .post-links, #pun-messages .post-links, #pun-post h3, #pun-searchposts h3 {text-align: center; background: #0000000d; height: 18px; line-height: 15px; margin: 0 -20px;}
/* 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: 320px; min-height: 30px; text-align: justify; margin: 10px 30px; font-family: Arial; letter-spacing: .5px; position: relative; font-size: 9px;}
#pun-index tr.isub {display: none !important;} #pun-index .isub .tcl {padding-left: 0px !important;}
#pun-index .intd { display: flex; align-items: center; justify-content: flex-start;}
#pun-index .hasicon tr, #pun-index .hasicon tr a {color: #72825c;}
#pun-index .hasicon tr { margin: 30px -20px 0px -20px; display: flex; align-items: center; justify-content: space-between;}
#pun-index .hasicon tr .tclcon a, #pun-index .main .tcr {font-weight: bold}
/* название */
#pun-index .tcl h3 { margin: 0 0 10px 0; font-family: raleway; text-transform: uppercase !important; font-size: 15px !important; display: flex; justify-content: center; -webkit-text-stroke: 0.5px;}
#pun-index .tcl h3 a {font-weight: normal !important;}
/* аватар */
.punbb .user-avatar .avatar-image, .punbb .tcr .user-avatar { border-radius: 5px !important; height: 40px !important; width: 40px !important; display: block;}
.punbb .user-avatar .avatar-image { opacity: .5 !important; filter: grayscale(1);}
.punbb .tcr .user-avatar { margin: 0px 0px !important; float: left;}
.punbb .user-avatar .isonline { top: 2px !important; right: 2px !important; background: var(--bg1) !important;}
.punbb .tcr .user-avatar { background: #d5eebc; }
/* справа */
#pun-index .main .tcr { width: 35%; font-family: 'Arial'; font-size: 9px; letter-spacing: .5px; text-transform: lowercase; display: grid; grid-template-columns: 1fr 4fr;}
#pun-index .user-avatar { grid-row: 1/4;}
#pun-index .tcr a { padding: 0 0 1px 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 .tcr .lastpost-link, #pun-index .tcr .lastpost { display: flex; align-items: center;}
/* цифры посередине */
#pun-index .category .tc2, #pun-index .category .tc3 {width: 6%; font-family: arial; font-size: 9px; letter-spacing: .5px;}
#pun-index .category .tc2 {text-align: right;}
/* ссылки */
#pun-index .tclcon span { display: block; margin-bottom: 10px; background: url(https://forumstatic.ru/files/001a/ea/43/33347.jpg); border-radius: 5px; box-shadow: 0 0 0 1px inset #c3d9a4, 0 0 0 1px #82946a; padding: 10px;color: #485536;}
#pun-index .tclcon span a:not(:last-child):after { content: '•'; margin: 0 0px 0 3px; vertical-align: middle;}
/* 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: 3px !important;}
#pun-viewforum .modmenu a, #pun-messages .modmenu a {margin: 40px 0 0 340px;position: absolute;font-family: var(--font1);font-size: 9px;letter-spacing: 1px;text-transform: uppercase;z-index: 2;}
#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 a, #pun-searchtopics .tcr .user-avatar a {margin-top: 0px;}
#pun-viewforum .tcr .user-avatar, #pun-searchtopics .tcr .user-avatar { margin: 7px 2px 3px 10px !important; float: right;}
#pun-viewforum .linksb { margin-top: 40px;} #pun-viewforum .subscribelink { margin: -40px 0px 0 0;}
#pun-main tr.tr-divider {background: transparent !important;}
/* VI. НАСТРОЙКА ЛИНКОВ ВЕЗДЕ
-------------------------------------------------------------*/
.linkst, .linksb, #pun-searchposts .post-links { font-family: var(--font1); 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;}
.linkst .postlink { margin-top: -10px;}
/* VII. ПРОСМОТР В ТЕМЕ
-------------------------------------------------------------*/
#pun-viewtopic h3, div#topic-users-in, #my-form { 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: #ffffff40; border: 1px solid #0000001a;}
.FNTslider .before { height: 5px; margin: -1px; background: var(--bg2); border: 1px solid #00000029;}
.FNTslider .thumb { width: 6px; height: 16px; position: relative; top: -11px; cursor: pointer; margin-left: 0px; background: var(--bg3);}
/* разделитель между постами */
#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 20px;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: #00000012 !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: 37px;}
/* мои сообщения */
#pun-searchposts .post h3 strong { margin-right: 10px;}
/* участники */
#userlist { margin-top: 20px;}
#pun-userlist .usertable .container { padding: 10px;}
#pun-userlist .usersname {margin-left: 10px;}
#pun-userlist td.tcl.username {display: flex; align-content: center; align-items: center; }
#pun-userlist td.tcl.username, #pun-userlist tr {height: 40px;}
/* формы заполнения на страницах участников и поиска */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin: 11px 10px;}
.punbb .inline .infofield { font-family: var(--font1); 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: var(--font1); 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 0px;}
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: var(--font1); 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: var(--font1) !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; margin-left: 260px;}
#pun-messages .post-links { width: 774px; margin-left: -1px;}
#pun-messages .indOnline, #pun-messages .indOffline { left: 211px;}
#pun-messages .post .post-author { margin-left: 0px;}
/* 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: #0000000d; margin: 5px 4px -9px 18px; border-radius: 2px 2px 0 0; border-top: 1px solid #00000012; min-height: 25px;}
#font-area {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#font-area div {
-webkit-flex-basis: 12em;
flex-basis: 12em;
-webkit-flex-grow: 1;
flex-grow: 1;
}
/* написано символов */
small#plng { font-family: var(--font1); letter-spacing: 1px; text-transform: uppercase; border: none !important; margin: 0 0 0px 20px !important; font-size: 8px;}
small#plng b { font-size: 10px; font-family: arial; background: #ffffff96; padding: 1px 4px; margin-left: -1px;}
#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: 6px -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: #a5c085; border: 1px solid #c1dda0;}
body::-webkit-scrollbar-track { background: #78505e; border: 1px solid #b699a3;}
/* выделение текста */
::selection { color: var(--bg1); background: var(--bg3);}
/* подчеркнутый текст */
.punbb .post-content em.bbuline {font-style: normal;text-decoration: none;border-bottom: 1px solid;border-color: var(--bg2);}
/* хр-ы */
.post-content hr { opacity: 1 !important; border-bottom: none;}
/* тайтл */
#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: var(--bg3) !important;}
#tooltip, .tipsy-inner, #respect figure .prof, .tipsy-inner a {color: var(--bg1) !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;}
#viewprofile { margin: 0 100px;}
/* слева */
#profile-left { vertical-align: middle; border: 1px solid var(--bg2) !important; border-radius: 10px; color: var(--bg3);}
#profile-left #profile-name strong, #profile-left #pa-edit strong a { text-align: center; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; font-family: var(--font1); background: var(--bg4); padding: 5px 0; border-bottom: 1px solid #ffffff38;}
#profile-left #pa-edit strong a {border-bottom: none !important; border-top: 1px solid #ffffff38; font-size: 8px; letter-spacing: 2px; font-weight: bold !important;}
#profile-left #profile-title strong, #profile-left #pa-online strong { text-align: center; font-size: 9px; letter-spacing: .5px; font-family: var(--font1); text-transform: lowercase; padding: 4px 0; margin: 0px 10px;}
#profile-left #pa-avatar {text-align: center;margin: 10px 0;}
/* справа */
#profile-right { width: 50% !important; vertical-align: middle;} #profile-right li { margin: 9px 0;}
#viewprofile #profile-right li span:first-of-type:not(li strong span) { float: left; width: 140px; padding: 5px 7px; font-family: var(--font1); font-size: 8px; text-transform: uppercase; letter-spacing: 1px; background: var(--bg4); border-radius: 0 5px 5px 0; border: 1px solid #ffffff2e; font-weight: bold;}
#viewprofile #profile-right li span, #viewprofile #profile-right li span a { color: var(--bg3);}
#profile-right li strong {padding: 4px 0 4px 170px !important; font-family: Arial; font-size: 11px; text-transform: lowercase;}
/* внутри */
#profilenav, #pun-adnav {float:left;}
#pun-profile #form-buttons {margin-bottom: 0px;}
#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: var(--font1); letter-spacing: 1px; text-transform: uppercase; font-size: 8px !important; padding: 5px 10px; margin: 0px; border-radius: 7px 7px 2px 2px; background: #0000000a;color: var(--bg3); font-weight: bold; position: relative;}
#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: var(--font1); 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: var(--font1); 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: var(--font1); 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: var(--font1); 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: #00000008!important;
border: 1px solid var(--bg2) !important;
border-left: 180px solid var(--bg2) !important;}
/*************************
Стиль для Быстрой смены аккаунтов
Deff
*************************/
/*Cкрытие формы входа без клика*/
#pun-navlinks a:not(.NextShow)+span.odd{
display:none!important;
}
/*Стиль доп-иконки Выход!*/
#pun-navlinks #New-exit img{
position:absolute;
width:17px;
height:auto;
opacity:.8;
}
#pun-navlinks #New-exit:hover{
opacity: .4;
}
/*Стиль доп-иконки Выход!*/
.punbb #pun-navlinks a#New-exit {
position: absolute;
z-index: 100000!important;
margin-top: 3px!important;
margin-left: 49px!important;
float: none!important;
width: 24px;
}
.punbb #pun-navlinks a#New-exit:before {
content:none;
}
.punbb #pun-navlinks #form-login input{
text-rendering: auto;
margin-top: 4px!important;
word-spacing: normal;
text-indent: 0px;
text-shadow: none;
display: inline-block!important;
}
/*.punbb #form-login #fld1,#form-login #fld2{
background-color: rgb(250, 255, 189);
} */
.punbb #pun-navlinks #form-login input[type="submit"]{
cursor:pointer;
}
/*Стиль формы входа*/
.punbb #pun-navlinks #form-login, #List-UserNames {background: #536360; border-color: #8aa39f; color: #cbe1dd;}
.punbb #pun-navlinks #form-login {
word-spacing: normal!important;
text-shadow: 1px 1px 0 rgb(255 255 255 / 24%);
display: block;
font: normal normal 400 11px/normal Tahoma;
text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
text-transform: none;
position: absolute!important;
left:0px;
top: 24px;
z-index: 100000!important;
padding: 7px 12px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-radius: 0 0 6px 6px;
text-align: center;
}
/*Двигаем надпись "Ещё не зарегистированы, Забыли пароль"*/
#form-login input[name="login"]+p{
position:relative;
left:12px;
padding:0!important;
}
#pun-navlinks #navlogin #form-login {
margin-left: 76px;/*Подвижки формы влево от вход*/
}
#pun-navlinks #navlogout #form-login {
margin-left: -11px!important;/*Подвижки формы влево от выход*/
}
.ismoderator #pun-navlinks #navlogout #form-login {
margin-left: -11px!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;
cursor:pointer;
font: normal normal 400 10px/normal Tahoma!important;
letter-spacing:0.5!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;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-radius: 0 0 0px 6px;
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: #6C798B;
text-align: left;
box-shadow: 2px 2px 1px rgba(209, 211, 211, 0.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;
}
/*Стиль Ников*/
.punbb #List-UserNames li>b{
cursor: pointer;
opacity: 1;
color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
.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;
}
#navlogout .Rega,
#navlogout .Forgot {
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 {
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:#fff;
}
/*Кликалка слево, чуть выше инпута*/
#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;
}
/*************************
//Конец Стиля для Быстрой смены аккаунтов
*************************/
/* СОКРЫТИЕ ТЕМ*/
/* пост с нужными */
#p51150 .post-author, #p51150 h3 {display: none}
#p51150 .post-body, #p51150 .post-box {
margin: -10px 0 0px 0 !important;
padding: 0 !important;
border: 0 !important;}
#p51150 .post-links {position: relative}
#p51150 .post-content {margin: 0 !important;
padding: 0 !important;
border: 0 !important;}
.linksb {position: relative}
#p51150 .post-rating, #p51150 .pl-email {display: none}
/* пост с гостевой книгой */
#p414345 .post-author, #p414345 h3 {display: none} #p414345 .post-body, #p414345 .post-box {margin: 15px 0 0px 0 !important; padding: 0 !important; border: 0 !important;} #p414345 .post-links {position: relative}
/* роли */
#p6 .post-author, #p6 h3 {display: none} #p6 .post-body, #p6 .post-box {margin: 15px 0 0px 0 !important; padding: 0 !important; border: 0 !important;} #p6 .post-links {position: relative} #p6 .post-content {margin: 20px !important; padding: 0 !important; border: 0 !important;}
/* твинки */
#p17 .post-author, #p17 h3 {display: none} #p17 .post-body, #p17 .post-box {margin: 15px 0 0px 0 !important; padding: 0 !important; border: 0 !important;} #p17 .post-links {position: relative} #p17 .post-content {margin: 20px !important; padding: 0 !important; border: 0 !important;}
/* навигатор мероприятий */
#p25 .post-author, #p25 h3 {display: none} #p25 .post-body, #p25.post-box {margin: 15px 0 0px 0 !important; padding: 0 !important; border: 0 !important;} #p25 .post-links {position: relative} #p25 .post-content {margin: 20px !important; padding: 0 !important; border: 0 !important;}
/* коллекции */
#p23 .post-author, #p17 h3 {display: none} #p23 .post-body, #p23 .post-box {margin: 15px 0 0px 0 !important; padding: 0 !important; border: 0 !important;} #p23 .post-links {position: relative} #p23 .post-content {margin: 20px !important; padding: 0 !important; border: 0 !important;}
/* фандом */
#p7 .post-author, #p7 h3 {display: none} #p7 .post-body, #p7 .post-box {margin: 15px 0 0px 0 !important; padding: 0 !important; border: 0 !important;} #p23 .post-links {position: relative} #p7 .post-content {margin: 20px !important; padding: 0 !important; border: 0 !important;}
/* герой */
#p8 .post-author, #p8 h3 {display: none} #p8 .post-body, #p8 .post-box {margin: 15px 0 0px 0 !important; padding: 0 !important; border: 0 !important;} #p8 .post-links {position: relative} #p8 .post-content {margin: 20px !important; padding: 0 !important; border: 0 !important;}
/* в пару */
#p221885 .post-author, #p221885 h3 {display: none} #p221885 .post-body, #p221885 .post-box {margin: 15px 0 0px 0 !important; padding: 0 !important; border: 0 !important;} #p221885 .post-links {position: relative} #p221885 .post-content {margin: 20px !important; padding: 0 !important; border: 0 !important;}
/* жизненно необходимые */
#p9 .post-author, #p9 h3 {display: none} #p9 .post-body, #p9 .post-box {margin: 15px 0 0px 0 !important; padding: 0 !important; border: 0 !important;} #p9 .post-links {position: relative} #p9 .post-content {margin: 20px !important; padding: 0 !important; border: 0 !important;}
/*я бы сыграл*/
#p279654 .post-author, #p279654 h3 {display: none} #p279654 .post-body, #p279654 .post-box {margin: 15px 0 0px 0 !important; padding: 0 !important; border: 0 !important;} #p279654 .post-links {position: relative} #p279654 .post-content {margin: 20px !important; padding: 0 !important; border: 0 !important;}
/* АМС */
#p328787 .post-author, #p328787 h3 {display: none} #p328787 .post-body, #p14 .post-box {margin: 15px 0 0px 0 !important; padding: 0 !important; border: 0 !important;} #p328787 .post-links {position: relative} #p328787 .post-content {margin: 20px !important; padding: 0 !important; border: 0 !important;}
/*фак*/
#p219108 .post-author, #p219108 h3 {display: none} #p219108 .post-body, #p219108 .post-box {margin: 15px 0 0px 0 !important; padding: 0 !important; border: 0 !important;} #p219108 .post-links {position: relative} #p219108 .post-content {margin: 20px !important; padding: 0 !important; border: 0 !important;}
/*кастовые*/
#p26 .post-author, #p26 h3 {display: none} #p26 .post-body, #p26 .post-box {margin: 15px 0 0px 0 !important; padding: 0 !important; border: 0 !important;} #p26 .post-links {position: relative} #p26 .post-content {margin: 20px !important; padding: 0 !important; border: 0 !important;}
/*кастовые, альтернатива*/
#p374316 .post-author, #p374316 h3 {display: none} #p374316 .post-body, #p374316 .post-box {margin: 15px 0 0px 0 !important; padding: 0 !important; border: 0 !important;} #p374316 .post-links {position: relative} #p374316 .post-content {margin: 20px !important; padding: 0 !important; border: 0 !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, #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, #pun-messages .pa-posts, #topic-modmenu.modmenu .container span, #pun-navlinks li#navawards, #button-smile
{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;}
/* Для хронологии
-------------------------------------------------------------*/
#pun-viewtopic div#p243569 .post-author, #pun-viewtopic div#p243569 .post-content dl.post-sig {display: none;}
#pun-viewtopic div#p243569 .post-body {margin: 0;}
/* V. МОБИЛЬНЫЙ СТИЛЬ, МОЗИЛЛА
-------------------------------------------------------------*/
@-moz-document url-prefix() {* {scrollbar-width: thin;}}
/*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 {-webkit-text-size-adjust: none;}
.hashelp center div a button, .button, .punbb input, .punbb select { -webkit-appearance: none !important;border-radius:0px !important;}
}
#on_OfMobile { position: absolute; top: 0px; left: 50%; z-index: 20000;}
#on_OfMobile>span { display: inline-flex; width: 28px; height: 30px; transition-duration: 0.6s; color: rgb(214, 235, 190); margin: 10px 0 0 -160px; justify-content: center; align-items: center;}
@media screen and (min-device-width: 481px) { #on_OfMobile>span { margin: 94px 0 0 198px;}}
#on_OfMobile>span:hover { opacity:.7;}
#on_OfMobile > span:before { content: '\f3cd'; font-family: 'Font Awesome 5 Pro'; font-size: 25px;font-weight: 600;}
.tipsy.mobil .tipsy-inner { width:80px; min-width:80px;}
/*БыстроПлюсы для Топика!*/
.noNull:before {
content: "+";
font-size: 9px;
display: inline-block;
margin-left: -6px;
margin-top: 0px;
position: absolute;
}
div .post-rating p a {
text-align: center;
outline: 1px solid transparent;
font-weight: 700;
background: url(https://forumstatic.ru/files/001a/ea/43/92789.svg) no-repeat center;
background-size:36px auto;
position:relative;
z-index:100;
width: 36px;
height: 36px;
text-align:center;
font-size: 10px !important;
vertical-align: middle;
line-height: 31px;
letter-spacing: -.1px;
}
div.post-vote {
margin-bottom: 0px;
}
div.post-vote p>a {
font-size: 0 !important;
position: absolute;
cursor: pointer;
z-index: 200;
width: 10px;
height: 10px;
background: url(https://forumstatic.ru/files/001a/ea/43/64879.svg?v=1) no-repeat;
background-size: 100%;
margin-left: 47px;
margin-top: 27px;
}
div.post-vote p>a, div .post-rating p a {display: block;}
