...
коды с зипа
Страница: 1
Сообщений 1 страница 3 из 3
Поделиться22023-01-11 09:12:19
декабрь
Код:
/************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.css); /*кириллица*/ @import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Cormorant+Infant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Oswald:wght@200;300;400;500;600;700&family=Pattaya&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Russo+One&display=swap'); /*латиница и иероглифы*/ @import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Black+Han+Sans&family=Dancing+Script:wght@400;500;600;700&family=Dela+Gothic+One&family=Limelight&family=Monoton&family=Nabla&family=Nanum+Brush+Script&family=Zen+Antique&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300;0,500;0,600;0,900;1,300;1,500;1,600;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600&display=swap'); @font-face { font-family: 'Chiefland'; font-style: normal; font-weight: normal; src: url(https://forumstatic.ru/files/001b/b4/ca/48997.otf); } @font-face { font-family: 'NeueMetanaNext'; font-style: normal; font-weight: 600; src: url(https://forumstatic.ru/files/001b/b4/ca/40532.ttf); } :root { --bg-zip: url(https://forumstatic.ru/files/001b/b4/ca/34724.webp?v=1); --header-zip: url(https://forumstatic.ru/files/001b/b4/ca/54047.webp); --dayheader-zip: url(https://forumstatic.ru/files/001b/b4/ca/78674.webp); --zipfoot: url(https://forumstatic.ru/files/001b/b4/ca/11471.webp?v=1); --dayzipfoot: url(https://forumstatic.ru/files/001b/b4/ca/17056.webp?v=1); --categoryone-zip: url(https://forumstatic.ru/files/001b/b4/ca/83549.webp); --categorytwo-zip: url(https://forumstatic.ru/files/001b/b4/ca/70263.webp); --categorythree-zip: url(https://forumstatic.ru/files/001b/b4/ca/12691.webp); --categoryfour-zip: url(https://forumstatic.ru/files/001b/b4/ca/59739.webp); --categoryfive-zip: url(https://forumstatic.ru/files/001b/b4/ca/63964.webp); --categorysix-zip: url(https://forumstatic.ru/files/001b/b4/ca/39823.webp); --categoryseven-zip: url(https://forumstatic.ru/files/001b/b4/ca/10006.webp); /*--daycategoryone-zip: url(https://forumupload.ru/uploads/001b/b4/ca/11/824293.png); --daycategorytwo-zip: url(https://forumupload.ru/uploads/001b/b4/ca/11/978817.png); --daycategorythree-zip: url(https://forumupload.ru/uploads/001b/b4/ca/11/666354.png); --daycategoryfour-zip: url(https://forumupload.ru/uploads/001b/b4/ca/11/34852.png); --daycategoryfive-zip: url(https://forumupload.ru/uploads/001b/b4/ca/11/177562.png); --daycategorysix-zip: url(https://forumupload.ru/uploads/001b/b4/ca/11/454375.png); --daycategoryseven-zip: url(https://forumupload.ru/uploads/001b/b4/ca/11/796542.png); --mainmenu-zip: linear-gradient(180deg, #3a3a3ad9 0%, rgb(58 58 58 / 0%) 100%);*/ --iconnew-zip: url(https://forumstatic.ru/files/001b/b4/ca/96453.svg); /*--dayiconnew-zip: url(https://forumstatic.ru/files/001b/b4/ca/34931.svg);*/ --iconnonew-zip: url(https://forumstatic.ru/files/001b/b4/ca/47130.svg); --spoilericon: url(https://forumstatic.ru/files/001b/b4/ca/42124.svg); /*--dayspoilericon: url(https://forumupload.ru/uploads/001b/b4/ca/11/342878.png);*/ --pluszip: url(https://forumstatic.ru/files/001b/b4/ca/97256.svg); /*--daypluszip: url(https://forumupload.ru/uploads/001b/b4/ca/11/484211.png);*/ --zipup: url(https://forumstatic.ru/files/001b/b4/ca/99584.svg?v=1); --zipdown: url(https://forumstatic.ru/files/001b/b4/ca/98934.svg?v=1); --actubox: (rgba(45, 45, 45, 0.9)); --tooltip: #d06e78a6; --gr: linear-gradient(90deg, rgba(127,194,104,1) 0%, rgba(116,249,183,1) 100%); --plashzip: linear-gradient(179.85deg, #272727 0.13%, rgba(39, 39, 39, 0.3) 102.57%); --plgrzip: linear-gradient(180deg, rgba(39, 39, 39, 0) 0%, rgba(39, 39, 39, 0) 22.4%, #2C2C2C 87.5%); --text2: #7E7E7E; --bg-1: #3a3a3a; --bg-2: #3a3a3a; --bg-3: #404040; --text: #C3C3C3; --links: #D06E78; --links-2: #D06E78; --scroll-1: #D06E78; --scroll-bg: #1c1c1c; --daytext: #383838; --daytext2: #AFAFAF; --daybg-1: #EAEAEA; --daybg-2: #ededed; --daybg-3: #f1ebebe6; --daybg-4: #efdcdc69; --daylinks: #D06E78; --daylinks-2: #D06E78; --dayscroll-1: #D06E78; --dayscroll-bg: #636363; --mainfont-zip: 400 12px/150% 'Mulish'; --cuponsfont: 600 12px/150% 'NeueMetanaNext'; /*купоны*/ --personal_plash: url(https://forumupload.ru/uploads/001b/b4/ca/2/733782.png); --immunity: url(https://forumupload.ru/uploads/001b/b4/ca/2/638697.png); --person_book: url(https://forumupload.ru/uploads/001b/b4/ca/2/528838.png); --bankxtwo: url(https://forumupload.ru/uploads/001b/b4/ca/2/320282.png); --change_face: url(https://forumupload.ru/uploads/001b/b4/ca/2/293735.png); --inside_object: url(https://forumupload.ru/uploads/001b/b4/ca/2/710662.png); --choose_achiev:url(https://forumupload.ru/uploads/001b/b4/ca/2/390240.png); --shop_sale: url(https://forumupload.ru/uploads/001b/b4/ca/2/141516.png); --plash_shop: url(https://forumupload.ru/uploads/001b/b4/ca/2/638512.png); --twin: url(https://forumupload.ru/uploads/001b/c0/6b/4/463881.png); --title_plash: url(https://forumupload.ru/uploads/001b/b4/ca/2/539452.png); --title_cupons: url(https://forumupload.ru/uploads/001b/b4/ca/2/564470.png); } /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ * { text-size-adjust: 100%; -moz-text-size-adjust: none; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } /* A2.1 */ html, body { margin: 0 auto 50px; padding: 0; background: var(--bg-zip) center center / cover fixed; background-color: var(--bg-2); object-fit: none; } /* 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; margin: 14px 0 0px 0px; border: none; } /* 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: auto; vertical-align: middle } /* A3 Text setup -------------------------------------------------------------*/ /* A3.1 */ body { font-size: 100.01%; } /* 3.3 */ .punbb textarea, .punbb optgroup { font: var(--mainfont-zip); box-sizing: border-box; background: var(--bg-2); border: 1px solid var(--bg-3); border-radius: 5px; color: var(--text); font-size: 12px; } .day .punbb textarea, .punbb optgroup { background: var(--daybg-2); border: 1px solid var(--daybg-3); color: var(--daytext); } .punbb select { font: var(--mainfont-zip); box-sizing: border-box; background: var(--bg-2); border: 1px solid var(--bg-3) !important; border-radius: 5px; color: var(--text); width: 100% !important; font-size: 12px; height: 25px; } .day .punbb select { font: var(--mainfont-zip); box-sizing: border-box; background: var(--daybg-2); border: 1px solid var(--daybg-3) !important; border-radius: 5px; color: var(--daytext); width: 100% !important; font-size: 12px; height: 25px; } .lastedit { display: none; } /* A3.4 */ .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { /* font-size: 1em; font-weight: normal; */ } /* A3.6 */ .punbb pre { font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace } /* A3.7 */ .punbb address, .punbb em { font-style: normal } /* A3.8 */ .punbb .post-content em { font-style: italic } /* A3.9 */ .punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; } /* A3.10 */ .punbb a { text-decoration: none } /* A3.11 */ .punbb optgroup { font-weight: bold; } .post-content td { border:none transparent !important; } .post-links { font-size: 10px!important; } /* 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 { background: var(--bg-1); border-radius: 25px; width: 1000px; margin: auto auto 100px; top: 102px; box-sizing: border-box; position: relative; } .day #pun { background: #F2F2F2; } /* A5.2 */ .punbb { font: var(--mainfont-zip); text-transform: lowercase; height: auto; padding: 20px; border-radius: 30px; box-sizing: border-box; } .punbb .user-avatar .avatar-image { border: 3px solid var(--links); } .day .punbb .user-avatar .avatar-image { border: 3px solid var(--daylinks); } /* A5.3 */ #pun-redirect, #pun-maint { margin: 50px 20% 12px 20%; width: auto; float: none; } /* A5.4 */ .punbb .section, .punbb .main { margin-bottom: 1em; } /* A5.5 */ .punbb .category, .punbb .post { margin-top: 0.4em; } .category .container thead { display: none; } /* 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: none; } /* A5.9 */ .punbb .container { border: none; } /* A5.10 */ .punbb .section h2, #pun-main h1, #pun-stats h2, #pun-debug h2 { padding: 0.5em 1em; border: none; font-size: 0px; } #pun-index .category h2, #pun-stats h2 { height: 60px; border: 0; opacity: 1; font-size: 0; width: 1000px; margin-left: -20px; } .category-1 h2 { background: var(--categoryone-zip) no-repeat top center; } /*.day .category-1 h2 { background: var(--daycategoryone-zip) no-repeat top center; }*/ .category-2 h2 { background: var(--categorytwo-zip) no-repeat top center; } /*.day .category-2 h2 { background: var(--daycategorytwo-zip) no-repeat top center; }*/ .category-3 h2 { background: var(--categorythree-zip) no-repeat top center; } /*.day .category-3 h2 { background: var(--daycategorythree-zip) no-repeat top center; }*/ .category-4 h2 { background: var(--categoryfour-zip) no-repeat top center; } /*.day .category-4 h2 { background: var(--daycategoryfour-zip) no-repeat top center; }*/ .category-5 h2 { background: var(--categoryfive-zip) no-repeat top center; } /*.day .category-5 h2 { background: var(--daycategoryfive-zip) no-repeat top center; }*/ .category-6 h2 { background: var(--categorysix-zip) no-repeat top center; } /*.day .category-6 h2 { background: var(--daycategorysix-zip) no-repeat top center; }*/ .category-7 h2 { background: var(--categoryseven-zip) no-repeat top center; } /*.day .category-7 h2 { background: var(--daycategoryseven-zip) no-repeat top center; }*/ /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { padding: 0; margin: 0; width: 100%; overflow: hidden; text-transform: none; text-align: justify; } /* B1.2 */ .punbb .post-sig dt { display: block; border: none; width: 250px; margin: 5px 0; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 0 0 1em 0; /*line-height: 150%;*/ text-size-adjust: 100%; -moz-text-size-adjust: 100% !important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* B1.4 */ .punbb .post-content img { vertical-align: text-bottom } /* B1.5 */ .punbb .post-content img.postimg { vertical-align: middle; } /* B1.6 */ .punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; } /* B1.7 */ .punbb .post-content .scrollbox { width: 100%; overflow: auto; } /* B1.8 */ .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 0.4em 1.8em 1.4em 1.8em; padding: 1em 1em; border: none; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; font-weight: 500; font-size: 12px; color: var(--links); border-radius: 5px; background: var(--bg-2); padding: 5px 11px; font-style: normal; margin-bottom: 10px; } .day .punbb .quote-box cite, .day .punbb .code-box strong.legend { color: var(--daylinks); background: var(--daybg-4); } #pun-main .code-box .scrollbox pre { font: var(--mainfont-zip); font-size: 12px; } /* B2 Information boxes -------------------------------------------------------------*/ /* B2.1 */ .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border: none; 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; top: -4em; left: 1em; width: 24em; } #pun-main > div.linkst > div.pagelink > strong { padding: 0 4px; } #pun-main > div.linksb > div.pagelink > strong { padding: 0 4px; } /* B3.4 */ .linkst .postlink { position: absolute; top: -4em; right: 1em; width: 16em; text-align: right; font-weight: bold; } /* B3.5 */ .punbb .linksb { text-align: right; padding: 5px 11px; font-size: 10px; } /* B3.6 */ .linksb .pagelink { float: left; width: auto; text-align: left; } /* B3.7 */ .linksb .postlink { float: right; width: auto; font-weight: bold } /* B3.8 */ .subscribelink { margin-right: 70px; } .pa-reg { display: none; } /************************************************************* C - MAIN CONTENT - SPECIFIC **************************************************************/ /* C1 Form layout -------------------------------------------------------------*/ /* C1.1 */ .punbb .formal .container { padding: 0.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 { font: var(--mainfont-zip); margin: 0 0.6em 0 0 } /* C1.4 */ .punbb fieldset { border: none; padding: 0 18px 0 18px; margin: 0 0 1em 0 } /* C1.5 */ .punbb fieldset legend { padding: 0; margin: 0 0 0 11px; font-size: 1.1em } /* C1.6 */ .punbb fieldset legend span { font-size: 10px; } /* C1.7 */ .punbb fieldset fieldset { display: none; border: 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: 0; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; font-weight: 400; font-size: 11px; overflow: hidden; text-overflow: ellipsis; width: 12%; } /* C2.4 */ #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { width: 40% } /* C2.5 */ #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align: left; width: 13%; } /* 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: 1.2em; font-weight: bold; } /* 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: none; border-width: 0; padding: 0.8em 0em; } /* C2.12 */ .punbb .main th { border: none; padding: 0.4em 1em 0.4em 1em; } /* C2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 0; padding-left: 25px; } * html .tclcon {height: 1px} .punbb tbody.hasicon td.tcl { width: 50%; padding-left: 30px; } /* C2.15 */ .punbb div.icon { border: none; margin-left: -20px; } /* C2.16 .punbb table div.icon { float: left; display: block; }*/ .punbb .main .tcr { overflow: hidden; text-align: left; font-size: 11px; align-items: center; white-space: nowrap; text-overflow: ellipsis; padding: 0 50px; width: 40%; color: var(--text2); } .day .punbb .main .tcr { overflow: hidden; text-align: left; font-size: 11px; align-items: center; white-space: nowrap; text-overflow: ellipsis; padding: 0 50px; width: 40%; color: var(--daytext2); } .punbb .main .tcr a.lastpost-link { font-size: 11px; font-weight: 800; color: var(--links); } .day .punbb .main .tcr a.lastpost-link { font-size: 11px; font-weight: 800; color: var(--daylinks); } #pun-index .tcr a.lastpost-link:hover { color: var(--text) } .day #pun-index .tcr a.lastpost-link:hover { color: var(--daytext) } /* C3 Topics -------------------------------------------------------------*/ /* C3.1 */ .punbb .post .container { border: none; margin-top: -1px; padding-bottom: 1px; } /* C3.2 */ .punbb .post h3 { border: none; } /* C3.3 */ .punbb .post h3 span { padding: 2px 20px; display: block; border: none; } /* C3.4 */ .punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; } /* C3.5 */ .punbb .post .post-author { float: left; } /* C3.6 */ .punbb .post .post-author ul, .punbb .post .post-author p { /*padding: 0 1em 1em 1em;*/ line-height: 140%; } /* C3.7 */ .pa-author { font-size: 1.1em; font-weight: bold; } /* C3.8 */ .pa-author a { text-decoration: none; font-weight: 900!important; } .post-author { width: 190px; height: 100%; } .post-author ul { line-height: 11px; text-align: center; width: auto; } .post-author .pa-author { text-align: center; font-size: 12px; text-transform: lowercase; } .pa-title { text-align: center; font-weight: 500; font-size: 9px; color: var(--text2) } .day .pa-title { color: var(--dayscroll-bg) } .pa-avatar { text-align: center; margin-top: 20px; margin-bottom: 5px; } .pa-avatar img { border-radius: 5px; max-width: 180px; max-height: 180px; } .pa-fld1 .fld-name, .pa-fld2 .fld-name { display: none; } .pa-fld1 { margin-bottom: 8px; } .pa-fld2 { display: block; padding: 10px!important; margin: 0 10px; background: var(--bg-3); border-radius: 5px; font-weight: 400; font-size: 9px; line-height: 130%; text-align: center; color: var(--text2); } .day .pa-fld2 { background: var(--daybg-3); } .post-author .pa-posts, .post-author .pa-respect, .post-author .pa-fld3 { font-size: 8px; width: 45px; display: inline-block; font-weight: 400; text-align: center; color: var(--text2); } .day .post-author .pa-posts, .day .post-author .pa-respect, .day .post-author .pa-fld3 { color: var(--text2); } .pa-posts .fld-name, .pa-respect .fld-name, .pa-fld3 .fld-name, .pa-fld4 { margin-top: 5px; display: block; height: 16px; color: var(--text2)!important; } .day .pa-posts .fld-name, .day .pa-respect .fld-name, .day .pa-fld3 .fld-name, .day .pa-fld4 { color: var(--daytext2)!important; } .lz-name { text-transform: uppercase; font-weight: 900; font-size: 8px; margin-bottom: 4px; } .pa-online { margin-top: 20px; font-weight: 700; font-size: 10px; color: var(--daybg-3); } .day .pa-online { color: var(--dayscroll-bg); } /* C3.9 */ li.pa-online { line-height: 0.8em; border: none; padding-left: 0.4em; } /* C3.11 */ .punbb .post-body { margin-left: 19em; border: none; padding: 0 0 1px 0; } /* C3.12 */ .punbb .post-box { padding: 1em; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.14 */ .punbb .post-links { margin-left: 19em; border: none; } /* C3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left: -19em; border: none; background: transparent; text-align: right; margin-bottom: 30px; } /* C3.16 */ .punbb .post-links li { display: inline; padding-left: 1em; } /* C3.17 */ .pl-email, .pl-website { float: left; } /* C3.18 */ .punbb .clearer { clear: both; height: 0; font-size: 0; } /* C4 Moderator menu -------------------------------------------------------------*/ /* C4.1 */ .punbb .modmenu .container { padding: 0.5em 1em; text-align: right; font-size: 10px; } /* C4.2 */ .punbb .modmenu strong, .punbb .modmenu a { height: 1.8em; line-height: 1.8em; } /* C4.3 */ .punbb .modmenu .container strong { float: left; } /* C4.4 */ .punbb .modmenu input { margin-left: 1em; } /* C5 Message boxes -------------------------------------------------------------*/ /* C5.1 */ .punbb .info .container { padding: 0.8em 1em } /* C5.2 */ .punbb .info .container .backlink { padding-top: 0.8em; } /* C6 Profile -------------------------------------------------------------*/ /* C6.1 */ #profile .container { padding-left: 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: none; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; } /* C6.5 */ #viewprofile h2, #profilenav h2 { border: none; margin: 0 14px -0.6em 14px; background: var(--bg-3); border-radius: 5px; padding: 0px 38px; font-weight: 700; font-size: 12px; text-align: center; } .day #viewprofile h2, .day #profilenav h2 { border: none; margin: 0 14px -0.6em 14px; background: var(--daybg-3); border-radius: 5px; padding: 0px 38px; font-weight: 700; font-size: 12px; text-align: center; } /* 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: none; } /* C7.2 */ #pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border: none; } /* C7.3 */ #pun-userlist .usertable table { border: none; } /************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/ /* D1 Logo and description -------------------------------------------------------------*/ /* D1.1 */ #pun-title { display: none; } /* D1.2 */ #pun-title h1 { display : block; height : 40px; padding: 2em 1em 0 1em; } /* D1.3 */ #pun-title .container { border: none; } /* D1.4 */ #pun-title h1 span { display: none; } #pun-title table { border: none; height: 40px; width: 100%; } #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 { height: 50px; position: absolute; top: -9px; margin-left: -15px; } /* D.3 */ #pun-navlinks li { display: inline; margin: 0; } /* D3.4 */ #pun-navlinks li a { font-style: normal; font-weight: 500; font-size: 12px; } li#navlogout a span { left: 920px; position: absolute; } /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { border: none; } /* D4.2 */ #pun-ulinks .container { text-align: center; text-transform: lowercase; background-color: transparent; font-family: var(--mainfont-zip); font-size: 10px; font-style: normal; border: none; margin-top: -45px; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; } /* D4.4 */ #pun-ulinks li a { padding: 0 0.3em 0 0.6em; transition: all 0.5s linear 0s; } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border: none; } /* D5 Welcome box and Top Breadcrumbs -------------------------------------------------------------*/ /* D5.1 */ #pun-status, #pun-status .container { border: none; background-color: transparent; } /* D5.2 */ #pun-status .container { text-align: left; margin-top: 0; margin-bottom: 24px; color: var(--text); font-family: var(--mainfont-zip); font-size: 10px; } .day #pun-status .container { color: var(--daytext); } #pun-status .item4 { display: none } /* D5.3 */ #pun-status span { border: none; white-space: nowrap; margin-right: 0.5em; } /* D5.4 */ #pun-crumbs1 { border: none; overflow: hidden; } /* D5.5 */ #pun-crumbs1 p.container { font-family: var(--mainfont-zip); font-weight: bold; font-size: 10px; color: var(--text); border: none; background-color: transparent; } .day #pun-crumbs1 p.container { font-family: var(--mainfont-zip); font-weight: bold; font-size: 10px; color: var(--daytext); border: none; background-color: transparent; } /* D5.6 */ #pun-break1 { margin: 0 1em; border: none; 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: none; position: relative; font-weight: bold; } /* D6.2 */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border: none; } /* D6.3 */ #pun-announcement .container { padding: 4.3em 1em 1em 1em; } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { background: transparent; height: auto; text-align: center; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; width: 960px; } /* D7.2 */ #pun-stats li.item1, #pun-stats li.item2 { border: none; } /* D7.3 */ #pun-stats li.item3, #pun-stats li.item4 { border: none; } #pun-stats h2 { display: none; } /* D7.4 */ li#onlinelist { border: none; } /* D7.5 */ li#onlinelist div { border: none; } /* 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: none; text-align: right; line-height: 150%; padding: 0.8em 1em; } /* D8.5 */ #pun-about p span { display:block; padding-left: 50%; } /* D8.6 */ #pun-crumbs2 { font-weight: bold; overflow: hidden; margin-bottom: 0; border: none; } /* D8.7 */ #pun-crumbs2 .container { border: none; padding: 0.8em 1em; font-size: 10px; } /* D8.8 */ #pun-break4 { margin: -2px 1em; border: none; position: relative; height: 0; z-index: 1; } /* D8.9 */ div.punbb-admin #pun-about .container { border: none; } /* D9 Help file -------------------------------------------------------------*/ /* D9.1 */ #pun-help .formal .info-box h3.legend { border: none; padding-bottom: 0; margin-bottom: 0.8em; } /* D9.2 */ #pun-help .formal .info-box h3.legend span { padding-bottom: 0.6em; display: block; border: none; 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; } #pun-index.punbb th,#pun-viewforum.punbb th{ font-size:0!important; color:transparent!important; height:0!important; padding:0!important; border:0!important; } ::-webkit-scrollbar { width: 3px; height: 3px; background-color: var(--scroll-bg); border-radius: 10px; } .day ::-webkit-scrollbar { background-color: var(--dayscroll-bg);} ::-webkit-scrollbar-thumb { background-color: var(--scroll-1); border-radius: 10px; } .day ::-webkit-scrollbar-thumb { background-color: var(--dayscroll-1); } ::selection { background: var(--links-2); color: #101010; } .day ::selection { background: var(--daylinks-2); } .plasheszip::-webkit-scrollbar-thumb { background: var(--scroll-bg); border-radius: 10px; } .day .plasheszip::-webkit-scrollbar-thumb { background: var(--dayscroll-bg); } .plasheszip::-webkit-scrollbar { background: transparent; height: 3px; } /* CS1 Background and text colours -------------------------------------------------------------*/ body { background: transparent; } /* 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-color: transparent; color: var(--text); font: var(--mainfont-zip); } .day .punbb .section .container, .day .punbb .post-body, .day .punbb .post-links, .day .punbb td.tc2, .day .punbb td.tc3, .day .punbb .formal fieldset .post-box, .day #viewprofile li strong, .day #viewprofile li div, .day #setmods dd, .day .punbb .info-box, .day .punbb #pun-main .info-box .legend { background-color: transparent; color: var(--daytext); font: var(--mainfont-zip); } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3 { background-color: transparent; color: var(--text); } .day .punbb .main .container, .punbb .post .container, .punbb .post h3 { background-color: transparent; color: var(--daytext); } /* CS1.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { background-color: transparent; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: transparent; color: var(--text); } .day #pun-title, .day #pun-title .container, .day .punbb .modmenu .container { background-color: transparent; color: var(--daytext); } .punbb .modmenu .container span { display: none; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: transparent; color: var(--text) } .day .punbb legend span, .day #viewprofile h2 span, .day #profilenav h2 span, .day .punbb-admin #pun-admain legend span { background-color: transparent; color: var(--daytext) } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: transparent; color: var(--text); } .day .punbb .post h3 span, .day .punbb th, .day #viewprofile li, .day #setmods dl { background-color: transparent; color: var(--daytext); } #pun-main .post h3 span { font-weight: 700; font-size: 11px; background-color: var(--bg-3); border-radius: 5px; margin-bottom: 20px; } .day #pun-main .post h3 span { background-color: transparent; } /* CS1.7 */ .punbb .quote-box, .punbb .code-box { background-color: var(--bg-3); color: var(--text); border-radius: 10px; } .day .punbb .quote-box, .day .punbb .code-box { background-color: var(--daybg-3); color: var(--daytext); border-radius: 10px; } li#navlogout a span { text-align: right; } .offline li.pa-online strong { font-weight: normal } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border: none; } .day #pun-main .post h3 span { background-color: var(--daybg-3); } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border: none; } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border: none; } /* 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: none; } /* CS2.5 */ .punbb th { border: none; } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border: none; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border: none; } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border: none; } .punbb .divider { border: none; } .punbb .formal fieldset .post-box, .punbb .info-box { border: none; } li.pa-online { border: none; } /* CS3 Links -------------------------------------------------------------*/ /* CS3.1 */ .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { color: var(--links); font-weight: 500; } .day .punbb a, .day .punbb a:link, .day .punbb a:visited, .day .punbb-admin #pun-admain a, .day .punbb-admin #pun-admain a:link, .day .punbb-admin #punbb-admain a:visited { color: var(--daylinks); font-weight: 500; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: var(--links); font-weight: 500; } .day .punbb li.isactive a, .day .punbb li.isactive a:link, .day .punbb li.isactive a:visited { color: var(--daylinks); font-weight: 500; } /* 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: var(--text); font-weight: 500; } .day .punbb a:hover, .day .punbb a:focus, .day .punbb a:active, .day .punbb-admin #pun-admain .nodefault, .day .punbb-admin #punbb-admain a:hover, .day .punbb-admin #punbb-admain a:focus, .day .punbb-admin #punbb-admain a:active { color: var(--daytext); font-weight: 500; } /* CS3.3 */ #pun-navlinks a { color: var(--text); text-decoration: none; transition: 0.5s; } .day #pun-navlinks a { color: var(--bg-2); } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: var(--links); text-decoration: none } .day #pun-navlinks a:hover, .day #pun-navlinks a:focus, .day #pun-navlinks a:active { color: var(--daylinks); text-decoration: none } #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: transparent; color: var(--links); } .day #pun-pagelinks a:active, .day #pun-pagelinks a:focus { background-color: transparent; color: var(--daylinks); } /* CS4 Post status icons -------------------------------------------------------------*/ div.icon { border: none; } tr.iredirect div.icon { border-color: none; } div.inew { border: none; } #pun-main div.catleft, #pun-main div.catright {display: none} /*Скрыть список Модераторов на Главной*/ .punbb .tcl .modlist { display: none; } #pun-index .tc2, #pun-index .tc3, #pun-index .tcmod { display: none; } li#onlinelist div { border: none; padding: 6px 20px; text-align: justify!important; color: var(--text); font: var(--mainfont-zip); font-size: 11px; font-weight: 400; text-transform: lowercase; } .day li#onlinelist div { color: var(--daytext); } li#onlinelist { margin-top: 10px; width: 960px; color: var(--text); font: var(--mainfont-zip); font-size: 10px; text-transform: lowercase; } .day li#onlinelist { color: var(--daytext); } #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 { display: flex; padding-top: 2px; padding-bottom: 2px; color: var(--text); text-transform: lowercase; text-align: center; font: var(--mainfont-zip); font-size: 9px; width: 225px; border: 1px solid var(--bg-2); border-radius: 30px; flex-direction: column; flex-wrap: wrap; justify-content: center; background: var(--bg-2); } .day #pun-stats li.item1, .day #pun-stats li.item2, .day #pun-stats li.item3, .day #pun-stats li.item4 { color: var(--daytext); border: 0px solid var(--daybg-2); background: var(--daybg-2); } #pun-index .tclcon h3 a { color: var(--links-2); font-weight: 1000; font-size: 14px; padding: 0px 10px; } .day #pun-index .tclcon h3 a { color: var(--daylinks-2); } #pun-index .tcl { padding: 14px; } #pun-main > div > h2 > span { font-size: 0px; } #pun-index .tclcon h3 { border-radius: 30px; padding: 15px 20px; text-align: left; width: 366px; height: 13px; margin-left: 30px; position: relative; top: -14px; } /*стиль подфорума*/ .tclcon { position: relative; padding-left: 15px; text-align: justify; font-weight: 500; font-size: 11px; line-height: 133%; margin: 7px 75px 0px 0px; color: var(--text2); } .day .tclcon { position: relative; padding-left: 15px; text-align: justify; font-weight: 500; font-size: 11px; line-height: 133%; margin: 7px 75px 0px 0px; color: var(--daytext2); } .tclcon::before { content: ""; position: absolute; left: 0px; height: 100%; } /*красим если новые сообщения*/ #pun-index .inew + .tclcon::before { background-color: #303030; height: 38px; width: 366px; left: 47px; top: -10px; border-radius: 30px; } .day #pun-index .inew + .tclcon::before { background-color: var(--daybg-2); } #pun .user-avatar .avatar-image { width: 30px; height: 30px } #pun-index .user-avatar { display: block } #pun-navlinks .container { background-color: transparent; color: var(--daybg-1); text-transform: lowercase; font: var(--text); display: inline-block; margin: 0px 18px 0px 18px; position: relative; height: auto; word-spacing: 20px; top: 19px; } #pun-main .pagelink { font: var(--mainfont-zip); font-style: normal; font-weight: 400; font-size: 9px; text-align: justify; color: var(--text); margin-top: 10px; } .day #pun-main .pagelink { font: var(--mainfont-zip); font-style: normal; font-weight: 400; font-size: 9px; text-align: justify; color: var(--daytext); } #pun-main .postlink { color: var(--links); font-size: 10px; } .day #pun-main .postlink { color: var(--day links); } .linksb a, .linkst a { background: var(--bg-3); padding: 4px 8px; border-radius: 5px; transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s !important; } .day .linksb a, .day .linkst a { background: var(--daybg-3); } .linksb a:hover, .linkst a:hover { color: var(--links) !important; background: var(--scroll-bg) !important; } .day .linksb a:hover, .day .linkst a:hover { color: var(--daylinks)!important; background: var(--text)!important; } .punbb table Div.icon { float: left; display: block; width: 35px; height: 35px; border-style: none; background: var(--iconnonew-zip) no-repeat; position: relative; margin-top: -8px; margin-left: 63px; z-index: 1; } .punbb table div.inew { background: var(--iconnew-zip) no-repeat; } /*.day .punbb table div.inew { background: var(--dayiconnew-zip) no-repeat; }*/ .tclcon .byuser { display: block; color: var(--text)!important; margin-top: 4px !important; padding-left: 17px } .day .tclcon .byuser { display: block; color: var(--daytext)!important; margin-top: 4px !important; padding-left: 17px } #pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon { background: var(--text); background-position-y: 93px; display: block; float: left; height: 6px; margin-left: 0px; margin-right: 15px; margin-top: 7px; position: relative; width: 6px; border-radius: 100%; box-sizing: border-box; } .day #pun-viewforum table Div.icon, .day #pun-messages table Div.icon, .day #pun-searchtopics table Div.icon { background: var(--daytext); } #pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon { background: var(--links)!important; } .day #pun-viewforum TR.inew Div.icon, .day #pun-messages TR.inew Div.icon, .day #pun-searchtopics TR.inew Div.icon { background: var(--daylinks)!important; } #pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon { background: var(--text); } .day #pun-viewforum TR.isticky Div.icon, .day #pun-messages TR.isticky Div.icon, .day #pun-searchtopics TR.isticky Div.icon { background: var(--daytext); } #pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon { background: var(--text); } .day #pun-viewforum TR.iclosed Div.icon, .day #pun-messages TR.iclosed Div.icon, .day #pun-searchtopics TR.iclosed Div.icon { background: var(--daytext); } #pun-viewforum .forum a, #pun-messages a .forum, #pun-searchtopics .forum a { color: var(--links) } .day #pun-viewforum .forum a, .day #pun-messages a .forum, .day #pun-searchtopics .forum a { color: var(--daylinks); } #pun-viewforum .forum a:hover, #pun-messages a:hover .forum, #pun-searchtopics .forum a:hover { color: var(--links); } .day #pun-viewforum .forum a:hover, .day #pun-messages a:hover .forum, .day #pun-searchtopics .forum a:hover { color: var(--daylinks); } #pun-viewforum .tcr, #pun-messages .tcr, #pun-searchtopics .tcr { color: var(--links); } .day #pun-viewforum .tcr, .day #pun-messages .tcr, .day #pun-searchtopics .tcr { color: var(--daylinks); } /*кнопки*/ .go-up, .go-down { cursor: pointer; display: none; margin-bottom: 160px; margin-left: 1000px !important; opacity: 1; position: fixed; z-index: 9999; padding: 0px 0px; transition: transform 1s cubic-bezier(0.72, -0.01, 0, 1) 0s; width: 34px; height: 34px; } .go-up { top:380px; } .go-down { top: 430px; } .go-up:hover, .go-down:hover { transform: scale(1.2) } /*ползунок размер шрифта*/ .FNTslider { position: relative; z-index: 99; background: var(--scroll-bg); width: 110px; height: 3px; margin: 6px 5px; border: solid 1px var(--text2); float: right; margin-right: 58%; } .day .FNTslider { background: var(--dayscroll-bg); border: solid 1px var(--daytext2); } .FNTslider .before { height: 3px; border: solid 1px var(--links); border-right: none 0; position: absolute; background: var(--links-2); margin: -1px 0px; } .day .FNTslider .before { border: solid 1px var(--daylinks); background: var(--daylinks-2); } .FNTslider .thumb { width: 4px; height: 9px; position: relative; top: -4px; background: var(--links); cursor: pointer; border: 1px solid var(--scroll-1); } .day .FNTslider .thumb { background: var(--daylinks); border: 1px solid var(--dayscroll-1); } /*разделитель тем*/ .td-divider { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-left: -10px; } .td-divider span { background: var(--bg-3); font-size: 12px; padding: 0px; border-radius: 5px; color: var(--text); font-weight: 400; text-align: center; width: 960px; position: absolute; left: 18px; } .day .td-divider span { background: var(--daybg-3); color: var(--daytext); } /*это интересно*/ div#pun-live-rusff { font-size: 0 !important; } .cool1 { width: 68px !important; height: 16px !important; padding: 0px 5px 2px 5px !important; background: #D06E78 !important; font-size: 9px !important; font-family: 'Mulish' !important; color: #ffffff !important; border-radius: 5px 0px 0 5px !important; box-shadow: none !important; text-shadow: none !important; border: none !important; margin: 0 !important; } .cool2 { width: 16px !important; height: 18px !important; background: #D06E78 !important; border: none !important; margin: 0 !important; } .cool3 { width: auto !important; height: 16px !important; padding: 0px 5px 2px 5px !important; background: #D06E78 !important; color: #ffffff !important; font-size: 9px !important; font-family: 'Mulish' !important; border-radius: 0 5px 5px 0 !important; box-shadow: none !important; text-shadow: none !important; font-weight: 600 !important; margin: 0 !important; border: none !important; } /*кнопки*/ #file_upload_input { padding: 10px 10px 0px 10px!important; } input.button, #pa-edit strong a { font: var(--mainfont-zip); background: var(--links) !important; color: var(--bg-3) !important; padding: 4px 8px; border-radius: 5px; font-size: 10px !important; font-weight: 700 !important; text-transform: lowercase; border: none !important; transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s !important; } .day input.button, .day #pa-edit strong a { background: var(--daylinks) !important; color: var(--bg-3) !important; } input.button:hover, #pa-edit strong a:hover { background: var(--bg-3) !important; color: var(--links)!important; } .day input.button:hover, .day #pa-edit strong a:hover { background: var(--daybg-3) !important; color: var(--daylinks)!important; } #pun-main .formal textarea {padding: 10px;} input, textarea, input:active, textarea:active, :focus { outline: none; } .topic a.sharelink { display: none; } .punbb div.icon { float: left; display: block; width: 60px; height: 60px;} .tc2 .user-avatar, .tcr .user-avatar { display: none; } /*ссылки в подфорумы*/ .ziplinks { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 24px; height: 12px; border-radius: 0px 0px 5px 5px; margin-top: -9px; margin-bottom: 8px; margin-left: 50px; font-weight: 500; font-size: 10px; padding: 5px 0; } #onlinelist a { color: var(--links-2); } .day #onlinelist a { color: var(--daylinks-2); } #onlinelist a:hover { color: var(--links-2); } .day #onlinelist a:hover { color: var(--daylinks-2); } #onlinelist a[href$="/online.php"], #onlinelist a[href$="/userlist.php"] { color: var(--links-2)!important; } .day #onlinelist a[href$="/online.php"], .day #onlinelist a[href$="/userlist.php"] { color: var(--daylinks-2)!important; } #onlinelist a[href$="/online.php"]:hover, #onlinelist a[href$="/userlist.php"]:hover { color: var(--text)!important; } .day #onlinelist a[href$="/online.php"]:hover, .day #onlinelist a[href$="/userlist.php"]:hover { color: var(--daytext)!important; } .punbb .section h2 span, #pun-stats h2 span, #pun-debug h2 span, .punbb h1 span, #post-form > h2, .punbb legend span { font-weight: 700; font-size: 12px!important; font-style: normal; text-align: center; display: block; margin: auto; height: 17px; color: var(--text); } .day .punbb .section h2 span, .day #pun-stats h2 span, .day #pun-debug h2 span, .day .punbb h1 span, .day #post-form > h2, .day .punbb legend span { color: var(--daytext); } #post > fieldset:nth-child(2) > legend { display: none; } #pun-main h1 span { display: none; } #pun .post-content .spoiler-box > div { display: flex; flex-direction: row; align-items: center; padding: 4px 10px; border-radius: 5px; background: var(--bg-2); color: var(--links); font-weight: 500; font-size: 12px; } .day #pun .post-content .spoiler-box > div { display: flex; flex-direction: row; align-items: center; padding: 4px 10px; border-radius: 5px; background: var(--daybg-4); color: var(--daylinks); font-weight: 500; font-size: 12px; } #pun .post-content .spoiler-box > div:before { content: ""; display: block; background: var(--spoilericon) no-repeat; width: 16px; height: 16px; padding-right: 6px; } /*.day #pun .post-content .spoiler-box > div:before { content: ""; background: var(--dayspoilericon) no-repeat; }*/ #pun .post-content .spoiler-box > div.visible:before { transform: rotate(180deg); } #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner { display: none; position: fixed; left: 50%; top: 50%; margin: -135px 0 0 -384px; width: 768px; z-index: 9999; border-radius: 15px; background: var(--bg-3); box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; -khtml-box-shadow: none!important; } .day #pun-report .inner, .day #pun-reputation .inner, .day #pun-admin-award-form .inner { background: var(--daybg-3); } .pa-respect a[href*="&v=0&cod"], .pa-respect a[href*="&v=1&cod"]{ display: inline-block; position: absolute; margin-top: -4px; margin-left: -12px; } .pa-respect a[href*="&v=1&cod"] img, .pa-respect a[href*="&v=0&cod"] img { visibility: hidden; /*размеры для картинок +/- */ height: 10px; width: 10px; } .pa-respect a[href*="&v=1&cod"]{ background: var(--pluszip) center 100% no-repeat; /*картинка для +*/ } /*.day .pa-respect a[href*="&v=1&cod"]{ background: var(--daypluszip) center 100% no-repeat; /*картинка для +*/ }*/ .pa-respect a[href*="&v=0&cod"] { background: var(--pluszip) center 100% no-repeat; /*картинка для - */ } .punbb input { background: var(--bg-2); color: var(--text); height: 23px; border-radius: 5px; border: 1px solid var(--bg-3); padding: 0 10px; } .day .punbb input { background: var(--daybg-2); color: var(--daytext); border: 1px solid var(--daybg-3); } #font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area, #smilies-area, #spoiler-area { color: var(--text); border: 1px solid var(--text2) !important; background: var(--bg-2); border-radius: 0 0 5px 5px; padding: 10px !important; margin-top: -18px; } .day #font-area,.day .popup_graffiti, .day #size-area, .day #image-area, .day #color-area, .day #addition-area, .day #video-area, .day .inner .popup_graffiti, .day #table-area, .day #keyboard-area, .day #smilies-area, .day #spoiler-area { color: var(--daytext); border: 1px solid var(--daytext2) !important; background: var(--daybg-2); } #font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #spoiler-area { top: 70px !important; } #font-area { height: 200px; overflow-y: auto; } .pun-modal .modal-inner { background: var(--bg-2); border-radius: 5px; margin: auto; top: -100px; } .day .pun-modal .modal-inner { background: var(--daybg-2); border-radius: 5px; margin: auto; top: -100px; } div#form-buttons { background: #7e7e7e; border-radius: 10px 10px 0 0; } .day div#form-buttons { background: #e5e5e5; border-radius: 10px 10px 0 0; } td#button-graffiti_rusff { display: none !important; } td#button-files_rusff { display: none !important; } #rep_form .tcl { width: 20%!important; } .day #reputationText { background: var(--daybg-1); } li.pa-ip { font-size: 7px; margin-top: 5px; color: #7a7a7a; } /*страница репутации*/ #pun-main > div.section > div > table > tbody > tr { width: 955px; } #pun-main > div.section > div > table > tbody > tr > td.tcr { width: 355px!important; } /*отключить пожаловаться и поделиться*/ li.pl-share { display: none!important; } li.pl-reports { display: none!important; } #pun-main > div.linksb > div.postlink > span.closed { display: none; } #messages > fieldset > div > div > table { width: 673px; } #pun-main > div.topic > div > div > div.post-author > ul { color: var(--text); } .day #pun-main > div.topic > div > div > div.post-author > ul { color: var(--daytext); } /*всплывающие подсказки при наведении*/ #tooltip { position: absolute; background: var(--tooltip); z-index: 999; max-width: 180px; border: none; border-radius: 15px; font-family: 'Mulish'; font-size: 10px; display: none; color: #ffffff; text-align: center; padding: 5px 10px; text-transform: lowercase; } /*маска*/ #mask_dialog .inner { background: var(--bg-1); border-radius: 10px; } .day #mask_dialog .inner {background: var(--daybg-1);} .punbb .user-avatar .isonline { background: #E9ADB1!important; }
Поделиться32023-01-11 09:12:31
низ стиль
Код:
/*шапка*/ .headzip { background: var(--header-zip); width: 1000px; height: 400px; margin: 18px 0 0 -20px!important; } .day .headzip { background: var(--dayheader-zip); } /*футер*/ .footzip { background: var(--zipfoot); height: 100px; width: 1000px; border-radius: 0px 0px 20px 20px; margin: -30px 0px -52px -20px!important; } .day .footzip { background: var(--dayzipfoot); } #pun-about .container .item1 { position: relative; font-size: 9px; top: -30px; width: 300px; margin-left: auto; } /*партнеры*/ .partners { position: relative; width: 188px; height: 67px; top: 15px; left: 689px; overflow-y: auto; overflow-x: hidden; display: inline-block; } .partners img { filter:grayscale(100%); } .partners img:hover { filter: none; } /*описание подфорумов*/ .zipdescription { font-size: 9px; line-height: 133%; width: 432px; } /*плашки*/ .plasheszip { display: flex; flex-direction: column; align-items: flex-start; width: 715px; height: 34px; padding: 9px 20px 10px; background: rgb(56 56 56 / 60%); border-radius: 10px; top: -78px; left: 120px; position: absolute; } .plext { display: flex; flex-direction: row; align-items: flex-start; gap: 8px; width: 715px; height: 24px; padding-bottom: 9px; overflow-x: auto; overflow-y: hidden; } .inplext { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; padding: 6px; gap: 10px; width: 160px; height: 24px; border-radius: 15px 15px 0 0; transition: 0.5s; } .inplext:hover { background: #0000002b; border-radius: 20px 20px 0 0; } .inplext span { color: var(--text); text-transform: uppercase; font-size: 10px; font-weight: 600; transition: 0.5s; } /*список амс*/ .amszip { display: flex; flex-direction: row; align-items: flex-end; gap: 4px; position: absolute; text-transform: uppercase; left: 386px; top: 366px; font-size: 7px; line-height: 300%; } #html-header .amszip a { color: #FFFFFF!important; transition: 0.5s; } #html-header .amszip a:hover { color: #000000!important; } /*активисты*/ .allact { position: absolute; top: 48px; color: #D06E78; font-weight: 700; font-size: 10px; line-height: 133%; text-transform: lowercase; width: 954px; margin-left: 25px !important; display: flex; justify-content: space-between; } .allact a { color: #D06E78!important; font-weight: 700!important; transition: 0.5s; } .allact span { font-weight: 1000; font-size: 20px; color: #FFFFFF; line-height: 133%; } .allact a:hover { color: #FFFFFF!important; } .postweek { display: inline-block; text-align: center; width: 288px; } .postweek p { overflow: hidden; text-overflow: ellipsis; display: inline-block; height: 18px; font-weight: 600; font-size: 9px; line-height: 100%; color: #E0E0E0; } .day .postweek p { color: #333333; } .zipactiv { display: flex; flex-direction: column; align-items: flex-end; } .zipactiv .ist { display: flex; flex-direction: row; align-items: flex-start; gap: 17px; } .couple { display: flex; flex-direction: row; gap: 24px; position: relative; top: 353px; left: 39px; font-size: 10px; line-height: 14px; color: #87589d; font-weight: 700; width: 198px; } /*ссылки*/ .spirit-navigation { display: inline-block; cursor: pointer; padding: 7px 10px; position: absolute; width: 112px; height: 16px; z-index: 9999; background: #C83947; border-radius: 50px; font-size: 10px; text-align: center; transition: all 0.3s ease-in-out 0s; color: #ffffff; top: 339px; right: 408px; } .spirit-navigation:hover { background: #E9ADB1; color: #000000; } #navigblock { position: absolute; top: 354px; right: 408px; width: 132px; display: block; } #navigblock a{ color: #ffffff; } #navigblock a:hover{ color: #000000; } .sslka { padding: 15px 0 0; border-radius: 0px 0px 15px 15px; background: #C83947; z-index: 99; position: relative; } #pun .sslka a { background: #C83947; white-space: nowrap; text-align: center; transition: all 0.3s linear 0s; display: block; font-size: 10px; padding: 7px; border-radius: 15px; transition: 0.5s; } #pun .sslka a:hover { background: #E9ADB1!important; } /*лс*/ .menu-links { background: url(https://forumstatic.ru/files/001b/b4/ca/47464.svg) left center no-repeat; height: 243px; position: relative; margin-top: 80px!important; z-index: 9999; display: flex; flex-direction: column; } .menu-links span { cursor: pointer; display: flex; align-items: center; justify-content: center; padding-left: 17px; color: #FFFFFF; font-weight: 700; font-size: 12px; height: 12px; background: url(https://forumupload.ru/uploads/001b/b4/ca/11/467622.png) left center no-repeat !important; } .menu-links span[alt="#sm1"] { position: absolute; left: 47px; top: 53px; } .menu-links span[alt="#sm2"] { position: absolute; left: 72px; top: 115px; } .menu-links span[alt="#sm3"] { position: absolute; left: 24px; top: 166px; } .tabactive[alt="#sm1"] { transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s !important; background: url(https://forumstatic.ru/files/001b/b4/ca/75883.svg) left center no-repeat!important; } .tabactive[alt="#sm2"] { background: url(https://forumstatic.ru/files/001b/b4/ca/75883.svg) left center no-repeat!important; transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s !important; } .tabactive[alt="#sm3"] { background: url(https://forumstatic.ru/files/001b/b4/ca/75883.svg) left center no-repeat!important; transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s !important; } .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: rgba(99, 99, 99, 0.5); z-index: 9999; display: none; top: 0; left: 0; backdrop-filter: blur(25px); } .reveal-modal { width: 940px!important; height: 400px!important; display: block; border: 1px solid var(--scroll-bg)!important; border-radius: 10px; background: var(--bg-3)!important; visibility: hidden; top: 50px !important; left: 50%; position: fixed; z-index: 99999; transform: translateX(-5%); } .reveal-modal.small { width: 200px; margin-left: -140px;} .reveal-modal.medium { width: 400px; margin-left: -240px;} .reveal-modal.large { width: 600px; margin-left: -340px;} .reveal-modal.xlarge { width: 800px; margin-left: -440px;} .reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; cursor: pointer; text-decoration: none; } #submenu { display: inline-block; } #submenu { padding: 7px; height: 180px; font-size: 12px; width: 595px; } .submenutext { display: none; height: 40px; } .usersplash { top: 22px; left: 222px; position: absolute; display: flex; flex-direction: column; width: 203px; justify-content: center; align-items: flex-start; z-index: 99999; } .title_plash { background: var(--title_plash); width: 203px; height: 25px; margin-bottom: 13px!important; } .plash_list { display: flex; flex-direction: column; gap: 6px; position: relative; height: 296px; overflow-y: auto; padding-right: 7px; margin: 0 auto!important; } .cuponszip { display: flex; align-items: center; flex-direction: column; position: absolute; width: 181px; left: 483px; top: 22px; z-index: 99999; } .title_cupons { background: var(--title_cupons); width: 181px; height: 25px; margin-bottom: 13px!important; } .cupon_list { display: flex; flex-direction: column; gap: 6px; position: relative; width: 166px; height: 296px; overflow-y: auto; padding-right: 9px; margin: 0 auto!important; } .personal_plash { background: var(--personal_plash); position: relative; width: 163px; height: 53px; } .immunity { background: var(--immunity); position: relative; width: 163px; height: 53px; } .person_book { background: var(--person_book); position: relative; width: 163px; height: 53px; } .bankxtwo { background: var(--bankxtwo); position: relative; width: 163px; height: 53px; } .change_face { background: var(--change_face); position: relative; width: 163px; height: 53px; } .inside_object { background: var(--inside_object); position: relative; width: 163px; height: 53px; } .choose_achiev { background: var(--choose_achiev); position: relative; width: 163px; height: 53px; } .shop_sale { background: var(--shop_sale); position: relative; width: 163px; height: 53px; } .plash_shop { background: var(--plash_shop); position: relative; width: 163px; height: 53px; } .twin { background: var(--twin); position: relative; width: 163px; height: 53px; } .cupon_list p { font: var(--cuponsfont); color: #C3C3C3; margin: 17px 20px 21px; position: relative; } .none { filter: grayscale(100%); } .person_look { position: absolute; width: 146px; height: 182px; left: 754px; top: 0px; } .fp { position: absolute; background: linear-gradient(180deg, rgba(0, 0, 0, 0.1232) 0%, rgba(208, 110, 120, 0.56) 72.4%); border-radius: 0px 0px 60px 60px; margin: 0 auto!important; width: 120px; height: 170px; z-index: 50; } .face_pic{ filter: grayscale(100%); position: absolute; width: 120px; height: 170px; border-radius: 0px 0px 60px 60px; } .about_person { position: absolute; z-index: 9999; top: 128px!important; left: 20px!important; font-weight: 700!important; font-size: 9px; line-height: 133%; text-align: center; text-transform: lowercase; color: #FFFFFF!important; display: inline-block; width: 80px; } .about_person:hover { color: var(--links)!important; } .under_pic { background: url(https://forumupload.ru/uploads/001b/b4/ca/11/647432.png); position: absolute; width: 142px; height: 57px; bottom: 0px; left: -11px; } .playlist { display: flex; flex-direction: column; align-items: center; position: absolute; width: 104px; height: 66px; left: 763px; top: 206px; } .play_buttons { position: absolute; background: url(https://forumupload.ru/uploads/001b/b4/ca/11/742894.png); width: 94px; height: 38px; margin: 0 auto!important; } .song_name { position: relative; margin: 42px 0 0 0!important; width: 160px; font-weight: 800; font-size: 10px; display: inline-block; text-align: center; color: #C3C3C3; } .song_author { font-weight: 700; font-size: 8px; color: #636363;; width: 160px; display: inline-block; text-align: center; margin: -5px 0 0!important; } .links_box { display: flex; flex-direction: row; align-items: center; justify-content: space-around; gap: 16px; position: absolute; width: 112px; height: 28px; left: 758px; top: 313px; } .inside_box { display: flex; align-items: center; flex-direction: column; margin: 0 auto!important; position: absolute; width: 600px; height: 326px; left: 230px; top: 29px; padding-right: 11px; overflow-y: auto; z-index: 99999; overflow-x: hidden; } .inside_box_post { display: flex; flex-direction: column; align-items: center; margin: 0 auto!important; position: relative; width: 610px; height: 271px; padding-right: 11px; overflow-y: auto; overflow-x: hidden; } .inside_box_post p { font-size: 9px!important; line-height: 133%!important; text-align: center!important; color: var(--daytext)!important; } .inside_box_post .ach_mis_box { background: var(--daybg-1); } .mainpic { position: relative; margin: 0 auto!important; width: 600px; height: 100px; z-index: 999; } .newyear { border-radius: 10px; } .linepic { position: relative; margin: 0 auto!important; width: 474px; border-bottom: 1px solid #D06E78; z-index: 9999; } .ach_mis_box { display: flex; flex-direction: row; align-items: flex-start; justify-content: center; margin: -45px auto 18px!important; padding: 45px 0px 20px; font-weight: 400; font-size: 9px; line-height: 133%; text-align: center; color: var(--text); background: var(--bg-1); border-radius: 0 0 10px 10px; width: 100%; position: relative; } .ach_mis_box s { color: var(--scroll-1)!important; } .first_ach, .second_ach, .third_ach, .fourth_ach { margin: 0 auto!important; position: relative; z-index: 9999; width: 18%; } .collection_box p{ display: flex; flex-direction: column; align-items: center; justify-content: center; font-weight: 400; font-size: 9px; line-height: 133%; text-align: center; color: var(--text); } .circles { display: flex; flex-direction: row; margin: 0 auto!important; position: relative; } .sample_circle { max-width: 100%; max-height: 100%; margin: -30px auto 5px!important; z-index: 9999; } .sample_circle_ny { max-width: 100%; max-height: 100%; margin: -30px auto 5px!important; z-index: 9999; border-radius: 50%; } .mission_completed { text-decoration-line: line-through; color: #609374!important; z-index: 999; } .achiev_box { position: absolute; width: 598px; max-height: 311px; left: 230px; top: 40px; padding-right: 11px; overflow-y: auto; margin: 0 auto!important; z-index: 99999; display: flex; flex-wrap: wrap; gap: 5px; } .achiev_box_post { position: relative; width: 603px; height: 325px; overflow-y: auto; margin: 0 auto!important; gap: 6px; display: flex; flex-direction: row; flex-wrap: wrap; } /*темы*/ .fullpost { margin: 24px 0px!important; } .main_title { position: relative; display: flex; align-items: center; justify-content: space-around; margin: 0px auto!important; padding: 4px 10px; text-align: center; background-color: var(--links); color: var(--bg-3); font-size: 12px; font-weight: 700; width: fit-content; border-radius: 30px; z-index: 2; } .main_desc { margin: -13px auto 0px!important; position: relative; padding: 30px 20px 20px; width: 623px; height: auto; background: var(--daybg-2); border-radius: 10px; text-align: center; font-weight: 500; font-size: 11px; color: var(--daytext); } .letters { margin: 0px auto -16px!important; position: relative; display: flex; align-items: center; justify-content: space-around; padding: 4px 10px; text-align: center; background-color: var(--links); color: var(--bg-3); font-size: 12px; font-weight: 700; width: 58px; border-radius: 30px; z-index: 1; } .persons_box { margin: 0px auto 16px!important; position: relative; display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 30px; width: 496px; } .persons_list { padding: 20px 29px; border: 1px solid var(--daybg-2); border-radius: 10px; height: 158px; background: var(--daybg-1); } .scroll_list { padding-right: 4px; height: 155px; width: 169px; overflow-y: auto; font-weight: 500; font-size: 10px; line-height: 140%; text-align: left; color: var(--daytext); text-transform: lowercase; } .gender { position: absolute; display: flex; align-items: center; justify-content: space-around; left: auto; margin-left: 63px!important; top: -12px; padding: 4px 10px; text-align: center; background-color: var(--links); color: var(--bg-3); font-size: 12px; font-weight: 700; width: auto; border-radius: 30px; z-index: 1; } .scroll_list span { display: inline-block; margin: 10px 0px; padding: 0px 4px; width: 158px; background: var(--daybg-3); border-radius: 5px; font-weight: 900; font-size: 10px; text-align: center; color: var(--daytext); } .guestbook { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px 10px 10px!important; width: 368px; height: auto; background: var(--daybg-3); border-radius: 10px; margin: 0 auto!important; font-weight: 500; font-size: 10px; line-height: 120%; text-align: center; color: var(--daytext); } .guestbook_img { display: flex; align-items: center; margin: 0px auto -15px!important; } .guest_desc { margin: -10px auto 28px!important; position: relative; display: flex; align-items: center; justify-content: center; padding: 30px 20px 20px; width: 467px; height: auto; background: var(--daybg-2); border-radius: 10px; text-align: justify; font-weight: 500; font-size: 10px; color: var(--daytext); line-height: 14px; } /*сториз*/ .zip_story { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; padding: 20px 0px; gap: 15px; width: 280px; height: 496px; background: var(--daybg-1); border: 1px solid var(--links); border-radius: 10px; margin-left: 200px!important; } } .zip_story_img{ width: 240px; height: 455px; } .zip_story_img img{ width: 240px; height: 455px; border-radius: 10px; } .zip_story_avtor{ position:absolute; margin-left: 180px!important; margin-top: 30px!important; } .zip_story_avtor img{ width: 25px; height: 25px; border-radius: 62px; } .zip_poloska { position:absolute; width: 208px; height: 2px; background-image: url(https://i.imgur.com/Et2Fntq.png); background-repeat: no-repeat; background-position: 0px 0px; background-size: 208px 4px; margin-top: 15px!important; } .zip_story_name { position:absolute; width: 70px; height: 10px; font-family: 'Mulish'; font-style: normal; font-weight: 700; font-size: 10px; line-height: 100%; text-align: left; color: #FFFFFF; margin-top: 30px!important; margin-left: -135px!important; } .zip_story_time { position:absolute; width: 11px; height: 9px; font-family: 'Mulish'; font-style: normal; font-weight: 400; font-size: 9px; line-height: 100%; text-align: justify; color: #D3D3D3; margin-top: 40px!important; margin-left: -195px!important; } /*инста*/ .zip_insta_wrap { background: var(--daybg-1); width: 324px; padding-bottom: 1px; border-radius: 10px; border: 1px solid var(--daylinks); margin-left: 168px !important; } .zip_insta_author { padding: 0 15px; display: flex; justify-content: space-between; align-items: center; height: 55px; font-family: 'Mulish'; font-style: normal; font-weight: 900; font-size: 12px; line-height: 100%; color: var(--daytext); } .zip_insta_author img { width: 30px; border-radius: 100%; margin-left: 15px !important; margin-top: 10px !important; } .zip_insta_photo { display: flex; justify-content: center; padding-top: 5px; padding-bottom: 5px; } .zip_insta_photo img { width: 280px; max-height: 280px; border-radius: 10px; } .zip_region { color: var(--scroll-bg); font: 600 9px Segoe UI, arial; margin-left: 60px !important; margin-top: 30px; } .zip_name_inst { margin-left: 60px !important; margin-top: -25px !important; font-family: 'Mulish'; font-style: normal; font-weight: 900; font-size: 12px; line-height: 100%; text-align: justify; } .zip_insta_block { width: 324px; height: 42px; background-image: url(https://forumstatic.ru/files/001b/c0/6b/11173.png); background-repeat: no-repeat; background-position: 0px 0px; background-size: 324px 42px; margin-left: 0px!important; margin-top: 12px!important; z-index: -45 !important; } .zip_insta_like { font-family: 'Mulish'; font-style: normal; font-weight: 500; font-size: 9px; line-height: 100%; margin-left: 46px!important; margin-top: -25px!important; color: var(--text2); } .zip_insta_msg { font-family: 'Mulish'; font-style: normal; font-weight: 500; font-size: 9px; line-height: 100%; margin-left: 99px!important; margin-top: -9px!important; padding-bottom: 15px; color: var(--text2); } /*инста первый пост*/ .zip_insta_wrap_osn { background: var(--daybg-1); width: 278px; margin: auto; height: 521px; border-radius: 18px; border: 1px solid var(--links); margin-left: 190px !important; } .zip_insta_author_osn { padding: 0 15px; justify-content: space-between; align-items: center; height: 95px; padding-top: 5px; } .zip_insta_author_osn img { width: 50px; border-radius: 100%; margin-left: 100px !important; margin-top: 25px !important; } .zip_name_str_inst { width: 236px; text-align: center; margin-left: 21px !important; margin-top: 45px !important; font-family: 'Mulish'; font-style: normal; font-weight: 900; font-size: 10px !important; line-height: 100%; color: var(--daytext); } .zip_strl6 { width: 36px; height: 36px; } .zip_strl6 img{ position: absolute; width: 36px; height: 36px; } #img1 {border-radius: 10px;top: 230px;left: 215px;width: 70px;height: 70px;} #img2 {border-radius: 10px;top: 230px;left: 295px;width: 70px;height: 70px;} #img3 {border-radius: 10px;top: 230px;left: 375px;width: 70px;height: 70px;} #img4 {border-radius: 10px;top: 310px;left: 215px;width: 70px;height: 70px;} #img5 {border-radius: 10px;top: 310px;left: 295px;width: 70px;height: 70px;} #img6 {border-radius: 10px;top: 310px;left: 375px;width: 70px;height: 70px;} #img7 {border-radius: 10px;top: 390px;left: 215px;width: 70px;height: 70px;} #img8 {border-radius: 10px;top: 390px;left: 295px;width: 70px;height: 70px;} #img9 {border-radius: 10px;top: 390px;left: 375px;width: 70px;height: 70px;} .zip_tekst { width: 248px; text-align: center; font-family: 'Mulish'; font-style: normal; font-weight: 400; font-size: 10px !important; line-height: 100%; color: var(--daytext); padding: 0 16px; max-height: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .zip_posts_numb::after { content: "Posts "; color: var(--daytext); font-family: 'Mulish'; font-style: normal; font-weight: 400; font-size: 10px; line-height: 100%; } .zip_followers::after { content: ' Followers'; color: var(--daytext); font-family: 'Mulish'; font-style: normal; font-weight: 400; font-size: 10px; line-height: 100%; } .zip_following::after { content: ' Following'; color: var(--daytext); font-family: 'Mulish'; font-style: normal; font-weight: 400; font-size: 10px; line-height: 100%; } .zip_insta_view_like { font-family: 'Mulish'; font-style: normal; font-weight: 900; font-size: 12px; line-height: 100%; text-align: center; margin-left: 25px !important; margin-top: 20px !important; width: 176px; padding: 0 25px 25px; display: flex; justify-content: space-between; align-items: center; color: var(--daytext); } .zip_insta_krug { height: 54px; background-image: url(https://forumupload.ru/uploads/001b/c0/6b/3/838280.png); background-repeat: no-repeat; position: relative; bottom: -227px; } .zip_strl4 { width: 24px; height: 24px; background-image: url(https://forumstatic.ru/files/001b/b4/ca/15584.svg); background-repeat: no-repeat; background-position: 0px 0px; background-size: 24px 24px; margin-left: 10px!important; margin-top: -80px !important; } .zip_strl5 { width: 24px; height: 24px; background-image: url(https://forumstatic.ru/files/001b/b4/ca/49673.svg); background-repeat: no-repeat; background-position: 0px 0px; background-size: 24px 24px; margin-left: 245px!important; margin-top: -20px!important; } .zip_strl7 { width: 110px; height: 32px; background-image: url(https://forumupload.ru/uploads/001b/c0/6b/3/661663.png); background-repeat: no-repeat; background-position: 0px 0px; background-size: 110px 32px; margin-left: 50px!important; margin-top: -10px !important; } .zip_strl8 { width: 50px; height: 32px; background-image: url(https://forumupload.ru/uploads/001b/c0/6b/3/958022.png); background-repeat: no-repeat; background-position: 0px 0px; background-size: 50px 32px; margin-left: 175px!important; margin-top: -32px!important; } /*sns*/ .zip_sns_wrap { background: var(--daybg-1); width: 280px; margin: auto; padding-bottom: 16px; border-radius: 10px; margin-left: 185px!important; border: 1px solid var(--links); } .zip_sns_author { padding: 0 15px; justify-content: space-between; align-items: center; height: 95px; padding-top: 5px; } .zip_sns_author img { width: 50px; border-radius: 100%; border: 1px solid #C8C8C8; margin-left: 100px; margin-top: 35px; } .zip_name_str { width: 136px; text-align: center; margin-top: -91px!important; font-family: 'Mulish'; font-weight: 500; font-size: 10px !important; font-size: 14px; color: var(--daytext); width: 257px; } .zip_strl { width: 24px; height: 124px; background-image: url(https://forumupload.ru/uploads/001b/c0/6b/3/258029.png); background-repeat: no-repeat; background-position: 0px 30px; background-size: 24px 24px; margin-left: 10px!important; margin-top: -70px !important; } .zip_strl2 { width: 24px; height: 124px; background-image: url(https://forumupload.ru/uploads/001b/c0/6b/3/38523.png); background-repeat: no-repeat; background-position: 0px 0px; background-size: 24px 24px; margin-left: 225px!important; margin-top: -94px!important; } .zip_text_sns_right { width: 275px; max-height: 319px; margin-top: 35px !important; overflow-y: auto; } .zip_right_text { max-width: 210px; text-align: center; border-radius: 20px 20px 0; background: var(--daybg-3); padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; margin-left: 30px!important; color: var(--daytext); margin-top: 15px; font-family: 'Mulish'; font-style: normal; font-weight: 500; font-size: 12px; line-height: 120%; } .zip_right_text p{ text-align: left; } .zip_right_text img { max-width: 200px; max-height: 200px; border-radius: 20px 20px 20px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; text-align: center !important; } .zip_time { width: 100px; text-align: right; margin-left: 155px!important; color: #898989; padding-right: -10px; padding-bottom: 10px; text-transform:uppercase; } .zip_strl3 { width: 331px; height: 42px; background-image: url(https://forumupload.ru/uploads/001b/c0/6b/3/665473.png); background-repeat: no-repeat; background-position: 0px 0px; background-size: 260px 42px; margin-left: 10px!important; margin-top: 20px!important; } .zip_podclad { justify-content: space-between; align-items: center; width: 257px; height: 91px; margin-left: 12px!important; margin-top: -10px!important; background: var(--daybg-3); border-radius: 10px; } /*основа*/ .zip_un_osnova { width: 700px; padding-bottom: 20px; border-radius: 10px; } .zip_un_osnova p { display: inline; font-style: normal; width: 660px; font-weight: 500; font-size: 11px; text-align: justify; border-radius: 10px; color: var(--daytext); } /*правила*/ .zip_main_desc_rules { margin: -15px 15px 20px!important; position: relative; display: inline-block; padding: 30px 20px 20px; width: 630px; height: auto; background: var(--daybg-2); border-radius: 10px; text-align: justify; font-weight: 500; font-size: 12px; color: var(--daytext); } .zip_faq_h { width: 620px; border-radius: 10px; text-align: justify; left: 20px; position: relative; color: var(--daytext); font-size: 11px; line-height: 15px; margin-bottom: 22px !important; background: var(--daybg-2); padding: 20px; } .zip_letter { font-weight: 900; font-size: 12px; color: var(--links); } /*конкурсы*/ .zip_img_contest { width: 670px; height: 70px; flex: none; order: 0; align-self: stretch; flex-grow: 0; margin-left: 15px!important; padding-bottom: 10px!important; } /*новости*/ .zip_news_avtor{ height: 50px; margin-left: 320px!important; margin-top: 10px!important; padding-bottom: 20px!important; } .zip_news_avtor img{ width: 60px; height: 60px; border-radius: 62px; } .zip_main_desc_news_darck { margin: -10px auto 28px!important; justify-content: center; padding: 30px 20px 20px; width: 520px; height: auto; background: var(--daybg-2); border-radius: 10px; text-align: justify; font-weight: 500; font-size: 12px; color: var(--daytext); } .zip_main_desc_news { margin: -10px auto 28px!important; align-items: center; justify-content: center; padding: 30px 20px 20px; width: 520px; height: auto; background: var(--daybg-2); border-radius: 10px; text-align: justify; font-weight: 500; font-size: 11px; color: var(--daytext); } .zip_post_news { font-family: 'Mulish'; font-style: normal; font-weight: 600; font-size: 10px; line-height: 120%; text-align: justify; text-transform: lowercase; } .zip_news_box { margin: 0px auto 4px!important; position: relative; display: flex; flex-direction: row; align-items: flex-start; gap: 16px; width: 520px; } .zip_news_list { padding: 8px 8px; background: var(--daybg-2); border-radius: 10px; height: 95px; } .zip_news_scroll_list { padding-right: 4px; height: 97px; width: 285px; font-weight: 500; font-size: 10px; line-height: 140%; text-align: left; color: var(--daytext); } .zip_links_list { border-radius: 10px; height: 17px; } .zip_links_scroll_list { height: 84px; width: 200px; margin-top: -10px!important; overflow-y: auto; font-weight: 500; font-size: 10px; text-align: left; color: var(--text); line-height: 5px; } .zip_news_scroll_list span { font-family: 'Mulish'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 100%; padding-bottom: 2px!important; } .zip_links_scroll_list span { font-family: 'Mulish'; margin-top: 16px!important; font-style: normal; font-weight: 700; font-size: 12px; line-height: 100%; } .zip_links_scroll_list a { display: flex; padding: 6px 4px; gap: 10px; width: 185px; background: var(--daybg-1); border-radius: 5px; padding-bottom: 6px; overflow-y: auto; } /*достижения*/ .zip_main_desc_rules_achiev { margin: -10px auto 28px!important; padding: 30px 20px 20px; width: 630px; height: auto; background: var(--daybg-2); border-radius: 10px; text-align: justify; font-weight: 500; font-size: 12px; color: var(--daytext); z-index: 1; position: relative; } .zip_card_p { align-items: center; display: flex; justify-content: center; width: 95px; height: 35px; font-size: 9px; color: var(--daytext); text-align: center; line-height: 10px; background: var(--daybg-1); z-index: -1; margin-top: -14px !important; padding: 20px 10px 10px; border-radius: 0 0 20px 20px; } .zip_card_ac { width: 115px; height: 158px; } .zip_img_ac { left: 15px; position: relative; } .zip_ac { position: relative; top: -26px; } /*вм*/ .zip_mw { position: absolute; top: 78px; width: 700px; text-align: center; z-index: 2; } /*банк*/ .bankbox { display: flex; flex-direction: column; align-items: center; gap: 16px; } .banklist { margin: 15px auto 0!important; display: flex; flex-direction: column; align-items: center; width: 520px; height: auto; } .bankplash { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 4px 10px; background: var(--links); border-radius: 10px; margin: -11px auto!important; z-index: 999; width: auto; height: 14px; font-weight: 700; font-size: 12px; color: var(--bg-3); } .bankblank { margin: 0 auto!important; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; width: 460px; height: auto; background: var(--daybg-3); border-radius: 10px; padding: 20px 40px; } .bankpoint { margin: 0 auto!important; display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 10px; width: 440px; height: 18px; } .bankcash { width: 50px; height: 17px; font-family: 'Inter'; font-style: normal; font-weight: 700; font-size: 14px; text-align: right; color: var(--daytext); } .bankname { width: auto; font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 11px; text-align: justify; color: var(--daytext); } .bankplashlist { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 10px 0px; gap: 8px; width: 440px; height: 166px; margin: 0 auto!important; } .plashbank { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; } .collection_box { margin-left: 5px!important; display: flex; flex-direction: column; align-items: center; } /*вкладки*/ .tabs_container { flex-wrap: wrap; display: flex; flex-direction: row; align-items: flex-start; justify-content: center; } .hide, .tab_content { display:none; } .hide + label { padding: 6px 7px; display: inline-block; background-color: var(--daybg-3); order: 0; margin: 0px 4px; border-radius: 27px; z-index: 1; font-weight: 700; font-size: 10px; color: var(--text2); transition: 0.2s ease-in-out; } .hide:checked + label { background-color: var(--links); z-index: 1; color: #FFFFFF; } .tab_content { margin-top: -15px !important; margin-left: 0px !important; width: 610px; max-height: 1550px; border-radius: 20px; padding: 25px 8px 0px; } .hide:checked + label + .tab_content { display:block; order:2; } /*удаление*/ .deletelist { display: flex; flex-direction: column; align-items: center; padding: 24px 20px; gap: 10px; position: relative; margin: 0 auto; } .predelete { width: 600px; display: block; padding: 20px 20px; background: var(--daybg-1); border-radius: 10px; font-style: normal; font-weight: 500; font-size: 12px; line-height: 120%; text-align: center; color: var(--daytext); } .textdelete { font-weight: 600; font-size: 16px; text-align: center; color: #000000; } .greentxt { font-style: normal; font-weight: 500; font-size: 12px; line-height: 120%; text-align: center; color: var(--links); } .deletedusers { display: flex; justify-content: center; align-items: center; gap: 10px; width: 600px; height: auto; font-style: normal; font-weight: 500; font-size: 12px; line-height: 140%; text-align: center; color: var(--daytext); } .attdel { margin: 10px 0!important; display: flex; flex-direction: column; align-items: center; padding: 0 10px 10px; gap: 10px; width: 290px; background: var(--daybg-2); border-radius: 10px; text-transform: lowercase; height: 406px; overflow-x: hidden; border: 6px solid var(--daybg-2); } .deleteplash { width: 265px; background: var(--daybg-1); border-radius: 5px; margin: 20px auto 6px!important; font-weight: 700; font-size: 12px; line-height: 120%; text-align: center; color: var(--links); } .titledelete { margin-top: 6px; font-weight: 700; font-size: 12px; line-height: 140%; text-align: center; color: var(--daytext); } span.titledelete-p { font-size: 9px; margin-top: -13px; } .dodel { margin: 10px 0!important; display: flex; flex-direction: column; align-items: center; padding: 0px 10px 10px 0px; gap: 10px; width: 290px; } .welcomebox { display: flex; flex-direction: column; align-items: center; padding: 20px 20px; position: relative; width: 360px; height: 200px; background: var(--daybg-2); border-radius: 10px; margin: 0 auto!important; text-align: center; color: var(--daytext); font-size: 9px; line-height: 14px; } .welcomespan { font-weight: 600; font-size: 13px; text-align: center; color: var(--daytext); margin: 0 auto!important; padding: 5px; } .welcomebox p { font-weight: 500; font-size: 9px; line-height: 14px; } .welcomebox a { font-weight: 700!important; font-size: 10px!important; } .html-post-box { padding-bottom: 0 !important; } table.tablezip td { border: 1px dashed var(--links)!important; } /*кнопки смены стиля*/ /*TOGGLE COLORS*/ .dark { background: #545454; color: #efefef; } p { background: none !important; } /*SWITCH*/ .switch { position: relative; display: inline-block; width: 60px; height: 34px; align-self: center; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; right: 0; bottom: 0; background-color: #C83947; -webkit-transition: 0.4s; transition: 0.4s; width: 50px; height: 30px; } .slider:before { position: absolute; content: ""; height: 24px; width: 24px; left: 4px; bottom: 3px; background-color: #E9ADB1; -webkit-transition: 0.4s; transition: 0.4s; } input:checked + .slider { background-color: #E9ADB1; height: 30px; width: 50px; } input:checked + .slider:before { -webkit-transform: translateX(17px); -ms-transform: translateX(26px); transform: translateX(17px); background-color: #C83947; } /* Rounded sliders */ .slider { border-radius: 30px; } .slider:before { border-radius: 50%; } #stylelist { position: relative; width: 100px; margin: 10px 12px 12px; top: -112px; left: 360px; } .coolplash { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; padding: 24px 0px; gap: 16px; } .cpmain { padding: 4px 10px; background: #c76f7a; border-radius: 15px; display: inline; margin: -10px 0!important; z-index: 1; color: var(--bg-1); font-weight: 700; font-size: 12px; } .coolplash > div { margin: 0 auto; width: 320px; display: flex; flex-direction: column; align-items: center; } .cpdesc { display: flex; flex-direction: column; align-items: flex-start; padding: 20px; background: var(--daybg-2); border-radius: 10px; font-weight: 500; font-size: 12px; line-height: 140%; text-align: justify; color: var(--daytext); } .coolplash li { padding: 0 0px!important; list-style: disc!important; } .coolplash ul { padding: 0 0 0 20px!important; } .cpplashlist { width: 392px!important; display: inline-block!important; padding: 6px 0px; gap: 16px; } .theplash { display: inline-block; padding: 12px 4px; width: 180px; background: var(--daybg-2); border-radius: 10px; font-weight: 500; font-size: 10px; line-height: 10px; text-align: center; text-transform: lowercase; color: var(--daytext); margin: 0 0px 10px 0!important; }
Страница: 1