— структура
Код:/************************************************************* a — setup **************************************************************/ /* a1 import the colour scheme -------------------------------------------------------------*/ /* a1.1 */ @import url(style_cs.css); @import url('https://fonts.googleapis.com/css2?family=unifrakturmaguntia&display=swap'); @import url('https://fonts.googleapis.com/css2?family=roboto:wght@400;500;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=arsenal&family=playfair+display&family=raleway:wght@100;200;300&family=yeseva+one&display=swap'); @font-face { font-family: 'oranienbaum'; src: local('oranienbaum'), local('oranienbaum-regular'), url('http://hb.bizmrg.com/fonts/oranienbaum/400.woff2') format('woff2'), url('http://hb.bizmrg.com/fonts/oranienbaum/400.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'oldoak'; src: url('https://forumstatic.ru/files/001a/c0/74/16674.eot'); src: local('oldoak'), url('https://forumstatic.ru/files/001a/c0/74/16674.woff') format('woff'), url('https://forumstatic.ru/files/001a/c0/74/16674.ttf') format('truetype'), url('https://forumstatic.ru/files/001a/c0/74/16674.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'theanomodern'; src: local('theano modern regular'), local('theanomodern-regular'), url('http://hb.bizmrg.com/fonts/theanomodern/400.woff2') format('woff2'), url('http://hb.bizmrg.com/fonts/theanomodern/400.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face {font-family: 'playfair display'; src: url('https://forumstatic.ru/files/0019/a0/36/84758.eot'); src: url('https://forumstatic.ru/files/0019/a0/36/84758.eot?#iefix') format('embedded-opentype'), url('https://forumstatic.ru/files/0019/a0/36/52142.woff') format('woff'), url('https://forumstatic.ru/files/0019/a0/36/88677.ttf') format('truetype'); font-weight: normal; font-style: normal;} @font-face {font-family: 'playfair display'; src: url('https://forumstatic.ru/files/0019/a0/36/48890.eot'); src: url('https://forumstatic.ru/files/0019/a0/36/48890.eot?#iefix') format('embedded-opentype'), url('https://forumstatic.ru/files/0019/a0/36/61308.woff') format('woff'), url('https://forumstatic.ru/files/0019/a0/36/64432.ttf') format('truetype'); font-weight: normal; font-style: italic;} @font-face {font-family: 'playfair display'; src: url('https://forumstatic.ru/files/001a/c0/74/90473.eot'); src: url('https://forumstatic.ru/files/001a/c0/74/90473.eot?#iefix') format('embedded-opentype'), url('https://forumstatic.ru/files/001a/c0/74/12814.woff') format('woff'), url('https://forumstatic.ru/files/001a/c0/74/15334.ttf') format('truetype'); font-weight: bold; font-style: normal;} @font-face {font-family: 'playfair display'; src: url('https://forumstatic.ru/files/001a/c0/74/54154.eot'); src: url('https://forumstatic.ru/files/001a/c0/74/54154.eot?#iefix') format('embedded-opentype'), url('https://forumstatic.ru/files/001a/c0/74/15236.woff') format('woff'), url('https://forumstatic.ru/files/001a/c0/74/86898.ttf') format('truetype'); font-weight: bold; font-style: italic;} @font-face {font-family: 'yeseva one'; src: url('https://forumstatic.ru/files/0019/03/0e/44523.eot?'), url('https://forumstatic.ru/files/0019/03/0e/76910.woff') format('woff'), url('https://forumstatic.ru/files/0019/03/0e/34371.ttf') format('truetype'), url('https://forumstatic.ru/files/0019/03/0e/71332.svg#svgfontname') format('svg');} /* 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 11px verdana, arial, helvetica, sans-serif; } /* 3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 10px arial; text-transform: lowercase; background: #e5e9e3b8; border-radius: 7px; border-color: #b7b7b73b; } /* a3.4 */ .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { font-size: 10px; font-weight: normal; } /* a3.5 */ .punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1.1em; } /* a3.6 */ .punbb pre { font: 11px arial; line-height: 17px; color: #525252; } /* 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 { } /* 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 */ #pun { width: 1030px; margin: 150px auto; padding: 1px 0px; } /* a5.2 */ .punbb { float: none; width: 960px; height: auto; margin: 0 auto; } /* a5.3 */ #pun-redirect { background: #191919; position: absolute; width: 100%; height: 100%; z-index: 100; top: 0 !important; left: 0 !important; } #pun-redirect #pun-main { margin: 12% 37% 12px 37%; width: auto; float: none; position: relative; z-index: 1000; } /* a5.4 */ .punbb .section, .punbb .main { margin-bottom: 1em; } /* a5.5 */ .punbb .category, .punbb .post { margin-top: 0.4em; } /* 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 none solid none; border-width: 0px 0px 2px 0px } /* a5.9 */ .punbb .container { border-style: solid; border-width: 1px; } /* a5.10 */ .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { padding: 0.5em 1em; border-style: none solid solid none; border-width: 0 1px 1px 0; } /************************************************************* b — main content — general **************************************************************/ /* b1 parsed content, signatures and scroll boxes -------------------------------------------------------------*/ /* b1.1 */ .punbb .post-content { padding: 0; margin: 0; width: 100%; overflow: hidden; } /* b1.2 */ .punbb .post-sig dt:before { content: 'xxx'; } .punbb .post-sig dt { display: block; width: auto; font-size: 8px; letter-spacing: 10px; margin: auto; text-align: center; padding: 4px; } /* b1.3 */ .punbb .post-content p { margin: 0; padding: 0 0 10px 0; font-family: arial; font-size: 11px; color: #525252; line-height: 150%; text-align: justify; } /* 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%; max-height: 4em!important; overflow: auto; } /* b1.8 */ .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 1.4em 1.8em 1.4em 1.8em; padding: 1.4em; } /* b1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend { font-size: 11px; font-weight: bold; font-style: normal; font-family: arial; text-transform: lowercase; border-radius: 7px; } .punbb .post-content .blockcode { margin-top: 10px!important; height: 44px; } /* 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: 3em; } /* b3.3 */ .linkst .pagelink { position: absolute; font-size: 8px; color: #a8ada5; text-transform: lowercase; left: -22px; width: 24em; } /* b3.4 */ .linkst .postlink { position: absolute; top: -14px; right: 0em; width: 16em; text-transform: lowercase; font-size: 10px; text-align: right; font-weight: bold; } /* b3.5 */ .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.1em; } /* b3.6 */ .linksb .pagelink { float: left; text-align: left; font-size: 8px; color: #a8ada5; text-transform: lowercase; margin-left: -33px; width: 24em; } /* b3.7 */ .linksb .postlink { float: right; width: 16em; text-transform: lowercase; font-size: 11px; text-align: right; font-weight: bold; } /* b3.8 */ .subscribelink { clear: both; padding-top: 0.3em; padding-bottom: 0.5em; text-transform: lowercase; font-size: 9px; text-align: right; } /************************************************************* c — main content — specific **************************************************************/ /* c1 form layout -------------------------------------------------------------*/ /* c1.1 */ .punbb .formal .container { padding: 1.7em 2.3em 1.1em 2.3em; } /* c1.2 */ .punbb .formsubmit { padding: 0 0 0 1.7em; margin: 1em 0 0 0; } /* c1.3 */ .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 0 } /* c1.4 */ .punbb fieldset { margin: 0px 0 1em 0; } /* c1.5 */ .punbb .formal fieldset legend { padding: 0; display: block; } #pun-viewtopic .formal fieldset legend { font-size: 9px; text-align: center; font-family: arial; text-transform: lowercase; color: #000000!important; } /* c1.6 */ .punbb fieldset legend span { padding: 0px 5px; margin: 0; } /* c1.7 */ .punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0 } /* c1.8 */ .punbb .fs-box { padding: 1em 0 0.8em 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: 27%; } .punbb td div.tclcon { margin-left: 3px; text-align: justify; text-transform: lowercase; font-size: 9px; } /* c2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 11%; font-size: 9px; } /* c2.3 */ .punbb .main .tcr { overflow: hidden; text-align: left; width: 16%; } /* c2.4 */ #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { width: 40% } #pun-modviewforum table div.icon { float: left!important; margin-top: 2px; } /* 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 { font-size: 15px; margin-top: -6px; text-transform: uppercase; font-family: 'playfair display'; letter-spacing: 1px; } } /* 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 */ .punbb .main td { border-style: solid none none solid; border-width: 1px 0 0 1px; padding: 0.8em 1em; } /* c2.12 */ .punbb .main th { border-style: none none none solid; border-width: 0 0 0 1px; padding: 0.4em 1em 0.4em 1em; } /* c2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 0 } /* c2.14 */ .punbb tbody.hasicon td.tcl { padding: 2.2em; } /* c2.15 */ .punbb div.icon { height: 32px; float: left; margin-right: 4px; background-repeat: no-repeat; line-height: 0.0; margin-top: -4px; width: 35px; } /* c2.16 */ .punbb table div.icon { font-size: 1.05em; } /* c3 topics -------------------------------------------------------------*/ /* c3.1 */ .punbb .post .container { border-style: none solid solid solid; border-width: 1px; margin-top: -1px; padding-bottom: 1px; } /* c3.2 */ .punbb .post h3 { border-style: solid solid none solid; border-width: 1px; } /* c3.3 */ .punbb .post h3 span { padding: 4px; display: block; margin: 22px -31px; font-family: verdana; text-transform: lowercase; font-size: 8px; border-top: 1px solid #e4e4e4; } .punbb .post h3 span a { color: #000000; } /* c3.4 */ .punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; } /* c3.5 */ .punbb .post .post-author { float: left; width: 218px; padding: 1px; overflow: hidden; margin-left: -36px; border-left: 4px solid #aecb9d !important;} /* c3.6 */ .punbb .post .post-author ul, .punbb .post .post-author p { line-height: 140%; } /* c3.7 */ .pa-author { ffont-size: 11px; font-weight: bold; text-align: center; padding-bottom: 10px!important; letter-spacing: 1px; color: #fff; font-family: roboto; text-transform: uppercase; } /* c3.8 */ .pa-author a { color: #99b596!important; font-family: 'playfair display'; text-transform: uppercase; font-size: 16px; } } .pa-author a:hover, .pa-author a:active { color: #b1680c!important; } li.pa-avatar.item2 img { max-width: 180px; border: 3px solid #fff; outline: 1px solid #aecb9d; } .post-author ul li.pa-avatar { text-align: center; padding-bottom: 0px!important; margin-bottom: -5px; margin-top: -3px; } /* c3.9 */ li.pa-title { text-align: center; letter-spacing: 1px; font-family: arial; padding: 4px 10px; line-height: 10px; /* font-weight: bold; */ color: #969696; font-size: 7px; margin-bottom: 4px; margin-top: -11px; text-transform: lowercase;} li.pa-fld1 { padding: 10px; font-size: 9px; text-transform: lowercase; text-align: justify; line-height: 12px; margin: 0 2px; background-color: #e8e8e8; } li.pa-fld4 { margin-top: -14px; text-align: center; } li.pa-fld5 { position: absolute; margin: -14px 0 0 -11px; transform: rotate(-12deg); } li.pa-fld5 img { width: 27px; } li.pa-fld1 a { font-weight: bold; } li.pa-fld3::before { content: '— '; } li.pa-fld3 { text-transform: uppercase; text-align: center; letter-spacing: 1px; font-family: roboto; padding: 0px 0px 10px; margin-top: -10px; line-height: 10px; font-weight: bold; color: #ae690a; font-size: 6px; } li.pa-fld3::after { content: ' -'; } .fdom { background-color: #d8d8d8; margin-top: -16px!important; padding: 0px 4px; padding-bottom: 7px; margin-left: auto; width: fit-content; text-align: center; font-family: theanomodern; font-size: 10px; font-weight: bold; text-transform: uppercase; margin-right: auto; } .post-author .pa-respect, .pa-posts { display: inline-block; text-align: center; text-transform: lowercase; font-family: arial; color: #585858; /* font-weight: bold; */ width: 106px; font-size: 8px; margin-top: 7px; letter-spacing: 1px; } .pa-respect a, .pa-posts a { color: #585858!important; } li.pa-fld2 { text-align: center; font-family: roboto; font-weight: 900; font-size: 10px; text-transform: uppercase; margin: 0 2px; color: #ae690a; background-color: #e8e8e8; border-top: 1px dashed #151111; padding: 10px 0; } li.pa-ip { font-size: 7px; text-align: center; margin-bottom: 4px; } li.pa-online { border-left-style: solid; font-size: 8px; font-family: arial; text-transform: lowercase; color: #99b596; text-align: center;} /* c3.11 */ .punbb .post-body { margin-left: 21em; border-left-style: solid; border-left-width: 1px; padding: 0 0 1px 0; } /* c3.12 */ .punbb .post-box { padding: 1em 0em; padding-right: 1px; } /*c3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* c3.14 */ .punbb .post-links { margin-left: 19em; border-left-style: solid; border-left-width: 1px; } /* c3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left: -19em; text-transform: lowercase; border-top-style: dashed; border-top-width: 1px; background: transparent; text-align: right; } /* c3.16 */ .punbb .post-links li { display: inline; padding-right: 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: 0.5em 1em; text-align: right; font-size: 10px; margin-left: -31px; text-transform: lowercase; } /* 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; color: #d2d0d0; font-size: 10px; text-transform: uppercase; font-family: arsenal; /* font-weight: bold; */ text-align: center; } } /* c5.2 */ .punbb .info .container .backlink { padding-top: 0.8em; text-align: center; font-family: verdana; text-transform: lowercase; font-size: 8px; } /* c6 profile -------------------------------------------------------------*/ /* c6.1 */ #profile .container { padding-left: 18.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, #profilenav ul { border-style: solid; border-width: 1px; padding: 1.5em 18px 0.8em 18px; font-size: 10px; font-weight: bold; margin: 0 0 1em 0; } /* 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: 0 5px; position: relative; } /* 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; } /* c7.3 */ #pun-userlist .usertable table { border-style: solid; border-width: 1px; } /************************************************************* d — punbb sections other than main content **************************************************************/ /* d1 logo and description -------------------------------------------------------------*/ /* d1.1 */ #pun-title { margin: 0; border-style: none none none none; border-width: 0px 0px 0 0px; margin-top: 33px; } /* d1.2 */ #pun-title h1 { display : block; height : 40px; padding: 2em 1em 0 1em; } /* d1.3 */ #pun-title .container { border-style: none solid none solid; } /* d1.4 */ #pun-title h1 span { display: none; } #pun-title table { border: none; } #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-top: -254px; letter-spacing: 1px; font-family: arsenal; text-transform: uppercase; text-align: center; font-size: 11px; } /* d3.2 */ #pun-navlinks .container { padding: 0.7em 1em; } /* d.3 */ #pun-navlinks li { display: inline; padding-right: 1em; } /* d3.4 */ #pun-navlinks li a { font-size: 8px; } /* d4 user links -------------------------------------------------------------*/ /* d4.1 */ #pun-ulinks { margin-top: -13px; } /* d4.2 */ #pun-ulinks .container { border-top: none; font-family: arial; margin: 134px 0; text-transform: lowercase; text-decoration: none; word-spacing: 4px; text-align: center; font-size: 8px; letter-spacing: 1px; } /* d4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; white-space: nowrap; } #pun-ulinks a { color: #464646; } /* d4.4 */ #pun-ulinks li a { padding: 0 0.3em 0 0.6em } /* 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; top-bottom: 80px; } /* d5.2 */ #pun-status .container { border-bottom: none; margin-bottom: 0; font-family: arial; color: #fff; font-size: 8px; /* text-align: center; */ margin-left: 7px; text-transform: lowercase; letter-spacing: 1px; margin-left: -24px; margin-top: -172px; } /* d5.3 */ #pun-status span { white-space: nowrap; margin-right: 0.5em; margin-bottom: 50px; } /* d5.4 */ #pun-crumbs1 { overflow: hidden; font-size: 7px; text-align: center; text-transform: uppercase; margin-top: -11px!important; } /* d5.5 */ #pun-crumbs1 p.container { border-top: none; padding: 73px 0px 0px 0px; color: #8c8c8c; } /* d5.6 */ #pun-break1 { margin: 0 1em; border-style: solid none; border-width: 1px 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; } /* d6.3 */ #pun-announcement .container { padding: 1em; } /* d7 statistics -------------------------------------------------------------*/ /* d7.1 */ #pun-stats .container { padding: 0; } /* d7.2 */ #pun-stats li.item1, #pun-stats li.item2 { text-align: center; color: #bec1be; font-size: 8px; display: inline-block; text-transform: lowercase; letter-spacing: 0px; padding: 7px 0px; margin-top: -4px; } /* d7.3 */ #pun-stats li.item3, #pun-stats li.item4 { text-align: center; color: #bec1be; font-size: 8px; display: inline-block; text-transform: lowercase; letter-spacing: 0px; padding: 7px 0px; margin-top: -4px; } /* d7.4 */ li#onlinelist { margin-top: 1em; border-top-style: solid; border-top-width: 1px; float: left; width: 100%; line-height: 130%; } /* d7.5 */ li#onlinelist div { border-top-style: solid; border-top-width: 1px; text-align: justify; text-transform: lowercase; font-size: 10px; } /* 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; width: 100%; font-family: arial; text-transform: lowercase; font-size: 8px; color: #000000; letter-spacing: 2px; text-align: center; } /* d8.6 */ #pun-crumbs2 { overflow: hidden; font-size: 7px; text-align: center; text-transform: uppercase; border-bottom: none; } /* d8.7 */ #pun-crumbs2 .container { border-bottom: none; padding: 0.8em 1em; } /* d8.8 */ #pun-break4 { margin: -2px 1em; border-style: solid none; border-width: 1px 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; } .admain { padding-left: 172px!important; margin-bottom: 1em; } .banners { position: absolute; margin-top: 44px; width: 1012px; margin-left: -37px; border: 10px solid #18100e; text-align: center; background-color: #18100e; height: 31px; overflow-y: auto; } .banners img { opacity: 0.7; max-width: 88px; max-height: 31px; } .banners img:hover { opacity: 0.9; } .topic .sharelink {display:none;} .stickytext,.closedatafield{ display:none;} .forlink:hover { background-color: #b1680c30; } .forlink { display: inline-block; background-color: #e8e8e8; color: #0d1007!important; border: 1px solid; border-radius: 2px; height: 13px; padding: 3px 14px; } #post-preview .fs-box .post-content { width: 792px; padding: 10px !important; margin-left: 53px; } .punbb .user-avatar .avatar-image { height: 25px!important; width: 25px!important; } .punbb .user-avatar .isonline { right: 9px!important; } .blok { position: absolute; height: 75px; margin-top: 48px; margin-left: 13px; width: auto; line-height: 14px; } .blok img { margin: 4px; box-shadow: 0 0 7px 1px #00000096; } .blok img:hover { -webkit-filter: grayscale(30%); -moz-filter: grayscale(30%); -ms-filter: grayscale(30%); -o-filter: grayscale(30%); filter: grayscale(30%); } .navig { text-align: center; position: absolute; font-family: roboto; font-size: 10px; line-height: 19px; font-weight: bold; text-transform: lowercase; width: 958px; margin-top: 7px; color: #49392a!important; } .blok a { color: #232323!important; } .blok a:hover { color: #980800!important; } .tipsy.a11 { margin-top:-22px!important; margin-left: 85px!important; max-width:170px; } .bnnr { background-color: #af690a; width: 181px; padding: 3px 1px 1px 3px; } #pun-announcement h2 {display: none} .collection img { width: 50px; margin: 5px; } #pun-index .tcl .modlist{display:none!important} #viewprofile-next #profilenav { display: none; } #viewprofile { position: relative; } #viewprofile #pa-edit { position: absolute; right: 1em; font-family: roboto; font-size: 11px; text-transform: uppercase; top: 1em; } div#topic_t7 li.pl-delete, div#topic_t6 li.pl-delete { display: none; } /********************************* *********************************/ #pun-navlinks a:not(.nextshow)+span.odd{ display:none!important; } #pun-navlinks #new-exit { position:absolute; margin-left: 25px; } #pun-navlinks #new-exit img{ width: 25px; height: auto; display:inline-block; margin-top: -4px!important; opacity: .8; } #pun-navlinks #form-login { position: absolute; left: 0; top: 12px; z-index: 100; text-transform: lowercase; font-weight: 600; text-shadow: none; font-family: arial; color: #000; font-size: 10px; padding: 7px 12px; background: #e8e8e8; text-align: center; background-color: #e8e8e8; border: 1px solid #b2670a; } #pun-navlinks #navlogout #form-login { margin-left: -40px; } #navpm+#navlogout #form-login { margin-left: 69px; } #pun-navlinks #navlogin #form-login { margin-left: 164px; } #pun-navlinks #form-login .rega, #pun-navlinks #form-login .forgot{ font-size:10px!important; color: #6a1750!important; letter-spacing:0.5!important; } #form-login input.none{ outline:red dashed 2px!important; } .punbb #form-login input[type="checkbox"]#check{ display:none; position:absolute; right:10px; border: 2px #000000; border-radius:0; box-shadow:none; box-sizing: border-box; column-gap: 13px; font: normal normal 400 12.76px/normal tahoma; height: 22px; margin: -3px -3px; padding: 1px!important; resize: none; vertical-align: middle; width: 13px; } #list-usernames { position: absolute; margin-top: -8px; min-height: 109px; width: 220px; right: 100%; text-shadow: none; padding: 12px 19px 26px 17px; text-align: center; background-color: #e8e8e8; border: 1px solid #b2690b; } .punbb #list-usernames li{ display: block!important; position: relative; background: #e8e8e8; border: 1px solid #b3660a; text-align: left; padding-left: 5px!important; font: normal normal 100 9px/normal verdana!important; margin: 1px auto!important; padding: 2px 0; transition: .33s; } .punbb #list-usernames li:hover{ opacity: .98; background: #ad6b0a3d!important; } .punbb #list-usernames li>b{ cursor: pointer; letter-spacing: 0!important; opacity: .8; color: #000000; } .punbb #list-usernames li>b:hover{ opacity: .93; } #list-usernames ul { overflow: hidden; overflow-y: auto; min-height: 36px; max-height: 72px; font-family: roboto; padding: 0!important; text-shadow: none !important; font-size: 10px; } #list-usernames ul::-webkit-scrollbar { width: 7px; height: 5px; } #list-usernames ul::-webkit-scrollbar-track { background-color: #ffffff; border: 3px solid #ffffff; box-shadow: none; } #list-usernames ul::-webkit-scrollbar-thumb { background-color: #a8cda3; border: 2px solid #a8cda3; box-shadow: none; } #list-usernames ul li>span { display: inline-block; padding: 0 3px; position: absolute; opacity: .88; cursor: pointer; top: 0; bottom: 0; right: 2px; color: #bf3631; font: normal normal 700 10.56px/normal verdana; } #list-usernames ul:empty::before{ display:inline-block; content: "" } #navlogin #exit-2 { display:none; } #navlogout .rega, #navlogout .forgot { display:none; } .punbb #list-usernames input { background: rgb(208, 206, 209); border: 1px inset rgba(99,100,79,.3)!important; color: #5b4556!important; margin-top: 9px; padding: 4px !important; vertical-align: middle; } #list-usernames ul+span{ display:inline-block; padding:6px 0 8px 0; text-align:left; font: normal normal 400 10.56px/normal verdana; } #list-usernames ul+span b{ font: normal normal 400 13px/normal verdana; padding:0 3px; color: #313121; } #list-usernames .a1-paste{ cursor: pointer; color: #867877; display: inline-block!important; float: right; } #list-usernames .a1-copy{ display: inline-block!important; color: #867877; cursor: pointer; float: left; } /*** улучшить аккаунт ***/ #pun-status .item4 {display:none;} .tab_post { position: absolute; z-index: 9; font-family: arial; width: 289px; overflow: auto; height: 40px; margin: 59px 13px; line-height: 10px; text-align: justify; padding-right: 4px!important; color: #d7d5d5; font-size: 7px; /* background-color: #cdc7c73b; */ letter-spacing: 1px; } #main-reply { height: 220px; padding: 9px 9px 9px 9px; color: #464646; text-transform: none; word-spacing: 3px; line-height: 15px; font-size: 11px; width: 100%;} #ready { position: absolute; top: 100px; margin-left: 2px; width: 308px; text-align: center; /* text-shadow: 1px 1px 0 #11111152; */ color: #d7d5d5; z-index: 9; text-transform: uppercase; font-family: yeseva one; letter-spacing: 6px; font-size: 9px; }
— цвет
Код:/* cs1 background and text colours -------------------------------------------------------------*/ /*фон */ body { background-image: url(https://forumupload.ru/uploads/001b/58/2a/2/330918.png); background-position: top center; background-attachment: fixed; background-repeat-y: no-repeat; background-size: cover; background-color: #e0e0e0;} /* шапка */ #pun-title table { background-image: url(https://forumupload.ru/uploads/001b/58/2a/2/59644.png); background-repeat: no-repeat; background-position: top center; margin-left: -30px; margin-top: -180px; height: 250px; width: 1021px; } /* тело форума */ #pun {background-image : url(https://forumupload.ru/uploads/001b/58/2a/2/962106.png); background-color : transparent; background-position : center; background-repeat: repeat-y; width: 1021px !important; } /* категории */ #pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2 { margin-top: -12px; margin-left: -30px; font-size: 5px !important; text-transform: uppercase; color: transparent; width: 1010px; height: 40px; font-weight: normal; letter-spacing: 2px; background-position: center; } #pun-category1.category h2 {background: url(https://forumupload.ru/uploads/001b/9f/d1/2/384269.png); } #pun-category2.category h2 { background:url() top right; } #pun-category3.category h2 { background:url(); } #pun-category4.category h2 { background:url(); } #pun-category5.category h2 { background:url(); } #pun-category6.category h2 { background:url() top right; } /*статистика*/ #pun-stats.section h2 { background-attachment: scroll; background: url(); background-clip: border-box; margin: 20px 17px!important; font-size: 5px !important; letter-spacing: 2px; height: 0px; color: transparent; margin-left: -34px; font-weight: normal; text-transform: uppercase; } #pun-stats.section h2 span { } /* футер */ #pun-about p.container { background-image: url(https://forumupload.ru/uploads/001b/58/2a/2/962106.png); margin: 0px 0px -115px 0px; background-position: center bottom; background-repeat: no-repeat; margin-left: -43px; width: 1021px; height: 100px; } /* cs1.1 */ .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend { background: transparent; color: #1d1c1c; } /* cs1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background: transparent; color: #000; } .punbb-admin #pun-admain .adcontainer { border-color: #e8e8e8!important; } /* cs1.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { color: #000000; text-transform: lowercase; margin: 4px; padding: 5px 0; font-weight: bold; font-size: 11px !important; font-family: verdana; text-align: center; } /* cs1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background: transparent; color: #000; } /* cs1.5 */ #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { color: #000000; } .punbb-admin #pun-admain legend span { background-color: #e8e8e8!important; } /* cs1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background: transparent; color: #000; } /* cs1.7 */ .punbb .quote-box, .punbb .code-box { border: 1px solid #e3ebde; color: #000000; } /* cs1.8 */ #pun-navlinks .container { background: transparent; color: #f1f1f1; } .offline li.pa-online strong { font-weight: normal; } /* cs2 border colours -------------------------------------------------------------*/ /* cs2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: transparent; } /* cs2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; } /* cs2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: transparent; } /* 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: transparent; } /* cs2.6 */ #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: transparent; } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: transparent; } .punbb .divider { border-color: transparent; } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid transparent; } li.pa-online { border-left-color: transparent; } /* 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 { text-decoration: none; color: #748769; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #000; } /* 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: #acbba4; } /* cs3.3 */ #pun-navlinks a { color: #fff; font-family: arial; text-transform: uppercase; background: #aecb9d; padding: 2px 6px; border-radius: 19px; text-decoration: none; } /* cs3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #6c7a65; } #pun-pagelinks a:active, #pun-pagelinks a:focus { color: #acbba4; } .punbb .post-content a:hover { color: #000; } .punbb .post-content a { color: #759171;} /* cs4 post status icons -------------------------------------------------------------*/ div.icon { background: url(https://forumupload.ru/uploads/001b/58/2a/2/745681.png)no-repeat; } tr.inew div.icon { background: url(https://forumupload.ru/uploads/001b/58/2a/2/424179.png) no-repeat; } tr.iclosed div.icon { background: url(https://forumupload.ru/uploads/001b/58/2a/2/424179.png) no-repeat; } tr.isticky div.icon { background: url(https://forumupload.ru/uploads/001b/58/2a/2/424179.png) no-repeat; } #pun-viewforum table div.icon, #pun-messages table div.icon { float: left; margin-right: 10px; margin-top: 0px;} #pun-main div.catleft, #pun-main div.catright {display: none} /*стиль выделения */ ::selection { background: none repeat scroll 0 0 #cdc7c7; color: #000000; opacity: 1; } *::-moz-selection { background: none repeat scroll 0 0 rgb(46, 46, 46); color: #e8e8e8; opacity: 1; } /* стиль списка тем в форуме */ #pun-main .forum .tcl .tclcon { text-align: justify; } /* список тем в форуме ник создателя темы */ #pun-main .forum .tcl .byuser { display: block; font-size: 9px; } #pun-main .forum .tcl .byuser:before { content: ""; } /*форма ответа стиль выпадающих окошек*/ #font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area { position: absolute; z-index: 1000; right: -10px!important; padding: 10px 10px 10px 10px; top: 46px!important; background-color: rgb(250 250 250); border: 1px solid rgb(210 210 210); } #font-area { overflow-y: scroll; height: 300px; width: 170px; padding: 10px 10px; } #font-area::-webkit-scrollbar-thumb { background-color: #a8cda3; } #font-area::-webkit-scrollbar-track { background-color: #ffffff; } /*фон окошка репутации*/ #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner { display: none; position: fixed; left: 50%; top: 50%; margin: -131px 0 0 -451px!important; z-index: 100; width: 903px!important; position: absolute; right: 12px!important; background-color: rgb(241, 241, 241); box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; -khtml-box-shadow: none!important; } /* скроллбар */ .scrollbox::-webkit-scrollbar { width: 3px; height: 6px;} .scrollbox::-webkit-scrollbar-track {background-color: #ffffff;} .scrollbox::-webkit-scrollbar-thumb {background-color: #a8cda3;} ::-webkit-scrollbar { width: 3px; height: 6px;} ::-webkit-scrollbar-track { background-color: #ffffff;} ::-webkit-scrollbar-thumb { background-color: #a8cda3;} #mybookmarks { display: none; position: fixed; background: #e8e8e8; border: none!important; box-shadow: none!important; border-left: none; z-index: 101; left: 0; margin-top: 147px; top: 0; right: 0; height: 70%!important; width: 240px; } #bookmcnttoggle.default-style { background: #010000!important; border-left: solid 5px currentcolor!important; box-shadow: none!important; color: #f3f3f3!important; display: block; height: 22px!important; width: 18px!important; } #bookmcnttoggle { position: fixed; top: 5px!important; left: 5px!important; opacity: 0.7; cursor: pointer; z-index: 3; transition: opacity .3s ease-out; } .post .bookmark { color: #8e0200!important; width: 12px!important; right: -36px!important; } .editbookmark { background-color: #e8e8e8!important; box-shadow: none!important; color: #000!important; border: 1px solid #151111; border-radius: 2px!important; } #mybookmarks h2, #mybookmarks h1 { font-family: verdana!important; color: #000000!important; font-weight: bold; text-transform: lowercase; font-size: 10px; text-align: center!important; } .editbookmark .inputfield { font-weight: 700; text-transform: lowercase!important; } /*форум тем соо прозрачность*/ #pun th {text-transform: lowercase; font-size: 0px; padding-bottom: 0px; font-weight: bold; opacity: 0.0;} #pun-userlist th {opacity: 1;font-size: 9px;} #pun-viewtopic h1, #pun-viewtopic h2 {display:none;} #pun-viewforum h1 {display:none;} #pun-messages h3 {display:none;} #pun-messages .fs-box { padding: 4em 0 0.8em 0;} .lastedit {display:none} #pun-messages .pa-posts, #pun-messages .pa-reg {display:none;} .resizable-textarea textarea { display: block; margin-bottom: 0pt; border: 2px solid #000000!important; background-color: #f3f3f3!important; } #main-reply { border: 1px solid #6d6d6d47!important; border-radius: 0px; background-color: #e7e7e736!important; } .go-up, .go-down { cursor: pointer; display: none; height: 45px; margin-left: 926px !important; opacity: 1; position: fixed; width: 39px; z-index: 9999; } .go-up { bottom: 56%; } .go-down { bottom: 48%; } .go-down:hover, .go-up:hover { opacity: 1; } #statistic-other{ text-align: center!important; text-transform: lowercase; font-size: 8px; font-weight: bold; } .news { position: absolute; margin: 99px 426px!important; font-family: foglihtenno; font-size: 11px; border-top: solid 1px #a0a0a0; box-shadow: 0 -2px rgb(122, 142, 149), 0px -4px #ababab; text-align: center; text-transform: uppercase; letter-spacing: 0px; line-height: 13px; text-shadow: 1px 1px 0px #284144; color: #c1c1c1; font-weight: bold; width: 42px; height: 31px; opacity: 0; transition: all 0.6s ease-in-out 0.1s; -webkit-transition: all 0.6s ease-in-out 0.1s; -moz-transition: all 0.6s ease-in-out 0.1s; -o-transition: all 0.6s ease-in-out 0.1s; } .news a { color: #c1c1c1!important; } .news:hover, .news:active, .need1:hover, .need1:active, .need2:hover, .need2:active { opacity: 1; } .links { font-weight: bold; padding: 10px; padding-bottom: 0px; font-size: 8px; color: #777068; text-align: center; font-family: verdana; } .links a { font-family: arial; text-transform: lowercase; font-size: 9px; font-weight: bold; } .punbb .main .tcr a { font-weight: bold; } .punbb .main .tcr span { font-size: 8px; text-transform: lowercase; } #pun-viewforum .tclcon a { font-size: 11px; margin-left: 2px; } #pun-viewforum .tcr a { text-transform: lowercase; font-size: 10px; } .pun-modal .modal-inner { border: 1px solid #000000!important; background: #e8e8e8!important; } .unread-notifications .notifications-block-title { border: solid 0px rgba(0,0,0,.06)!important; border-style: solid none; background: rgba(0, 0, 0, 0)!important; } .punbb textarea::-webkit-scrollbar-thumb { background-color: #a8cda3; } .punbb textarea::-webkit-scrollbar-track { background-color: #ffffff; } .adformal h2, #pun-adnav h2 { background-color: #e8e8e8!important; } #mask_dialog .inner { cursor: default; margin: 0; width: 760px; max-width: 99%; max-height: 90%; overflow-x: auto; z-index: 100; box-shadow: 0 0 0 3px #fff; background: #e8e6e6; padding: 8px; } textarea { -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } .award{ max-height: 560px; overflow-y: auto; } .aw1 { opacity: 1; } .aw0 { opacity: 0.5; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } .aw1 img, .aw0 img { height: 110px; } .aw1, .aw0 { display: inline-block; } div.post-rating a, div.post-vote a { color: #000!important; } #spoiler-sels { background-color: #e8e8e8; border: 1px solid #6d6d6d; padding: 1em; } #pun-index .category tr { z-index: 1; width: 987px; position: relative; display: block; background: #f7f6f6; border-radius: 0px 0 13px 13px; margin-bottom: 13px !important; margin-left: -14px; } #pun-stats li.item1, #pun-stats li.item2, li.item3, #pun-stats li.item4 { z-index: 1; width: 235px; position: relative; display: block; background: #f7f6f6; /* border-radius: 0px 0 0px 13px; */ margin-bottom: 15px !important; margin-left: 1px; } #pun-stats li.onlinelist { z-index: 1; width: 950px; position: relative; display: block; background: #f7f6f6; /* border-radius: 0px 0 0px 13px; */ margin-bottom: 15px !important; margin-left: 1px; padding: 2px 0px 5px 6px; } div#pun-live-rusff { z-index: 98; width: 440px; height: 19px; font-size: 0px; margin: auto 0px 0 auto; background: transparent; text-align: right; line-height: 17px; position: relative; } .post-content .spoiler-box > div.visible { background-image: url(/img/minus.png); font-family: arial; color: #525252;} .post-content .spoiler-box > div { background: url(/img/plus.png) no-repeat left center; cursor: pointer; font-family: arial; color: #525252; padding-left: 18px;} #smilies-area { width: 240px; overflow: auto; height: 200px;}
— верх
Код:<!-- выделение кода в блоке "код" // © alex_63, версия 2019г. --> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script> <script type="text/javascript">select_text.linktext = 'выделить код' //текст ссылки</script> <!-- конец --> <!--плашки--> <div style="width: 900px; margin: 0 auto;"> <div style="position: absolute; font-family: playfair display; color: #5a5a5a; background: #a9cba445; border-radius: 2px; font-size: 15px; padding: 0px 0px 7px 9px; margin-top: 169px; margin-left: -12px; width: 160px; height: 29px;"> <a href="https://ohmylovertst.rusff.me/viewtopic.php?id=4#p14">важная плашка</a></div> <div style="position: absolute; font-family: playfair display; color: #5a5a5a; font-size: 9px; margin-top: 185px; margin-left: -2px; width: 160px; height: 29px;"> <small>текст ещё какой-нибудь на одну строку</small> </div> <div style="position: absolute; font-family: playfair display; color: #5a5a5a; background: #f7f6f6; border-radius: 2px; font-size: 15px; padding: 0px 0px 7px 9px; margin-top: 169px; margin-left: 177px; width: 160px; height: 29px;"> плашка плашка</div> <div style="position: absolute; font-family: playfair display; color: #5a5a5a; font-size: 9px; margin-top: 185px; margin-left: 187px; width: 160px; height: 29px;"> <small>текст ещё какой-нибудь на одну строку</small> </div> <div style="position: absolute; font-family: playfair display; color: #5a5a5a; background: #f7f6f6; border-radius: 2px; font-size: 15px; padding: 0px 0px 7px 9px; margin-top: 169px; margin-left: 367px; width: 160px; height: 29px;"> плашка плашка</div> <div style="position: absolute; font-family: playfair display; color: #5a5a5a; font-size: 9px; margin-top: 185px; margin-left: 377px; width: 160px; height: 29px;"> <small>текст ещё какой-нибудь на одну строку</small> </div> <div style="position: absolute; font-family: playfair display; color: #5a5a5a; background: #f7f6f6; border-radius: 2px; font-size: 15px; padding: 0px 0px 7px 9px; margin-top: 169px; margin-left: 557px; width: 160px; height: 29px;"> плашка плашка</div> <div style="position: absolute; font-family: playfair display; color: #5a5a5a; font-size: 9px; margin-top: 185px; margin-left: 567px; width: 160px; height: 29px;"> <small>текст ещё какой-нибудь на одну строку</small> </div> <div style="position: absolute; font-family: playfair display; color: #5a5a5a; background: #f7f6f6; border-radius: 2px; font-size: 15px; padding: 0px 0px 7px 9px; margin-top: 169px; margin-left: 747px; width: 160px; height: 29px;"> плашка плашка</div> <div style="position: absolute; font-family: playfair display; color: #5a5a5a; font-size: 9px; margin-top: 185px; margin-left: 757px; width: 160px; height: 29px;"> <small>текст ещё какой-нибудь на одну строку</small> </div></div> <!--цифры--> <div style="position: absolute; font-family: playfair display; color: #fff; font-size: 35px; margin-top: 86px; margin-left: -24px; width: 185px;"> 83% </div> <!-- мгновенный предпросмотр сообщения © alex_63 --> <script type="text/javascript"> var pprev = {}; pprev.position = 0; //положение окна предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа pprev.quote_cite = 'написал(а):'; //надпись в окне цитаты </script> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script>
— низ
Код:<script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script> <script> $(document).ready(function() { hvstickerpack.init("https://forumstatic.ru/files/001b/9f/d1/66368.txt"); }); </script> <!--убираем смайлы--> <style> #form-buttons td#button-smile { display:none; } </style> <script type="text/javascript"> (function(){function rep(str, p1,offset, s){ return '>'+p1.replace(/"([^ "][^"]+?)"/gm,'«$1»')+'<';} $('.post-content p').each(function(){ $(this).html(('</>'+$(this).html()+'</>').replace(/>([^<>]+)</gm, rep)); });}()); </script> <!-- регулировка размера шрифта в постах © alex_63 --> <style> .fntslider { border-radius: 4px; position:relative;z-index:1000; background: #ccc; width: 110px; height: 5px; margin: 3px 5px; border: solid 0px #; float: right; margin-top: 5px; margin-right: 7%; } .fntslider .before { height: 6px; border: solid 0px transparent; border-right: none 0; border-radius: 4px 0 0 4px; position: absolute; background: #99b596; margin-top: -1px; box-shadow: 0px 0px 2px 0px rgb(203, 176, 120) inset; } .fntslider .thumb { width: 8px; height: 13px; border-radius: 3px; position: relative; top: -4px; background: #727272; cursor: pointer; } </style> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script> <!-- конец --> <!--скрыть "пожаловаться"--> <style type="text/css"> .pl-reports {display:none!important;} </style> <!--конец--> <!--отключить функцию "поделиться"--> <script type="text/javascript"> rusffcore.sets.share = false; </script> <!-- кнопка отключения мгновенного предпросмотра --> <style>#togglepreview{float:right;margin-top:-17px}</style> <script type="text/javascript">(function (){ var a='включить быстрый предпросмотр'; var b='отключить быстрый предпросмотр'; var d='_previewtoggle'; setcookiepprev=function(a,b,c){if(c){var d=new date();d.settime(d.gettime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toutcstring() : '');else return false;} getcookiepprev=function(a){var b=new regexp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;} $('<small id="togglepreview"><input type="button" class="button" value="'+ b +'" onclick="togglepreview(this)"/></small>').insertafter('#post fieldset:last legend'); var x = parsecontent; window.togglepreview = function(sel){//alert(sel.value); if(sel.value==a){sel.value=b;setcookiepprev(d,'0',-1000);parsecontent=x;parsecontent();$('#post-preview').show(); return} if(sel.value==b){sel.value=a;setcookiepprev(d,'off',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}parsecontent=function(){return};return} }; if(getcookiepprev(d)=='off'){$('#togglepreview>.button').click()}; }()) </script> <!-- шрифты --> <script type="text/javascript"> if ($('#pun-viewtopic,#pun-post,#pun-edit,#pun-poll,#pun-messages').length)(function () { var ft = $("#font-area"),i,fntarr,j = ""; fntarr=new array ( "playfair display", "fjalla one", "abril fatface", "amatic sc", "eb garamond", "old standard tt", "homemade apple", "oranienbaum", "allerta stencil", "spectral", "yeseva one", "unifrakturmaguntia", "oswald", "berkshire swash", "merienda", "deutsch gothic", "kristi", "schwabacher" ); for (i=0;i<fntarr.length;i++ ){j+='<div><span style="font-family:'+fntarr[i]+'">'+fntarr[i]+'</span><img src="/i/blank.gif" onclick="\ bbcode(\'[fo'+'nt='+fntarr[i]+']\',\'[/font]\')" /></div>';};ft.append(j)}()) </script> <!--счетчик символов --> <script>var a,l,epl=$("#main-reply"),str='<small id="plng" style="font-size: 10px;">написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){l=''}else{l='0'};$("#plng b").text(l+a)};epl3();$(".pl-quote").click(function (){settimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script> <!--счетчик символов --> <!-- вставить картинку в пост --> <script> var oldimg="<td id=\"button-image\" title=\"вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>" $("#button-image").after(oldimg); </script> <!--форма ответа выравнивание текста по ширине--> <style> #button-mybb {background-image:url('http://icons.iconarchive.com/icons/famfamfam/silk/16/text-align-justify-icon.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%} </style> <script type="text/javascript"> if(form=document.getelementbyid("form-buttons")) form.getelementsbytagname("tr")[0].insertcell(8).innerhtml="<img src='/i/blank.gif' id='button-mybb' onclick=\"bbcode('[align=justify]', '[/align]');\"/>" </script> <!--форма ответа выравнивание текста по ширине--> <!--новые сообщения--> <script type="text/javascript"> function show_new() { if(groupid == 3) return; $('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">новые сообщения</a></li>');} show_new(); </script> <!--новые сообщения--> <style>.nocomments{ margin-left: 676px; margin-top: 1px; cursor: pointer; position: relative; z-index: 100; opacity: 0.55; width: 21px; height: 21px; background: url(https://forumupload.ru/uploads/001b/9f/d1/2/585362.png); background-size: cover; } </style> <!-- быстрые плюсы без комментариев ©deff--> <script type="text/javascript" > if($('#pun-viewtopic').length)$(function(){ $('<div class="nocomments" title="+ без комментариев!"></div>').insertafter($('.post .post-vote')); $('.post .nocomments').click(function(){ $('#pun-reputation').hide(); $(this).prev('.post-vote').find('a.positive').click(); $('#pun-reputation .inner.post_reputation h1>span').text('поднять репутацию'); $('#pun-reputation').find('input#reputationbuttonsend').click(); settimeout(function(){$('#pun-reputation .bg.post_reputation, #pun-reputation .inner.post_reputation').hide();$('#pun-reputation').show()},130); }); }); </script>