/************************************************************* ÊÎÄÛ È ÃÐÀÔÈÊÀ BLANCHE v.2022.0 ó íàñ åñòü ìàñòåðñêàÿ íà ðåíî, îáðàùàéòåñü <Ç — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — ÷àñòè êîäîâ ìîæíî ñâîáîäíî áðàòü â ëè÷íîå ïîëüçîâàíèå, åñëè âû îñòàâèòå ìîå êîïè â ñòèëå âàøåãî äèçà äàâàéòå óâàæàòü òðóäû, äà è ïðîñòî äðóã äðóãà <Ç ************************************************************** I. ØÐÈÔÒÛ, ÒÅÊÑÒ È ÑÑÛËÊÈ / ÏÅÐÅÌÅÍÍÛÅ -------------------------------------------------------------*/ @import url(style_cs.1682028388.css); @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"); @import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC&family=Raleway:wght@500&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Cuprum&family=Yeseva+One&display=swap'); @font-face { font-family: Helvetica Neue; src: local("HelveticaNeueCyr-Roman"), url(https://forumstatic.ru/files/001a/28/10/91623.ttf) format('truetype');} @font-face { font-family: Helvetica Bold; src: local("Helvetica-Bold"), url(https://forumstatic.ru/files/001b/7c/28/10452.ttf) format('truetype');} @font-face { font-family: DRUZHOK; src: local("DRUZHOK"), url(https://forumstatic.ru/files/001b/7c/28/98904.ttf) format('truetype');} @font-face { font-family: Alter Biom; src: local("AlterBiomDemo"), url(https://forumstatic.ru/files/001a/28/10/78692.ttf) format('truetype');} :root {--accent1: #ddc499; --accent2: #bba784; --accent3: #ada089; --accent4: #ddd4c5; --basic1: #344e46; --basic2: #92aea6; --basic3: #61746d; --basic4: #938365; --basicfont: 'Helvetica Neue'; --accentfont: 'Doppelganger'; --fawe: 'FontAwesome'; --trans1: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.3s 0.2s linear; --trans2: all .3s cubic-bezier(.64,.51,.55,1.16) 0s; --trans3: all 0.5s; --sback: url(http://forumstatic.ru/files/0013/17/f8/88242.png); --smarg: 0 -30px; --shei: 50px; } /* öâåò òåêñòà íà ôîðóìå + çà÷åðêíóòîãî */ .punbb, del:hover, #topic-users-in a:not(:last-of-type):after {font: normal 68.75% verdana, arial, helvetica, sans-serif; color: var(--basic1);} /* ññûëêè äî è ïîñëå íàâåäåíèÿ */ .punbb a {text-decoration:none; transition: var(--trans1); color: #a99676;} #pun-admain a, #MyBookmarks span.scrl.t, #MyBookmarks span.scrl.b {color: #a99676 !important;} .punbb a:hover, .punbb a:focus, .punbb a:active {color: #628f80;} /* çà÷åðêíóòûé òåêñò */ del {filter: blur(1px); text-decoration: none; transition: var(--trans1); opacity: .5;} del:hover { font: inherit; filter: none; opacity: 1;} /* II. ÔÎÍ, ÒÅËÎ -------------------------------------------------------------*/ /* ôîí */ body { overflow-x: hidden; background: url() repeat-x top center, url() no-repeat top center, url() no-repeat bottom center, url(http://forumstatic.ru/files/0013/17/f8/94445.jpg) no-repeat top center fixed #32403c;background-size: cover;} /* body.redirect-page {background: url() no-repeat fixed #918da6 !important;}*/ /* òåëî */ #pun { margin: 180px auto 170px auto; position: relative; border-radius: 10px; background-image: url(http://forumstatic.ru/files/0013/17/f8/77144.jpg);background-color: #e7e4e0;width : 1032px;} .punbb {height: auto; padding: 70px 52px 0 72px; position: relative; margin-bottom: -80px;} #pun:before, #pun:after { content: '' !important; width: 5%; height: 100%!important;border: 1px solid #51605b; margin: -7px; position: absolute; z-index: -1; padding-bottom: 12px;} #pun:before {border-right: none; border-radius: 15px 0 0 15px;} #pun:after {border-left: none; border-radius: 0 15px 15px 0;top: 0px; right: 0px; visibility: visible !important;} /* III. ÏÎËÜÇÎÂÀÒÅËÜÑÊÀß ÍÀÂÈÃÀÖÈß, ÏÐÈÂÅÒÑÒÂÈÅ, ÍÀÂÈÃÀÖÈß ÏÎ ÒÅÌÀÌ -------------------------------------------------------------*/ #pun-ulinks, #pun-about .item1, #pun-viewforum .modmenu { position: absolute; z-index: 2; left: 53px; font-family: var(--basicfont); text-transform: uppercase; font-size: 6.5px; letter-spacing: 1.5px;} #pun-about .item1 {bottom: 44px;} #pun-ulinks {top: -17px; width: 926px;} #pun-viewforum .modmenu { left: -16px; bottom: -85px;} #pun-ulinks li a { padding: 3px;} #pun-ulinks .item7:last-child { display: inline-block !important; position: absolute; right: 0px; margin-right: 0px;} #pun-ulinks li.item6 { position: absolute; right: 83px;} #pun-ulinks li.item8.nav-item-notifications { position: absolute; right: 165px;} #pun-ulinks a:after { content: '—'; color: #51605b; font-size: 13px; margin: -5px 0px 0px 10px; position: absolute;} #pun-ulinks:hover li a, #pun-about .item1 a:hover, #pun-viewforum .modmenu a:hover { color: var(--basic3);} #pun-ulinks li a, #pun-ulinks li a:hover, #pun-about .item1, #pun-about .item1 a, #pun-viewforum .modmenu a {color: #b4a488;} #pun-ulinks li:before, #pun-ulinks li:after { content: '\2726'; position: absolute; font-size: 10px; color: var(--accent3);opacity:0; transition: var(--trans1)} #pun-ulinks li:hover:before, #pun-ulinks li:hover:after {opacity: 1} #pun-ulinks li:before { margin: -4px 0 0 -8px;} #pun-ulinks li:after { margin: -4px 0 0 0px;} #pun-ulinks:hover li a {opacity: .5} #pun-ulinks li a:hover {opacity: 1;} /* ÍÀÂÈÃÀÖÈß ÈÊÎÍÊÀÌÈ, ÍÀÂÅÄÅÍÈÅ, ÏÐÎÊÐÓÒÊÀ BY BLANCHE. ÌÎÆÍÎ ÁÐÀÒÜ ÏÎËÍÎÑÒÜÞ ÈËÈ ×ÀÑÒßÌÈ, ÍÎ ÎÑÒÀÂËßÅÌ ÊÎÏÈ */ /* çàêðåï */ #pun-navlinks {position: sticky; top: 200px;} #pun-navlinks .container {top: -15px; left: -71px; position: absolute; width: 41px; text-align: center; background: url(http://forumstatic.ru/files/0013/17/f8/94839.png) no-repeat center;} /* ñòèëü è àíèìàöèÿ */ #pun-navlinks, #pun-navlinks a {font-size: 0px; outline: none !important; z-index: 99999; color: var(--basic2); text-shadow: 0 0 10px #4f6e66, 1px 1px 0 #31403b;} #pun-navlinks li, #pun-ulinks li {display: inline; margin: 0px;} #pun-ulinks li {margin-right: 24px;} #pun-navlinks li a:before,#navpr_1 a:before {font-family: var(--fawe);font-size: 13px;transition: var(--trans2); display: block;} #pun-navlinks li a:hover:before, #navpr_1 a:hover:before {transform: scale(1.5) rotate(360deg); color: var(--accent1);} #pun-navlinks li a { height: 30px; display: flex; align-content: center; align-items: center; width: 40px; justify-content: center;} #pun-navlinks .container li a { margin: 5px 0;} #pun-navlinks li a:after, #navpr_1 a:after {position: absolute; width: 0px; text-align: center; transition: all 0.5s; font-size: 0px; font-family: var(--basicfont); text-transform: uppercase; letter-spacing: 1px; background: var(--accent1);color: var(--basic1); text-shadow: none;right: 48px; margin-top: 1px; height: 16px; border-radius: 5px 0 0 5px; line-height: 18px; font-weight: bold;} #pun-navlinks li a:hover:after, #navpr_1 a:hover:after {transition: all 0.5s;width: 80px;font-size: 8px;} /* ñîäåðæèìîå */ #navindex a:before {content: "\f015";} #navindex a:after { content: 'ôîðóì';} #navuserlist a:before {content: "\f007";} #navuserlist a:after { content: 'ó÷àñòíèêè';} #navsearch a:before {content: "\f002";} #navsearch a:after { content: 'ïîèñê';} #navprofile a:before {content: "\f004";} #navprofile a:after { content: 'ïðîôèëü';} #navpm a:before {content: "\f0e0";} #navpm a:after { content: 'ñîîáùåíèÿ';} #navadmin a:before {content: "\f013";} #navadmin a:after { content: 'àäìèíêà';} #navlogout a:first-child:before, #navlogin a:before {content: "\f00d";} #navlogout a:first-child:after { content: 'òâèíêè';} #navlogin a:after {content: 'âîéòè'} #navpr_1 a:before {content: '\f0a1';} #navpr_1 a:after {content: 'ïèàð'} #navregister a:before {content: "\f044";} #navregister a:after { content: 'ðåãèñòðàöèÿ';} #pun-navlinks #New-exit:before { content: '\f08b'; position: absolute; margin: 33px 0 0 -4px;} #pun-navlinks #New-exit:after {content: 'âûéòè'; right: 47px; margin-top: 30px;} /* ÂÛÄÅËÅÍÈÅ ÂÛÁÐÀÍÍÎÉ ÍÀÂÈÃÀÖÈÈ BY BLANCHE. ÌÎÆÍÎ ÁÐÀÒÜ ÏÎËÍÎÑÒÜÞ ÈËÈ ×ÀÑÒßÌÈ, ÍÎ ÎÑÒÀÂËßÅÌ ÊÎÏÈ */ #pun-index #navindex a, #pun-userlist #navuserlist a, #pun-search #navsearch a, #pun-profile #navprofile a, #pun-messages #navpm a { color: #25322e !important; text-shadow: 0 0 10px #384e49, 1px 1px 0 #647e76;} #pun-navlinks li p a { display: inline-block; text-align: center; width: auto !important; height: 10px !important; background: transparent !important; margin: 0px !important;} /* îáúÿâëåíèå */ #pun-announcement {position:absolute;z-index: 2;} #pun-announcement .container:hover div { opacity: .3;filter:blur(.5px)} #pun-announcement .container div:hover { opacity: 1;filter: none;} #pun-announcement .container div { transition: var(--trans1);} /* ïðèâåò, âàø ïîñë âèçèò */ #pun-status {position: absolute; z-index: 2; width: 250px; text-align: right; line-height: 12px; top: -110px; left: 687px;} span.status_userava {float: right; box-shadow: 0 0 0 1px var(--basic2); margin-left: 15px; } span.status_userava, span.status_userava img {width: 35px; height: 35px; object-fit: cover;border-radius: 5px 0; transition: var(--trans1);} #pun-status .item1 {margin-bottom: 2px; color: var(--accent1); transition: var(--trans1)} #pun-status .item1, #pun-status .item2, #pun-status .item2 strong { display: block;} #pun-status .item2 {width: 120px; float: right; font-size: 9px;} #pun-status, .par span b, .pos { font-family: var(--basicfont); font-size: 9px; letter-spacing: .5px; text-transform: lowercase;} #pun-status, #pun-status a, .pos {color: var(--basic2);} #pun-status .item1, .par span b, .pos a, .pos a:hover { text-transform: uppercase; font-size: 8px;} span.item1 strong, span.item2 strong, #profile-left #pa-avatar strong, .pa-author strong {font-weight: normal !important;} /* íàâèãàöèÿ ïî òåìàì */ #pun-crumbs1, #pun-crumbs2 {font-family: var(--basicfont); letter-spacing: .7px; font-size: 8px; text-transform: uppercase; position: absolute; text-align: center;} #pun-crumbs1 { width: 401px; left: 335px;} #pun-crumbs2 { width: 500px; left: 286px;} #pun-crumbs1 p.container.crumbs {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #pun-crumbs1 a { z-index: 2; position: relative;} #pun-crumbs1, #pun-crumbs1 a:hover, #pun-crumbs2, #pun-crumbs2 a:hover, #pun-crumbs1 a, #pun-crumbs2 a, #pun-crumbs1 .container a:after, #pun-crumbs2 .container a:after {color: #486d5e;} #pun-crumbs1 {margin-top: -49px;} #pun-crumbs2 {bottom: 20px;} #pun-admin_style #pun-crumbs2, #pun-viewtopic #pun-crumbs2 { margin-top: 38px;} #pun-crumbs1 .container a:after, #pun-crumbs2 .container a:after { content: '•'; margin: 0 2px 0 4px;} /* IV. ÏÎÄÔÎÐÓÌ ÍÀ ÃËÀÂÍÎÉ -------------------------------------------------------------*/ #pun-main, #pun-admain { position: relative; min-height: 200px;} .punbb .main .tcmod {width: 2%;} #pun-category1 .container, #pun-category2 .container, #pun-category3 .container, #pun-category4 .container, #pun-category5 .container {margin: 0 20px;} #pun-index .tcl { overflow: hidden; text-align: left; width: 40% !important; padding-left: 35px;} .Add { display: none;} .s-podf-1 { position: absolute; margin: -6px 0px 0px 410px; font-size: 7px; text-transform: uppercase; width: 120px; text-align: center; } .s-podf-2 { height: 21px;} /* íàçâàíèå */ #pun-index .tcl h3 a { margin: 0 0 -10px -10px; width: 380px; text-transform: lowercase; font-family: var(--accentfont) !important; font-size: 28px !important; letter-spacing: 1px; border-bottom: 1px solid; padding-left: 10px; display: block;} #pun-index .main .tcr .lastpost, #pun-index .tcl a, #pun-index .subforums:after {color: #9c9484; transition: var(--trans1)} #pun-index .tcl:hover a {opacity: .5} #pun-index .tcl:hover h3 a, #pun-index .tcl a:hover {opacity: 1} #pun-index .main .tcr a, #pun-index .tcl h3 a {color: var(--basic4)} /* àâàòàð */ .punbb .user-avatar .avatar-image { height: 25px !important; width: 25px !important;} .punbb .user-avatar .avatar-image { opacity: 0.6 !important;transition: all .5s;} .punbb .user-avatar .isonline {top: -1px !important; right: 4px !important; background: var(--basic3) !important;} .punbb .tcr .user-avatar {float: right;} #pun-index .tcr .user-avatar { margin: 7px -35px 0px 10px;} #pun-index .tcr .user-avatar a { border: none !important; margin: 0px !important;} #pun-viewforum .tcr .user-avatar { margin: -7px -10px -20px 10px;} #pun-index .tcr .user-avatar:before { content: ''; background: #dbd1c0; width: 10px; position: absolute; height: 1px; margin: 14px 0 0 -46px;} #pun-index .main .tcr {text-align: right; width: 46%; padding: 32px 20px 0 0; transition: var(--trans1);} #pun-index .subforums {font-size: 0px; display: inline-block;} .subforums, #pun-index .main .tcr, #pun-index .tcl a {font-family: var(--basicfont); text-transform: uppercase;} #pun-index .tcr a { padding-left: 15px; font-size: 9.5px; letter-spacing: 1px; border-bottom: 1px solid; padding-bottom: 5px; display: block; margin: 0px -20px -8px -21px;} #pun-index .tcr .lastpost, #pun-index .subforums a, #pun-index .tcl a { font-size: 10px; letter-spacing: .5px; text-transform: lowercase; font-family: var(--basicfont);} #pun-index .tcl a:not(:last-child):after, #pun-index .subforums:after { content: '•'; margin: 0 5px; vertical-align: middle; font-size: 6px;} #pun-index .subforums:after { margin-top: -4px; display: inline-block;} #pun-index .tcl h3 a, #pun-index .tcr a {border-color: #dbd1c0;} /* íàâîäèëêè */ .hasicon:hover .alt1, .hasicon:hover .alt2 { opacity: .6;} .hasicon .alt1:hover, .hasicon .alt2:hover { opacity: 1;} .hasicon .alt1, .hasicon .alt2 {transition: var(--trans1)} .alt1:hover a, .alt1:hover .tcr .lastpost, .alt2:hover a, .alt2:hover .tcr .lastpost, #pun-index .inew a, #pun-index .inew .lastpost { color: #6c877c !important; border-color: #bec9c5 !important;} .alt1:hover .tcr a:before, .alt2:hover .tcr a:before, #pun-index .inew .tcr a:before {color: #bec9c5 !important} /*çâåçäà*/ #pun-index .alt1:hover .icon, #pun-index .alt2:hover .icon {background: #bec9c5 !important;} /* èêîíêà */ .alt1:hover .user-avatar .avatar-image, .alt2:hover .user-avatar .avatar-image {opacity: .8 !important} #pun-index .tcl h3 a:before, #pun-index .main .tcr a:after { font-family: alter biom; font-size: 12px; vertical-align: middle; opacity: 0;transition: all .5s; letter-spacing: 1px;} #pun-index .tcl h3 a:before { content: '>>'; margin-right: 5px; margin-left: -15px;} #pun-index .main .tcr a:after { content: '<<'; margin-right: -15px; margin-left: 5px;vertical-align: baseline;} #pun-index .tcl h3 a:hover:before {opacity: 1; margin-left: 0px;} #pun-index .main .tcr a:hover:after {opacity: 1; margin-right: 0px;} /* V. ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ -------------------------------------------------------------*/ #pun-viewforum .tcl {width: 62%} #pun-viewforum .tcr {width: 40%;} #pun-viewforum .tcl, #pun-viewforum .tcr, #pun-viewforum .tc2, #pun-viewforum .tc3 {text-transform: lowercase; font-family: var(--basicfont); font-size: 10px; letter-spacing: .5px;} #pun-viewforum .tcl h3 { font-size: 10px !important;} #pun-viewforum td.tcr { height: 40px; text-align: right; vertical-align: middle;} #pun-viewforum .tc2, #pun-viewforum .tc3 { text-align: center; width: 5%; vertical-align: middle;} #pun-messages .modmenu a { bottom: -46px; left: 459px; position: absolute; z-index: 9;} #pun-viewforum #pun-main .forum .container, #pun-viewforum #pun-main .category .container, #pun-searchtopics #pun-main .forum .container {margin-top: 20px;} /*#pun-viewforum #pun-main .forum, #pun-respect #pun-main .section, #pun-positive #pun-main .section, #pun-online #pun-main .section, #pun-searchtopics #pun-main .forum { min-height: 250px;} */ #pun-viewforum .tclcon:after, #pun-messages .tclcon:after { margin: 16px 0px 0 0 !important;} #pun-viewforum .alt2.isub .tclcon:after , #pun-viewforum .alt1.isub .tclcon:after { margin-top: 3px !important;} #pun-messages .tclcon:after { width: 750px !important;} #pun-viewforum #pun-main .container tr:hover:after { width: 930px;} #pun-viewforum .tcl, #pun-viewforum .tc2, #pun-viewforum .tc3, #pun-viewforum .tcr, #pun-userlist .tcl, #pun-userlist .tc2, #pun-userlist .tc3, #pun-messages .tcl, #pun-messages .tc2, #pun-messages .tc3 { z-index: 1; position: relative;} #pun-userlist .container tr:before, #pun-messages .fs-box .container tr:before { margin: 10px 0 0 -10px !important;} #pun-userlist .container tr:hover:before { width: 910px;} #pun-messages .fs-box .container tr:hover:before {width: 770px;} #pun-messages .fs-box .container thead tr:hover:before { width: 0px !important;} #pun-viewforum .category td.tcr a {display: block;margin-top: -10px;} #pun-viewforum .category td.tcr .lastpost {margin-right: 36px;display: block; transition: var(--trans1)} #pun-viewforum .isub .user-avatar {margin-top: -3px;} #pun-viewforum .isub .user-avatar .isonline {margin-top: -10px;} #pun-viewforum #pun-main .container tbody tr:after, #pun-userlist .container tbody tr:before, #pun-messages .fs-box .container tr:before {content: ''; position: absolute; width: 0px; height: 34px; left: 0px; margin: 5px 0 0 -10px; z-index: 0; border-radius: 5px; transition: 1s; background: linear-gradient(90deg, #d7c9b061, #e5ddd040);} #pun-viewforum .linksb, #pun-messages .linksb, #pun-searchtopics .linksb, #pun-userlist .linksb, #pun-searchposts .linksb, #pun-multimove .linksb, #pun-positive .linksb, #pun-respect .linksb {position: absolute; bottom: -45px; left: -10px;} /* VI. ÍÀÑÒÐÎÉÊÀ ËÈÍÊΠÂÅÇÄÅ -------------------------------------------------------------*/ .linkst, .linksb, #pun-searchposts .post-links, #pun-viewtopic h3, #pun-multimove h3, #topic-users-in {font-family: var(--basicfont); text-transform: lowercase; font-size: 9px; letter-spacing: .5px;} /* ïàãèíàöèÿ */ .pagelink a, .pagelink strong, .pagelink span.ellipsis {font-size: 9px; margin: 0 -2px;} .pagelink strong {background: var(--accent4); padding: 0px 1px 0 1.5px; border-radius: 3px; font-weight: normal !important;} .pagelink a.prev, .pagelink a.next {margin: 0 -4px;} #pun-viewtopic .linksb .pagelink a:hover {background: var(--basic4); color: var(--accent1); border-radius: 2px; transition: var(--trans3);} .pagelink a {padding: 0 1px 0 2px;} #pun-viewtopic .linkst {width: 878px;} #pun-viewtopic h3 a, .linkst a, .linksb .postlink span a, #pun-searchposts h3 strong {color: var(--basic1) !important} .linkst .pagelink, .linkst .postlink span, #pun-viewtopic h3 a, #pun-multimove h3, #pun-post h3 a, #pun-viewtopic h3 strong, #pun-multimove h3 strong, #pun-post h3 strong, #pun-searchposts h3 strong, .post-links li a, .linksb .pagelink, .linksb .postlink span a, #pun-messages .modmenu a, #pun-searchposts h3 a, #pun-messages .postlink .button, #pun-messages .post h3 span, #pun-viewtopic #mod-options {transition: var(--trans1); display: inline-block; border: 1px solid; padding: 5px; text-transform: uppercase; letter-spacing: 1px; height: 9px; font-size: 8px; font-family: var(--basicfont); border-radius: 3px; border-color: var(--basic4) !important;} .linkst .postlink span, #pun-multimove h3 a, #pun-post h3 a, #pun-post h3 strong, .post-links li a, #pun-messages .modmenu a, #pun-messages .postlink .button, #pun-messages .post h3 span {color: var(--basic1);} .linkst .pagelink:hover, .linkst .postlink span:hover, #pun-viewtopic h3 a:hover, #pun-multimove h3 a:hover, #pun-post h3 a:hover, #pun-viewtopic h3 strong:hover, #pun-multimove h3 strong:hover, #pun-post h3 strong:hover, #pun-searchposts h3 strong:hover, .post-links li a:hover, .linksb .pagelink:hover, .linksb .postlink span a:hover, #pun-messages .modmenu a:hover, #pun-messages .post h3 span:hover, #pun-viewtopic #mod-options:hover {cursor: pointer; background: #ebe0cc73; box-shadow: 0 0 5px inset #ffffff91;} h3 strong:before {content: 'ïîñò'; margin-right: 5px;} h3 .permalink { width: 95px; text-align: center;} #pun-viewtopic h3, #pun-multimove h3 {margin: -70px 0px 0px 82px; position: absolute;z-index:1;} #pun-viewtopic .post.toppost h3, #pun-viewtopic .post.topicpost h3, #pun-multimove .post.topicpost h3 {margin: -41px 0px 0 146px;} #pun-viewtopic .post.toppost h3 strong, #pun-viewtopic .post.topicpost h3 strong {margin-left: 721px;} .linkst {margin: -47px 0 0 -21px;} #pun-viewforum .linkst, #pun-viewforum .linksb {width: 928px !important;} #pun-viewtopic .linkst .postlink, #pun-viewforum .linkst .postlink, #pun-viewforum .linksb .postlink {float: right; text-align: right;} .punbb .post-links a, .linksb .pagelink, .linksb .pagelink a, .permalink, #pun-viewtopic #mod-options {color: var(--basic1) !important} .linkst .postlink.long .new-topic {padding-right: 5px !important; margin-right: 10px;} .linksb .postlink.long .new-topic {padding-right: 5px !important; margin-right: 5px;} .pagelink, #pun-searchposts .post-links li a {width: 145px; text-align: center; z-index: 9;} .punbb .post h3 strong, #pun-multimove h3 strong { float: right; font-weight: normal; position: absolute; margin-left: 785px; width: 50px; text-align: center; color: var(--basic1) !important} #pun-post .post h3 strong { margin-left: 846px;} /* ÔÈÊÑÀÖÈß POCT-LINKS È ÏËÞÑÀ BY BLANCHE. ÌÎÆÍÎ ÁÐÀÒÜ, ÍÎ ÎÑÒÀÂËßÅÌ ÊÎÏÈ */ #pun-viewtopic .post-links { position: sticky; bottom: -25px; z-index: 1;background: var(--sback)} #pun-viewtopic .post-links, #pun-post h3, #pun-searchposts h3 { margin: var(--smarg); padding: 25px 81px 0px 8px; height: var(--shei); background: var(--sback);} .post-rating { position: sticky; bottom: 120px; z-index: 9999; font-family: arial; margin-right: -59px;} .post-rating a { background: #d9d1c4; display: flex; justify-content: center; align-items: center; border-radius: 0 5px 5px 0; width: 27px; height: 25px; font-family: 'Lighthaus'; color: var(--basic3) !important; border-top: 1px solid; border-bottom: 1px solid; border-color: #eae7e0; font-weight: bold;} .post-rating, .post-rating a {transition: var(--trans3)} .post-rating:hover {margin-right: -64px;} .post-rating a:hover {padding-left: 4px;} /* VII. ÏÐÎÑÌÎÒÐ Â ÒÅÌÅ -------------------------------------------------------------*/ /* êîíåö ôëóäà, áûñòðûé îòâåò */ #pun-viewtopic #pun-main h2 span:not(#post-form h2 span), .post-links .pl-nodelete {text-align: center; display: block; font-family: var(--basicfont); text-transform: uppercase; font-size: 8px; letter-spacing: 1px;} #pun-viewtopic #pun-main h2 span {margin: 45px 0 -2px 0; text-align: center; font-size: 0; padding: 0;} #pun-viewtopic #pun-main #post-form h2 span:before {content: 'you are my best partner'; font-size: 40px; margin-left: 10px; opacity: .5;} #pun-viewtopic #pun-main .formal a {font-family: var(--basicfont); text-transform: lowercase; letter-spacing: .5px; font-size: 10px;} /* ÏÐÎÑÌÀÒÐÈÂÀÞÒ, ÏÎÄÏÈÑÀÒÜÑß ÈÊÎÍÊÀÌÈ BY BLANCHE. ÌÎÆÍÎ ÁÐÀÒÜ, ÍÎ ÎÑÒÀÂËßÅÌ ÊÎÏÈ */ #topic-users-in {position: relative; z-index: 2; margin: -15px 0 -65px 0; width: 850px; height: 70px; font-size: 10px; line-height: 15px;} #topic-users-in .container span, #pun-viewtopic .linksb .subscribelink {font-size: 0;} #pun-viewtopic .linksb .subscribelink a {height: 20px; width: 25px; display: block;} #pun-viewtopic .linksb .subscribelink a span { position: absolute; width: 25px; height: 25px;} .subscribelink { margin: 41px 0px 0 737px; float: right; font-size: 9.5px;} #pun-viewtopic #topic-users-in .container span:before, #pun-viewtopic .linksb .subscribelink a:before {font-family: var(--fawe); font-size: 12px; margin-right: -7px; color: var(--basic4);} #pun-viewtopic #topic-users-in .container span:before {content: '\f007'; vertical-align: sub;} #pun-viewtopic .linksb .subscribelink a:before {content: '\f06e';transition: var(--trans1); position: absolute; margin: 5px; font-size: 14px;} #pun-viewtopic .linksb .subscribelink a:hover:before, .All_the_pros:hover:before {color: var(--accent2);} /* ÑÒÈËÈÇÎÂÀÍÍÀß ÏÎÄ POST-LINKS ÌÎÄÅÐÊÀ BY BLANCHE */ #topic-modmenu.modmenu {position: absolute; margin: -60px 0 0 249px; z-index: 1;} #pun-viewtopic #mod-options {height: 21px !important; background: transparent; width: 150px; outline: none !important; box-shadow: none; text-shadow: none; text-transform: uppercase !important; font-size: 8px !important;} #pun-viewtopic .linksb {background: none; padding: 0px;margin-left: 0px; width: 100%; margin-top: -50px; position: absolute; left: 2px;} #pun-viewtopic .linksb .postlink { left: 865px;} #pun-viewtopic .linksb .pagelink, #pun-viewtopic .linksb .postlink {position: absolute; z-index: 1;} #pun-viewtopic .linksb .pagelink {margin-left: 80px;} #pun-viewtopic .modmenu .container span {font-weight: normal!important;} #topic-users-in .container a:not(:last-child):after { content: ',';} /* áåãóíîê øðèôò */ .FNTslider { width: 100px; height: 9px; float: right; margin: 6px 0px 0 427px; outline-offset: 5px; background: #998b7238; outline: 1px solid var(--basic4);} .FNTslider .before {height: 9px; background: var(--basic4);} .FNTslider .thumb {background: var(--accent1); width: 6px; height: 20px; position: relative; top: -15px; cursor: pointer;} /* ðàçäåëèòåëü ìåæäó ïîñòàìè */ #pun-viewtopic .post-links ul, #pun-messages .post-links ul {margin: 0 0px;padding: 0px;text-align: right;} #pun-viewtopic .post-links li, #pun-messages .post-links li {display: inline-block} .pl-email { float: left;} .post-links li.pl-email.profile, .post-links li.pl-email.pm { margin-right: 10px;} .post-links li.pl-delete, .post-links li.pl-edit { margin-right: 6px;} /* ïîñòû ïî øèðèíå */ .punbb .post-content p { margin: 0; padding-bottom: 10px; line-height: 150%; text-align: justify;} .punbb .post-content { padding: 0; margin: 0; width: 100%; /*overflow: hidden; ÂÀÆÍÎÅ*/ text-align: justify; } /* ÑÒÈËÜ HR È ËÈÍÈÈ ÌÅÆÄÓ ÏÎÑÒÎÌ È ÏÎÄÏÈÑÜÞ BY BLANCHE. ÌÎÆÍÎ ÁÐÀÒÜ, ÍÎ ÎÑÒÀÂËßÅÌ ÊÎÏÈ */ .punbb .post-sig dt, .post-content hr {border-top: 1px solid var(--accent4); margin: 20px 0 !important;} .post-content hr {opacity: 1 !important; border-bottom: none !important;} .punbb .post-sig dt:before, .post-content hr:before, #pun-index .main .tcr a:before {position: absolute; width: 30px; content: '\2726'; font-size: 18px; text-align: center; border-radius: 20px; background: #e7e3e0; color: #dbd1c0;} #pun-index .main .tcr a:before {transition: var(--trans1);} .punbb .post-sig dt:before, .post-content hr:before { margin: -13px 50%;} #pun-index .main .tcr a:before { margin-top: 9px; left: 48%;} /* VIII. ÏÐÎÑÌÎÒÐ ÏÎ ÑÒÐÀÍÈÖÀÌ -------------------------------------------------------------*/ #pun-searchtopics #pun-main .forum {margin-top: 10px;} #pun-main .info {font-family: var(--basicfont); text-transform: lowercase; letter-spacing: .5px;} /* ïðåäïðîñìîòð ñîî */ #pun-post .pa-author {text-align: center; margin-left: 0px; color: var(--accent1);} #pun-post .topic {margin-top: 10px;} /* ðåäàêòèðîâàíèå */ #pun-edit small#plng {margin-top: 69px;} .post-box small#plng { margin: 10px 0px 0px 255px;} /* ìîäåðñêîå */ .pun-modal.move_posts_form .Select_Topics .tc2 {text-align: center; width: 5%;} .pun-modal.move_posts_form .Select_Topics tr {border-bottom: 1px solid var(--basic2); height: 30px;} .modmenu {font-family: var(--basicfont); letter-spacing: .5px; font-size: 10px; text-transform: lowercase;} /* ìîè ñîîáùåíèÿ */ #pun-searchposts .post h3 strong {right: -21px;} #pun-searchposts .post-links li {margin-top: -9px;} #pun-searchposts h3 {padding-left: 176px !important;} #pun-searchposts .linksb {left: 760px; position: absolute;} #pun-searchposts .post:first-of-type h3 {margin: -48px -30px 0 126px !important; padding: 0px 92px 0px 20px !important; height: var(--shei); background: none !important;} #pun-searchposts h3 a {margin-right: 5px; color: var(--basic1);} #pun-searchposts .post-links li a {position: absolute; margin: 25px 0 0 -21px;} #pun-searchposts .linkst {background: none; padding: 0; position: absolute; top: 47px; width: auto;} #pun-searchposts .post:last-of-type .post-links li a {bottom: -45px;} /* ó÷àñòíèêè */ #userlist {margin-top: 20px;} #pun-userlist .usertable .container { padding: 10px;} #pun-userlist tr:after {left: 20px; margin-top: 50px;} #pun-userlist .usertable {font-family: var(--basicfont); text-transform: lowercase; letter-spacing: .5px; font-size: 10px;} #pun-userlist .user-avatar {margin: -8px 0 0px 0px !important;} #pun-userlist td.tcl.username {padding-top: 20px; margin-left: 0px; display: inline-block;} #pun-userlist .tc3 {text-align: center;} #pun-userlist .tc3.last_visit, #pun-viewforum .tcr {text-align: right;} /* ôîðìû çàïîëíåíèÿ íà ñòðàíèöàõ ó÷àñòíèêîâ è ïîèñêà */ .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {float: left; margin: 11px 10px;} .punbb .inline .infofield {font-family: var(--basicfont); text-transform: lowercase; font-size: 9px; letter-spacing: .5px; padding: 10px; text-align: justify; min-height: 40px; border-radius: 5px; border: 1px solid var(--accent4);} /* ÑÒÀÒÈÑÒÈÊÀ BY BLANCHE. ÌÎÆÍÎ ÁÐÀÒÜ, ÍÎ ÎÑÒÀÂËßÅÌ ÊÎÏÈ */ #pun-stats ul.container {margin: -33px 10px 20px 10px; text-transform: lowercase; font-family: var(--basicfont); font-size: 10.5px; letter-spacing: .5px; display: flex; flex-wrap: wrap; justify-content: space-between;} #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {display: inline-block; margin-bottom: 15px;} #pun-stats li.item1, #pun-stats li.item2 {width: 25%;} #pun-stats li.item4 {width: 43%; text-align: right; margin-right: 30px;} #pun-stats li.item1 {margin-left: 30px;} #pun-stats li.item2 {text-align: center;} /* ïîñåòèëè çà ñóòêè */ #pun-stats ul.container strong {font-weight: normal;} #onlinelist a {position: relative;} #onlinelist a:after {content: ''; background: var(--basic2); width: 0%; height: 1px; position: absolute; top: 12px; left: -3px; transition: all .5s;left: 50%; transform: translate(-50%, 0);} #onlinelist a:hover:after {width: 106%;} #onlinelist {margin-top: 10px;float: left; width: 100%; line-height: 130%; text-align: justify;} #onlinelist div {line-height: 15px;} #onlinelist.item5.users_24h {margin-top: 7px;} #onlinelist, #onlinelist a { color: var(--basic3) !important;} /* ñîîáùåíèÿ */ #pun-messages tbody.hasicon {position: relative;} #notify-settings {font-family: var(--basicfont); 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 {color: var(--basic1) !important; padding: 5px !important; background: none !important; box-shadow: none !important; text-shadow: none !important; margin: -11px -72px 0 860px !important; min-width: 73px !important; height: 21px; float: right;} #pun-messages .postlink {margin-top: -10px;} #pun-messages td.tc2.pmtc22 {width: 30% !important; padding-top: 13px;} #pun-messages table Div.icon {margin-top:10px;} #pun-messages .user-avatar .isonline {right: 4px !important;} #pun-messages small#plng { left: 0px; margin-top: -5px;} #pun-messages #profile fieldset legend:not(#messages fieldset legend) { position: relative; text-align: left; padding-left: 160px; width: calc(100% — 160px);} #pun-messages #profile legend strong { display: block; margin: 3px 0 -3px 0;} #pun-messages #profile #messages legend {margin: 0; position: relative;} #pun-messages #form-buttons {margin-top: 20px;padding-left: 0px;} #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 {margin: 22px 0 -20px 0; z-index: 999; position: relative;} #pun-messages td.tc2.pmtc22 .user-avatar a {margin-top: 0px;} #pun-messages td.tc2.pmtc22 a {margin-top: 7px; display: block;} #pun-messages .user-avatar {width: 35px; height: 25px;} #pun-messages .tclcon {height: 20px; padding-top: 20px;} #pun-messages .hasicon .tc3 { padding-top: 12px; font-size: 10px !important;} #pun-messages .tclcon, #pun-messages .tc2, #pun-messages .tc3 {font-family: var(--basicfont); letter-spacing: .5px;} #pun-messages .post h3 span {position: absolute; top: 22px; right: 0px;} #pun-messages small#plng, #pun-messages .post h3 span { box-shadow: var(--basic2) 0px 0px 0px 1px !important; border-radius: 5px 5px 0 0; border: none !important;} #pun-messages .post-links li.pl-delete {margin-right: -3px; margin-left: 8px;} /* ÐÅÏÓÒÀÖÈß, ÏÎÇÈÒÈÂ, ÀÊÒÈÂÍÛÅ BY BLANCHE. ÌÎÆÍÎ ÁÐÀÒÜ, ÍÎ ÎÑÒÀÂËßÅÌ ÊÎÏÈ */ #pun-respect #pun-main .container tr, #pun-positive #pun-main .container tr, #pun-online #pun-main .container tr, #pun-searchtopics .tclcon {line-height: 30px; height: 40px; display: flex; align-items: center;} #pun-respect #pun-main .container tr, #pun-positive #pun-main .container tr, #pun-online #pun-main .container tr, #pun-searchtopics .tclcon, #pun-searchtopics .multipage .container .tc2, #pun-searchtopics .multipage .container .tc3, #pun-searchtopics .multipage .container .tcr { font-family: var(--basicfont); text-transform: lowercase; font-size: 10px; letter-spacing: .5px; } #pun-positive .multipage .container tbody tr:before, #pun-respect .multipage .container tbody tr:before, #pun-online td.tcl.username:before, #pun-searchtopics .multipage .container tbody td.tcl .tclcon:before { content: '\f186'; color: var(--basic3); font-size: 15px; margin-right: 10px; font-family: var(--fawe); display: inline-block; vertical-align: middle;} #pun-online td.tcl.username:after, #pun-respect .multipage .container tr:not(:last-child) td.tcl:after, #pun-positive .multipage .container tr:not(:last-child) td.tcl:after, #pun-searchtopics .multipage .container tr:not(:last-child) td.tcl:after, #pun-viewforum .tclcon:after, #pun-userlist tbody tr:not(:last-of-type):after, #pun-messages tr:not(:last-of-type) .tclcon:after { content: ''; display: block; position: absolute; width: 910px; border-bottom: 1px solid var(--accent4); margin-left: -20px;} #pun-positive .multipage .container .tc2, #pun-positive .multipage .container .tc3, #pun-respect .multipage .container .tc2, #pun-respect.multipage .container .tc3, #pun-searchtopics .multipage .container .tc2, #pun-searchtopics .multipage .container .tc3, #pun-online .multipage .container th.tcl {text-align: center;} #pun-online .multipage .container th.tcl:first-child {text-align: left;} #pun-positive .multipage .container .tcr, #pun-respect .multipage .container .tcr, #pun-searchtopics .multipage .container .tcr, #pun-online .multipage .container th.tc3 {text-align: right;} #pun-positive .multipage .container th.tcl, #pun-respect .multipage .container th.tcl, #pun-searchtopics .multipage .container th.tcl, #pun-online .multipage .container th.tcl:first-child {padding-left: 24px;} #pun-searchtopics #pun-main .tcl .tclcon strong {font-weight: normal;} .newtext a { background: var(--accent1); text-transform: uppercase; font-family: 'Helvetica Neue medium'; font-size: 8px; letter-spacing: 1px; padding: 2px 4px; color: var(--basic1);} #pun-online td.tcl.username {font-family: var(--basicfont); text-transform: lowercase; font-size: 9px; letter-spacing: 1px;} #pun-online td.tcl.username {width: 30% !important;} #pun-online .multipage .container th.tcl:first-child {width: 27.4% !important;} #pun-online .tcl.action, #pun-online .multipage .container th.tcl {width: 47% !important;} #pun-online .tcl.action strong {font-weight: normal!important;} td.tcl a.registered-user {font-weight: normal!important; text-transform: uppercase;} #pun-online .tc3 {width: 20%; text-align: right;} /* IX. ÔÎÐÌÀ ÎÒÂÅÒÀ -------------------------------------------------------------*/ #post-form fieldset {margin: 0 14px 0 0;padding: 0;text-align: justify;} #post-form h2 {margin: 0;} #main-reply {height: 213px;} p.formsubmit {text-align: center;} /* ðàñòÿãèâàíèå ôîðìû îòâåòà */ .grippie {background: none !important; margin-left: -6px;} .grippie:before {content: '\f0dd'; font-family: var(--fawe); margin: 50%; font-size: 20px; display: block; margin-top: -10px; color: var(--basic2);} /* ÊÍÎÏÊÈ ÔÎÐÌÛ ÎÒÂÅÒÀ Ñ ÌÅÑÒÎÌ ÏÎÄ ÑÈÌÂÎËÛ BY BLANCHE. ÌÎÆÍÎ ÁÐÀÒÜ, ÍÎ ÎÑÒÀÂËßÅÌ ÊÎÏÈ */ #form-buttons {margin: 0px -14px -11px 0px; padding: 3px 5px 0px 145px; height: 27px; border-bottom: none; border-radius: 5px 5px 0 0; border: 1px solid #d4cdc5; background: linear-gradient(0deg, #e5dad25c, #f7f0e5);} small#plng {width: 150px; text-align: center; margin-top: 5px; left: 6px; position: absolute; z-index: 1; font-family: var(--basicfont); letter-spacing: .5px; line-height: 22px;} small#plng b {font-size: 12px; font-family: 'Qalisso'; letter-spacing: 2px;} #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: 9px -21px 0 2px !important;} #spoiler-area a, #image-area a {color: inherit;} #keyboard-span input {box-shadow: none !important; text-shadow: none !important;} #image-area, #color-area, #video-area, #spoiler-area, #addition-area div {height: auto !important;} /* øðèôòû âî âñå îêíî */ #font-area {display: flex; width: 884px; flex-wrap: wrap; justify-content: space-between; font-size: 17px !important; letter-spacing: 0px;} #font-area div {width: 200px;} #font-area b {letter-spacing: 3px; font-size: 12px; font-weight: normal; text-transform: uppercase;} /* ôîí ó ýëåìåíòîâ ïðè íàæàòèè â ôîðìå îòâåòà (ñìàéëû è ò.ä.) */ #tags .container {overflow-y: auto; height: 205px; z-index: 99999; margin: -10px -19px 0 1px;} #float, #tags .container {font-family: var(--basicfont); text-transform: lowercase; letter-spacing: .5px; padding: 10px !important; font-size: 10px; background: #e7e1d6; box-shadow: 0 0 10px #ddd3c1 inset, 0 0 0 1px #cdc4b5;} #font-area div, #size-area div, #addition-area div, #keyboard-span input, ul.tabs li a {padding: 5px 0 2px 10px; line-height: 10px; margin-bottom: 6px; border-radius: 5px; color: var(--basic1) !important; background: linear-gradient(0deg, #f3ede0, #ffffff00) !important; box-shadow: 0 0 0 1px #fbf7f0, 0 0 0 2px #d3c9b9 !important;} #font-area div span:before, #size-area div span:before, #addition-area div span:before {content: '>>'; font-family: 'Alter Biom'; font-size: 12px; margin-right: 5px; vertical-align: bottom; color: var(--basic4);} #smilies-area.container div {background: transparent !important; border: none !important; box-shadow: none !important; padding: 0px !important;} #keyboard-span input {border: none !important; margin: 3px 2px !important; font-family: var(--basicfont) !important; height: 23px !important; padding: 5px !important; font-size: 12px !important;} #imageupload-left strong {display: block;} #upload-button-container input[type=button] {font-weight: normal !important} /* ñìàéëû*/ #wrapper {text-align: center;} ul.tabs {margin: 1px 0 10px 1px; display: flex; width: 450px;} ul.tabs li {float: left; margin-right: 10px; cursor:pointer; width: inherit;} ul.tabs li a {display: block; text-align: left; margin-bottom: -1px; font-size: 10px; height: 13px; letter-spacing: 2px; font-family: lighthaus;} * html ul.tabs li a {float: left} *+html ul.tabs li a {float: left} ul.tabs li a:hover {background: #cfccbd;} ul.tabs li.tab-current a {background: #75a2b1; color: #b8cad0; } div.t2,div.t3,div.t4 {display: none;width: 450px;} .t-emoji {padding: 0px !important; margin-bottom: 0px !important;} #smilies-area {overflow: hidden !important;} #smilies-area.container div.t-memes, #smilies-area.container div.t-emoji, #smilies-area.container div.t-gifs {overflow-y: auto; max-height: 170px;} /* ÊÀÑÒÎÌ ÊÍÎÏÊÈ Â ÔÎÐÌÅ ÎÒÂÅÒÀ BY BLANCHE. ÌÎÆÍÎ ÁÐÀÒÜ, ÍÎ ÎÑÒÀÂËßÅÌ ÊÎÏÈ */ /* óáèðàåì ñòàíäàðòíûå èêîíêè*/ #form-buttons td {background: transparent!important;} #button-transL img, #button-ChangeÑase img {opacity: 0;} #form-buttons td img {position: absolute; z-index: 2; margin-top: -10px;width: auto !important;} /* ñîäåðæèìîå */ #button-font:before {content: "\f031"} #button-size:before {content: "\f034"} #button-bold:before {content: "\f032"} #button-italic:before {content: "\f033"} #button-underline:before {content: "\f0cd"} #button-strike:before {content: "\f0cc"} #button-indent:before {content: "\f03c"} #button-left:before {content: "\f036"} #button-center:before {content: "\f037"} #button-justify:before {content: "\f039"} #button-right:before {content: "\f038"} #button-link:before {content: "\f0c1"} #button-spoiler:before {content: "\f187"} td#button-image:before {content: "\f03e"} #button-video:before {content: "\f008"} #button-hide:before {content: "\f023"} #button-quote:before {content: "\f10e"} #button-code:before {content: "\f121"} #button-color:before {content: "\f1fc"} #button-table:before {content: "\f0ce"} #button-smile:before {content: "\f118"} #button-keyboard:before {content: "\f11c"} #button-addition:before {content: "\f0d7"} #button-vb1:before {content: "\f005"} #floatbut:before {content: "\f1fe"} #Knopa2-2:before {content: "\f02e"} #button-mask:before {content: "\f007"} #button-transL:before {content: "\f021"} #button-ChangeÑase:before {content: "\f15d"} /* ñòèëü è íàâåäåíèå*/ #form-buttons td:hover:before, #Knopa2-2:hover:before {font-size: 16px;} #form-buttons td:before, #Knopa2-2:before {font-family: var(--fawe); font-size: 11px; position: absolute; z-index: 2; transition: var(--trans2); vertical-align: middle; line-height: 20px; width: 20px; text-align: center; border-radius: 5px; padding: 2px;} #form-buttons td:before, #Knopa2-2:before, #plng, #button-image b {color: var(--basic1) !important; opacity: .7;} #form-buttons td:hover:before, small#plng {border-radius: 5px; box-shadow: #fbf8f6 0px 0px 6px inset, #d4cdc5 0px 0px 0px 1px;} #button-image b { font-family: var(--basicfont); font-weight: normal; margin: 20px 0 0 -2px !important; position: absolute;} #plng {opacity: .9} /* X. ÏÐÎÊÐÓÒÊÀ, ÂÛÄÅËÅÍÈÅ, ÑÒÈËÈ ÒÅÊÑÒÀ -------------------------------------------------------------*/ /* ïðîêðóòêà */ ::-webkit-scrollbar {width: 4px;height: 4px;} ::-webkit-scrollbar-track {background: #0000000d;border: 1px solid #0000000a;} ::-webkit-scrollbar-thumb {background: var(--accent1);} /*body::-webkit-scrollbar-track { background: #c7d6d3; border: 1px solid #adc1bd;}*/ .if if1 span div::-webkit-scrollbar, .twin twin3 span::-webkit-scrollbar, .tem priz2::-webkit-scrollbar, .tem priz3::-webkit-scrollbar {width: 3px; height: 3px;} .if if1 span div::-webkit-scrollbar-thumb, .twin twin3 span::-webkit-scrollbar-thumb, .tem priz2::-webkit-scrollbar-thumb, .tem priz3::-webkit-scrollbar-thumb { background: var(--basic2); border: none; box-shadow: none;} /* âûäåëåíèå òåêñòà */ ::selection { color: #46645a; background: #d9cdb9;} /* ïîä÷åðêíóòûé òåêñò */ .punbb .post-content em.bbuline {font-style: normal;text-decoration: none;border-bottom: 1px solid;} /* òàéòë */ #tooltip, .tipsy-inner {z-index: 999999; border-radius: 2px !important; padding: 3px 7px; font-family: var(--basicfont); text-transform: uppercase; font-size: 8px; letter-spacing: 1px; font-weight: bold; background: var(--accent1) !important;} #tooltip, .tipsy-inner, #respect figure .prof, .tipsy-inner a {color: var(--basic1) !important; text-decoration: none !important;} #tooltip {position: absolute; max-width: 200px; display: none;} .tipsy.tipsy-se {margin-left: 30px;} /* ïðîãîëîñîâàâøèå çà ñîî */ /* XI. ÏÐÎÑÌÎÒÐ ÏÐÎÔÈËß BY BLANCHE. ÌÎÆÍÎ ÁÐÀÒÜ ÏÎËÍÎÑÒÜÞ ÈËÈ ×ÀÑÒßÌÈ, ÍÎ ÎÑÒÀÂËßÅÌ ÊÎÏÈ -------------------------------------------------------------*/ #viewprofile li strong, #viewprofile li div, #setmods dd, #profile-left #pa-edit strong a { display: block; font-weight: normal !important;} #pun-profile #viewprofile-next {margin: -22px -20px -91px -20px; position: relative; font-family: var(--basicfont); letter-spacing: .5px; font-size: 10px !important; padding: 20px; height: 280px; border-radius: 2px;} /* ñëåâà */ #profile-left #profile-name {position: absolute; top: 30px; text-overflow: clip; overflow: hidden; height: 29px; display: block; text-transform: uppercase; font-size: 40px;font-family: erotique alternate; color: var(--basic3);} #profile-left #pa-avatar div img {border-radius: 2px;max-width: 140px;max-height: 140px; object-fit: cover;} #profile-left #pa-avatar div {width: 180px;height: 180px;display: flex;justify-content: center;align-items: center;border-radius: 5px 5px 0 0 !important;} #profile-right li, #profile-left #pa-avatar div {margin-top: 28px;} #profile-right li, #profile-right li a, #pun-profile #pa-edit a {color: var(--basic3) !important;} /* ñïðàâà */ #profile-right {display: flex;width: 706px !important;text-align: center;column-gap: 10px;} #profile-right li:not(#pa-last-visit) { width: inherit; text-align: center; text-transform: lowercase; height: 54px;} #profile-right li, #profile-right li#pa-email a, #profile-left #pa-edit a, #profile-left #pa-avatar div, #profile-right li#pa-posts strong a, #profile-left li#pa-online {border-radius: 5px; border: 1px solid #bfb09d;} /* îòïðàâèòü ëñ è ðåäàêòèðîâàòü */ #profile-left #pa-edit a {position: absolute; top: 20px; right: 121px;} #profile-right li#pa-email {position: absolute; top: -19px; border: none; width: 95px; right: 16px;} #profile-right li#pa-email strong a, #profile-left #pa-edit a { width: 75px; display: block; text-align: center;} /* ïîêàçàòü âñå ñîî è òåìû, îíëàéí, ïîñë. âèçèò */ #profile-right li#pa-posts strong a, #profile-left li#pa-online, #profile-right li#pa-last-visit {position: absolute; top: 134px; width: 213px; right: 20px; margin-top: 0px; height: 7px; padding: 9px 7px !important;} #profile-right li#pa-posts strong a:first-child {left: 222px;} #profile-left li#pa-online, #profile-right li#pa-last-visit {left: 461px; letter-spacing: 0.5px !important; text-align: center;} #profile-right #pa-last-visit span, #profile-right #pa-last-visit strong {display: inline-block !important; padding: 0px !important; background: none !important;} #profile-left #pa-online {z-index: 2;} #profile-right #pa-last-visit {z-index: 1;} /* íàñòðîéêà áëîêîâ ñïðàâà */ #viewprofile #profile-right li span {margin-bottom: 10px; display: flex; align-items: center;justify-content: center;} #viewprofile #profile-right li span, #profile-right li#pa-email strong a, #profile-left #pa-edit a, #profile-right li#pa-posts strong a, #profile-left li#pa-online, #profile-right li#pa-last-visit {padding: 7px;text-transform: uppercase;font-size: 8px; background: #c5b9a663;} #profile-right li#pa-email strong a:hover, #profile-left #pa-edit a:hover, #profile-right li#pa-posts strong a:hover, #profile-left li#pa-online, #profile-right li#pa-last-visit { background: #778580; border-color: #52665f; color: var(--accent4) !important;} #profile-right li strong {padding: 0px !important;} #profile-right li#pa-time-visit { min-width: 97px;} #profile-right li#pa-respect, #profile-right li#pa-positive, #profile-right li#pa-posts { max-width: 65px;} #profile-right li#pa-last-post { min-width: 125px;} /* ïîëÿ */ #profile-right li#pa-fld1 strong { margin: 10px; height: 26px; overflow: auto; padding-right: 7px !important; text-align: center;} #profile-right li#pa-fld1 a { color: var(--accent3) !important;} #profile-right li#pa-fld3 { position: absolute; top: -3px; right: 222px; width: 70px; height: 20px; border: none; text-align: right;} #profile-right li#pa-fld1 { display: none;} #profile-right li#pa-fld2 {position: absolute; top: -14px; left: 20px; border: none !important; height: 12px !important; text-align: left; letter-spacing: 1px;} #profile-right li#pa-fld2:before { content: '\2726'; vertical-align: middle; margin-right: 5px;} #profile-right li#pa-fld2, #profile-right li#pa-fld2 span {color: var(--basic4) !important;} #profile-right li#pa-fld2 span { background: none !important; display: inline-block; padding: 0px !important; text-transform: lowercase !important; font-size: 8px !important; margin-bottom: 0px !important;} #profile-right li#pa-fld2 strong { display: inline-block; font-size: 9px;} /* âíóòðè ïðîôèëÿ */ #profilenav, #pun-adnav { float: left; font-family: var(--basicfont); text-transform: lowercase; font-size: 10px; letter-spacing: .5px; position: sticky; top: 20px;width: 110px;} #profilenav a, #pun-adnav a { margin-bottom: 3px !important; display: inline-block;} #pun-profile #form-buttons {margin: 0 -14px 0px 0; padding-right: 8px;} /*#profile .container legend, .adformal h2, #MyBookmarks h2, #MyBookmarks h1, .editBookmark h2, #viewprofile h2 span, #profilenav h2, #pun-adnav h2, #pun-admain h2 span, #userlist.container legend span, #punbbsearch.container legend span, .container legend.warntext span {background: var(--accent1); color: var(--basic1);font-family: var(--basicfont); letter-spacing: 1px; text-transform: uppercase; font-size: 8px !important; padding: 5px 10px; margin: 0;border-radius: 3px; font-weight: bold;}*/ #MyBookmarks h2, #MyBookmarks h1 {display: block !important;} #profile fieldset, .adformal {text-transform: lowercase; 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: 139px 0 0 130px;} #pun-profile #font-area div { width: 230px;} #userlist.container legend span {margin-left: -2px;} #pun-profile #font-area { width: 744px;} #pun-messages #profile, #pun-profile #profile { min-height: 320px;} #pun-profile #username span strong { text-transform: none !important;} #pun-edit form#post.container legend, #pun-post form#post.container #post-preview legend, #profile .container legend, .adformal h2, #MyBookmarks h2, #MyBookmarks h1, .editBookmark h2, #viewprofile h2 span, #profilenav h2, #pun-adnav h2, #pun-admain h2, #userlist.container legend, #punbbsearch.container legend, .container legend.warntext { width: 100%; text-align: center; font-family: var(--basicfont); text-transform: uppercase; letter-spacing: 1px; font-size: 8px !important; border-bottom: 1px solid var(--basic2) !important; padding-bottom: 10px; margin-bottom: 10px;color: var(--basic4) !important;} #pun-post form#post.container #post-preview legend span {display: block !important;} #profilenav h2 { margin-top: 0px;} #pun-profile #profile8.container input { width: 730px;} #pun-profile #profile8.container .button, #pun-profile #profile8.container input#sub4 { width: auto;} #profilenav a:before, #pun-adnav a:before, .pl a:after {font-family: alter biom; transition: all .5s; opacity: 0} #profilenav a:before, #pun-adnav a:before {content: '>>'; margin: 0 5px 0 -13px;} .pl a:after {content: '<<'; margin: 0 -2px 0 3px; font-size: 11px;} #profilenav a:hover:before, #pun-adnav a:hover:before {margin-left: -8px; opacity: 1;} .pl a:hover:after {margin-right: 5px; opacity: 1;} #profilenav a:hover, #pun-adnav a:hover, .pl a:hover {letter-spacing: 1.5px;} /* XII. ÌÅËÊÈÅ ÏÐÀÂÊÈ -------------------------------------------------------------*/ 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, #pun-viewforum .tcl 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(--basicfont); color: var(--basic3); text-transform:lowercase; letter-spacing: 1px; font-size:10px; text-align: left; padding-bottom: 15px;} /* ñîçäàíèå òåìû */ .punbb .required label, .selectfield label, .inputfield label, #pun-admain legend span, #setmods dt {background-color: transparent !important; font-family: var(--basicfont); 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(--basicfont); 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(--basicfont); 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-right: 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-adnav { margin-left: -163px !important;} #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: #f5ede152!important; border: 1px solid #f7f3eb!important; border-left: 180px solid #d1c6b3!important; box-shadow: 0 0 10px #dfd8cc inset; outline: 1px solid #d9d3c9;} /* XIII. ÑÎÊÐÛÒÛÅ ÝËÅÌÅÍÒÛ -------------------------------------------------------------*/ .acchide, .punbb h1, #pun-navlinks h2, #pun-status h2, #pun-ulinks h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, #pun-viewtopic form#post.container legend span, .punbb p.crumbs strong, .punbb .divider hr, #pun-userlist .main h2, span.item4, #pun-stats ul.container .item3, .lastedit, #pun .modlist, .stickytext, .closedatafield, div#pun-live-rusff, .topic a.sharelink, .postlink .closed, li.pl-share, li.pl-reports, li.pa-online, .pa-last-visit, #pun-viewforum #pun-main .forum h2, #pun-announcement h2, #pun-break4, #pun-index #pun-main thead, .pa-reg, .pa-gifts, .pa-replies, .pa-fld1 .fld-name, .pa-fld3 .fld-name, .pa-fld4 .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-profile #viewprofile-next #profilenav, #profile-right li#pa-invites, #profile-gifts, #pun-post #pun-main h2, .tipsy-arrow, .clearer, #pun-index .main .tc2, #pun-index .main .tc3, #pun-main .info h2, #pun-crumbs1 .container em, #pun-crumbs2 .container em, #pun-searchposts h3 em, li.pa-ip, #pun-messages .pa-title, #pun-profile #profile-signature, #pun-searchtopics #pun-main .container h2, #onlinelist .e2, #onlinelist .e3, span.num_msg:before, #pun-ulinks li.item7, #pun-ulinks li.item3, #pun-ulinks li.item5, #topic-feed.modmenu, #topic-modmenu.modmenu .container span, #BookmCntToggle.default-style:before, #BookmCntToggle.default-style:after, #pun-searchtopics table Div.icon, #pun-searchtopics .tcr .user-avatar, .newtext .bracket.bracket-left, .newtext .bracket.bracket-right, #pun-online tr:last-child td.tcl.username:after, #pun-index .main .tcr .user-avatar a:before, #pun-index .main .tcr .user-avatar a:after, #pun-viewforum tr:last-child .tclcon:after, #profile-right li#pa-email span, #profile-right li#pa-email strong a:first-child, #profile-right li#pa-fld3 span, .punbb .post-content .quote-box hr:before, .punbb .post-content .code-box hr:before, .tem tem1:first-child:before, .tem1:first-child:before, #pun-index .subforums:last-child:after, #pun-viewforum br, .post-content .tem span hr:before, .gost span p:first-child:before, .gost span p:last-child:before, .pa-fld4 span a:before, .pa-fld4 span a:after, #pun-profile #profile-right li#pa-fld4 span:last-child, #profile-left #profile-title, #pun-navlinks #form-login .Rega:before, #pun-navlinks #form-login .Rega:after, #pun-navlinks #form-login .Forgot:before, #pun-navlinks #form-login .Forgot:after, #pun-messages #image-area.container tr:before, #pun-main .forum h2, #pun-multimove .FNTslider, .modal-inner.section.moved h2 span:first-child, .hv-mask-field.title, #mask_dialog .hv-preview-block .hv-preview-title, #button-files_rusff, #button-graffiti_rusff, #pun-viewtopic .post-links li.pl-email.email, #pun-messages .post-links li.pl-email, #pun-searchposts #pun-crumbs1, .tem hr:before, #pun-post form#post.container legend span, #pun-messages .post-author .pa-posts, #pun-ulinks li.item4 a:after, #pun-ulinks li:last-child a:after, .mmood #vibecod:after {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;} /* XIV. ÌÎÁÈËÜÍÛÉ ÑÒÈËÜ, ÌÎÇÈËËÀ, ÏÀÐÀËËÀÊÑ -------------------------------------------------------------*/ @-moz-document url-prefix() {.punbb .post .post-author {position: relative;top: 0px;} * {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 .main .tcr .lastpost {-webkit-text-size-adjust: none;} .punbb textarea { -webkit-appearance: none !important;border-radius:0px !important;} .hashelp center div a button, .button, .punbb input, .punbb select { -webkit-appearance: none !important;border-radius:6px !important;} #pun-title table {width: 1050px; margin-left: -80px} #parallax {display: none;} body {background-size: auto;} #pun-index .main .tcr {padding-top: 30px;} #pun-index .main .tcr a:before {margin-top: 13px;} }