/************************************************************* 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'); @import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap'); @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT:wght@400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Allerta+Stencil&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Spectral:wght@200;300&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Cuprum&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Pirata+One&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Philosopher&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&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: 1em verdana, arial, helvetica, sans-serif; } /* 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: 1.1em; } /* A3.6 */ .punbb pre { font: 1em verdana, arial, helvetica, sans-serif; line-height: 17px; color: #1d1d1d; } /* 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: 1020px; 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; background-image: url(https://forumstatic.ru/files/001a/e5/81/34923.png); } #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: ''; } .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; 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: 15em!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: 13px; font-weight: bolder; color: #191a1a; font-style: normal; font-family: Arsenal; text-transform: lowercase; } .punbb .post-content .blockcode { margin-top: 10px!important; } /* 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: 9px; font-weight: bold; color: #000; text-transform: lowercase; left: 1em; width: 24em; } /* B3.4 */ .linkst .postlink { position: absolute; top: -27px; right: 1em; width: 16em; text-transform: lowercase; font-size: 11px; 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: 9px; font-weight: bold; color: #000; text-transform: lowercase; 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 { padding: 0; display: block; margin-top: -13px!important; padding: 6px 0; font-size: 11px; text-align: left; text-transform: lowercase; font-weight: bold; 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: 50%; } .punbb td div.tclcon { padding: 10px; text-align: justify; text-transform: lowercase; font-size: 11px; font-family: roboto; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%; } /* C2.3 */ .punbb .main .tcr { overflow: hidden; text-align: left; /* padding: 0 33px; */ padding: 0px 4px; width: 30%; } /* 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 { text-align: left; font-size: 15px; font-family: roboto; text-transform: lowercase; letter-spacing: 0.2px; padding-bottom: 2px; font-weight: 600; margin-bottom: 5px; border-bottom: 1px solid #bdbcbc; } /* 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; color: #e9e9e9;} /* 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 { float: left; display: block; height: 8px; /* margin-right: 11px; */ background-repeat: no-repeat; line-height: 0.0; margin-top: 18px; width: 12px; margin-left: 10px; } } /* 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 4px; font-family: verdana; text-transform: lowercase; font-size: 10px; border-top: 1px solid #bdbcbc; } .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; background-color: #dcdcdc; border: 1px solid #191a1a3d;} /* C3.6 */ .punbb .post .post-author ul, .punbb .post .post-author p { line-height: 140%; } /* C3.7 */ .pa-author { font-weight: bold; text-align: center; padding-bottom: 10px!important; padding-top: 6px!important; letter-spacing: 1px; color: #fff; font-family: roboto; text-transform: uppercase; } /* C3.8 */ .pa-author a { color: #762a2a!important; font-family: Arsenal; text-transform: uppercase; font-size: 12px; } } .pa-author a:hover, .pa-author a:active { color: #b1680c!important; } li.pa-avatar.item2 img { max-width: 180px; border: 2px solid #585858; } .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 11px; line-height: 10px; /* font-weight: bold; */ color: #191919; font-size: 8px; margin-bottom: 5px; text-transform: lowercase; border-bottom: 1px solid #a9a9a9;} li.pa-fld1 { padding: 8px; font-size: 10px; text-transform: uppercase; text-align: center; line-height: 4px; margin: 0 17px; font-family: Arsenal; background-color: #191a1a; color: #cccbcb; letter-spacing: 1px; border-top: 7px solid #c8c7c7; } li.pa-fld1::before { content: '— ';} li.pa-fld1::after { content: ' —';} 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: lowercase; text-align: justify; letter-spacing: 1px; font-family: Arial; padding: 0px 16px 0px 18px; margin-top: 0px; line-height: 10px; /* font-weight: 600; */ color: #191a1a; font-size: 0.8em; } 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: Arial; 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: #191a1a; /* font-weight: bold; */ width: 106px; font-size: 8px; margin-top: 7px; letter-spacing: 1px; padding-bottom: 9px; } .pa-respect a, .pa-posts a { color: #191a1a!important; } li.pa-fld2 { text-align: center; font-family: Playfair Display; /* font-weight: 900; */ font-size: 13px; TEXT-TRANSFORM: lowercase; /* margin: 0 1px; */ color: #762a2a; background-color: #dcdcdc; /* border-top: 1px solid #a9a9a9; */ padding: 10px 0; line-height: 8px; } li.pa-ip { font-size: 7px; text-align: center; margin-bottom: 4px; } li.pa-online { border-left-style: solid; /* display: none; */ font-size: 8px; text-transform: lowercase; color: #762a2a; text-align: center; margin-top: 7px; border-top: 1px solid #a9a9a9 } /* 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 3em; 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: -15em; 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; /* 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: #797979; font-size: 8px; text-transform: uppercase; font-family: arial; 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: -263px; letter-spacing: 3px; font-family: Cuprum; text-transform: uppercase; text-align: center; font-size: 9px; margin-left: 8px; } /* 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: 1.1em; } /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { margin-top: -13px; } /* D4.2 */ #pun-ulinks .container { border-top: none; font-family: Arsenal; margin: 207px 0; text-transform: uppercase; text-decoration: none; word-spacing: 4px; text-align: center; font-weight: bold; font-size: 7px; letter-spacing: 3px; margin-bottom: 15px; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; white-space: nowrap; } #pun-ulinks a { color: #363636; } /* 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; margin-bottom: 0; } /* D5.2 */ #pun-status .container { font-family: verdana; font-size: 8px; color: #464646; letter-spacing: 1px; text-transform: uppercase; margin-left: 5px;} /* D5.3 */ #pun-status span { white-space: nowrap; margin-right: 0.5em; } /* D5.4 */ #pun-crumbs1 { font-weight: bold; overflow: hidden; font-size: 11px; margin-top: 18px!important; } /* D5.5 */ #pun-crumbs1 p.container { border-top: none; padding: 4px; font-size: 1.1em; } /* 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 { float: left; clear: both; font-size: 11px; line-height: 150%; } /* D7.3 */ #pun-stats li.item3, #pun-stats li.item4 { text-align: right; font-size: 11px; line-height: 150%; } /* 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; padding: 5px 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; width: 100%; font-family: Raleway; text-transform: uppercase; /* font-weight: bold; */ font-size: 5px; color: #000000; letter-spacing: 2px; text-align: center; } /* D8.6 */ #pun-crumbs2 { font-weight: bold; overflow: hidden; font-size: 11px; 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: 24px; width: 1012px; margin-left: -37px; text-align: center; height: 41px; 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: 692px; padding: 10px !important; margin-left: 53px; } .punbb .user-avatar .avatar-image { height: 25px!important; width: 25px!important; border: 2px solid #762a2a!important; } .punbb .user-avatar .isonline { right: 6px!important; background: #d40303!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-status .item4 {display:none;} #main-reply {height: 220px} 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; } .punbb #font-area { padding: 0 9px!important; overflow: hidden; overflow-y: auto; height: 355px; z-ndex: 100000; } .punbb #size-area { padding: 0 9px!important; overflow: hidden; overflow-y: auto; height: 355px; z-ndex: 100000; }
арти
Сообщений 1 страница 11 из 11
Поделиться12022-07-12 14:45:18
Поделиться22022-07-12 14:46:07
/* CS1 Background and text colours -------------------------------------------------------------*/ /*Фон */ body { background-image: url(https://forumstatic.ru/files/001a/e5/81/34923.png); background-position: top center; background-attachment: fixed; background-repeat-y: no-repeat; background-size: cover; background-color: #000201;} /* Шапка */ #pun-title table { background-image: url(https://forumstatic.ru/files/001a/b4/4b/25752.png); background-repeat: no-repeat; background-position: top center; margin-left: -30px; width: 1000px; margin-top: -129px; height: 280px; width: 1020px; } /* Тело форума */ #pun {background-image : url("https://forumstatic.ru/files/001a/b4/4b/76657.png"); background-color : transparent; background-position : center; background-repeat: repeat-y; width: 1020px !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: 20px -30px!important; margin-top: 3px; font-size: 5px !important; text-transform: uppercase; color: transparent; height: 50px; font-weight: normal; letter-spacing: 2px; background-position: center; width: 997px; } #pun-category1.category h2 {background: url(https://forumstatic.ru/files/001a/b4/4b/93107.png); } #pun-category2.category h2 { background:url(https://forumstatic.ru/files/001a/b4/4b/17043.png); } #pun-category3.category h2 { background:url(https://forumstatic.ru/files/001a/b4/4b/87473.png); } #pun-category4.category h2 { background:url(https://forumstatic.ru/files/001a/b4/4b/12720.png); } #pun-category5.category h2 { background:url(https://forumstatic.ru/files/001a/b4/4b/40656.png); } #pun-category6.category h2 { background:url(https://forumstatic.ru/files/001a/b4/4b/81192.png) ; } /*статистика*/ #pun-stats.section h2 { background-attachment: scroll; background: url(https://forumstatic.ru/files/001a/b4/4b/17605.png); background-clip: border-box; margin: 20px; font-size: 5px !important; letter-spacing: 2px; height: 50px; color: transparent; margin-left: -30px; font-weight: normal; text-transform: uppercase; width: 997px; } #pun-stats.section h2 span { } /* Футер */ #pun-about p.container { background-image: url(https://forumstatic.ru/files/001a/b4/4b/17281.png); margin: 0px -43px -95px -43px; background-position: center bottom; background-repeat: no-repeat; height: 80px; } /* 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: #0e0e0e; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background: transparent; color: #191919; } .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: #1a1a1a; 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 #cccbcb; color: #000000; background-color: #f1f1f1; } /* 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: #0e0e0e; } .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: #762a2a; } /* CS3.3 */ #pun-navlinks a { color: #1b1b1b; text-decoration: none; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #762a2a; } #pun-pagelinks a:active, #pun-pagelinks a:focus { color: #762a2a; } .punbb .post-content a:hover { color: 000; } .punbb .post-content a { font-weight: bold;} /* CS4 Post status icons -------------------------------------------------------------*/ div.icon { background: url(https://forumstatic.ru/files/001a/e5/81/54953.png)no-repeat; } tr.inew div.icon { background: url(https://forumstatic.ru/files/001a/e5/81/46519.png) no-repeat; } tr.iclosed div.icon { background: url(https://forumstatic.ru/files/001a/e5/81/54953.png) no-repeat; } tr.isticky div.icon { background: url(https://forumstatic.ru/files/001a/e5/81/51098.png) no-repeat; } #pun-viewforum table Div.icon, #pun-messages table Div.icon { float: left; margin-right: 9px; margin-top: 15px; margin-left: 12px; } #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: 11px; } #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; max-height: 180px; right: 12px!important; padding: 5px; top: 54px!important; background-color: rgb(232, 232, 232); border: 1px solid rgb(123, 121, 116); } #font-area { overflow-y: scroll; max-height: 180px; width: 170px; padding: 10px 10px; } /*окно репутации*/ #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; } } /*форум тем сообщений*/ #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: none; margin-bottom: 0pt; border: 2px solid #000000!important; background-color: #f3f3f3!important; } #main-reply { border: 1px solid #6d6d6d!important; background-color: #e9e9e9!important; } #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: 10px; } #pun-viewforum .tclcon a { font-size: 12px; margin-left: -1px; /* margin-top: -13px; */ } } #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; } .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; } html, body {min-width: 1200px!important;} /* ПРОКРУТКА -------------------------------------------------------------*/ ::-webkit-scrollbar { width: 6px; height: 6px; background-color: rgb(200 199 199); } ::-webkit-scrollbar-thumb { width: 6px !important; /* box-shadow: 0 0 0 1px rgb(189 188 188) inset; */ background: #762a2a; } /** ОФОРМЛЕНИЕ ТАБЛИЦЫ **/ .tab_post1 { position: absolute; z-index: 9; font-family: Arial; width: 227px; overflow: auto; height: 48px; margin: 163px 0px !important; line-height: 10px; text-align: justify; padding-right: 4px!important; color: #111100; /* background-color: #cdc7c73b; */ letter-spacing: 1px; font-size: 8px; } .tab_post2 { position: absolute!important; z-index: 9; width: 266px; overflow: auto; height: 57px; margin: -63px 485px!important; line-height: 12px; text-align: justify; padding-right: 5px!important; color: #111100; /* background-color: #cdc7c73b; */ letter-spacing: 1px; font-size: 7px; font-family: Arsenal; text-transform: uppercase; } /* ПОЛЕЗНЫЕ ССЫЛКИ */ .ancors { position: absolute !important; display: block; width: 183px; left: 287px; top: -53px;} .pnews2{ display: block; background: rgb(200 199 199); padding: 0px; height: 13px; margin-bottom: 1px !important;} .pnews2:hover{ background: #762b2c;} .pnews2 a:hover{ color: rgb(200 199 199) !important;} /* ОФОРМЛЕНИЕ ТЕМ */ /* оформление тем */ .thems-decor {background: #dcdcdc; border: 2px solid #762a2a; margin: auto !important; padding: 10px 10px 35px 10px; width: 590px} .thems-name { margin: 15px auto 5px auto !important; border-bottom: 1px solid #82918c; padding-bottom: 15px; width: 400px;} .thems-name span {font-family: yeseva one; font-weight: 900; font-size: 25px; text-align: center; display: block; letter-spacing: 1px} .thems-info {text-align: justify; margin: auto; font-family: open sans; font-size: 10px; max-height: 60px; overflow-y: auto; padding: 2px; text-transform: lowercase} .thems-pic {width: 450px; margin: 20px auto !important;} .thems-text { width: 450px; margin: auto !important; text-align: justify; font-family: verdana; font-size: 11px;} span.thems-h { font-family: yeseva one; font-weight: 900; font-size: 18px; text-align: left !important; display: block; letter-spacing: 1px; width: 450px;} .thems-t {line-height: 17px; margin-bottom: 20px !important;} .thems-t span {margin-top: 10px; display: block; font-weight: bold} span.thems-h2 {transform: scale(1,.7); display: block; text-align: center; letter-spacing: 2px; word-spacing: 10px; margin-bottom: 10px; font-size: 10px} .thems-t td, .thems-t tr {padding: 5px 0 !important} .thems-t td.cntr {font-weight: 900; font-family: montserrat; font-size: 13px; text-align: center; width: 150px; text-transform: lowercase} .thems-t td.header {font-weight: 400; font-family: playfair display; font-size: 11px; text-align: center; transform: scale(1,.8); letter-spacing: 2px; padding-bottom: 15px; text-transform: lowercase } .thems-t td {width: 250px; font-family: open sans; text-transform: lowercase; text-align: center; font-size: 10px; } .thems-t table {table-layout: auto !important; width: 500px !important;} .thems-name strong.legend { display: inline-block; margin-top: 10px; margin-left: 30px; background: #f4f4f4; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; word-spacing: 10px; padding: 0 20px } #pun .thems-name .blockcode { background: #f4f4f4; padding: 10px 10px 10px 10px !important; font-size: 10px; width: auto !important; border: 1px solid #762a2a; margin: -6px 0 0 0 !important; } .thems-name pre {font-size: 11px; font-family: courier new} .thems-t indent {display: inline-block; padding: 0 20px !important;}
Поделиться32022-07-12 14:46:22
<!---------------------------- таблица автор поста ----------------------------> <div style="position: absolute; width: 300px; height: 80px; top: 205px; margin-left: -10px; line-height: 85%;"> <p style="text-align: justify; font-family: 'Arsenal'; font-size: 10px; letter-spacing: 0.5px; margin-left: 10px; text-transform: lowercase; font-weight: bold;"><font color="#111111;"> • • • автор поста ...........</font></p></div> <!---------------------------- таблица текст слева ----------------------------> <div class="tab_post1"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat </div> <!---------------------------- таблица админы ----------------------------> <div style="position: absolute; text-align: center; width: 249px; height: 85px; top: 257px; margin-left: 210px; font-family: 'Arsenal'; font-size: 8px; letter-spacing: 1.3px; text-transform: uppercase; font-weight: bold; line-height: 15px;"><font color="#111111;"> <div class="sacobl" style="margin-left: 50px;"> <a href="http://repatriates.rusff.me/profile.php?id=5">ragnar</a> • <a href="http://repatriates.rusff.me/profile.php?id=6">veronica</a> • <a href="http://repatriates.rusff.me/profile.php?id=3">miriam</a> • <a href="http://repatriates.rusff.me/profile.php?id=31">may</a> </div> <!---------------------------- таблица эпизод картинка ----------------------------> <div style="position:absolute; width:94px; height:46px; top:-46px; margin-left: 32px; line-height:85%;"> <a href="ССЫЛКА"><img src="https://forumstatic.ru/files/001a/e5/81/80757.png" title="эпизод"></a></div> <!---------------------------- таблица активных ----------------------------> <div style="position: absolute; width: 39px; height: 41px; top: -46px; margin-left: 233px; line-height: 85%;"> <a href="ССЫЛКА"><img src="https://i.imgur.com/zTg8fcb.png" title="активист"></a></div> <div style="position: absolute; width: 39px; height: 41px; top: -46px; margin-left: 185px;; line-height: 85%;"> <a href="ССЫЛКА"><img src="https://i.imgur.com/zTg8fcb.png" title="активист"></a></div> <div style="position: absolute; width: 39px; height: 41px; top: -46px; margin-left: 137px; line-height: 85%;"> <a href="ССЫЛКА"><img src="https://i.imgur.com/zTg8fcb.png" title="активист"></a></div> <style> #pun-navlinks #navawards{display:none;} </style> <!---------------------------- таблица полезные ссылки ----------------------------> <div class="ancors"> <div class="pnews2"><a href="http://repatriates.rusff.me/viewtopic.php?id=37#p3973">ИНФОРМАЦИЯ О МИРЕ</a></div> <div class="pnews2"><a href="http://repatriates.rusff.me/viewtopic.php?id=36#p3972">ХРОНОЛОГИЯ</a></div> <div class="pnews2"><a href="http://repatriates.rusff.me/viewtopic.php?id=46#p3997">ЗАНЯТЫЕ ВНЕШНОСТИ</a></div> <div class="pnews2"><a href="http://repatriates.rusff.me/viewtopic.php?id=39#p3990">НУЖНЫЕ ПЕРСОНАЖИ</a></div> <div class="pnews2"><a href="http://repatriates.rusff.me/viewtopic.php?id=11#p19">БИРЖА ТРУДА</a></div> </div> <!---------------------------- таблица текст справа ----------------------------> <div class="tab_post2"> 2105, сентябрь — мне кажется, назад дороги уже нет. они не заставят нас молчать, не заткнут эту правду за пояс. мы выйдем сегодня среди дня и каждый житель детройта увидит, что репликанты — больше не рабы. мы равные, мы — те, кто выживут ради лучшего будущего. </div> <!-- Черная Подсказка--> <script> $(document).ready(function(){$('*[title]').not('*[title] *[title]').tipsy({gravity:$.fn.tipsy.autoNS})}); $.catch = function(a,f){$(function(){var t,i=0;function s(){i++;if(i>120)return;t=setTimeout(function(){if(!$(a).length){s();return};f()},100);}s();});} $.catch('.pa-awards img[title]',function(){$('.punbb li.pa-awards img[title]').tipsy({fade:true,gravity:'s award'});}); </script> <!-- конец--> <!-- отключение наград --> <style type="text/css"> li#navawards {display: none;} </style> <!-- конец --> <!--Выделение кода в блоке "Код" с перемещение в буфер обмена // © Damassk, версия 2019г. --> <script type="text/javascript" src="https://forumstatic.ru/files/0016/4a/bf/98029.js"></script> <script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script> <script type="text/javascript">select_text.linkText = 'выделить [копируется сразу]' //текст ссылки</script> <!-- конец --> <!-- Убрать пожаловаться --> <script type="text/javascript"> RusffCore.sets.show_reportBtn = 0; </script> <!-- конец --> <!-- Скрыть "отредактировано" из сообщения --> <style>.lastedit {display:none;}</style> <!-- конец --> <style> #menu { margin-top: -5px; width: 180px; height: 60px; background-repeat : no-repeat;} #menu span { text-align:left; display:block; color:#000000; margin: 7px 0; padding: 11px; } #submenu, #menu span { border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; background:#efeff0; } #menu .tabactive { color: #000000; background:#777777; } #submenu { padding: 3px; height: 180px; text-align: center; font-size: 12px; width: 540px; } .submenutext { display: none; height: 40px; } </style> <!--кнопки вверх вниз--> <div class="go-up" id='ToTop'><img src="https://forumstatic.ru/files/001a/e5/81/77572.png" border="0" /></div> <div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/001a/e5/81/29396.png" border="0" /></div> <style> .go-up,.go-down { display:none; position:fixed; /*позиционируем*/ right:90px; /*указываем положение, если слева - left*/ z-index:9999; /*показываем поверх все элементов на странице*/ cursor:pointer; opacity:.7; /*прозрачность*/ margin-bottom:40px; /*отступ снизу (можно не указывать)*/ width:64px; /*ширина кнопки*/ height:32px; /*высота кнопки*/ } .go-up { bottom:270px; /*положение от низа окна браузера верхняя кнопка*/ } .go-down { bottom:230px; /*положение от низа окна браузера нижняя кнопка кнопка*/ } .go-down:hover,.go-up:hover { opacity:1; } </style> <!--кнопки вверх вниз--> <script type="text/javascript"> $(function(){ if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow") else $("#ToTop").fadeIn("slow") }); if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow") else $("#OnBottom").fadeIn("slow") }); $("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")}) $("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")}) }); </script>
Поделиться42022-07-12 14:46:51
<!-- баннеры внизу --> <div class="banners"> <div> <a href="http://strangersun.rusff.me/" title="strangers. unhuman nature" target="_blank"><img src="https://forumstatic.ru/files/001a/a7/c1/60476.gif" alt="strangers. unhuman nature"></a> <a href="http://evilbane.rusff.me/" target="_blank"><img src='https://forumstatic.ru/files/001a/c0/c0/25704.jpg' title="REDЯUM: мистика, детектив, хоррор" /></a> <a target="_blank" href="http://noshelter.rusff.me/" title="самоубийск ждёт"><img src="https://i.imgur.com/UZXvd5q.png" border="0"></a> <a href="http://crossreturns.rusff.me" target="_blank"><img src="https://i.imgur.com/3uJdWJn.jpg" title="wonderlandcross" border="0" width="88" height="31"></a> <a href="https://dorime.rusff.me" target="_blank"><img src="https://forumupload.ru/uploads/001a/c0/74/4/27784.gif" title="crossover"></a> <!-- конец --> <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 ---> <!-- HTML в постах --> <script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/94151.js"></script> <script type="text/javascript"> HTMLinPost.groups = [1,2,3,4,5,6,7]; // Группы, допущенные к вставке HTML в посты HTMLinPost.noAccess = []; // Пользователи с запретом вставки HTML в посты HTMLinPost.parseHTMLinPosts() </script> <!--- конец ---> <!-- ОБТЕКАНИЕ ИЗОБРАЖЕНИЯ --> <script language="javascript"> $(function(){ $('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>'); $('#floatbut, .vibor').click(function(){ $('div#float').toggle();}); }); elm=document.getElementsByTagName("div") for(x in elm) if(elm[x].className=="post-content") { post = elm[x].innerHTML; if(post.indexOf("[/float]") != -1) { floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 8px; text-align: $1;'>$2</span>") }} </script> <div id="float" style="display:none;background:#fff;border:0px solid black; color: #000; width:auto; padding:8px; position:absolute; margin-top:-54%; margin-left:35%; z-index:20"> <div><strong>направление обтекания</strong></div><br> <div align="center"> <img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left]', '[/float]')" /> <img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" /> </div></div> <!-- Конец --> <!-- Быстрое редактирование постов © Alex_63 // V.3 --><script> var ForumEdit=[1,2,3,4,]; //ID Форумов c редактированием if(ForumEdit.indexOf(+FORUM.topic.forum_id)!=-1)$.getScript("https://forumstatic.ru/files/0015/c4/3f/97896.js");; </script> <!-- Конец --> <!-- Восстановление последнего поста при утере by Человек-Шаман --> <script> $(document).ready(function() { $('#addition-area').append(function() { return $('<div>Восстановить последний пост</div>').click(restoreLastPost); }); function restoreLastPost() { $('#main-reply').val(localStorage.ReservePost); }; }); </script> <!--конец--> <!-- Загрузчик изображений в форме ответа © 2018 Alex_63 --> <script>FORUM.defaultHost = 'imgur'; // Хостинг по умолчанию: 'uploads' 'imgur' 'imageban'</script> <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0015/c4/3f/18002.css" /> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/18001.js"></script> <!-- конец--> <!-- Кликабельность ника в постах Гостя --> <script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script> <!-- Конец --> <!-- Разделение тем: "Важные темы" и "Темы форума" // © Alex_63 --> <style> #pun-main .forum table{ table-layout: auto;} #pun-main tr.tr-divider { font-weight: bold; } </style> <script type="text/javascript">if($('#pun-viewforum').length){$('tr[class$="isticky"]:first').before('<tr class="tr-divider imp"><td class="td-divider" colspan="4">Важные темы</td></tr>');$('tr[class$="isticky"]:last').next('tr').before('<tr class="tr-divider st"><td class="td-divider" colspan="4">Темы форума</td></tr>');$('.stickytext').remove()}</script> <!-- //End//-Разделение тем --> <!-- Регулировка размера шрифта в постах © Alex_63 --> <style> .FNTslider { border-radius: 4px; position:relative;z-index:1000; background: #cdc7c7; 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: #cdc7c7; 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: #762a2a; cursor: pointer; } </style> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script> <!-- Конец --> <!-- ТЕГ абзаца - [indent] --> <style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style> <script type="text/javascript">(function(){ var b = '[indent]'; $("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif" onclick="smile(\''+b+'\')"></td>'); var indent = '<span style="display:inline-block;margin:0.7em 1.1em;"></span>'; /*удвоенные Отступы сверху и слево*/ $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}()); </script><!-- Конец --> <!-- скрыть поделиться --> <script type="text/javascript"> RusffCore.sets.share = false; </script> <!— конец —> <!--- Скрыть rss-atom ---> <style type="text/css"> .punbb .modmenu .container span {display: none;} </style> <!--- конец ---> <script type="text/javascript"> $(document).ready(function(){ $(".accordion h3:first").addClass("active"); $(".accordion p:not(:first)").hide(); $(".accordion h3").click(function(){ $(this).next("p").slideToggle("slow") .siblings("p:visible").slideUp("slow"); $(this).toggleClass("active"); $(this).siblings("h3").removeClass("active"); }); }); </script> </script> <script type=«text/javascript»> $(document).ready(function() { $(«td.#MenuTxT div.submenutext»).hide(); <!--$(«.tabs span:first»).addClass(«active»).show(); --> $(«td.#MenuTxT div.submenutext:first»).show(); $(«div.#menu span»).click(function() { $(«div.#menu span»).removeClass(«tabactive»); $(this).addClass(«tabactive»); $(«td.#MenuTxT div.submenutext»).hide(); var activeDiv = $(this).attr(«alt»); $(«div.»+activeDiv).fadeIn(); return false; }); }); </script> <!--написано символов--> <script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 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 type="text/javascript"> var avalink = "https://forumstatic.ru/files/001a/e7/5e/75551.png"; if(document.URL.indexOf("viewtopic.php")!=-1) { $("div.post-author").each(function(){ if($(this).find("li.pa-avatar").html() == null ) $(this).find("li.pa-title").after("<li class='pa-avatar item2'><img src='" + avalink + "' title='" + $(this).find("li.pa-author a").text() + "' /></li>"); }); } </script> <!-- КОНЕЦ. аватар по умолчанию--> <!-- Разделение ников пользователей в теме запятой --> <script>$('#topic-users-in a').prev('a').after(',');</script> <!--конец--> <!-- запятая после ника --> <script type="text/javascript"> function to(username) {insert('[b]' + username + '[/b]' + ', ');} </script> <!--конец--> <!-- НАЧАЛО. ссылка на новые сообщения --> <script type="text/javascript"> $('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>'); </script> <!-- КОНЕЦ. ссылка на новые сообщения --> <!---------------------------- пиар-вход ----------------------------> <script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script> <script type="text/javascript"> PR.nick = 'jarvis'; //Ник PR-аккаунта PR.pass = '1111'; //Пароль PR-аккаунта PR.btn_text = 'пиар'; //Надпись на кнопке PR-входа(или ссылка на картинку); PR.set();</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 ( "yeseva one ", "Oswald ", "Arsenal ", "Philosopher ", "Playfair Display ", "Raleway ", "Oranienbaum ", "Cinzel Decorative ", "Lobster ", "Roboto ", "Fjalla One ", "Abril Fatface ", "EB Garamond ", "Old Standard TT ", "Homemade Apple ", "Allerta Stencil ", "Spectral ", "Alegreya Sans SC ", "bebasneueregular ", "Comfortaa ", "Cuprum ", "Nautilus Pompilius ", "Pirata One ", "Plaingermanica ", ); 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>
Поделиться52022-07-13 01:18:50
[indent] привет
Поделиться62022-07-13 01:21:15
[indent]ghbdtn
Поделиться72022-07-13 01:44:12
/*** СПИСОК BB-КНОПОК ***/ .punbb .hashelp {position: relative;} #pun_wrap #post .container[id$="-area"], #tags .container {display:block; background: var(--bgpun2); box-shadow: var(--bs-tr); border: var(--bd-navl); overflow: auto; max-height: 284px;} #form-buttons + #tags {position:relative;} #tags .container {position: absolute; right: 6px; top: 0px !important; z-index: 2; padding: 12px;} #tags tr {display: table-row;} #pun-messages #post-form div.container {padding-left: 12px !important;} #font-area div, #size-area div, #addition-area div {height: auto !important; padding: 5px 0;} #font-area div:hover, #size-area div:hover, #addition-area div:hover {background: rgba(255,255,255,0.1); box-shadow: 0 2px 0 -1px var(--bgh3), 0 -2px 0 -1px var(--bgh3); border-width: 1px 0;} #image-area-tcon-computer {margin-bottom: 0.6em;} #image-area {max-width: 430px;} #keyboard-span input {margin: 2px !important; padding: 0px 10px; border: 1px solid var(--bgh3) !important; border-radius: 4px; background-color: var(--bgpun2) !important; box-shadow: none; color: inherit !important;} #keyboard-span input:hover {filter: contrast(1.25);} /* BB-теги иконками */ #form-buttons tr {display: grid; grid-template-columns: repeat(auto-fit, minmax(26px, 1fr)); grid-template-rows: auto; gap: 6px 6px;} #form-buttons td {height:26px; font-family: 'icomoon'; font-size: 16px; font-weight:400; position: relative; background-image: none !important; opacity: 0.75;} #form-buttons td:hover {opacity: 1; color: var(--forpuna);} #form-buttons td img {display:inline-block; margin-left:-26px; z-index: 10;} #form-buttons td:before {pointer-events:none;} #button-transL:before, #button-indent:before, #button-mask:before, #button-sticker:before, #button-styles:before, #button-size:before, #button-font:before, #button-bold:before, #button-italic:before, #button-underline:before, #button-strike:before, #button-left:before, #button-center:before, #button-right:before, #button-link:before, #button-spoiler:before, #button-image:before, #button-video:before, #button-hide:before, #button-quote:before, #button-code:before, #button-color:before, #button-table:before, #button-smile:before, #button-keyboard:before, #button-addition:before, #button-graffiti_rusff:before, #button-files_rusff:before {position:relative; display:inline-block; height:26px; width:26px; line-height:26px; top: -6px;} #button-files_rusff, #button-graffiti_rusff {display:none !important;} #button-font:before {content:"\f031";} #button-size:before {content: "\f034";} #button-bold:before {content: "\f032";} #button-italic:before {content: "\f033";} #button-underline:before {content: "\f0cd";} #button-strike:before {content: "\f0cc";} #button-left:before {content: "\f036";} #button-center:before {content: "\f037";} #button-right:before {content: "\f038";} #button-link:before {content: "\f0c1";} #button-spoiler:before {content: "\f212";} #button-image:before {content: "\f030";} #button-video:before {content: "\f16a";} #button-hide:before {content: "\e91a";} #button-quote:before {content: "\f27b";} #button-code:before {content: "\f121";} #button-color:before {content: "\f1fc";} #button-table:before {content: "\f0ce";} #button-smile:before {content: "\f118";} #button-keyboard:before {content: "\f11c";} #button-addition:before {content: "\f069";} #button-files_rusff:before {content: "\f0fe";} #button-graffiti_rusff:before {content: "\f03e";} /*дополнения*/ #button-transL:before {content: "\e92e";} #button-indent:before {content: "\f1dd";} td#button-indent {display:none;} #button-sticker {width:26px; height:26px;} #button-sticker:before {content: "\e924"; margin-top:6px;} #button-mask:before {content: "\e90e";} #button-styles:before {content: "\f02c";} #form-buttons td:before {pointer-events:none;}
Поделиться82024-10-19 12:25:21
[html]<audio src="https://forumstatic.ru/files/001b/c6/9f/76177.mp3" preload="auto" controls></audio>
<style>
audio {
position: relative;
z-index: 1;
filter: opacity(0.8) grayscale(1);
width: 660px;
max-height: 20px;
font-family: 'Philosopher';
font-size: 10px !important;
bottom: 5px;
}
audio > div {
transform: scale(0.94);
position: absolute;
font-family: 'Philosopher';
}
audio ::-webkit-media-controls-enclosure {
border-radius: 0px !important;
font-family: arial !important;
}
span.audio-title {
font-size: 0px !important;
}
audio::-webkit-media-controls-panel {
background-color: #ada38e;
border-radius: 0px !important;
font-family: arial !important;
font-weight: 800 !important;
}
@media only screen and (max-device-width: 1000px) {
audio {
transform: scale(0.43);
}
}
</style>[/html]
Поделиться92024-10-19 12:31:53
[html]<link href="https://fonts.googleapis.com/css?family=Ruda:400,500,700&display=swap&subset=cyrillic" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Rouge+Script&display=swap" rel="stylesheet">
<!-- хтмл черти-чего от вещего духа-->
<div class="prusheen-some" style="background: url(https://forumstatic.ru/files/001a/ae/03/64471.jpg)">
<div class="prusheen-inner">
<div class="prusheen-text">
<span>Shadowsong</span>
<div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque mollis ipsum purus, ut facilisis eros blandit eu. Quisque fringilla iaculis pulvinar. Vivamus odio turpis, rhoncus eget nulla rhoncus, tempus ultrices dui. Maecenas aliquam rhoncus leo, ac mollis est egestas id. In vel elementum nulla. Quisque pharetra dapibus purus, non eleifend elit mollis id. Aliquam vel ligula nec nisl porta efficitur. Mauris vitae aliquet ante. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras imperdiet eu neque in finibus. Ut sed ligula urna. Sed euismod nibh neque, vitae porta odio imperdiet sagittis.
Cras facilisis dui sodales orci fermentum, vitae volutpat leo faucibus. In non dolor eros. Sed facilisis, metus at egestas rhoncus, lorem ex hendrerit libero, quis pretium risus orci eget velit. Etiam euismod, lacus et venenatis facilisis, purus purus efficitur dui, a placerat ante dui id est.
</div></div>
</div>
</div>
<style>
/* css черти чего от вещего духа*/
.prusheen-some {
width: 500px;
height: 600px;
margin: auto;
position: relative;
}
.prusheen-inner {
background: #f5f5f5; /* цвет белой подложки */
width:500px;
height: 300px;
position: absolute;
bottom: -1px;
left: 0;
clip-path: polygon(0% 100%, 100% 100%, 100% 0%,0% 50%);
transition: all 1s cubic-bezier(.87,.11,.27,1.52) 0s}
.prusheen-text {
width: 350px;
margin: auto;
font: 500 10px/18px ruda; /* шрифт текста в большом блоке */
text-align: justify;
color: #1e1e1e; /* цвет шрифта */
margin-top: 150px;
transition: all 1s cubic-bezier(.87,.11,.27,1.52) 0s}
.prusheen-text > div {
column-count: 2; /* делает две колонки */
column-gap: 15px; /* расстояния между колонками */
overflow-y: auto;
height: 270px;
opacity: 0;
transition: all .5s linear 0s}
.prusheen-text > span {
display: block;
text-align: center;
font: 40px rouge script; /* шрифт текста заголовка */
height: 60px;
position: relative;
margin-bottom: 25px}
.prusheen-text > span:after {
content: "";
background: #555; /* цвет полосочки разделителя */
display: block;
height: 1px;
width: 100px;
position: absolute;
left:35%;
bottom: 0}
.prusheen-some:hover .prusheen-inner {
height: 450px;
clip-path: polygon(0% 100%, 100% 100%, 100% 0%,0% 0%);}
.prusheen-some:hover .prusheen-text {margin-top: 40px}
.prusheen-some:hover .prusheen-text > div {opacity: 1;
transition: all 1s linear .5s}
</style>[/html]
Поделиться112024-10-19 18:30:22
[html]<div class="thefateddraw">
<div class="thefateddraw-inner">
<div class="thefateddraw-inner-head"><img src="https://i.imgur.com/0jVR0w9.png" /></div>
<div class="thefateddraw-inner-content">
<h1>the fated draw event</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et dolor eget nunc tincidunt scelerisque. Nullam sit amet erat nec nulla accumsan aliquam. Suspendisse potenti. Duis pharetra varius eros, nec venenatis nisl. Nulla facilisi. Phasellus vitae venenatis urna. In hac habitasse platea dictumst. Vivamus tincidunt nisl eu neque facilisis, <b>at elementum lectus auctor</b>. Nulla facilisi. Donec ullamcorper enim at nisi hendrerit, nec tincidunt leo fringilla. Suspendisse potenti. Duis tempor magna et libero sollicitudin, ac cursus ligula ullamcorper. Maecenas imperdiet nisl ut lectus fermentum, ac consequat metus aliquam. Integer ut purus eros. Ut semper semper libero, ut scelerisque ligula dignissim sit amet. Morbi in ante enim. Curabitur aliquam purus eu ante ornare, a fringilla urna gravida.
<div class="thefateddraw-accordion">
<input type="checkbox" id="accordion1" class="thefateddraw-accordion-checkbox">
<label for="accordion1" class="thefateddraw-accordion-header">кринжатина</label>
<div class="thefateddraw-accordion-content">
<p><b>1. если бы у тебя была сексуальная суперспособность, какая бы она была?</b></p>
<p>ответ</p>
</div>
<input type="checkbox" id="accordion2" class="thefateddraw-accordion-checkbox">
<label for="accordion2" class="thefateddraw-accordion-header">Section 2</label>
<div class="thefateddraw-accordion-content">
<p>Content for section 2.</p>
</div>
<input type="checkbox" id="accordion3" class="thefateddraw-accordion-checkbox">
<label for="accordion3" class="thefateddraw-accordion-header">мемасики</label>
<div class="thefateddraw-accordion-content">
<p><img src="https://forumupload.ru/uploads/001b/c6/9f/10/158643.jpg">
<img src="https://forumupload.ru/uploads/001b/c6/9f/10/842389.jpg">
<img src="https://forumupload.ru/uploads/001b/c6/9f/10/870389.jpg"></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=Literata:ital,opsz,wght@0,7..72,200..900;1,7..72,200..900&display=swap" rel="stylesheet">[/html]
[html]<style>
.thefateddraw,
.thefateddraw * {
box-sizing: border-box;
}
/*templates*/
.thefateddraw {
--dark: #090808;
--gold: #8A6F4A;
--cream: #f4f3e6;
--deco: 'Literata', serif;
--main: 'Karla', sans-serif;
}
.thefateddraw {
margin: 35px auto;
width:650px;
background-image: url(https://i.imgur.com/HFH4c1Y.png);
background-size: cover;
background-position-y: 41%;
display: flex;
justify-content: center; /* Horizontale Zentrierung */
align-items: center; /* Vertikale Zentrierung */
}
.thefateddraw-inner {
margin-top:30px;
margin-bottom:30px;
width:580px;
min-height:800px;
background: var(--dark);
border-radius: 1000px 1000px 0px 0px;
border-left: 1px solid var(--gold);
border-right: 1px solid var(--gold);
border-top: 1px solid var(--gold);
border-bottom: 1px solid var(--gold);
}
.thefateddraw-inner-head {
text-align:center;
margin-top:120px;
}
.thefateddraw-inner-content {
color: var(--cream);
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 220%;
text-align: justify;
font-family: var(--main);
margin-top:40px;
padding:40px;
}
.thefateddraw-inner-content h1 {
font-family: var(--deco);
font-size:25px;
color: var(--gold);
text-align:right;
margin-top:10px;
margin-bottom:15px;
text-transform:uppercase;
}
.thefateddraw-inner-content b {
font-style: normal;
font-weight: 700;
font-size: 11px;
text-decoration: none;
letter-spacing: 0.21em;
border-bottom: 4px solid var(--gold);
background: rgba(239, 239, 239, 0.1);
padding:5px;
}
.thefateddraw-inner-content i { padding: 4px;
font-style: italic;
font-weight: 400;
font-size: 11px;
text-transform: lowercase;
text-decoration: none;
letter-spacing: 0.21em;
color: var(--gold);
}
.thefateddraw-inner-content h1:before {
content: '';
display: inline-block;
width: 40px;
height: 1px;
background: var(--gold);
margin-right: 5px;
vertical-align: middle;
}
/* Grundstil fьr das Accordion */
.thefateddraw-inner-content .thefateddraw-accordion {
width: 100%;
}
.thefateddraw-inner-content .thefateddraw-accordion-checkbox {
display: none;
}
.thefateddraw-inner-content .thefateddraw-accordion-header {
background-image: url(https://i.imgur.com/HFH4c1Y.png);
background-size: cover;
background-position: center; /* Stellt sicher, dass der Hintergrund nicht verschiebt */
padding: 15px;
cursor: pointer;
font-weight: 600;
font-size: 16px;
color: var(--gold);
font-family: var(--deco);
display: block;
border: none; /* Optional: entfernt Rand, falls vorhanden */
transition: background-color 0.3s ease; /* Optional: sanfte Ьbergдnge fьr Hintergrundfarbe */
margin-top:20px;
}
.thefateddraw-inner-content .thefateddraw-accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
padding: 0 15px;
background-color: rgba(0, 0, 0, 0.2); /* Optionaler Hintergrund */
}
.thefateddraw-inner-content .thefateddraw-accordion-checkbox:checked + .thefateddraw-accordion-header + .thefateddraw-accordion-content {
max-height: 200px; overflow: auto;
}
/* Verhindert, dass der Hintergrund auf Hover springt */
.thefateddraw-inner-content .thefateddraw-accordion-header:hover {
background-color: rgba(255, 255, 255, 0.1); /* Optional: sanfte Дnderung der Hintergrundfarbe */
}
::-webkit-scrollbar-thumb:vertical {
background-color: #4f3b22;
box-shadow: 0 0 2px 0px #b5937d91 inset;
}
::-webkit-scrollbar-thumb:horizontal {
background-color: #4f3b22;
box-shadow: 0 0 2px 0px #b5937d91 inset;
}
::-webkit-scrollbar {
height: 7px;
width: 6px;
}
::-webkit-scrollbar-track {
background-color: #151111;
}
</style>[/html]