Код:
/*************************************** a - setup ***************************************/ /* a1 import the colour scheme -------------------------------------------------------------*/ /* a1.1 */ @import url(style_cs.css); /* a1.1 */ @import url('https://fonts.googleapis.com/css2?family=jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=cormorant+sc:wght@300;400;500;600;700&display=swap'); /* догрузка */ @import url('https://fonts.googleapis.com/css2?family=abril+fatface&display=swap'); @import url('https://fonts.googleapis.com/css2?family=montserrat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=yeseva+one&display=swap'); @import url('https://fonts.googleapis.com/css2?family=playfair+display&display=swap'); @import url('https://fonts.googleapis.com/css2?family=merriweather&display=swap'); @import url('https://fonts.googleapis.com/css2?family=lora&display=swap'); @import url('https://fonts.googleapis.com/css2?family=manrope&display=swap'); @import url('https://fonts.googleapis.com/css2?family=pt+serif&display=swap'); @import url('https://fonts.googleapis.com/css2?family=cormorant+garamond&display=swap'); @import url('https://fonts.googleapis.com/css2?family=prata&display=swap'); @import url('https://fonts.googleapis.com/css2?family=old+standard+tt&display=swap'); @import url('https://fonts.googleapis.com/css2?family=unbounded&display=swap'); @import url('https://fonts.googleapis.com/css2?family=playfair+display+sc&display=swap'); @import url('https://fonts.googleapis.com/css2?family=oranienbaum&display=swap'); @import url('https://fonts.googleapis.com/css2?family=noto+serif+display&display=swap'); @import url('https://fonts.googleapis.com/css2?family=roboto&display=swap'); @import url('https://fonts.googleapis.com/css2?family=oswald&display=swap'); /* догрузка */ @font-face { font-family: harmony; src: local("harmony"), url(https://forumstatic.ru/files/001c/00/d9/45416.otf); } /* a2 deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* a2.1 */ html, body {margin: 0; padding: 0;} /* a2.2 */ .punbb * { margin: 0; } /* a2.3 */ .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { padding: 0; list-style: none; } /* a2.4 */ .punbb img { border:none; } /* a2.5 */ .punbb .main table { table-layout: fixed; width: 100%; } /* a2.6 */ .checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;} /* a2.7 */ p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle; } /* a3 text setup -------------------------------------------------------------*/ /* a3.1 */ body { font-size: 100.01%; } /* a3.2 */ .punbb { font: normal 68.75% jost; } /* 3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { margin: 8px 1px 1px 1px; color: #5e5964; font-family: jost; font-size: 11px; text-transform: lowercase; background-color: #231f1a14; border: 1px solid #211c191f; padding: 3px 3px 3px 7px; outline: none; } /* a3.4 */ .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { font-size: 1em; font-weight: normal; } /* a3.5 */ .punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 0em; } /* a3.7 */ .punbb address, .punbb em { font-style: normal; } /* a3.8 */ .punbb .post-content em { font-style: italic; } /* a3.9 */ .punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; } /* a3.10 */ .punbb a { text-decoration: none; } /* a3.11 */ .punbb optgroup { font-weight: bold; } /* a4 float clearing and hidden items -------------------------------------------------------------*/ /* a4.1 */ #pun:after, .punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0; } /* a4.2 */ .acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 { font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden; } /* a5 basic page layout and borders -------------------------------------------------------------*/ /* a5.1 - forum options*/ #pun { width: 1006px; background: transparent; position: relative; background-image: url(https://forumstatic.ru/files/001c/00/d9/42418.png); margin: 442px auto auto auto; } #pun-title table { border: none; background: url(https://forumstatic.ru/files/001c/00/d9/83044.png) no-repeat; background-color: transparent; width: 1070px !important; margin-top: -442px; margin-left: -32px !important; height: 442px; } html { background: url(https://forumstatic.ru/files/001c/00/d9/46431.png) #262320; background-attachment: fixed; background-size: 100% auto; background-position: top center; background-repeat: no-repeat; background-size: cover; } /* a5.2 */ .punbb { float: left; width: 100%; height: auto; } /* a5.3 */ #pun-redirect, #pun-maint { margin: 50px 20% 12px 20%; width: auto; float: none; } /* a5.4 */ .punbb .section, .punbb .main { margin-bottom: 0em; } /* a5.5 */ .punbb .category, .punbb .post { position: relative; } .post + .post { margin-top: 30px !important; } /* a5.6 */ .punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; } /* 5.7 */ #pun-post .topic { margin-top: 1em; } /* a5.8 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-style: none; border-width: 0px 0px 0px 0px; border-color: #a79d8b; } /* a5.9 */ .punbb .container { margin-left: 30px; margin-right: 30px; margin-bottom: 20px; } /* a5.10 */ .punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 { padding: 0; } /************************************************************* b - main content - general **************************************************************/ /* b1 parsed content, signatures and scroll boxes -------------------------------------------------------------*/ /* b1.1 */ .punbb .post-content { padding: 0; margin: 10px 0 32px 0; width: 100%; position: relative; } /* b1.2 */ .punbb .post-sig dt { border-top: 1px solid #847e883d; display: block; margin: 6px auto; width: 270px; } /* b1.3 */ .punbb .post-content p { padding: 10px 1em 0em 1.5em; font-size: 11px; font-family: verdana; text-align: justify; line-height: 150%; overflow-x: clip; color: #2f2a32; } /* b1.4 */ .punbb .post-content img { vertical-align: text-bottom; } /* b1.5 */ .punbb .post-content img.postimg { vertical-align: middle; } /* b1.6 */ .punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; } /* b1.7 */ .punbb .post-content .scrollbox { width: 100%; overflow: auto; } /* b1.8 */ .punbb .post-content .quote-box { margin: 1.4em 1.8em 1.4em 1.8em; padding: 0.5em 1em 1.5em 0.9em; border-style: solid; border-width: 1px; background: #231f1a14; border: 1px solid #211c191f; box-shadow: 3px 3px 0px 1px #0000000a; } .punbb .post-content .spoiler-box { margin: 0.5em 1.8em 0.5em 1.8em; padding: 0.5em 1em 0.5em 0.9em; border-style: solid; font-family: 'jost'; font-size: 12px; border-width: 1px; background: #5f676c2e; border: 1px solid #211c191f; } .punbb .post-content .code-box { margin: 1.4em 1.8em 1.4em 1.8em; padding: 0.5em 1em 1.5em 1em; border-style: solid; border-width: 1px; background: #5f676c2e; border: 1px solid #211c191f; box-shadow: 3px 3px 0px 1px #0000000a; } pre { font-size: 11px !important; font-family: verdana; color: #5f676c; line-height: 16px; } /* b1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; padding-bottom: 0.5em; padding-top: 0.4em; padding-left: 1em; font-size: 12px; font-weight: bold; font-style: normal; margin: 0; background: #5f676c4a; margin-bottom: 1em; text-transform: lowercase; border: solid 1px #25313952; color: #253139; } /* b2 information boxes -------------------------------------------------------------*/ /* b2.1 */ .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0; } /* b2.2 */ .punbb .info-box * { padding: 0 0 0.7em 0; } /* b2.3 */ .punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; } /* b3 pagination and posting links -------------------------------------------------------------*/ /* b3.1 */ .punbb .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; } /* b3.2 */ .multipage { margin-top: 0em; } /* b3.3 */ .linkst .pagelink { position: absolute; top: -24px; left: 44px; width: 24em; font-size: 12px; font-family: 'jost'; text-transform: lowercase; color: #2f2a32; } /* b3.4 */ .linkst .postlink { position: absolute; top: -26px; right: 3em; width: 16em; text-align: right; font-weight: bold; font-size: 14px; font-family: 'jost'; text-transform: lowercase; } /* b3.5 */ .punbb .linksb { text-align: right; padding: 0.4em 4em 0.5em 0em; font-family: jost; font-size: 9px; text-transform: lowercase; } /* b3.6 */ .linksb .pagelink { float: left; width: 24em; text-align: left; font-size: 12px; padding-left: 44px; margin-top: -12px; color: #2f2a32; text-transform: lowercase; } /* b3.7 */ .linksb .postlink { float: right; width: 16em; font-size: 14px; font-weight: bold; } /* b3.8 */ .subscribelink { clear:both; font-size: 11px; padding-top: 0.3em; padding-bottom: 0.5em; } /************************************************************* c - main content - specific **************************************************************/ /* c1 form layout -------------------------------------------------------------*/ /* c1.1 */ .punbb .formal .container { padding: 0.7em 0.3em 1.1em 0.3em; } /* c1.2 */ .punbb .formsubmit { margin: 0em 0px 0px 6px !important; } /* c1.3 */ .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 0; margin-left: 2px; } /* c1.4 */ .punbb fieldset { border-style: solid; border-width: 0px; padding: 0 18px 0px 8px; margin: 0px 0 0em 0; } /* c1.5 */ .punbb fieldset legend { padding: 0; margin: 0 0 0 11px; font-size: 1.1em; } /* c1.6 */ .punbb fieldset legend span { padding: 4px 7px 5px 7px; color: #253139db; margin-left: -11px; font-family: 'jost'; background: #5f676c30; border: 1px solid #25313952; } /* c1.7 */ .punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0; } /* c1.8 */ .punbb .fs-box { padding: 1em 0 0em 0; } /* c1.9 */ .punbb .fs-box p, .punbb .fs-box fieldset { padding: 0 0 0.8em 0; } /* c1.10 */ .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin-right: 1em; } /* c1.11 */ .punbb .inline .infofield { clear:both; } /* c1.12 */ .punbb .datafield br { display: none; } /* c1.13 */ .punbb .required label, .punbb .datafield span.input { font-weight: bold; } /* c1.14 */ .punbb .datafield span.input a { font-weight: normal; } /* c1.15 */ .punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 12em 0 0; height: 100%; /* for ie */ } /* c1.16 */ .punbb textarea, .punbb .longinput input { width: 64%; margin: 0; } /* c1.17 */ .punbb .hashelp { position: relative; } /* c1.18 */ .punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%; } /* c1.19 */ .punbb #profile .helplinks { top: 1.5em; } /* c1.20 */ .punbb .helplinks span { display: block; padding-bottom: 0.2em; } /* c1.21 */ #pun-post .formal .info-box li { padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0; } /* c2 table layout -------------------------------------------------------------*/ /* c2.1 */ .punbb .main .tcl { overflow: hidden; text-align: left; width: 40%; } #pun-viewforum .main .tcl { padding: 0; } /* c2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { color: #253139; text-align: center; width: 10%; } #pun-index .category .tc2, #pun-index .category .tc3 /*off colums*/ { display: none!important; } /* c2.3 */ .punbb .main .tcr { overflow: hidden; text-align: left; width: 30%; font-family: 'jost'; font-size: 10px; text-transform: lowercase; vertical-align: middle; color: #253139a3; } .punbb .main .tcr a { font-size: 12px; } /* c2.4 */ #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { width: 40%; padding-left: 0px !important; } /* c2.5 */ #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align: left; width: 20%; } /* c2.6 */ #pun-debug table .tcl { width: 15%; white-space:normal; } /* c2.7 */ #pun-debug .tcr { width: 90%; white-space: normal; } /* c2.8 */ #pun-index .tcl h3 { margin: 6px 0px 0px 0px; } #pun-index .tcl h3 a { text-transform: lowercase; font-family: 'cormorant sc'; font-weight: 500; font-size: 30px; color: #253139d9; } #pun-index .tcl h3 a:hover { color: #253139d9; } /* c2.9 */ .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } /* c2.10 */ .punbb td .modlist { display: block; padding-top: 0.3em; } /* c2.11 */ #pun-index .main td { padding: 0.2em 0em 2em 5em; } #pun-viewforum .main td { padding: 0em 0em 0em 0em !important; } /* c2.12 - off massage, theme in table*/ .punbb .main th { border-style: none none none solid; border-width: 0 0 0 1px; padding: 0em 0em 0em 0em; visibility: hidden; } /* c2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 0; padding-top: 10px; } /* c2.14 */ .punbb td div.tclcon { font-size: 13px; font-family: 'jost'; text-transform: lowercase; padding: 0px 0px 0px 32px !important; color: #2f2a32; text-align: justify; } #pun-main td.tcl.username { padding: 8px; } #pun-online .tcl.action { width: 25%; padding: 0; } /* c2.15*/ /*иконки*/ .punbb div.icon { float: left; display: block; height: 25px; width: 30px; background-position: 0% 0%; background-repeat: no-repeat; margin-top: -2px !important; } div.icon { height: 30px; width: 30px; background: url(https://forumstatic.ru/files/001c/00/d9/44551.png) no-repeat; } tr.inew div.icon { background: url(https://forumstatic.ru/files/001c/00/d9/60762.png) no-repeat; } tr.iclosed div.icon { background: url(https://forumstatic.ru/files/001c/00/d9/44551.png) no-repeat; } tr.isticky div.icon { background: url(https://forumstatic.ru/files/001c/00/d9/44551.png) no-repeat; } /*главная страница*/ #pun-main .category div.icon { margin-top: -20px!important; position: absolute; float: left; margin-left: -64px; padding: 0px 0px 0px 0px; border-style: none; height: 31px; width: 31px; background: url(https://forumstatic.ru/files/001c/00/d9/44456.png?v=1) transparent no-repeat; } #pun-main .category tr.inew div.icon { height: 31px; width: 31px; background: url(https://forumstatic.ru/files/001c/00/d9/67793.png?v=1) transparent no-repeat; } /* личные соо*/ #pun-messages table div.icon { float: left; display: block; height: 30px; width: 30px; border-style: none; background-image: url(https://forumstatic.ru/files/001c/00/d9/77872.png) !important; background-repeat: no-repeat; position: relative; margin-right: 13px; margin-left: 10px; margin-top: -7px; } #pun-messages tr.inew div.icon { background: url(https://forumstatic.ru/files/001c/00/d9/77872.png) no-repeat !important; } /* c3 topics -------------------------------------------------------------*/ /* c3.1 */ .punbb .post .container { margin-top: -1px; padding-bottom: 1px; } /* c3.2 */ .punbb .post h3 { border-style: none; border-width: 1px; } /* c3.5 */ /* профиль*/ .punbb .post .post-author { overflow: hidden; float: left; padding: 0px 0px 0px 0px!important; margin-top: -17px !important; } /* шрифт в оформлении профиля */ .punbb .post .post-author ul, .punbb .post .post-author p { line-height: 140%; text-align: center; color: #140d0abd; margin-left: 0px; } /* рамка верх-низ-середина */ .post-author { background: url(https://forumstatic.ru/files/001c/01/28/58360.png) no-repeat scroll center top, url(https://forumstatic.ru/files/001c/00/d9/10470.png) no-repeat scroll center bottom, url(https://forumstatic.ru/files/001c/00/d9/93934.png) repeat-y scroll center center rgba(0, 0, 0, 0); margin-right: 0px !important; margin-left: -4px !important; margin-bottom: 40px !important; width: 252px !important; } /* аватар */ li.pa-avatar { padding-bottom: 17px !important; margin-top: 6px; } /* рамка */ li.pa-avatar img { border: 5px solid #d8d6e100; outline: 1px solid #7d8487; max-width: 180px; max-height: 180px; } li.pa-from { font-size: 8px; } li.pa-online { line-height: 0.8em; border-left-width: 0.7em; padding-left: 0.4em; margin-bottom: 1.3em; font-family: 'jost'; font-size: 10px; color: #5f676c; text-align: center; vertical-align: top; } .pa-posts, .pa-respect, .pa-fld1, .pa-fld3 { vertical-align: text-top; float: none!important; text-align: center; font-weight: 500; font-family: jost; font-size: 10px !important; color: #5f676c!important; display: inline-block; padding: 5px 10px 12px 10px !important; margin-top: 4px !important; width: 30px; text-transform: lowercase; line-height: 13px; height: auto; } .pa-posts a, .pa-posts a:hover, .pa-posts a:focus, .pa-posts a:active, .pa-respect a, .pa-respect a:hover, .pa-respect a:focus, .pa-respect a:active { color: #5f676c!important; } .pa-respect img {width: 7px; } li.pa-reg { display: inline-block; font-size: 8px; width: 80px; color: #000; } /* c3.7 */ .pa-author { font-size: 14px; text-transform: uppercase; padding: 8px 0 10px 0 !important; margin-top: 0.3em; margin-left: 37px; text-align: left; font-family: cormorant sc; font-weight: bold; letter-spacing: 0.5px; font-style: italic; } /* c3.8 */ .pa-author a { text-decoration: none; } /* c3.9 */ li.pa-title { margin: 27px 0px 0px 0px; font-size: 9px; font-family: 'jost'; color: #253139a3; } /* c3.11 */ .punbb .post-body { margin-left: 25em; border-left-width: 1px; padding: 0 0 1px 0; margin-top: 10px; border-radius: 15px; } div > div.post-body > div.post-box > div.post-rating > p { border: 0 !important; padding: 0px 1px 0px 1px !important; margin: 0px; } /* c3.12 */ .punbb .post-box { padding: 0em; } /*c3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em; } /* c3.14 */ .punbb .post-links { margin-left: 21em; border-left-width: 1px; } /* c3.15 */ .punbb .post-links ul { padding: 0 0em 0 0px; height: 2em; line-height: 2em; font-family: 'jost'; font-size: 11px; margin-left: -220px; text-align: right; margin-top: 0em; text-transform: lowercase; } /* c3.16 */ .punbb .post-links li { display: inline; padding-left: 1em; } /* c3.17 */ .pl-email, .pl-website { float: left; } /* c3.18 */ .punbb .clearer { clear: both; height: 0; font-size: 0; } /* c4 moderator menu -------------------------------------------------------------*/ /* c4.1 */ .punbb .modmenu .container { padding: 0em 0.7em 0px 0em; font-size: 11px; font-family: 'jost'; text-transform: lowercase; color: #2f2a32; } /* c4.2 */ .punbb .modmenu strong, .punbb .modmenu a { height: 1.8em; line-height: 1.8em; } /* c4.3 */ .punbb .modmenu .container strong { float: left; } /* c4.4 */ .punbb .modmenu input { margin-left: 1em; } /* c5 message boxes -------------------------------------------------------------*/ /* c5.1 */ .punbb .info .container { padding: 0.8em 1em; } /* c5.2 */ .punbb .info .container .backlink { padding-top: 0.8em; } /* c6 profile -------------------------------------------------------------*/ /* c6.1 */ #profile .container { padding-left: 16.6em; } /* c6.2 */ #profilenav { float: left; width: 14em; margin-left: -16.3em; display: inline; } /* c6.3 */ #profilenav li { padding-bottom: 0.8em; font-weight: bold; } /* c6.4 */ #viewprofile ul { border-style: solid; border-width: 1px 0 1px 0; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; text-transform: lowercase; } #profilenav ul { border-style: solid; border-width: 0px 0 0px 0; padding: 2.5em 18px 0.8em 17px; margin: 0 0 1em 0; text-transform: lowercase; } #profile-left { width: 30%; padding-top: 0 !important; } /* c6.5 */ #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; } /* c6.6 */ #viewprofile h2 span, #profilenav h2 span { padding: 4px 33px; position: relative; border-radius: 28px; } /* c6.7 */ #viewprofile li, #setmods dl { padding: 0 0 0 16em; margin-bottom: 0.2em; } /* c6.8 */ #viewprofile li span { float: left; width: 14em; margin-left: -16em; padding: 0.5em 1em; font-weight: bold; } /*c6.9 */ #setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; } /* c6.10 */ #viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 0.5em 1em; font-weight: normal; } /* c6.11 */ .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em; } /* c7 user list -------------------------------------------------------------*/ /* c7.1 */ #pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; } /* c7.2 */ #pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border-top: none; background: #231f1a14; border: 1px solid #211c191f; } /* c7.3 */ #pun-userlist .usertable table { border-style: solid; border-width: 0px; } /************************************************************* d - punbb sections other than main content **************************************************************/ /* d1 logo and description -------------------------------------------------------------*/ /* d1.1 */ #pun-title { margin: 0; border-style: solid solid none solid; border-width: 0px; } /* d1.2 */ #pun-title h1 { display: block; height: 307px; } /* d1.3 */ #pun-title .container { border-style: none solid none solid; } /* d1.4 */ #pun-title h1 span { font-size: 0; } #pun-title td.title-logo-tdl { border: none; width: 100%; } #pun-title td.title-logo-tdr { border: none; width: 468px; } /* d2 page navigation -------------------------------------------------------------*/ /* d2.1 */ #pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; } /* d2.2 */ #pun-pagelinks .container { background: transparent; border: none; padding: 0;} /* d2.3 */ #pun-pagelinks .container li { display: inline; } /* d2.4 */ #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%; } /* d2.5 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; } #pun-pagelinks li a span { display:block; margin: 0 1em; } /* d3 forum navigation -------------------------------------------------------------*/ /* d3.1 */ #pun-navlinks, #pun-navlinks .container { border-style: none; border-width: 0; margin: 0; } #pun-navlinks .container { font-family: cormorant sc; text-transform: uppercase; font-weight: 900; font-size: 21px; word-spacing: 20px; letter-spacing: 2px; margin-top: -28px; text-align: center; } /* d.3 */ #pun-navlinks li { display: inline; } /* d3.4 */ #pun-navlinks li a { font-size: 1em; /* padding-top: 14px; */ /* padding-left: 10px; */ /* padding-right: 10px; */ /* padding-bottom: 8px; */ } /* d4 user links -------------------------------------------------------------*/ /* d4.1 */ #pun-ulinks { margin-top: 0; } /* d4.2 */ #pun-ulinks .container { margin-top: 2px; text-transform: lowercase; font-family: jost; font-size: 10px; margin-left: 38px; background: transparent; text-align: center; margin-bottom: 3em; } /* d4.3 */ #pun-ulinks li, #pun-ulinks li a { color: #2531397a; letter-spacing: 0.5px; display: inline; border-left-width: 0px; white-space: nowrap; } /* d4.4 */ #pun-ulinks li a { padding: 0 1em 0 0em; } /* d4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; border-left-width: 0; padding-left: 0; } /* d5 welcome box and top breadcrumbs -------------------------------------------------------------*/ /* d5.1 */ #pun-status, #pun-status .container { border-bottom: none; font-size: 10px; color: #253139bf; } /* d5.2 */ #pun-status .container { font-family: jost; margin-bottom: 104px !important; margin-top: -154px; text-align: center; text-transform: lowercase; } /* d5.3 */ #pun-status span { white-space: nowrap; margin-right: 0.5em; } #pun-status a { color: #5f676c; font-weight: 600; font-size: 10px; } /* d5.4 */ #pun-crumbs1 { font-weight: bold; overflow: hidden; margin-top: 0; } /* d5.5 */ #pun-crumbs1 p.container { border-top: none; padding: 2em 0em 0em 1em; font-size: 12px; font-family: 'jost'; font-weight: 700; margin-left: 13px; text-transform: lowercase; color: #7a858deb; } /* d5.6 */ #pun-break1 { margin: 0 1em; border-width: 0; height: 0; margin: -2px 1em; position: relative; z-index: 1; } /* d6 announcement -------------------------------------------------------------*/ /* d6.1 */ #pun-announcement h2 { padding: 0; margin: 0 1em -3.5em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; font-weight: bold; } /* d6.2 */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; } /* d6.3 */ #pun-announcement .container { padding: 4.3em 1em 1em 1em; } /* d7 statistics -------------------------------------------------------------*/ /* d7.1 */ #pun-stats .container {padding: 0.8em 0em;} /* d7.2 */ #pun-stats li.item1, #pun-stats li.item2 {text-align: center; clear: both;} /* d7.3 */ #pun-stats li.item3, #pun-stats li.item4 {text-align: center;} /* d7.4 */ li#onlinelist { margin-top: 1em; float: left; width: 100%; font-size: 11px; font-family: 'jost'; color: #5b6064; text-transform: lowercase; line-height: 130%; } /* d7.5 */ li#onlinelist div { border-top-style: solid; border-top-width: 0px; padding: 0.7em 0 0 0; } #pun-stats .item1, #pun-stats .item2, #pun-stats .item3, #pun-stats .item4 { width: 177px; margin: -2px 10px 1em 10px; display: inline-grid; padding: 3px 17px; line-height: 11px; color: #6f7981; background: #87858521; font-family: jost; text-transform: lowercase; letter-spacing: 0px; font-size: 10px; border: solid 1px #25313921; border-radius: 0px; } /* d8 quick jump - about - bottom breadcrumbs -------------------------------------------------------------*/ /* d8.1 */ #pun-qjump { margin: 0; border: none; width: 50%; position: relative; float: left; } /* d8.2 */ #pun-qjump .container { border: none; background: transparent; padding: 0.8em 1em; } /* d8.3 */ #pun-about { margin-top: 0; } /* d8.4 */ #pun-about .container { border-top-style: none; text-align: right; line-height: 150%; padding: 0.8em 1em; } /* d8.5 */ #pun-about p span { display: block; text-align: center; font-size: 0px; text-transform: lowercase; margin-top: 70px; } /* d8.6 */ #pun-crumbs2 { font-weight: bold; overflow: hidden; margin-bottom: 0; border-bottom: none; } /* d8.7 */ #pun-crumbs2 .container { border-bottom: none; padding: 2em 0 2em 0em; font-size: 12px; font-family: 'jost'; margin-left: 24px; text-transform: lowercase; color: #7a858deb; } /* d8.8 */ #pun-break4 { margin: -2px 1em; border-style: solid none; border-width: 0px 0; position: relative; height: 0; z-index: 1; } /* d8.9 */ div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 1px; } /* d9 help file -------------------------------------------------------------*/ /* d9.1 */ #pun-help .formal .info-box h3.legend { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em; } /* d9.2 */ #pun-help .formal .info-box h3.legend span { padding-bottom: 0.6em; display: block; border-bottom-style: solid; border-bottom-width: 1px; font-size: 1.1em; } /* d9.3 */ #pun-help .formal p, #pun-help .formal dd { margin-bottom: 1em; } /* d9.4 */ #pun-help .formal ul, #pun-help .formal dl { padding: 0 0 0 1em; } /* d9.5 */ #pun-help .formal li { padding: 0; line-height: 130%; } /* d9.6 */ #pun-help .formal li * { vertical-align: text-top; } /* d9.7 */ #pun-help .formal dt span { font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace; } /* d9.8 */ #pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode { padding-bottom: 0; } /* код ссылок навигации от вещего духа */ /* настройка кнопки, может быть текстом */ .spirit-navigation { background: url(https://forumstatic.ru/files/001c/00/d9/91304.png) no-repeat; height: 30px; width: 216px; top: -65px; margin-left: 44px; display: inline-block; font-size: 0px; color: transparent; position: absolute; transition: all 0.3s ease-in-out 0s; } /* вид кнопки после клика по ней */ .spirit-navigation.spirit-navigation_hover{ background: url(https://forumstatic.ru/files/001c/00/d9/91304.png) no-repeat; } /* настройка позиции выпадающего по клику окна и его ширина */ #navigblock { width: 200px; margin-left: 51px; position: absolute; top: -28px; z-index: 9999; } /* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */ .sslka { display: block; opacity: 0.95; padding: 1px; background: #253139; box-shadow: 0 0 0 1px #859097 inset, 0px 0px 2px 1px #0e1418; } /* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */ #pun .sslka a { background: #b6bcbf; white-space: nowrap; margin: 4px auto; text-align: center; transition: all 0.3s linear 0s; display: block; padding: 7px; text-transform: uppercase; width: 160px; color: #253139; text-shadow: 2px 2px 3px #abbcc3; font-family: cormorant sc; font-size: 9px; font-weight: bold; letter-spacing: 1px; box-shadow: 0 0 1px 1px #2531397d inset, 0 2px 10px 2px rgb(27 27 27 / 10%) inset; } /* ссылка при наведении */ #pun .sslka a:hover { background: #5f676cc7; opacity: .9; transform: scale(.95); color: #253139; box-shadow: 0 0 1px 1px #2531397d inset, 0 2px 10px 2px rgb(27 27 27 / 10%) inset; }
Код:
.hvstickerpackmodal { padding: 16px 16px 8px; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #5f676c !important; border-radius: 4px; background: #d4d4d4 !important; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); position: absolute; display: none; bottom: 0; left: 0; z-index: 100; } .post-box a { color: #253139 !important; font-weight: bold; } .punbb .formal span.input { padding-right: 0px !important; margin-bottom: 22px; } li.pa-posts span.fld-name, li.pa-respect span.fld-name { font-size: 0!important; line-height: 6px !important; } .pa-posts .fld-name:before { content: "msg"; font-size: 10px; } .pa-respect .fld-name:before{ content: "rep:"; font-size: 10px; } /* таблица*/ .bpost {position: absolute; padding: 7px; top: -219px; width: 248px; height: 92px; text-align: justify; margin-left: 1px !important; font-weight: normal; font-family: 'jost'; font-size: 9px; text-transform: none; letter-spacing: 0.5px; color: #aba9a9; line-height: 11px; overflow: auto; text-shadow: 1px 1px #0e1518; } .bpost a {color: #aba9a9!important; font-weight: bold !important; text-shadow: 1px 1px #0e1518 !important; letter-spacing: 1px !important; } .avtor {margin: -235px 0px 0px 5px !important; position: absolute; font-weight: bold; font-family: 'cormorant sc'; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; line-height: 26px; color: #cbcbcb; font-style: italic; text-shadow: 1px 1px #090e11; } .avtor a {color: #cbcbcb!important; font-weight: bold; text-shadow: 1px 1px #1b2428 !important; letter-spacing: 1px !important; } .episod {position: absolute; top: -257px; margin-left: 1px !important; width: 257px; text-align: center; font-family: 'cormorant sc'; font-size: 9px; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; } .episod a {color: #cbcbcb!important; font-weight: bold; text-shadow: 1px 1px #1b2428 !important; letter-spacing: 1px !important; } .ams {position: absolute; top: -313px; margin-left: 2px !important; font-weight: bold; font-family: 'cormorant sc'; font-size: 14px; text-align: center; text-transform: uppercase; letter-spacing: 1px; color: #cecece; text-shadow: 1px 1px #33444c; } .ams a { color: #d2d2d2!important; text-shadow: 1px 1px #253139 !important; font-size: 14px; font-weight: 500 !important; } .ams a:hover { color: #747474!important; text-shadow: 1px 1px #253139 !important; } .act { position: absolute; margin: -196px 0px 0px 759px !important; } .act2 { position: absolute; margin: -196px 0px 0px 822px !important; } .act3 { position: absolute; margin: -196px 0px 0px 885px !important; } .act4 { position: absolute; margin: -255px 0px 0px 822px !important; } .act5 { position: absolute; margin: -255px 0px 0px 885px !important; } .act6 { position: absolute; margin: -255px 0px 0px 948px !important; } /* личное звание*/ .pa-fld4 { width: 212px; text-align: justify; background: #94949445; border: 1px solid #9a989b; padding: 5px 5px 5px 5px !important; margin: 6px 0px 0px 14px !important; } .pa-fld4 name { font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500; } .pa-fld4 bio { font-size: 10px; letter-spacing: 0.5px; color: #25313994; } .pa-fld2 { margin: -11px 0px 0px 14px !important; } #pla { background: url(https://forumstatic.ru/files/001c/00/d9/32232.png); width: 224px; height: 36px; position: relative; text-align: center; } #pla img { position: relative; margin: 2px 0px 0px 0px; width: 220px; height: 32px; filter: grayscale(1); } #pla_tx1 { font-family: 'jost'; color: #d2d2d2e6; text-shadow: 1px 1px black; text-transform: lowercase; font-weight: bold; text-align: center; position: relative; font-size: 10px; margin-top: -29px; letter-spacing: 0.5px; } #pla_tx2 { font-family: 'jost'; color: #d2d2d2e6; text-shadow: 1px 1px black; text-transform: lowercase; font-size: 8px; margin: -3px 0px 0px 0px; letter-spacing: 0.5px; position: relative; font-weight: bold; text-align: center; } .alt1, .alt2 { background-color: #88888826; box-shadow: 0 0px 1px #000000; } #pun-index .category table { border-spacing: 0px 15px; padding: 0px 4px 0px 0px !important; } /* категории*/ #pun-category1.category h2 { background: url(https://forumstatic.ru/files/001c/00/d9/28840.jpg); width: 1002px; height: 91px; font-size: 0 !important; margin-left: 2px !important; border: none; margin-bottom: -50px; margin-top: -20px; } #pun-category2.category h2 { background: url(https://forumstatic.ru/files/001c/00/d9/33999.jpg); width: 1002px; height: 91px; font-size: 0 !important; margin-left: 2px !important; border: none; margin-bottom: -50px; margin-top: -20px; } #pun-category3.category h2 { background: url(https://forumstatic.ru/files/001c/00/d9/40272.jpg); width: 1002px; height: 91px; font-size: 0 !important; margin-left: 2px !important; border: none; margin-bottom: -50px; margin-top: -20px; } #pun-category4.category h2 { background: url(https://forumstatic.ru/files/001c/00/d9/55570.jpg); width: 1002px; height: 91px; font-size: 0 !important; margin-left: 2px !important; border: none; margin-bottom: -50px; margin-top: -20px; } #pun-category5.category h2 { background: url(https://forumstatic.ru/files/001c/00/d9/21832.jpg); width: 1002px; height: 91px; font-size: 0 !important; margin-left: 2px !important; border: none; margin-bottom: -50px; margin-top: -20px; } #pun-category6.category h2 { background: url(https://forumstatic.ru/files/001c/00/d9/36116.jpg); width: 1002px; height: 91px; font-size: 0 !important; margin-left: 2px !important; border: none; margin-bottom: -50px; margin-top: -20px; } /* статистика */ #pun-stats.section h2 { background-attachment: scroll; background-clip: border-box; width: 1002px; height: 91px; font-size: 0em; border: none; text-align: center; margin-left: 2px !important; margin-top: -20px; background-color: transparent; background: url(https://forumstatic.ru/files/001c/00/d9/99924.jpg); background-origin: padding-box; background-position: 50% 0%; background-repeat: no-repeat; background-size: auto; } /* другое*/ textarea { -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } html { -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } html { -webkit-text-size-adjust: none; } #stick_3, #stick_2, #stick_4, #stick_5 { height: 160px; overflow: auto; } .stickytext,.closedatafield { display:none;} #pun .user-avatar.user-avatar .avatar-image { border: 1px solid #556f7a !important; border-radius: 0px; transition: all .5s ease-in-out 0s; margin-left: 5px; margin-top: 3px; width: 28px; height: 28px; } .punbb .user-avatar .isonline { width: 8px; height: 8px; border-radius: 50%; display: block; position: absolute; top: 0px; right: -2px; animation: blinkcolor .9s linear infinite; -moz-animation: blinkcolor .9s linear infinite; -webkit-animation: blinkcolor .9s linear infinite; background: #556f7a !important; z-index: 100; } #pun-about p.container { background-image: url(https://forumstatic.ru/files/001c/00/d9/80013.png); background-color: transparent; background-repeat: no-repeat; background-position: top center; height: 104px; width: 1006px; margin-top: -78px; margin-bottom: -140px!important; margin-left: -10px!important; } #pun-about > p > span { padding-top: 0px; } p.lastedit { display: none; } li.pl-share { display: none !important; } #messages > fieldset > div > div > table > tbody > tr > td.tcl.pmtcl1 { padding-left: 0px !important; } #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner { display: none; position: fixed; left: 50%; top: 50%; margin: -135px 0 0 -384px; width: 768px; z-index: 100; background: #938e8a; box-shadow: 0 0 40px #222; -webkit-box-shadow: 0 0 40px #222; -moz-box-shadow: 0 0 40px #222; -khtml-box-shadow: 0 0 40px #222; } /* скроллы */ ::-webkit-scrollbar { width: 4px; height: 4px; } ::-webkit-scrollbar-track { background: #aaaaaa; } ::-webkit-scrollbar-thumb { background: #253139; } .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-width: 0px 0px 0px 0px; border-color: #b4c1c7; } /* кнопки */ .punbb input.button { font-size: 11px; font-family: 'jost'; padding: 3px 19px; background: #5f676c30; border: 1px solid #25313952; color: #253139db; letter-spacing: 0.5px; cursor: pointer; transition: .2s ease-out; text-transform: lowercase; -webkit-appearance: none; border-radius: 0; } .button { font-size: 11px; font-family: 'jost'; padding: 3px 19px; background: #5f676c30; border: 1px solid #25313952; color: #253139db; letter-spacing: 0.5px; cursor: pointer; transition: .2s ease-out; text-transform: lowercase; } #post fieldset .hashelp div input { font-size: 11px; font-family: 'jost'; margin: 2px !important; background: #5f676c30; border: 1px solid #25313952; color: #253139db; cursor: pointer; transition: .2s ease-out; text-transform: lowercase; padding: 4px 8px 4px 8px; } .punbb input.button:hover, #post fieldset .hashelp div input:hover { background-color: #5f676c30; border: 1px solid #25313952; } #font-area { max-height: 176px; overflow: auto; } #tags .container { position: absolute; right: 6px; top: 43px; z-index: 2; padding-left: 10px; padding-right: 10px; padding-top: 14px; border: 1px solid #25313952; background-color: #5f676c30; } div.post-rating a { font-family: 'jost'; font-size: 11px !important; color: #253139db; } #main-reply { width: 100%; height: 200px; text-transform: none !important; font-family: verdana; border: 1px solid #211c191f; background: #5f676c2e; -webkit-appearance: none; border-radius: 0; } /* cs1 colors links -------------------------------------------------------------*/ /* cs1.1 */ .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend { background-color: transparent; color: #5f676c; font-size: 10px; font-family: jost; } /* cs1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color: #f8f8f80; } /* cs1.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { background-color: transparent; color: #2f2a32; } #pun-admain textarea, #pun-admain input, #pun-admain select, #pun-admain optgroup { font: 1em jost; border-radius: 4px; } /* cs1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: transparent; } /* cs1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { text-transform: lowercase; font-size: 11px !important; } /* cs1.6 */ /* подвинуть номер/дату */ .punbb .post h3 span { text-transform: uppercase; display: block; border-left-style: solid; border-left-width: 1px; padding: 40px 20px 0px 31px; font-weight: 600; font-family: jost; font-size: 12px; } .punbb .post h3 span a { color: #879496cc !important; text-shadow: 1px 1px black !important; } .punbb .post h3 strong { color: #879496cc; text-shadow: 1px 1px black; float: right; font-size: 12px; font-family: 'jost'; } /* разделитель перед формой ответа */ #post-form h2 { background: transparent url(https://forumstatic.ru/files/001c/00/d9/99924.jpg?v=1) no-repeat scroll center top; width: 1002px; height: 92px; margin-left: 2px; } #post-form h2 span { display: none; } /* разделитель сообщений */ #pun-searchposts .post h3 span, #pun-post .post h3 span { margin-left: 30px; } #pun-searchposts .post h3 span, #pun-searchposts .post h3 span a, #pun-searchposts .post h3 span a:active { color: #523332; text-shadow: 1px 0px 2px #e3dfe1; font-weight: bold; font-size: 11px !important; font-family: 'roboto'; } #pun-viewtopic .post h3, #pun-searchposts .post h3, #pun-post .post h3 { background: transparent url(https://forumstatic.ru/files/001c/00/d9/99924.jpg?v=1) no-repeat scroll center top; width: 1002px; height: 91px; margin-left: 2px; } /* cs1.7 */ .punbb .quote-box, .punbb .code-box { border-color: #e4e4e4; background: #f6f6f6; } /* cs1.8 */ #pun-navlinks .container { background-color: transparent; } .offline li.pa-online strong { font-weight: normal; } /* cs2 border colours -------------------------------------------------------------*/ /* cs2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: #211c191f; } /* cs2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: #f5f5f5; } /* cs2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: 1px solid #211c191f; } /* cs2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table { border-color: transparent; } /* cs2.5 */ .punbb th { border-color: #dedfdf; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: #ccc; } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: #fff; } .punbb .divider { border-color: #ccc #fff #fff #fff; } .punbb .formal fieldset .post-box, .punbb .info-box { padding: 0px 0px 0px 10px; } li.pa-online { border-left-color: #005eab; } /* cs3 links -------------------------------------------------------------*/ /* cs3.1 */ .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { color: #253139; transition: .2s ease-out; } .links { margin-top: -41px; width: 220px; text-align: right; margin-left: 216px; height: 24px; margin-bottom: 15px; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #253139; } /* cs3.2 */ .punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active { color: #253139; text-decoration: none; border: none !important; -webkit-transform: translatez(1px); -moz-transform: translatez(1px); -o-transform: translatez(1px); transform: translatez(1px); } /* cs3.3 */ #pun-navlinks a { color: #33454c; text-decoration: none; } /* cs3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #33454c; } #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: #333; color: #fff; } .pun-modal .modal-inner { width: 700px; max-width: 94%; height: auto; max-height: 44em; margin: 12% auto 0; box-shadow: 0 0 14px rgb(0 0 0); position: relative; z-index: 120000; overflow: hidden; background: #fff !important; } /*--важное--*/ div#pun-live-rusff { z-index: 98 !important; width: 440px !important; height: 19px !important; margin: auto 0px 0 auto !important; background: transparent !important; text-align: right !important; line-height: 17px !important; position: relative !important; font-size: 7px !important; border: 0px !important; } td#button-graffiti_rusff { display: none !important; } #smilies-area { width: 597px !important; height: 126px; overflow-y: scroll; } #pun-navlinks li a span { font-size: 0; display: none } #navindex a:before { content: "hog"; } #navuserlist a:before { content: "wizards"; } #navsearch a:before { content: "accio"; } #navpm a:before { content: "sms"; } #navprofile a:before { content: "profile"; } #navadmin a:before { content: "ams"; } #navlogin a:before { content: "enter"; } #navlogout a:before { content: "exit"; } #navregister a:before { content: "register"; } #navpr_1 a:before { content: "pr"; } .topic a.sharelink { display: none; } #plng { padding: 0px 5px 4px 7px !important; margin: 3px 3px -24px 765px !important; font-family: jost; font-size: 11px; width: inherit; box-sizing: unset; color: #76737a; text-transform: lowercase; text-align: center; position: relative; display: flex; align-items: center; gap: 5px; white-space: nowrap; align-self: stretch; } .podf_link { font-family: cormorant sc; font-size: 14px; padding: 0px 0px 4px 0px; } .podf_link a, .podf_link a:hover{ color: #093963 !important; } #pun-index .tclcon { font-size: 9px; font-family: 'jost'; text-transform: lowercase; letter-spacing: 0.5px; margin-left: -32px; padding: 0px 0px 0px 0px !important; color: #5c5d5ad6; text-align: justify; } ::selection { background: #5f676c; color: #c2c2c2; } table.poll2 {margin-left:40px;} #poll-special td h1 { margin: auto 0 !important; padding:1px !important; background: #5d5346 !important; } /*-- отключение русфф лайв --*/ #pun-live-rusff { display: none; } #viewprofile td { border: 0; padding: 0; color: #57525d; overflow: hidden; } #pun-adnav { float: left; width: 164px!important; text-transform: lowercase!important; font-size: 11px!important; margin-left: -163px!important; display: inline; } /* ползунок шрифт */ .fntslider { border-radius: 4px; position: relative; z-index: 1000; background: #cfcfcf; width: 110px; height: 5px; margin: 4px 92px 0px 0px !important; border: solid 1px #13171a; float: right; } .fntslider .before { height: 5px; border: solid 1px #253139; border-right: none 0; border-radius: 4px 0 0 4px; position: absolute; background: #5f676c; margin-top: -1px; } .fntslider .thumb { width: 8px; height: 13px; border-radius: 3px; position: relative; top: -4px; background: #596973; cursor: pointer; } .plashes { position: absolute; white-space: nowrap; padding: 0px 0px 4px 0px; top: -81px; text-transform: lowercase; left: 283px; height: auto; width: 667px !important; overflow-x: auto; } #pun .plashes a { background: url(https://forumstatic.ru/files/001c/00/d9/82995.png); display: inline-block; margin: 5px 3px 4px 0 !important; padding: 0.2em 0em; width: 200px; height: 16px; color: #cbcbcb; text-shadow: 1px 1px #253139; text-align: center; font-family: 'jost'; font-size: 10px; font-weight: 500; letter-spacing: 0.5px; text-transform: lowercase; } div#smilies-area { height: 66px; width: 323px!important; } /*быстроплюсы для топика!*/ div .post-rating p a { text-align: center; outline: 1px solid transparent; font-weight: 700; background: url(https://forumstatic.ru/files/001b/f3/59/32160.png) no-repeat center; background-size: 25px auto; position: relative; opacity: 0.7; z-index: 100; width: 26px; height: 33px; text-align: center; font-size: 12px !important; display: inline-block; vertical-align: middle; line-height: 34px; letter-spacing: -.1px; } .nonull:before{content: "+"; display: inline-block; margin-left: -1px; font-size: 9px; letter-spacing: 0!important; } #mask_dialog .inner { background: #adadad; } /* баннеры -------------------------------------------------------------*/ .banners { position: absolute; height: 17px; width: 938px; overflow: auto; text-align: center; padding-bottom: 41px !important; margin-top: 83px !important; margin-left: -1px !important; } .banners img {padding: 0px 2px; 0px 2px; opacity: 0.4; transition: all .5s ease-in-out 0s; } .banners img:hover {opacity: 1;} /* он-лайн */ .indonline, .indoffline { position: relative; float: left; display: block; margin: -70px 0px 0px -33px !important; width: 244px; height: 49px; } .indonline { background: url(https://forumstatic.ru/files/001c/00/d9/75113.png); } .indoffline { background: url(https://forumstatic.ru/files/001c/00/d9/71455.png); }