Тык
Дизайны
Страница: 1
Сообщений 1 страница 11 из 11
Поделиться22024-04-27 11:59:16
Структура style.css
Код:
/*************************************** A - SETUP ***************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.css); @import url(https://forumstatic.ru/files/001b/31/48/23035.css?v=6); html { -webkit-text-size-adjust: none; } html{min-width: 1075px!important;} @import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Open+Sans:400,400i,600,600i,700,700i,800,800i|Roboto:100,300,400,700,900'); @import url('https://fonts.googleapis.com/css2?family=Alice&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&family=Tenor+Sans&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'); @font-face { font-family: 'viola'; src: local('viola'), url('https://forumstatic.ru/files/001b/6f/66/26446.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face {font-family: 'Arial Black'; src: local("ArialBlack"), url(https://forumstatic.ru/files/0014/65/a2/84442.ttf);} @font-face {font-family: 'Rage'; src: local("Rage"), url(https://forumstatic.ru/files/0014/65/a2/99420.ttf);} @font-face {font-family: 'Wild Youth'; src: local("Wild Youth"), url(https://forumstatic.ru/files/0014/65/a2/86847.otf);} @import url('https://fonts.googleapis.com/css?family=Cuprum:400,400i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext'); @font-face { font-family: 'Bebas Neue'; src: local('Bebas Neue Regular'), local('BebasNeueRegular'), url('https://forumstatic.ru/files/0018/6b/8f/20207.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Bebas Neue'; src: local('Bebas Neue Bold'), local('BebasNeueBold'), url('https://forumstatic.ru/files/0018/6b/8f/48684.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Bebas Neue'; src: local('Bebas Neue Light'), local('BebasNeueLight'), url('https://forumstatic.ru/files/0018/6b/8f/38790.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Bebas Neue'; src: local('Bebas Neue Thin'), local('BebasNeue-Thin'), url('https://forumstatic.ru/files/0018/6b/8f/92711.woff') format('woff'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Lol'; font-style: normal; font-weight: 200; src: url(https://forumstatic.ru/files/001b/71/36/22249.otf); } @font-face { font-family: 'Lol'; font-style: normal; font-weight: 400; src: url(https://forumstatic.ru/files/001b/71/36/66368.otf); } @font-face { font-family: 'Lol'; font-style: italic; font-weight: 400; src: url(https://forumstatic.ru/files/001b/71/36/51435.otf); } @font-face { font-family: 'Lol'; font-style: normal; font-weight: 500; src: url(https://forumstatic.ru/files/001b/71/36/80340.otf); } @font-face { font-family: 'Lol'; font-style: normal; font-weight: 600; src: url(https://forumstatic.ru/files/001b/71/36/41727.otf); } @font-face { font-family: 'biza'; font-style: normal; font-weight: 600; src: url(https://forumstatic.ru/files/001b/71/36/19560.otf); } @font-face { font-family: 'DoubleBass'; src: url('https://forumstatic.ru/files/001b/ad/f3/39135.eot?'), url('https://forumstatic.ru/files/001b/ad/f3/61137.woff') format('woff'), url('https://forumstatic.ru/files/001b/ad/f3/68066.ttf') format('truetype'), url('https://forumstatic.ru/files/001b/ad/f3/61146.svg#svgFontName') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Beer'; src: url('https://forumstatic.ru/files/001b/ad/f3/43195.eot?'), url('https://forumstatic.ru/files/001b/ad/f3/21515.woff') format('woff'), url('https://forumstatic.ru/files/001b/ad/f3/73092.ttf') format('truetype'), url('https://forumstatic.ru/files/001b/ad/f3/69419.svg#svgFontName') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Jacob'; src: url('https://forumstatic.ru/files/001a/eb/83/55444.eot?'), url('https://forumstatic.ru/files/001a/eb/83/96192.woff') format('woff'), url('https://forumstatic.ru/files/001a/eb/83/14810.ttf') format('truetype'), url('https://forumstatic.ru/files/001a/eb/83/14903.svg#svgFontName') format('svg'); font-weight: normal; font-style: normal; } @font-face {font-family: 'Jacob'; src: local("Jacob"), url(https://forumstatic.ru/files/001a/eb/83/14810.ttf);} @font-face {font-family: 'Beer'; src: local("Beer"), url(Https:https://forumstatic.ru/files/001b/ad/f3/73092.ttf);} @font-face {font-family: 'DEAD SECRETARY'; src: local("DEAD SECRETARY"), url(https://forumstatic.ru/files/001b/95/a5/32903.ttf);} @font-face {font-family: 'Fortuna Gothic FlorishC'; src: local("Fortuna Gothic FlorishC"), url(https://forumstatic.ru/files/0016/e7/ab/49625.ttf);} @font-face {font-family: 'American TextC'; src: local("American TextC"), url(https://forumstatic.ru/files/0016/e7/ab/66579.ttf);} @font-face {font-family: 'Runic'; src: local("Runic"), url(https://forumstatic.ru/files/001b/95/a5/76392.ttf);} @font-face {font-family: 'Victorian'; src: local("Victorian"), url(https://forumstatic.ru/files/001b/95/a5/44848.ttf);} @font-face {font-family: 'kork'; src: local("kork"), url(https://forumstatic.ru/files/001b/95/a5/65250.ttf);} @font-face {font-family: Caveat; src: local("CaveatRegular"), url(https://forumstatic.ru/files/0014/65/a2/63396.ttf);} @font-face {font-family: 'Chasing Embers'; src: local("Chasing Embers"), url(https://forumstatic.ru/files/0014/65/a2/60417.ttf);} @font-face {font-family: 'Decor Condensed'; src: local("DecorCondensed"), url(https://forumstatic.ru/files/0014/65/a2/19087.ttf);} @font-face {font-family: 'Billabong'; src: local("Billabong"), url(https://forumstatic.ru/files/0014/65/a2/91911.ttf);} @font-face {font-family: 'Pixeled'; src: local("Pixeled"), url(https://forumstatic.ru/files/0014/65/a2/21476.ttf);} @font-face {font-family: 'Cutepunk'; src: local("Cutepunk"), url(https://forumstatic.ru/files/0014/65/a2/23977.otf);} @font-face {font-family: 'Free Pixel'; src: local("Free Pixel"), url(https://forumstatic.ru/files/0014/65/a2/64067.ttf);} @font-face {font-family: 'Adlery Pro'; src: local("AdleryPro"), url(https://forumstatic.ru/files/0014/65/a2/95948.otf);} @font-face {font-family: 'Afrile Script'; src: local("Afrilescript"), url(https://forumstatic.ru/files/0014/65/a2/32364.ttf);} @font-face {font-family: 'Alissya'; src: local("Alissya"), url(https://forumstatic.ru/files/0014/65/a2/63079.ttf);} @font-face {font-family: 'Amist'; src: local("AmistRegular"), url(https://forumstatic.ru/files/0014/65/a2/83421.ttf);} @font-face {font-family: 'Andora'; src: local("AndoraDemo"), url(https://forumstatic.ru/files/0014/65/a2/80158.ttf);} @font-face {font-family: 'Angry Android'; src: local("AngryAndroid"), url(https://forumstatic.ru/files/0014/65/a2/97626.ttf);} @font-face {font-family: 'Antishbusy'; src: local("Antishbusy"), url(https://forumstatic.ru/files/0014/65/a2/98228.ttf);} @font-face {font-family: 'AVENGERS'; src: local("AVENGEANCEHEROICAVENGERAT"), url(https://forumstatic.ru/files/0014/65/a2/38055.ttf);} @font-face {font-family: 'Better'; src: local("Better"), url(https://forumstatic.ru/files/0014/65/a2/38076.otf);} @font-face {font-family: 'Brusher'; src: local("Brusher"), url(https://forumstatic.ru/files/0014/65/a2/90698.ttf);} @font-face {font-family: 'Cassandre'; src: local("CassandrePersonalUseOnly"), url(https://forumstatic.ru/files/0014/65/a2/57726.ttf);} @font-face {font-family: 'Tokio'; src: local("Tokio"), url(https://forumstatic.ru/files/001b/32/b4/57405.ttf);} @font-face {font-family: 'Arkhip; src: local("Arkhip"), url(https://forumstatic.ru/files/001b/7a/0c/63172.ttf);} @font-face {font-family: 'you'; src: local("you"), url(https://forumstatic.ru/files/001b/7a/0c/59822.ttf);} @font-face {font-family: 'goudy'; src: local("goudy"), url(https://forumstatic.ru/files/001b/86/89/73006.otf);} @font-face {font-family: 'Neothic'; src: local("Neothic"), url(https://forumstatic.ru/files/001b/95/a5/85186.ttf);} @font-face {font-family: 'Catwoman'; src: local("Catwoman"), url(https://forumstatic.ru/files/001b/95/a5/75054.ttf);} @font-face {font-family: 'Monumenta'; src: local("Monumenta"), url(https://forumstatic.ru/files/001b/95/a5/13737.ttf);} html { -webkit-text-size-adjust: none; } html{min-width: 1075px!important;} /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* A2.1 */ html, body {margin: 0; padding: 0} /* A2.2 */ .punbb * { margin: 0px } /* 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: auto; vertical-align: middle } /* A3 Text setup -------------------------------------------------------------*/ /* A3.1 */ body { font-size: 100.01%; } /* A3.2 */ .punbb { font: normal 70% verdana, geneva, lucida, 'lucida grande', 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 { font-size: 1em; font-weight: bold; } .punbb th { font-size: 0.9em; font-weight: bold; } .punbb h4, .punbb table { 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: 1.1em/140% verdana, arial, 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: underline } /* 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 dl.post-sig dt span, .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: #cfcfcb;position: relative; width: 1030px;margin: 412px auto 0px auto; background-position: center;padding-top: 146px; border-radius: 0px 0px 30px 30px; margin-bottom: 41px;} .punbb { height: auto; margin: 0px 39px; padding: 0px 0px; width: auto; padding-top: 9px; } /* A5.3 */ #pun-redirect, #pun-maint { margin: 50px 20% 12px 20%; width: auto; float: none; min-height: 100px; } #pun-redirect{ border:0 none!important; margin:0; padding:0; left:0;right:0; top:0;bottom:0; position:fixed; width:100%; height:100%; text-align:center; background: #15161c url(https://i.imgur.com/zwUmMzY.jpg) repeat fixed top center !important; background-size: cover } #pun-redirect *{ border:0 none; } #pun-redirect .main-title { display:none; } #pun-redirect.punbb .info .container{ text-align:center; font:500 10px montserrat; display:inline-block; left:0; right:0; top:0; bottom:0; margin: 5% auto; width:auto; padding:50px 0px; height:auto; background: #a581ff no-repeat top, ; width: 1010px; box-sizing: border-box; margin-top: 5% } /* A5.4 */ .punbb .section, .punbb .main { margin-bottom: 1em; } /* A5.5 */ .punbb .category, .punbb .post { margin-top: 0.4em; position: relative } /* A5.6 */ .punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; } .punbb .toppost, .punbb .topicpost { margin-top: 40px !important; } /* 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 */ #pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 { padding: 2px 1em 9px 1em; border-style: solid solid none solid; border-width: 1px 1px 0px 1px; } #pun-main h2 { padding: 2px 1em 9px 1em; border-style: solid; border-width: 1px; } /***************************************************/************************************************************* 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 { border: 1px solid transparent !important; border-image: linear-gradient(to right, #d5d5d500 0%,#bdbdbd 50%,#d5d5d500 100%)!important; border-width: 1px 0px 0px 0px !important;; display: block; margin: 5px auto 15px; width: 80%; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 0 15px 2em 0; line-height: 160%; font-family: 'Verdana', sans-serif; } /* B1.4 */ .punbb .post-content img { vertical-align: text-top } /* 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 { border: medium none; margin: 0.4em 0em 2em; padding: 0em; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; font-size: 1.1em; font-style: normal; font-weight: bold; margin: 0; padding-bottom: 0.0em; } /* 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 { width: auto; font-size: 11px; height: auto; color: #575363; font-family: lol; text-transform: uppercase; font-weight: normal !important; border-bottom: 0; box-sizing: border-box; display: flex; align-self: center; justify-content: space-between; border-top: 1px solid rgba(82,79,75,.13) !important; margin: 0 !important; padding: 10px 14px 10px 14px; } /* B3.4 */ .linkst .postlink { text-align: right; font-weight: normal; } /* B3.5 */ .punbb .linksb { text-align: right; padding: 2px 18px; font-size: 11px; color: #3f3f43; font-family: lol; text-transform: uppercase; } #profile .linksb { height: 10px; display: flex; justify-content: space-between; align-items: center; width: auto; } #profile .button { margin-top: 30px !important; } #profile .clearer { display: none } #profile .linksb:after { display: none } /* B3.6 */ .linksb .pagelink { float: left; width: auto; text-align: left; } /* B3.7 */ .linksb .postlink { float: right; width: auto; font-weight: normal } /* B3.8 */ .subscribelink { clear:both; padding-top: 1em; padding-bottom: 0.5em; } /***************************************************/************************************************************* 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 0em; 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 { border-style: solid; border-width: 1px; padding: 0 0px 0 0px; 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 { padding: 0 5px; margin: 0 0 0 -15px; } /* 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: 0px 0px 0px -29px; } /* 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 4em 0 0; height: 100%; /* For IE */ } /* C1.16 */ .punbb textarea, .punbb .longinput input { width: 64%; } /* 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; } .punbb .helplinks span INPUT { margin: 0px 2px 2px 0px; } /* 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: 60%; } /* 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: center; width: 27%; } /* 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: 20%; } /* C2.6 */ #pun-debug table .tcl { width: 15%; white-space:normal; } /* C2.7 */ #pun-debug .tcr { width: 90%; white-space: normal; } /* C2.8 */ #pun-index .tcl h3 { font-size: 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: none; padding-top: 0.3em } /* C2.11 */ .punbb .main td { border-style: solid none none solid; border-width: 1px 0 0 1px; padding: 0.8em 1em; } /* C2.12 */ .punbb .main th { border-style: none none none solid; border-width: 0 0 0 1px; padding: 0.4em 1em 0.4em 1em; } /* C2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 0; } * html .tclcon {height: 1px} /* C2.14 */ .punbb td div.tclcon { font-size: 11px; line-height: 10px; margin-left: 0; text-align: left; } /* C2.15 */ .punbb div.icon { float: left; display: block; width: 60px; height: 60px;} /* C3 Topics -------------------------------------------------------------*/ /* C3.1 */ .punbb .post .container { border-style: none solid solid solid; border-width: 0px; margin-top: 0px; padding-bottom: 1px; } /* C3.2 */ .punbb .post .container { border-style: none solid solid solid; border-width: 0px; margin-top: 0px; padding-bottom: 1px; } /* C3.2 */ .punbb .post h3 { border-width: 0px; -webkit-text-size-adjust: 100%; width: 100%; margin-top: 20px !important; } /* C3.3 */ .punbb .post h3 span { padding: 6px 10px; display: block; text-align: left; font: 600 11px lol; text-transform: uppercase; margin-left: 239px } .punbb .post h3 strong { float: right; width: auto; text-align: right; font-weight: normal; padding: 0 0px; } .post h3 span strong:before { background-color: #6c6e6c; } /* 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-transform: uppercase; color: #5f8a90!important;margin-left:14px; letter-spacing: 0.7px; font-family: 'Morpheus'; } /* C3.9 */ li.pa-title {width: 220px;margin-left: 24px !important;font-family: Open Sans;font-weight: bold;color: #bcbcbc!important;letter-spacing: 0.7px;} li.pa-online { line-height: 0.8em; border-left-style: solid; border-left-width: 0.7em; padding-left: 0.4em; margin-top: 0.7em; } /* C3.11 */ .punbb .post-body { margin-left: 255px; border-left-style: solid; border-left-width: 1px; padding: 0 0 1px 0; } /* C3.12 */ .punbb .post-box { padding: 1em; padding-right: 0; padding-left: 20px; padding-top: 22px; } /*C3.13 */ .punbb fieldset .post-box {margin-bottom: 0.8em;} /* C3.14 */ .punbb .post-links { margin-left: 0em; border-left-style: solid; border-left-width: 1px; } /* C3.15 */ .punbb .post-links ul { height: 20px; margin-left: -41px;width: 1032px; /* padding: 0 15em 0 0; */ line-height: 2em; border-top-color: transparent; border-top-style: none; border-top-width: 0px; text-align: right; background: transparent; color: #bfbfbf; background: #161517; } /* C3.16 */ .punbb .post-links li { display: inline; margin-left: 1em; font: 400 11px lol; text-transform: uppercase; } .punbb .post-links ul li:first-child { margin-left: 0 } .endpost .post-links ul { border: 0 !important; } /* 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;} /* 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: 1.1em !important;} /* C6 Profile */ /*** C6.2 ***/ #profilenav { display:block; width:auto; padding-top: 1.1em; text-align: center; } /* C6.3 */ #profilenav li { display: inline-block;border: 2px dotted #802121; } #viewprofile-next #profilenav {display: none;} /* C6.4 */ #viewprofile ul, #profilenav ul {margin: 0 0 1em 0; padding: 0.3em 1em 0.5em 1em; border-style: none; border-width: 0px; border-color: transparent;} #viewprofile ul:last-child, #profilenav ul:last-child {margin-bottom: 0em;} #profile-left {text-align: center;} /* C6.5 */ #viewprofile h2, #profilenav h2 { margin: auto 0 0.6em auto; padding: 0; line-height: 110%; border: none; } /* C6.6 */ #viewprofile h2 span, #profilenav h2 span { position: relative; padding: 0 5px; } /* C6.7 */ #viewprofile li, #setmods dl {margin-bottom: 0.2em; padding: 0 0 0 16em;} /* 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; display:inline; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold;} /* 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;} .pa-avatar { max-width: 180px; max-height:180px; margin: 0.9em auto 0.1em auto; } /* 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: none; margin-bottom: -35px; } /* D1.2 */ #pun-title h1 { display : block; height: 10px; margin: -1px 0px 0px -30px; } /* D1.3 */ #pun-title .container { border: none ; padding: 0.2em 1em 0.8em 1em; } /* D1.4 */ #pun-title h1 span { display: none; } #pun-title TD.title-logo-tdl { border: none; width: 100%; } #pun-title TD.title-logo-tdr { border: none; width: 420px; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding-left: -20px; 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 { border: none; margin: 0; } #pun-navlinks .container { border: none; margin: 0; } /* D3.2 */ #pun-navlinks .container { font-weight: normal; } /* D.3 */ #pun-navlinks li { display: inline; margin: 0; } /* D3.4 */ #pun-navlinks li a { font-family: tahoma; font-size: 0.8em; padding: 10px 5px 10px 7px; } /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { border: none; } #pun-ulinks .container { border: medium none; font-weight: bold; height: 3px; padding-top: 0px; text-align: center; width: 850px; } #pun-ulinks li, #pun-ulinks li a { display: inline; white-space: nowrap; } #pun-ulinks li a { font-size: 0.8em; padding: 0 0 0 5px; } /* D5 Welcome box and Top Breadcrumbs -------------------------------------------------------------*/ /* D5.1 */ #pun-status, #pun-status .container { border-bottom: none; margin-top: 10px; position: absolute; width: 300px; margin-bottom: 0; } /* D5.2 */ #pun-status .container { text-align: center; margin-left: 330px; width: 506px; color: #000000 !important; font: 400 12px lol !important; margin-top: -35px !important; letter-spacing: .5px; margin-bottom: 15px; } #pun-status .container strong { font-weight: normal !important; } #pun-status .status-right { float: none !important; } #pun-status .item3 { margin-left: 10px !important; } /* D5.3 */ #pun-status span { white-space: pre-line; margin-right: 0.5em; } /* D5.4 */ #pun-crumbs1 { font-weight: bold; overflow: hidden; margin-top: 15px; position: relative } /* D5.5 */ #pun-crumbs1 p.container { border-top: none; 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; display: none } /* D6.2 */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; } /* D6.3 */ #pun-announcement .container { padding: 0.6em 1em 1em 1em; margin-bottom: 0px; margin-top: -14px; text-align: center; margin-bottom: -10px !important; } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container {padding: 15px;margin-top: -5px !important;background: #cfcfcb;border: 1px solid #000000;} } /* D7.2 */ .ststitems { display: flex; padding: 0px; font: 300 10px lol; text-transform: uppercase; justify-content: space-between; } .ststitems li { flex: auto; text-align: center; padding: 2px 0px } /* D7.4 */ li#onlinelist {margin-top: 1em;border-top-style: solid;border-top-width: 1px;float: left;width: 100%;font-size:14px;padding: 0px 0px 1px;color: rgba(0,0,0,.75)} /* D7.5 */ li#onlinelist div { border-top-style: solid; border-top-width: 1px; padding: 0.7em 0 0 0; } li#onlinelist:first-of-type { padding-bottom: 0; } /* 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; padding-left: 50%; text-align: center; } /* D8.6 */ #pun-crumbs2 { font-weight: bold; overflow: hidden; margin-bottom: 0; } /* D8.7 */ #pun-crumbs2 .container { font-size: 1.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" } ::-webkit-scrollbar { width: 8px; height:6px; background-color: rgba(20, 18, 15,0.1); border-radius: 10px !important;} ::-webkit-scrollbar-thumb { background-color: #96736d; width:6px !important; box-shadow: 0 0 0 1px rgba(20, 18, 15,0.1) inset; border-radius: 1px !important; } .stickytext, .closedatafield, #pun-live-rusff, .pl-reports {display: none} input, textarea { outline: none; } input:active, textarea:active { outline: none; } :focus { outline: none; } #mask_dialog .inner, .modal-inner.section, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, .editBookmark { background: #b0a6a659; border: 2px dotted #802121; padding: 5px !important; } #pun #pun-viewtopic .FNTslider {display: block} .FNTslider { border-radius: 0px; position: absolute; z-index: 1000; background: #e4cfcf; width: 110px; height: 4px; margin: 4px 5px; border: solid 1px #b9a6a6; float: left; margin-left: 300px; display: none; } #post legend span {display: none} #font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {top: 55px !important;} .pl-reports {display: none !important;} .pa-avatar img {max-width: 200px} .post-content td { border:none transparent !important;} ::selection { background: #6a3636; color: #fefefe; } * {scrollbar-width: thin; scrollbar-color: #6a3636 rgba(20, 18, 15,0.01);} #html-header { color: #bba3a3; text-shadow: 1px 1px 1px #1b1414 } #html-header a { color: #cbc7c0; } #html-header a:hover { color: #b70000 } .post-content abbr {text-decoration: underline; text-decoration-style: dotted; text-decoration-color: #555} #pun #pun-ulinks #Rz { display: none !important; } .punbb-admin textarea { width: 97% !important; } span.checkfield, p.checkfield { display: flex; margin-top: 10px !important; } .pl-share {display: none !important} .pl-email.email { display: none !important; } #post-form h2 { padding-left: 41px !important; padding-right: 39px !important; margin-bottom: 19px !important; text-align: left } .topic { margin-top: -20px } #imageupload-left input[type=button] {width:auto !important} p.formsubmit { display: flex; align-items: center; gap: 10px } #under_bg { background: url(https://i.imgur.com/zwUmMzY.jpg); background-size: cover; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; display: flex; align-items: flex-start; justify-content: center } #navigblock { width: 319px; margin-left: 650px; position: absolute; top: 250px; z-index: 99999; background: rgb(20 16 16); border: 1px solid #604242 !important; } .hvStickerPackModal.active { background: #bfbfbf !important; background: #b0a6a659; border: 2px dotted #802121; } .hvStickerPackModalContent { border: 1px solid #772626 !important; } .hvStickerPackModalTab { background: #000000 !important; border: 1px solid #000000 !important; border-radius: 0 !important; box-shadow: 0 0 0 1px #000000 inset, 0 0 0 2px #b08686 inset, 0 0 10px 0px #859a9a, 0 0 10px 0 rgba(255,255,255,.2) inset; color: #cfcfcb; font: 300 13px lol !important; } .hvStickerPackModalTab.active { background: #0c0c0c !important; box-shadow: 0 0 0 1px #000000 inset, 0 0 0 2px #b08686 inset, 0 0 10px 0px #858f9a, 0 0 0px 0 rgba(255,255,255,.2) inset; color: #cfcfcb !important; } .hvStickerPackModalInput, .hvStickerPackModalAddButton { border-radius: 0 !important; } .scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; } .vscrollerbase { width: 4px; background-color: transparent; } .vscrollerbar { width: 4px; background: #070404; box-shadow: 0 0 6px 0px #873939 inset, 0 0 0 2px #e6d6cc00 inset; max-height:18px; border-radius:6px; } .hscrollerbase { height: 4px; background-color: transparent; } .hscrollerbar { height: 4px; background: #070404; box-shadow: 0 0 6px 0px #873939 inset, 0 0 0 2px #e6d6cc00 inset; } .scrollerjogbox { background: #3f2121; width: 4px; height: 4px; top: auto; left: auto; bottom: 0px; right: 0px; } #pun li.pa-awards { display: block !important; } span.mini_awards_label { display: none } #pun-index #forum_f18, #pun-index #forum_f20 { display: none } #topic-users-in a:after {content: ',';} #topic-users-in a:last-child:after {display: none;} .pluha { margin: -8px -7px -2px -7px !important; } .pluha img { max-width: 255px; max-height: 50px; margin: -12px 7px 10px 14px; float: left; z-index: 6; position: relative; } .pluha2 { text-align: center; font-size: 10px; background: url(https://i.imgur.com/EPRCgmE.png); color: #b7a8a8; margin-left: 3px!important; padding-top: 4px; font-family: 'Neothic'; letter-spacing: 1px; font-weight: 400; height: 36px; width: 244px; line-height: 140%; }
Поделиться32024-04-27 11:59:23
Цвета style_cs.css
Код:
HTML { background: #1c1515 url(https://i.imgur.com/XlRWVkg.jpg) repeat fixed top center; background-size: cover } #pun-title { border: 0; height: auto !important; padding: 0 !important; display: none } #pun-title h1 { display: none !important; } #pun-title.section { margin: 0 !important } #pun-index tr.inew .tclcon:before { content: ""; background: url(https://i.imgur.com/ZiykD4N.png); width: 50px; height: 50px; position: absolute; top: -46px; left: -49px; border-radius: 40px; z-index: 1; } .pa-fld4 { text-align: center; display: block; font-size:16px; font-family: 'Bebas Neue'; text-transform: uppercase; margin-left:-10px; font-size: 16px; display: block; text-align: center; margin: 3px 187px -61px 99px !important; border-top: 1px solid #35353500; border-bottom: 1px solid #4e4e4e00; color: #848484; text-transform: uppercase; } #pun-index tr.inew :before { content: ""; background: url(https://i.imgur.com/reEKqTM.png); width: 30px; height: 20px; position: absolute; left: 531px; width: 7px; height: 101px; border-radius: 10px 0px ; z-index: 1; } .pa-fld2{ font: 400 20px 'Bebas Neue' !important; z-index: 1; top: 50px; color: #cfcfcb; } #shapka { background: url(https://i.imgur.com/keobsCm.jpg) no-repeat top center; width: 1030px; height: 290px; position: absolute; top: -291px; z-index: 1; margin-left: -37px; } #pun-navlinks a { color: #cfcfcb; text-align: center; font: 400 20px 'Bebas Neue' !important; padding: 0px 0px !important; text-transform: uppercase; display: inline-block; margin: 5px 10px 0px 10px; position: relative; height: auto; letter-spacing: .04em !important; text-shadow: 0 0 3px #000000, 0 0 0px #000000 } #pun-navlinks a:hover { color: #d42626; text-shadow: 0 0 15px #2f1111, 0 0 6px #2f1111 } #pun-navlinks { display: block; font-size:10px !important; font-style: normal; font-weight: lighter !important; width: 1030px; padding: 0; border-radius: 30px 30px 0px 0px; text-align: center; box-sizing: border-box; position: absolute; background: #000000; height: 34px; top: -323px; left: 3px; z-index: 9999; } #pun-ulinks .container { font-family: lol !important; font-style: normal; font-weight: 400 !important; text-align: center !important; text-transform: uppercase; width: auto !important; margin-top: -141px; height: auto !important; margin-bottom: 25px !important; width: 950px !important; padding: 3px 19px !important; box-sizing: border-box; margin-left: 17px !important; border-bottom: 1px solid rgb(139 26 26) !important; -webkit-text-size-adjust: 100%; } #pun-ulinks .item5 { display: none; } #pun-ulinks a { font-size: 11px !important; transition: all 0.5s linear 0s; letter-spacing: 0px; padding: 0 0px 0px 0px !important; position: relative; margin-left: 10px; display: inline-block; color: #141010 } #pun-ulinks a:hover { color: #732b2b; } #pun-ulinks.section { margin-bottom: 0 !important; } .offctgr {display:block!important; visibility:visible!important; } .pa-respect img {width: 10px} #profilenav h2 { text-align: left !important; } .pa-fld4 { position: relative; margin: 6px 0px !important; padding: 1px 17px !important; margin-left: 1px!important; color: #8d8d8d; text-align: justify; } .pa-fld4 race { display: block; background: #0f0f0f59; text-align: center; margin: 3px -10px 3px -10px !important; border-top: 1px solid #353535; border-bottom: 1px solid #4e4e4e; color: #848484; text-transform: uppercase; font-family: 'Lol'; font-size: 12px; } .pa-fld4 lzinfo { color: #777777; font-size:12px; font-family: lol; } .pa-fld4 lzinfo a { color: #935555 !important; text-align: center; } .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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { border-bottom: 0 none #000; color:#000000; text-decoration: none; /* transition: color 0.3s ease-in-out; */ } .pa-respect img {width: 7px} .punbb .post .post-author { width: 278px; background: url(https://i.imgur.com/6B1V8nd.jpg) top no-repeat; margin-left: -70px!important; padding-bottom: 38px!important; margin-top: -39px !important; position: relative; text-align: center; border-radius: 30px 0px 0px 30px ; } .post-content {margin: 0px 40px 0px 0px !important;position: relative} .post-box #post { margin-top: 0px !important; position: relative } #post-preview .post-content {margin: 0px !important;} .post-links ul { position: relative; z-index: 9 } .pa-author img { display: none; } .post-author .pa-author { font-family: 'Bebas Neue' !important; font-size: 22px !important; letter-spacing: 0; font-weight: 600 !important; padding: 0px 0px; margin: 15px !important; margin-top: 26px !important; margin-bottom: 12px !important; /* background: linear-gradient(to right, #8b1515 0%, #ce4e4e 50%, #ce4343 100%); */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.3s linear 0s; } .pa-author a { background: #000000; font-family: 'Bebas Neue'; font-weight: 200 !important; -webkit-text-fill-color: #ffffff; } .pa-author a:hover{ background: linear-gradient(to right, #7e3b3b 0%, #ca0000 50%, #730000 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.3s linear 0s;; } .pa-author .acchide { display: none } .pa-author .acchide { display: none } .post[data-group-id="3"] .pa-avatar .indOffline { display: none; } #pun .post-author ul a { color: #b1b6b5; } #pun .post-author ul a:hover { color: #a6b7af } .pa-avatar { margin: auto !important; text-align: center !important; margin: 0px 38px !important; padding-bottom: 16px !important; margin-top: 0px !important; border-bottom-width: 0px; border-bottom-style: solid; } .pa-avatar.item2 img { max-width: 180px; max-height: 180px; } .pa-title { height: auto; text-transform: lowercase; font-size: 10px; margin-right: 61px; font-weight: 200 !important; border-bottom-width: 1px; } .pa-ip {clear: both; margin-top: 0px !important;} .pa-last-visit, .pa-online { display: none } .punbb th { font-size: 0 !important; } li#navawards, .lastedit { display: none !important; } .pa-gifts, .pa-ua { display: none !important; } .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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { border-color: transparent; color: #161616; } .punbb .post-box { color: #161616; text-align: justify } #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: transparent; color: #161616; font-style: normal; font-weight: normal; } #pun #post-form { position: relative } #charcounter { position: absolute; bottom: -31px; font: normal 12px tenor sans; text-transform: uppercase; right: 0; } .punbb textarea { box-sizing: border-box; background: #bdc1be; border: 1px solid #a5a1a1!important; box-shadow: 0 0 5px #4628286e, 0 0 0 1px #a9a4a4 inset; padding: 10px !important; color: #222; border: none; margin-left:61px; width: 90% !important; } .punbb #pun-main .quote-box, .punbb #pun-main .code-box { background: #b0a6a659; border: 2px dotted #802121; padding: 19px !important; position: relative; box-sizing: border-box; } #pun .quote-box.spoiler-box { padding: 10px !important; } #pun .quote-box cite, #pun .code-box strong.legend { display: block; padding: 0px 15px 15px 15px !important; font-size: 11px; font-family: lol; letter-spacing: 1px; margin: 0 -15px !important; margin-bottom: 15px !important; text-align: left; font-weight: normal; border-bottom: 1px solid #ababab; box-shadow: 0 1px 0 0px #cccccc; text-transform: uppercase } #pun-main .code-box .scrollbox pre { font-size: 11px; font-family: Courier New } .punbb select, input { border: 0; padding: 2px 3px 2px 3px !important; color: #222; background: #d0cfcf; border: 1px solid #6d6d6d !important; font: 500 11px roboto !important; } #pun-navlinks .container { border-color: transparent; color: #211515; } .offline li.pa-online strong { font-weight: normal; } .punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .quote-box, .punbb .code-box, .punbb th, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online, .punbb .post-sig dt { border-color: transparent; } .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 { border-bottom: 0 none #000; color: #7a3f3f; text-decoration: none; } #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: #211313; color: #fff; } #pun-index h2 {box-shadow: none; border: 0 !important} #pun-main div.catleft, #pun-main div.catright { display: none; } #pun-index table Div.icon { border-style: none; background: transparent; height: 16px; width: 16px; position: absolute; top: 22px; z-index: 99; left: 26px; display: none } #pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon { background: #cdcdcd; border: 1px solid #cdbbbb; display: block; float: left; height: 9px; margin-left:0px; margin-right: 10px; margin-top: 0px; position: relative; width: 9px; box-sizing: border-box } #pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon { background: #8b2b2b; border: 1px solid #8b2b2b; } #pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon { background: #cbcbcb; border: 1px solid #4b4b4b; } #pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon { background: #000000; border: 1px solid #222; } #pun-about .container .item1 {font-family: pt sans;font-size: 10px;text-align: center;position: relative;top: 10px;} #pun-about p.container { height: 7px; margin-top: 30px !important; width: auto; padding: 0 !important; border: 0 !important; } #pun-about { border: 0 !important; padding: 0 !important; margin-bottom: 0 !important; } div#pun-about { margin-top: 0px; } div#html-footer { margin: 0px 0 0; } #pun-announcement.section h2 span { display: none; } .punbb input { border: medium none; } .button, #pa-edit strong a { background: #272d2a; /* border: 1px solid #c9c9bc !important; */ border-radius: 3px; color: #ba7b7b; font-family: lol !important; font-size: 10px !important; letter-spacing: .09em; font-weight: normal !important; margin-top: 0px !important; padding: 6px 20px 6px 20px !important; text-decoration: none; transition: all 0.3s ease-in-out 0s; vertical-align: middle; text-transform: uppercase; } .button:hover, #pa-edit strong a:hover { background: #0b0203; color: #cfb9b9; cursor: pointer; } .button:active { border-top-color: #752c2c; } #pun-crumbs1 a, #pun-crumbs2 a { font-weight: 600 !important; } #pun-crumbs1, #pun-crumbs2 { font-family: lol !important; font-size: 12px !important; letter-spacing: 0 !important; padding: 0 !important; font-weight: 400 !important; text-align: left; margin-top: 4px !important; margin-bottom: 10px !important; margin-left: 27px !important; text-transform: uppercase } #pun-crumbs2 { display: inline-block; position: relative; } #pun-crumbs1 .container strong+em, #pun-crumbs2 .container strong+em { display: none !important; } .post_reputation { background: #dcc4c4; border: 1px solid #b59f9f !important; box-shadow: 0 0 5px #d1baba, 0 0 0 1px #e5cfcf inset, 0 0 15px 0 #bfa9a9 inset; } #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: #333; background: #b0a6a659; border: 2px dotted #802121; box-shadow: 0 0 5px #936565, 0 0 0 1px #cdcdcd inset, 0 0 15px 0 #6b6b6b inset; padding: 15px !important; } #keyboard-area input {box-shadow: none; color: #312012!important;} #font-area {height: 300px; overflow-y: auto; padding: 5px; text-align: left; width: 150px} #pun-index .tcmod { display: none } .punbb .main h2, #pun-debug h2, #pun-stats h2 {margin: auto -21px;padding: 6px 0;letter-spacing: 0.05em;font-size: 12px;font-family: 'Morpheus';font-weight: 600;text-align: center;color:#400606;} #pun-index .category h2, #pun-stats h2, #post-form h2 {overflow: hidden;margin: 16px -21px 20px;height: 22px;line-height: 24px;color: #431d1d;text-transform: uppercase;font-family: 'Morpheus'; font-size: 21px;border: 0px solid #67482c00; border-width: 0px 0px 0px 0px; background: transparent;transform: scaleY(1.3);} #pun-index #pun-category1 h2 { margin-top: 6px !important; } #pun-index #pun-stats h2 { margin-top: -5px !important; } #pun-index .category .container {margin: 0px 0px !important; margin-top: -1px !important; position: relative; } #pun-index .category table { border-spacing: 0px 20px; border: 0 !important; } #pun-index .category table tr, #pun-index .category td { border: 0 !important; } #pun-index .category table tr { } #pun-index thead {display: none} #pun-index .tclcon h3 a { font-size: 26px; font-weight: 500 !important; position: relative; z-index: 1; margin-top: 0px; letter-spacing: 1px; color: #000000; /* transition: all .3s ease-in-out 0s !important; */ text-transform: uppercase; display: inline-block; } #pun-index .tclcon h3 a:hover { color: #812929; } #pun-index .tclcon h3 { text-align: left; display: block; position: relative; margin: 0px !important; margin-left: -61px !important; margin-top: -47px !important; padding: 5px 0px 5px 15px; /* border: 1px solid #cdc7bb !important; */ } #pun-index .tcl { padding: 0px !important; } #pun-index .tclcon { text-align: justify; margin: 10px 15px; padding:5px; line-height: 18px; opacity: 0.9; width: 520px; z-index: 1; font-weight: 300; font-family: lol; border-radius: 40px 10px; color: #000000; border: 1px solid #290908; position: relative; text-transform: lowercase } #pun-index .tc2, #pun-index .tc3, #pun-index .tcmod { display: none } .Tems_And_messages { display:inline-block; width:auto; height: 20px; font-size: 10px; text-transform: uppercase; font-family: 'Bebas Neue' !important; font-weight: 200; text-align: right; display: block; } .Tems_And_messages span {font-weight: normal; } .main table .Add { display: block; padding: 0px; width: auto; letter-spacing: 0px; opacity: .5; position: absolute; top: -33px; right: 30px; } #pun-index .tcr a {font-size: 13px; font-weight: 600; margin-bottom: 3px; color: #2e2828; text-transform: uppercase } #pun-index .tcr a:hover { color: #731c1c } #pun-index .tcr { font-family: lol; font-size: 12px; font-weight: 300; width: 28%; /* margin-left: 72px; */ position: relative; text-decoration: overline #951818; text-align: justify; } #pun-index .tcl {width:50% !important; position: relative } .user-avatar { width: 30px !important; height: 30px !important; margin-right: 20px !important; float: left !important; -moz-border-radius: 10px!important; -webkit-border-radius: 10px!important; -khtml-border-radius:10px!important; border-radius: 10px!important; } .punbb .user-avatar .avatar-image { width: 30px!important; height: 30px!important; opacity:0.5!important; filter: grayscale(100%);} .punbb .user-avatar .avatar-image:hover { opacity:0.8!important; transition-duration: 1s; filter: grayscale(20%);} #pun .user-avatar .isonline { background: #832b2b; margin-right: -9px; border: 1px solid #bbbbbb; box-sizing: border-box } #pun-index .tclcon center:first-of-type { background: rgba(82, 75, 75, 0.05); margin-top: 10px; font-size: 9px; letter-spacing: .08em; padding-bottom: 3px; margin-bottom: 10px; text-transform: lowercase } #pun-index .tclcon center + br { display: none } #pun-index .tclcon br + br { display: none } #pun-index .tclcon center { margin-top: 10px; text-transform: uppercase; font-weight: 500; } #pun-index .tclcon center a { display: inline-block; margin: 0 6px } #pun-index .tclcon center + center > br { display: none } #pun { background-position: center top; background-repeat: repeat-y; } #pun-main .post-author ul { font-size: 10px; text-align: center; } .punbb .post { border-color: transparent; } .topic a.sharelink { display: none; } textarea#main-reply:focus { outline:1px solid rgba(0,0,0,0)!important; } .pa-ip { font-size: 11px; font-family: 'roboto'; font-weight: 400; margin-top: 8px !important; } .pa-ip a { color: #bd8484 !important; } #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { background-color: transparent; text-align: center; width: 20%; } #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { background-color: transparent; width: 30% !important; } .podfor1 { margin: 5px 0 0 0 !important; background: #9f999685; padding: 6px 10px 10px 10px; border: 1px solid #9f999685; position: relative; top: 30px; } #pun-index .tcl h3 { font-family: 'Bebas Neue'; z-index: 3; text-align: left; text-transform: uppercase; height: 21px; font-size: 15px; padding: 0px 0px 0px 10px; letter-spacing: 0.6px; position: absolute; width: 435px; padding: 6px 22px 10px 10px; } #pun-index .category tr { position: relative; } .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 3%; position: relative; top: 2px; font-family: 'Viaoda Libre'; font-weight: 600; font-size: 12px; } #pun-viewforum .tcr, #pun-viewforum .tc2, #pun-viewforum .tc3, #pun-viewforum .tcr, #pun-viewforum .tcmod { position: inherit; } .podfor2 { background: #594d4d; border: 1px solid #a18d8d; border-radius: 4px; padding: 2px 10px 2px 10px; text-align: right; color: #bdbdbd; font-family: 'Bebas Neue'; } .podfor3 { margin: 5px 0 5px 0 !IMPORTANT; } .podfor4 { background: #594d4d; border: 1px solid #a18d8d; border-radius: 4px; padding: 2px 10px 2px 10px; text-align: center; color: #bababa; font-family: 'Bebas Neue'; } .podfor4 a { color: #bdabab !important; } .ams { background: #000; height: 14px; width: 304px; top: 333px; margin-left: 646px !important; text-align: right; cursor: pointer; position: absolute; font-family: 'Viaoda Libre'; color: #d8d8d8; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; } .ams a { background: #00000000; color: #ffffff !important; } #pun-main .category h2 {margin: 26px 0 30px 0 !important;} .banners { position: absolute; width: 930px; height: 31px; margin: -45px 0 20px 15px !important; filter: brightness(0.6) sepia(1) brightness(1) hue-rotate(299deg); overflow-y: auto; } .pltit { display: block; height: 14px; margin-top: 4px !important; text-transform: uppercase; text-align: center; margin-bottom: 1px !important; font-family: 'Viaoda Libre'; font-size: 12px; color: #bfbfbf; background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%); background-clip: text !important; -webkit-background-clip: text !important; -moz-background-clip: text !important; -o-background-clip: text !important; } .pltit2 { display: block; height: 14px; color: #c2c2c2; font: 400 10px 'roboto'; text-transform: lowercase; text-align: center; } .pa-respect a { color: #979797 !important; } #pun-status p span.item3 { display: block !important; margin-top: -30px; margin-left: 0px; position: absolute; } #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { background-color: transparent; text-align: center; width: 20%; font-size: 13px; } .privet c {opacity: 0.7!important;} .privet c:hover {opacity:0.9!important; transition: all 0.3s ease-in-out 0s;} .privet {opacity:0.3!important;} .privet:hover {opacity:0.9!important; transition: all 0.3s ease-in-out 0s;} .acti {opacity:0.3!important;} .acti:hover {opacity:0.9!important; transition: all 0.3s ease-in-out 0s;} .questz {opacity:0.3!important;} .questz:hover {opacity:0.9!important; transition: all 0.3s ease-in-out 0s;} .ques{opacity:0.3!important;} .ques:hover {opacity:0.9!important; transition: all 0.3s ease-in-out 0s;} .wriit {opacity:0.3!important;} .wriit:hover {opacity:0.9!important; transition: all 0.3s ease-in-out 0s;} .ams a {opacity:0.4!important;} .ams a:hover {opacity:0.9!important; transition: all 0.3s ease-in-out 0s;} .ams {opacity:0.4!important;} .ams:hover {opacity:0.9!important; transition: all 0.3s ease-in-out 0s;} .punbb .formsubmit input, .punbb .formsubmit span, .punbb .formsubmit a, .linksb .postlink a, .punbb .post-links li a, li#pa-edit a, .topic a.sharelink, input.button { color: #fafafa!important; background: #341c1c; font-weight: bold; /* box-shadow: 0px 1px 9px 2px #504848; */ padding: 3px; } .pluha img { max-width: 255px; max-height: 50px; margin: -12px 7px 10px 14px; float: left; z-index: 6; position: relative; } .pluha2 { text-align: center; font-size: 11px; background: #070707; color: #7c7474; margin-left: 3px!important; padding-top: 4px; font-family: cursive; letter-spacing: 1px; font-weight: 400; height: 36px; width: 227px; line-height: 140%; } #pun-index .category h2 { width: 931px; box-sizing: border-box; border-bottom: 1px solid #270e0e!important; /* overflow: auto; */ line-height: 31px; /* margin-left: 337px !important; */ margin-left: 22px !important; /* display: block; */ font-size: 28px !important; } .pa-fld2 { background-color: #211c1c00; } .resizable-textarea textarea { display: block; margin-bottom: 0pt; } .resizable-textarea textarea { display: block; margin-bottom: 0pt; } .f_desc_wrap { display: flex; justify-content: space-between; gap: 15px; flex-direction: column-reverse; } .f_desc { flex: 0 0 1; width: auto } .f_links { flex: 0 0 auto; display: flex; flex-wrap: wrap; flex-direction: row; gap: 2px; width: 100% } .f_links a { background: #aca7a2; font: menu; font-weight: bolder; border-radius: 40px 10px; text-transform: uppercase; padding: 2px 20px; flex: auto; text-align: center; display: flex; align-items: center; justify-content: center; box-sizing: border-box; margin: 1px; margin-top: 10px; } .f_links a:hover { background: #290707; color: #cfcfcb; } .post .post-author ul { position: relative; } .pa-online { position: absolute; display: inline-block !important; top: 16px; left: 12px; background: #8b0000 !important; height: 100px; width: 17px; margin: 0 0 0 -5px !important; padding: 0 !important; border: 0 !important; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 10px 0px ; } .pa-online:hover { background: #b4b4b4 !important; } .pa-online:hover strong { opacity: 1.0; visibility: visible; } .pa-online strong { position: absolute; top: -35px; left: 59px; padding: 0 8px; height: 10px; line-height: 10px; background: #482c2c8f!important; font-weight: 400; white-space: nowrap; color: #dadada; font-size: 90%; text-shadow: #00000033 0 -1px 0; text-align: center; z-index: 10; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; opacity: 0; visibility: hidden; } .pa-online strong:before { content: ""; position: absolute; width: 0; height: 0; left: 19px; top: -10px; border-width: 5px 5px; border-style: solid; border-color: transparent transparent #00000007 transparent; } .go-up { width: 100px !important; height: 50px !important; border-radius:15px; background-image: url(https://i.imgur.com/eWcLrEN.png); } .go-down { width: 100px !important; height:50px !important; border-radius:15px; background-image: url(https://i.imgur.com/nBRUP6h.png); } .punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 { font-family: 'Morpheus' !important; font-size: 11px !important; font-style: normal; font-weight: 500; /* width: auto; */ text-transform: uppercase; letter-spacing: .02em; /* margin: 0px 13px !important; */ height: auto; color: #270e0e !important; padding: 0px 50px !important; } .status_userava > img {object-fit:cover;object-position:50% 50%;width: 70%;height: 70%;} .status_userava {display: block; position: absolute; margin: -1px auto auto -40px !important; width: 50px; filter: invert(9%) sepia(6%) saturate(14%) hue-rotate(1deg) brightness(69%) contrast(98%);height: 50px; height: 50px; } .reaction-chip { cursor: pointer; height: 32px; display: flex; align-items: center; justify-content: center; border: 1px solid #f6f8fa00!important; background-color: #f6f8fa00!important; } #pun-index .tcl h3 { font-family: 'kork'; z-index: 3; width: 500px; font-weight: 500; text-align: left; letter-spacing: 5px; margin-bottom: 4px !IMPORTANT; height: 34px; margin-top: 3px; padding: 13px 26px 20px 60px; border: 1px solid #55555500; } .pa-fld5 .fld-name {display: none; } .plaha7 { height: 32px; margin: 0px 5px 0px 5px !important; display: inline-block; min-width: 180px; background: url(https://i.imgur.com/zwUmMzY.jpg) repeat top center; border: 1px solid #9d8d8d; padding: 0px 4px 0px 4px; box-shadow: 0px 0px 10px #30232380 inset; transition-duration: 1s; border-radius: 10px; } .plaha7 raz { display: block; height: 14px; margin-top: 4px; text-transform: uppercase; text-align: center; font-family: 'Bebas Neue'; font-size: 12px; color: #c7c4c0 !important; transition-duration: 1s; text-shadow: 1px 1px #312631; } .plaha7 dva { display: block; height: 14px; text-transform: lowercase; text-align: center; font-family: 'Bebas Neue'; color: #b9b6ae; font-size: 9px; margin-top: 2px !IMPORTANT; font-weight: 400; text-shadow: 1px 1px #3a2637; } .plaha7:hover { filter: brightness(0.9); transition-duration: 1s; } .pa-fld3, .pa-posts, .pa-respect, .pa-fld5 {text-transform: lowercase; font-size: 10px; font-family: 'Bebas Neue'; text-align: justify; font-weight: 400; padding: 0px 10px 0px 5px !important; color: #979797; display: inline-block; width: 100px; margin: 6px 0px 0px 7px !IMPORTANT; border: 1px solid #454545; background: #35353500; } .pa-respect a { color: #6e4545;!important; } .form0 {width: 701px; height: 700px; background : #1a1a1a url(https://i.imgur.com/zwUmMzY.jpg) no-repeat center top; padding: 0px 0px 0px 0px; box-shadow: 0px 0px 3px 0px rgb(0 0 0); color: #895f5f; border: 1px solid #5f544b;} .form1 { width: 701px; text-align: center; font-size: 24px; font-family: Bradobrei; color: #c32b2b; text-shadow: 0 1px 1px #000000; text-transform: lowercase; line-height: 189%;} .form2 { width: 621px; text-align: center; margin-top: 0px!important; margin-left: 93px!important;} .form2 img {border: 1px solid #5e0101!important; margin-right: 100px; width: 100px; height: 100px; object-fit:cover; filter: brightness(0.8) grayscale(1) contrast(90%); -webkit-filter:brightness(0.8) grayscale(1) contrast(90%);} .form3 { width: 667px; text-align: center; margin-top: 9px!important; background-color: #65030366; color: #895f5f; font-family: monospace; font-size: 10px; text-shadow: 0 1px 1px #000000; text-transform: lowercase; } .form4 { overflow: auto; width: 599px; height: 146px; margin-top: 20px!important; padding: 5px 15px 5px 15px; margin-left: 2px!important; text-align: justify; background-color: #140603; border: 1px solid #5e0101;;} .form5 { overflow: auto; width: 599px; height: 273px; margin-top: 31px!important; padding: 5px 15px 5px 15px; margin-left: 1px!important; text-align: justify; background-color: #140603; border: 1px solid #5e1c01;} .form4 inform, .form5 pers { font-family: 'BRADOBREI'; font-size: 22px; color: #c32b2b; text-transform: lowercase; text-shadow: 0 1px 1px #000000; border-bottom: 1px solid #89030369;} .form4 item, .form5 item { text-transform: lowercase!important; font-size: 12px; font-family: Playfair Display; font-weight: bold; letter-spacing: 1px; color: #890303; } .form4 hr, .form5 hr { border-top: 0px!important; border-bottom: 1px solid #e7cfcf!important; margin-top: 10px!important;} .form4 a, .form5 a { color: #7b0303!important; } #pun-category1.category h2 {background: url(https://i.imgur.com/XlRWVkg.jpg) ; width: 1030px; height: 35px; color: #966b6b; text-align: center; font: 300 24px 'Bebas Neue' !important; text-transform: uppercase; margin-left: -39px !important; border: none; } #pun-category2.category h2 {background: url(https://i.imgur.com/XlRWVkg.jpg) ; width: 1030px; height: 35px; color: #966b6b; text-align: center; font: 300 24px 'Bebas Neue' !important; text-transform: uppercase; margin-left: -39px !important; border: none; } #pun-category3.category h2 {background: url(https://i.imgur.com/XlRWVkg.jpg) ; width: 1030px; height: 35px; color: #966b6b; text-align: center; font: 300 24px 'Bebas Neue' !important; text-transform: uppercase; margin-left: -39px !important; border: none; } #pun-category4.category h2 {background: url(https://i.imgur.com/XlRWVkg.jpg) ; width: 1030px; height: 35px; color: #966b6b; text-align: center; font: 300 24px 'Bebas Neue' !important; text-transform: uppercase; margin-left: -39px !important; border: none; } #pun-category5.category h2 {background: url(https://i.imgur.com/XlRWVkg.jpg) ; width: 1030px; height: 35px; color: #966b6b; text-align: center; font: 300 24px 'Bebas Neue' !important; text-transform: uppercase; margin-left: -39px !important; border: none; } #pun-category6.category h2 { width: 1030px; height: 35px; color: #966b6b; text-align: center; font: 300 24px 'Bebas Neue' !important; text-transform: uppercase; margin-left: -39px !important; border: none; background: url(https://i.imgur.com/XlRWVkg.jpg) ; } #pun-index .category table tr { background: #18624a00; width: 900px; } #pun-main h1 {font-size: 20px;} .punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {font-family: 'DoubleBass';font-style: normal;font-weight: 500;text-align: center;text-transform: uppercase;letter-spacing: .02em;margin: 0px 0px !important;color: #cfcfcb !important;padding: 0px 0px !important;} .pa-avatar img:hover { mix-blend-mode: luminosity; transition: all .5s cubic-bezier(.3,.2,.2,.3); -webkit-transition: all .5s cubic-bezier(.3,.2,.2,.3); -moz-transition-duration: all .5s cubic-bezier(.3,.2,.2,.3);} /* Оформление к Dice Roller (c) Spiritus Tergi, ч3 */ .hidden { display: none !important; } #button-dice { background: url("/files/000f/3e/d5/81483.png") center; } form#dice-form { width: 340px; padding: 18px; text-align: right; position: absolute; top: 40px; right: -12px; background: rgb(188, 165, 138); border: 1px solid; border-radius: 2px; } form#dice-form input { width: 22px; } #dice-form label { display: block; margin: 3px; vertical-align: top; } #dice-form span { font-weight: bold; width: 100px; text-align: right; display: inline-block; vertical-align: top; } #dice-form label > span::after { content: ":" } #dice-form textarea { width: 130px !important; height: 69px !important; } #dice-form > div { width: 160px; display: inline-block; vertical-align: top; } #dice-form > label { display: inline-block; } #dice-form > div:nth-child(2) { margin-top: -18px; } .roll-dice::before, .roll-value::before, .roll-reason::before, .roll-result::before { font-weight: bold; } .roll-dice::before { content: "Бросок: "; } .roll-dice::after { content: " (бонус)"; margin-right: -5px; } .roll-value::before { content: " , с результатом: "; } .roll-reason::before { content: "Действие: " } .roll-result::before { content: "Итог: " } #pun .roll-result { padding-bottom: 0px; } /* объявление */ .renoheader { background: #080808; } .renoheaderhover { width: 839px; height: 170px; opacity: 0; top: -245px; z-index: 1; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; margin-top: 215px; position: absolute; } .renoheaderhover:hover { color: #ededed; width: 839px; opacity: 10; margin-left: 55px; height: 170px; z-index: 2; background: #1c1515; } .renoheadercontent { width: 839px; border: 1px solid #9d8d8d; height: 170px; border-radius: 10px 0px ; background: #161616; color: #121212; } #tuser { cursor: pointer; opacity: 9!important; margin-left: -33px!important; padding: 2px; width: 20px; height: 20px; } /* Оформление к Dice Roller (c) Spiritus Tergi, ч3 */ .hidden { display: none !important; } #button-dice { background: url("/files/000f/3e/d5/81483.png") center; } form#dice-form { width: 340px; padding: 18px; text-align: right; position: absolute; top: 40px; right: -12px; background: rgb(188, 165, 138); border: 1px solid; border-radius: 2px; } form#dice-form input { width: 22px; } #dice-form label { display: block; margin: 3px; vertical-align: top; } #dice-form span { font-weight: bold; width: 100px; text-align: right; display: inline-block; vertical-align: top; } #dice-form label > span::after { content: ":" } #dice-form textarea { width: 130px !important; height: 69px !important; } #dice-form > div { width: 160px; display: inline-block; vertical-align: top; } #dice-form > label { display: inline-block; } #dice-form > div:nth-child(2) { margin-top: -18px; } .roll-dice::before, .roll-value::before, .roll-reason::before, .roll-result::before { font-weight: bold; } .roll-dice::before { content: "Бросок: "; } .roll-dice::after { content: " (бонус)"; margin-right: -5px; } .roll-value::before { content: " , с результатом: "; } .roll-reason::before { content: "Действие: " } .roll-result::before { content: "Итог: " } #pun .roll-result { padding-bottom: 0px; }
Поделиться42024-04-27 12:04:52
HTML верх
Код:
<div id="shapka"></div> <!-- Dice (c) Spiritus Tergi, ч1 в хтмл-верх --> <script type="text/javascript" src="https://forumstatic.ru/files/000f/3e/d5/42785.js" charset="UTF-8"></script> <!-- ОБЪЯВЛЕНИЕ ОБЪЯВЛЕНИЕ ОБЪЯВЛЕНИЕ --> <div class="renoheaderhover"><div class="renoheadercontent"> <div style="height: 170px; width: 220px; margin-left: 10px; margin-top: 11px; position: absolute; overflow-y: auto; text-align: justify; color: #d3d3d3; font-weight: bold; font-style: italic; font-family: Georgia;"> <center> <a href="https://theraven.rusff.me/profile.php?id=58"><img src="https://forumupload.ru/uploads/001c/00/4d/5/772768.jpg" border="0" title="Саймон"></a> <a href="https://theraven.rusff.me/profile.php?id=50"><img src="https://forumupload.ru/uploads/001c/00/4d/5/959979.jpg" border="0" title="Джеймс"></a> <a href="https://theraven.rusff.me/profile.php?id=72"><img src="https://forumupload.ru/uploads/001c/00/4d/5/149504.jpg" border="0" title="Элизабет"></a> <a href="https://theraven.rusff.me/profile.php?id=60"><img src="https://forumupload.ru/uploads/001c/00/4d/5/75430.jpg" border="0" title="Эда"></a> <a href="https://theraven.rusff.me/profile.php?id=79"><img src="https://forumupload.ru/uploads/001c/00/4d/5/525191.jpg" border="0" title="Виктория"></a> <br>Активисты-постописцы <br><a href="https://theraven.rusff.me/viewtopic.php?id=339#p26504"><img src="https://forumupload.ru/uploads/001c/00/4d/5/415861.jpg" border="0" title="лучший пост"></a> <a href="https://theraven.rusff.me/viewtopic.php?id=292"><img src="https://forumupload.ru/uploads/001c/00/4d/5/527499.jpg" border="0" title="лучший эпизод"></a> <br><br>ПО ВСЕМ ВОПРОСАМ К <br><a href="https://theraven.rusff.me/profile.php?id=7">LILY•</a> <a href="https://theraven.rusff.me/profile.php?id=5">NICK•</a> <a href="https://theraven.rusff.me/profile.php?id=18">CAITLIN</a> <br> </center> </div> <div style="height: 170px; width: 456px; margin-left:286px; margin-top:31px; position: absolute; overflow-y: auto; text-align: justify; text-align-last: center; color: #d3d3d3; font-style: italic; font-family: Georgia;"> Город поделен на карантинные зоны, в которых действуют жестокие ограничения. Покидать карантинные зоны, к которым ты отнесен строго запрещено. Город живет в состоянии постоянного страха и напряжения. Введено военное положение. <br>Наступил новый Апокалипсис XXI века, разрушивший привычный мир. Но смогут ли выжившие, победить вирус и смерть и создать новую мирную жизнь на осколках старой цивилизации покажет время… <br><br><center> <a href="https://theraven.rusff.me/viewtopic.php?id=26#p895"><b>ГОСТЕВАЯ</b></a> <big>•</big> <a href="https://theraven.rusff.me/viewtopic.php?id=22"><b>СЮЖЕТ</b></a> <big>•</big> <a href="https://theraven.rusff.me/viewtopic.php?id=24"><b>РАСЫ</b></a> <big>•</big> <a href="https://theraven.rusff.me/viewtopic.php?id=8"><b>АКЦИИ АМС</b></a> <br> <a href="https://theraven.rusff.me/viewtopic.php?id=25"><b>ИНФРАСТРУКТУРА</b></a> <big>•</big> <a href="https://theraven.rusff.me/viewtopic.php?id=41#p1373"><b>ЗАНЯТЫЕ ВНЕШНОСТИ</b></a> </center> </div> </div></div> <!-- СКРИПТЫ СКРИПТЫ СКРИПТЫ --> <!--СПРЯТАТЬ НАГРАДЫ В НАВИГАЦИИ--> <style type="text/css"> li#navawards {display: none;} </style> <!--Конец--> <!-- HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика --> <style>img.post-img-Sp {margin: -36px 5px;margin-top: 11px;} div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;} </style> <script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script> <!--Конец--> <!-- Смена аватара в топике (в HTML верх) © Deff, Alex_63 --> <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0015/c4/3f/67168.css" /> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/67169.js"></script> <!-- конец --> <!--Всплывающие Подсказки при наведении--> <style> #tooltip { position: absolute; background: #050a0c; z-index: 399; max-width: 160px; border: none; border-radius: 2px; box-shadow: 0 0 1px 1px rgba(0,0,0,.1); font-family: 'Montserrat'; /* шрифт */ font-size: 11px; /* размер текста */ display: none; color: #bdc1bf; /* цвет текста */ text-align: center; padding: 5px; letter-spacing: 1px; font-weight: normal; text-shadow: 1px 1px 1px #0b121d; } </style> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26671.js"></script> <!--//End//-Всплывающие Подсказки при наведении--> <!--Выделение кода в блоке "Код" с перемещение в буфер обмена // © 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; rusffLive.enable = false; RusffCore.sets.share = false; RusffCore.sets.graffiti = false; </script> <!--кнопки вверх вниз--> <div class="go-up" id='ToTop'></div> <div class="go-down" id='OnBottom'></div> <style> .go-up, .go-down { display: none; position: fixed; margin-left: 970px; z-index: 10; cursor: pointer; margin-bottom: 40px; } .go-up { bottom:240px; /*положение от низа окна браузера верхняя кнопка*/ } .go-down { bottom:190px; /*положение от низа окна браузера нижняя кнопка кнопка*/ } </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> <!-- конец -->
Поделиться52024-04-27 12:05:06
HTML низ
Код:
<!-- Быстрое редактирование постов © Alex_63 // V.3 --> <script src="https://forumstatic.ru/files/0015/c4/3f/97896.js"></script> <!-- Перенос Колонок тем и сообщений под Описание Форума / Deff, Alex_63 --> <script type="text/javascript"> (function(){ $.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();});} function appendTopicS(){ $('.category td.tcl .tclcon,#f-subforums td.tcl .tclcon').each(function() { var L=$(this).parents('tr:first'); var str='<br><div class="Add"><div class="Tems_And_messages"><span class="right">'+L.find('td.tc2').text()+'</span> тем, <span class="right">'+L.find('td.tc3').text()+'</span> сообщений</div>\ </div>';$(str).appendTo(this); }); } if($('#pun-index').length){appendTopicS ();} if($('#pun-viewforum').length){ var summ=$('.main table[summary]').attr('summary').split(': ')[1].substr(0,1); if(summ=='#'||summ==String.fromCharCode(173))$.catch('#f-subforums',function(){appendTopicS()}); } }()); </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> <!--End//Кликабельность ника в постах Гостя --> <!--Альтернативная вставка картинки--> <script> var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:0;position:absolute;height14px;margin:-5px 0 0 22px;font-size: 8px;\">2</p></b></td>" $("#button-image").after(oldIMG); </script> <!-- Мгновенный предпросмотр сообщения © Alex_63 --> <script type="text/javascript"> var PPREV = {}; PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты </script> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script> <!-- Кнопка отключения мгновенного предпросмотра --> <style>#togglePreview{float:right;margin-top:-30px;}</style> <script type="text/javascript">(function (){ var a='Вкл предпросмотр'; var b='Откл предпросмотр'; var d='_PreviewToggle'; setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;} getCookiePPrev=function(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;} $('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').insertAfter('#post fieldset:last legend'); var x = ParseContent; window.togglePreview = function(sel){//alert(sel.value); if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return} if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return} }; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()}; }()) </script> <!------------ Новые сообщения ------------> <script type="text/javascript"> function show_new() { if(GroupID == 3) return; $('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');} show_new(); </script> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></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 type="text/javascript"> var DefAvtr = 'https://i.imgur.com/gvZzq11.gif'; //Ссылка на аватар по умолчанию var GuestAvtr = 'https://i.imgur.com/gvZzq11.gif'; //Ссылка на аватар для Гостя $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){ var b = DefAvtr;if($(this).text()=='Гость'){b = GuestAvtr;} var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>'; if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s); });$('#profile-left strong:contains("Нет аватара")') .parent().html('<div><img src="'+DefAvtr+'"/></div>'); </script> <!-- Конец --> <!-- Правка глюка Авиков --> <script type="text/javascript">$('.pa-avatar img[alt][src*="/img/avatars/"]').each(function () { this.src = '/img/'+this.src.split('/img/')[1]; });</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> <!--конец --> <!--СПРЯТАТЬ НАГРАДЫ В НАВИГАЦИИ--> <style type="text/css"> li#navawards {display: none;} </style> <!--Конец--> <!--- хтмл в постах с допуском по группам © Alex_63 ---> <script type="text/javascript"> if ($('#pun-viewtopic,#pun-post,#pun-edit,#pun-poll,#pun-messages').length) { var ft; var i; var ft_f; var j = ""; ft = document.getElementById("font-area"); var ft_f = new Array(); ft_f.push('viola'); ft_f.push('Arial Black'); ft_f.push('Rage'); ft_f.push('Wild Youth'); ft_f.push('Victorian'); ft_f.push('Bebas Neue'); ft_f.push('kork'); ft_f.push('Lol'); ft_f.push('DoubleBass'); ft_f.push('Beer'); ft_f.push('cyrillicgoth'); ft_f.push('Jacob'); ft_f.push('Fortuna Gothic FlorishC'); ft_f.push('American TextC'); ft_f.push('Runic'); ft_f.push('Billabong'); ft_f.push('DEAD SECRETARY'); ft_f.push('Pixeled'); ft_f.push('Cutepunk'); ft_f.push('Free Pixel'); ft_f.push('Adlery Pro'); ft_f.push('Afrile Script'); ft_f.push('Alissya'); ft_f.push('Amist'); ft_f.push('Andora'); ft_f.push('Angry Android'); ft_f.push('Antishbusy'); ft_f.push('AVENGERS'); ft_f.push('Better'); ft_f.push('Brusher'); ft_f.push('Cassandre'); ft_f.push('Chiko and Owlie'); ft_f.push('AngloText'); ft_f.push('Tokio'); ft_f.push('you'); ft_f.push('goudy'); ft_f.push('Neothic'); ft_f.push('Monumenta'); ft_f.push('copaseticc'); ft_f.push('Catwoman'); for (i in ft_f) { j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] + "</span><img src='/i/blank.gif' onclick=\"bbcode('["; j += "font=" + ft_f[i]; j += "]','[/font]')\" /></div>"; ft.innerHTML += j; }} </script> <!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика --> <script> var a1 = 3 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер var a2 = 0 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки; var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко; var LiArr=new Array( //При наличии двух косых => // в начале пункта, - пункт не скрывается. // 3 кнопка- ссылка на Картинку "https://i.imgur.com/zp9xmQg.jpg", "award", //Награды(только для rusff и ork) "gift", //Подарки(только для rusff и ork) //Конец Списка, "_End"); SetProvilSpoil(a1,a2,a3); </script> <!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик--> <script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script> <script> hvScriptSet.addMask({ guestAccess: ['storyline'], forumAccessExtended: { 'for the game': ['принятые игроки'], 'storyline': ['принятые игроки'], 'present': ['принятые игроки'], 'history': ['принятые игроки'], 'alternative': ['принятые игроки'], 'room for negotiations': ['принятые игроки'], 'Diaries': ['принятые игроки'], 'repository': ['принятые игроки'] }, changeList: { 'pafld1': { class: 'pa-fld4', title: 'лз', tag: 'sgn', description: '', defaultCode: '', type: 'text' } }, userFields: ['pa-author', 'pa-fld4', 'pa-posts', 'pa-title', 'pa-avatar item2', 'pa-respect', 'pa-online'] }); </script> <!--НАЧАЛО. выравнивание по ширине--> <script> $("#button-right").after('<td id="button-justify" title="Выравнивание по ширине"><img src="/i/blank.gif" onclick="bbcode(\'[align=justify]\', \'[/align]\');"/></td>'); </script> <style> #button-justify { background: url("http://se.uploads.ru/LVN4z.png") no-repeat scroll center 6px rgba(0, 0, 0, 0) !important; } </style> <!--КОНЕЦ. выравнивание по ширине--> <!-- Регулировка размера шрифта в постах © Alex_63 --> <style> .FNTslider { border-radius: 4px; position:relative;z-index:1000; background: #959995; width: 110px; height: 5px; margin: 3px 5px; 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: #793333; margin-top: -1px; } .FNTslider .thumb { width: 8px; height: 13px; border-radius: 3px; position: relative; top: -4px; background: #711a1a; cursor: pointer; } </style> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script> <!-- Конец --> <div style="position: absolute; margin-top: -19px; margin-left: -41px; z-index: 0;"> </center></div> <div class=banners> <a href="https://rpgtop.su/26961" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="_blank"> <img src="//img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> <a href="https://darkmatter.rusff.me/" title="TVD DARK MATTER" target="_blank"><img src="https://i.imgur.com/sWcM3uJ.gif"></a> <a href="https://tma.f-rpg.me/" title="The morning after" target="_blank"><img src="https://forumupload.ru/uploads/001b/f6/17/2/586749.gif"></a> <a href="https://labardon.rusff.me" target=_blank title="Labardon: disillusionment of unity"><img src="https://i.ibb.co/7vC8mL2/image.gif" border="0"alt="labardon" width=88 height=31></a> <a href="https://hpa.magicrpg.ru" class="tip" title="Форумная ролевая игра по мотивам мира Дж.Роулинг Гарри Поттер с авторским сюжетом" target="_blank"><img src="https://forumstatic.ru/files/001b/f4/b7/88399.gif"></a> <a href="https://thedome.rusff.me/" target="_blank"><img src='https://forumupload.ru/uploads/001b/60/aa/48/821676.png' title="Город, из которого нет выхода" /></a> <a href="https://hpfreakshow.rusff.me/" target=_blank><img src="https://forumupload.ru/uploads/001a/7d/a5/2/798772.jpg" title="HP: Freakshow. ГП 3 поколение. Драмеди, социалка, активная игра"></a> <a href="http://psi.rolka.me/"><img src="https://forumupload.ru/uploads/001c/00/44/2/450510.png" title=" In Memoriam"></a> <a href="https://redmountcity.ru/"><img src="https://i.ibb.co/JCLTvYm/509845.png" alt="509845" border="0"></a> <a href="http://newadventure.rusff.me/"><img src="https://forumstatic.ru/files/0014/ed/19/40119.png"></a> <a href="http://silenthunt.rusff.me/"><img src="https://i.imgur.com/I5oxBqZ.gif" title="Silent Hunt" width="88" height="31"></a> <a href="https://kingscross.f-rpg.me/" target="_blank"><img title="KINGSCROSS. Внимание, поезд отправляется!" src="https://forumstatic.ru/files/001a/08/74/15843.png"></a> <a href="https://dissues.rusff.me" target="_blank"><img src="https://forumupload.ru/uploads/001b/f3/64/6/567594.jpg" title="crossover"></a> <a href="https://sunnycross.ru/"><img src="https://i.ibb.co/Zz1H0CH/bb.png"></a> <a href="https://thegoodplace.rusff.me/" target=_blank><img src="https://forumupload.ru/uploads/0013/26/8a/4/658084.png" title=“the good place /// визардинг ворлд без постирония“></a> <a href="https://thehaze.rusff.me/" target="_blank"><img src='https://forumstatic.ru/files/001b/d4/18/10749.gif' title="городская мистика в эврика-спрингс" /></a> <a href="https://gemcross.rusff.me/"><img src="https://roleit.ru/f/gem/gemcross.png" width="88" height="31" border="0" alt="GEMcross"></a> <a href="https://morsmordremortis.rusff.me" target="_blank"> <img src="https://forumupload.ru/uploads/001b/b9/c5/4/598723.gif" title="MORSMORDRE: MORTIS REQUIEM" border="0" alt="MORSMORDRE: MORTIS REQUIEM"></a> <a href="http://nostresscross.rusff.me/" target="_blank"> <img src="https://i.imgur.com/xnkEbfi.gif" title="no stress cross"></a> <a href="http://aluvio.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001b/9d/5d/18464.png" title="alluvio maris"></a> <a href="https://crossteller.ru/" target="_blank"><img src="https://forumstatic.ru/files/001c/00/ed/76027.jpg" title="CROSSTELLER"border="1" width="88" height="31"></a> <a href="https://kelmoracrown.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/001b/e6/2d/99265.png" title="Kelmora. Hollow crown" border="0" alt="Kelmora. Hollow crown"></a> <a href="https://postfactum.rusff.me" target="_blank"> <img src="https://forumstatic.ru/files/001a/f3/4c/68407.jpg" title="Enigma" border="0" alt="enigma"></a> <a href="https://hpexile.rusff.me/" target="_blank"><img src="https://forumupload.ru/uploads/001c/0a/be/3/34439.jpg" title="HP: Exile. ГП 2 поколение, 1997. Школа и не только. Активная игра"></a> <a href="https://superherolife.rusff.me/" title="The asylum "><img src="https://forumupload.ru/uploads/001b/ff/1c/2/635796.gif"></a> <a href="https://oldshadows.rusff.me/" title="Тёмное фэнтези. Магия. Боги." target="blank"><img src="https://forumupload.ru/uploads/001c/03/d9/2/629753.png"></a> <a href='https://onlinecross.ru/' target='_blank' title='ONLINECROSS'><img src='https://forumupload.ru/uploads/001b/1a/5a/29/812965.gif' border='0' width='88' height='31'></a> <a href="https://ohcanada.rusff.me/" target=_blank> <img src="https://i.postimg.cc/g2FynXKf/ezgif-com-gif-maker-5.gif" border="0" alt="maple syrup"></a> <a href="https://redacademy.forumno.com/"><img src="https://forumupload.ru/uploads/001b/ce/b4/4/119518.png"></a> <a href="https://after.rolebb.ru" target="_blank"><img src="https://forumstatic.ru/files/001b/67/c6/35626.png"title="Marauders: Aftershocks"border="0"width="88" height="31"></a> <a href="https://nsignal.ru" target="_blank"><img src="https://forumupload.ru/uploads/001a/b6/b3/2/701843.gif" title="no signal"></a> <a href="https://thekindred.rusff.me" target=_blank> <img src="https://i.ibb.co/yqMSVDr/image.gif" border="0"alt="https://thekindred.rusff.me" width=88 height=31></a> <a href="https://brnws.rusff.me/" title="breaking news" target="_blank"><img src="https://forumstatic.ru/files/0019/b7/3a/16092.gif"></a> <a href=https://bloodoracle.rusff.me/ title="oracle" target="_blank"><img src=https://forumupload.ru/uploads/001b/dd/c4/2/176221.png></a> <a href="https://awaken.rusff.me/" target="_blank"><https://forumupload.ru/uploads/001b/fe/97/4/425226.gif' title="никто не выйдет / древние боги, свободные расы, открытый мир" /></a> <a href="http://tarotgame.rusff.me/" target="_blank"><img src="https://forumupload.ru/uploads/001b/cf/2b/2/199941.jpg" width="88px" height="31px"></a> <a href="https://fabula.rusff.me/" title="fabula noir" target="_blank"><img src="https://forumstatic.ru/files/001c/0d/aa/70463.png" width="88" height="31" border="0"></a> <a href="https://prophecy.rolbb.me"><IMG alt=" Magic War. Prophecy" src="https://forumupload.ru/uploads/001b/e6/91/2/894168.jpg" border ></a> <a href="https://musicalspace.rusff.me/" target="_blank"><img src="https://imgur.com/382FJyh.jpg" title="Musicalspace: мультифандомный форум" alt="Musicalspace" border="0" width="88" height="31"></a> <a href="https://seattle.f-rpg.me/" title="Seattle: городское фэнтези" target="_blank"><img src="https://forumstatic.ru/files/001b/f4/a2/90015.png" width="88px" border="0"></a> <a href="https://hogwartslegacy.rusff.me/" title="hogwarts: legacy" target="_blank"><img src="https://i.ibb.co/ZVj1pfP/image.gif" alt="hogwarts: legacy"></a> <a href="https://pulseofny.rusff.me/" target="_blank"><img src= "https://forumstatic.ru/files/0012/8f/f4/96939.gif " title="PULSE. Зомби-апокалипсис. Нью-Йорк 2024"/></a> <a href="https://karma.f-rpg.me/" target="_blank"><img src="https://forumupload.ru/uploads/0013/26/8a/4/813808.png" title="karma cross" border="0" width="88" height="31"></a> <a href="https://copperdream.rusff.me" target=_blank><img src="https://forumupload.ru/uploads/001b/a8/68/2/88971.gif" width=88 height=31 title="Ролевой форум «Тайны Медноуральска». Русреал с Пятерочками, меланхолией и расами." border=0></a> <a href="https://darkdawn.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001a/da/7d/52322.png" title="dark fantasy" border="0" alt="dark fantasy"></a> <a href="https://killarney.rolka.me" title="Магия в небольшом городке Ирландии" target="_blank"><img src="https://forumupload.ru/uploads/001b/d2/19/2/602313.gif"></a> <a title="Ходячие Мертвецы, 18+" href="http://thewalkingdead.f-rpg.ru/" target="_blank"><img src="https://forumupload.ru/uploads/0019/34/22/2/387832.png" alt="the WALKING DEAD" width="88" height="31" /></a> <a href="https://ourhome.f-rpg.me/" target="_blank"><img src="https://i.imgur.com/l6P3NMr.png" title="home beneath the ruin [cross]" border="0"width="88" height="31"></a> <a href="https://phoenixlament.f-rpg.me/" target=_blank><img src="https://forumstatic.ru/files/001c/16/fb/32828.gif" title="Хогвартс и Магический мир, социалка, приключения, 2001 год"></a> <a href="https://barcross.rusff.me" title="CROSS BAR" target="_blank"><img src="https://forumstatic.ru/files/001b/2c/35/10496.png"></a> <a href="https://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://forumstatic.ru/files/001b/0f/ee/83990.jpg" border="0"/></a> <a href="https://awaken.rusff.me/" target="_blank"><img src="https://forumupload.ru/uploads/001b/fe/97/4/425226.gif" title="никто не выйдет / древние боги, свободные расы, открытый мир" /></a> <a href="https://thewaffle.ru/" target="_blank"> <img src="https://forumstatic.ru/files/001c/14/bb/64183.gif" title="WAFFLE" border="0" alt="WAFFLE"></a> <a href="http://acadia.rusff.me" target="_blank"><img src="https://i.imgur.com/fIC6VW5.gif" title="АКАДИЯ"></a> <a href="https://notroleplaying.f-rpg.me/"><img src="https://forumstatic.ru/files/001c/19/7e/99579.png" title=" »not role playing "></a> <a href="https://sideffect.rusff.me/" target="_blank"><img src="https://i.imgur.com/F521zKD.gif" title="seoul // real life"></a> <a target="_blank" href="https://theabyss.rusff.me/" title="the abyss"><img src="https://forumstatic.ru/files/001b/7a/0c/31535.gif" border="0"></a> <a href="https://jkisdead.rusff.me/" title="Town under the Arch" target="blank"><img src="https://forumupload.ru/uploads/0017/2a/64/6/530457.jpg"></a> <a href="https://bostoncrazzy.rusff.me/" target="blank"><img src="https://i.imgur.com/MjPg7nE.gif" title="BOSTON"></a> <a href="https://wolfauf.rusff.me/" target="_blank"><img src="https://forumupload.ru/uploads/0013/26/8a/4/111989.png" alt="Execute" title="мистицизм без рас" width="88" height="31"></a> <a href="https://postfactum.rusff.me" target="_blank"> <img src="https://forumstatic.ru/files/001a/f3/4c/68407.jpg" title="Enigma" border="0" alt="enigma"></a> <a href="https://fridaynightcross.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/001c/12/ec/76868.png" title="friday night crossover" border="0"width="88" height="31"></a> <a href="https://washitaway.rusff.me//" target="_blank"><img src="https://forumupload.ru/uploads/001c/14/71/2/916287.png" title="лондонская мистичка"></a> <a href="https://imperiumaeternum.rolka.me/" target="_blank"><img src="https://forumstatic.ru/files/0018/97/46/54722.gif" title="Imperium Aeternum"></a></div> <!------------ взаимная реклама ------------> <script>function getUrlParameterByName( name,href ) {name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); var regexS = "[\\?&]"+name+"=([^&#]*)"; var regex = new RegExp( regexS ); var results = regex.exec( href ); if( results == null ) return ""; else return decodeURIComponent(results[1].replace(/\+/g, " "));} function getRandomInt(min, max) { return Math.floor(Math.random() * (max - min)) + min;} function copyAdvertisingToClipboard(event, elem) {event.preventDefault(); var url = $(elem).closest('.post').find('.permalink').attr('href'); var $temp = $("<textarea id='temp' style='float:right'>"); $(elem).append($temp); var advertiseCode = advertiseCodes[getRandomInt(0, advertiseCodes.length)]; var text = advertiseCode + '[url=' + url + ']ваша реклама[/url]'; $temp.val(text).select(); document.execCommand("copy"); $temp.remove();} function addAdvertiseLink(topicId) { var url = window.location.href; if (getUrlParameterByName('id', url) == topicId) { $('.post').each(function() { var $li = $('<li>').attr('class', 'pl-advlink').append('<a href="#" onclick="copyAdvertisingToClipboard(event, this);">Взаимная реклама</a>'); $(this).find('.post-links ul').append($li); }) } } var advertiseCodes = []; advertiseCodes.push('[align=center][size=20][b][font=Morpheus][url=https://darkmatter.rusff.me][color=#5f5766][/color][/url][/font][/b][/size][/align] [url=https://darkmatter.rusff.me][align=center][img]https://s4.gifyu.com/images/tumblr_cf88203c4ba36c64b2de8ec713943a30_afe96a0b_250.gif[/img][/align][/url][align=center][font=Morpheus][size=18][color=#5f5766][b]Ищем Хоуп, Ребекку и Марселя![/b][/size][/font] [/color][/align]'+'\n'); advertiseCodes.push('[align=center][size=20][b][font=Morpheus][url=https://darkmatter.rusff.me][color=#5f5766]TVD DARK MATTER[/color][/url][/font][/b][/size][/align] [url=https://darkmatter.rusff.me][align=center][img]https://s4.gifyu.com/images/Browser4568.gif[/img][/align][/url][align=center][font=Morpheus][size=18][color=#5f5766][b]Ищем Ребекку, Хоуп и Марселя![/b][/size][/font][/color][/align]'+'\n'); advertiseCodes.push('[quote][align=center][url=https://darkmatter.rusff.me/][font=Deutsc][b][size=23]TVD: DARK MATTER.[/size][/b][/font][/url] [font=Verdana][size=8] tvd & to & legacy ⬥ 2013 ⬥ эпизоды ⬥ NC-21[/size][/font][/align] [table layout=fixed width=100%] [tr] [td][url=https://darkmatter.rusff.me/][img]https://64.media.tumblr.com/89a3503fd4f6d7a32f5b4396b433ec06/b0085c4ac9a9c36b-28/s540x810/5a90b97369aa9c2842581f513b8a91ecd502eca1.gif [/img][/url] [/td] [td][url=https://darkmatter.rusff.me/][img]https://64.media.tumblr.com/391ae50da31c0c3718bfb44d2b019abf/b0085c4ac9a9c36b-58/s540x810/800ef9b66692aeae3a4d48c7917658d3a92e3c77.gif [/img][/url] [/td] [/tr] [/table] [align=center][url=https://darkmatter.rusff.me/][img]https://64.media.tumblr.com/a308a7e8b4c0db48224b2c9c45cd74c6/b0085c4ac9a9c36b-27/s540x810/d03627ad6c8e79eb29ea83b506adf997d0c31784.gif [/img][/url] [url=https://darkmatter.rusff.me/viewtopic.php?id=2#p57673][b]нужные[/b][/url] ● [url=https://darkmatter.rusff.me/viewtopic.php?id=6][b]расы[/b][/url] ● [url=https://darkmatter.rusff.me/viewtopic.php?id=8][b]сюжет[/b][/url] ● [url=https://darkmatter.rusff.me/viewtopic.php?id=5][b]канон[/b][/url][/align] [/quote]'+'\n'); addAdvertiseLink(316); </script> <!------------ конец ------------> <!-- Восстановление последнего поста при утере by Человек-Шаман --> <script> $(document).ready(function() { $('#addition-area').append(function() { return $('<div>Восстановить последний пост</div>').click(restoreLastPost); }); function restoreLastPost() { $('#main-reply').val(localStorage.ReservePost); }; }); </script> <!--конец--> <!--Спойлер - контейнер--> <script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script> <!-- пиар вход--> <script type="text/javascript"> PiarNik="PR"; PiarPas="OdwYJ4hF"; var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\ <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\ <fieldset>\ <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\ <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\ <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\ <input type=\"submit\" class=\"button\" name=\"login\"/>\ </fieldset>\ </form>\ </div>\ <li id=\"navpiar\"><span id=spMyimg style=\"cursor:pointer;\"><a onclick=\"PiarIn()\">piar</a></span></li>"; if($("#navlogin").html()!=null){ $("#navlogin").after(L) //navlogin $("#PR_loginDiv #fld1").val(PiarNik) $("#PR_loginDiv #fld2").val(PiarPas) function PiarIn () {$("#PR_loginDiv input[type='submit']").click();} } </script> <!-- Конец --> <!--Тег хтмл--> <style> #button-mybb2 {background-image:url('http://funkyimg.com/i/WMYp.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:24px; width:100%} </style> <script type="text/javascript"> if(form=document.getElementById("form-buttons")) form.getElementsByTagName("tr")[0].insertCell(11).innerHTML="<img src='/i/blank.gif' id='button-mybb2' onclick=\"bbcode(' ', ' ');\"/>" </script> <!-- Конец --> <!--дополнительные смайлы v.3.1 © Romych--> <style type="text/css"> #wrapper{left:-10px;position:relative;width:500px;} .tabs{height:22px;line-height:21px;margin:0 0 3px;list-style:none;} .tabs li{float:left;cursor:pointer;} .tabs li a{background:transparent url("https://forumstatic.ru/files/0017/d8/50/91984.png")no-repeat scroll 0 0/cover;color:#444;display:block;margin-bottom:-1px;padding:0 5px 1px;position:relative;text-align:center;text-decoration:none;width:70px;} .tabs li a:hover{color:#efefef;background:url("https://forumstatic.ru/files/0017/d8/50/91984.png")no-repeat scroll 0-22.1px/cover;text-decoration:none;} .tabs li.active a{color:#444;border:medium hidden;line-height:22px;background-position:0 -43.5px;} .tabs li.active a:hover{color:#6A5ACD;} #smilies-area div[class^="t-"]:not(.t-0){display:none;width:470px;} </style> <script type="text/javascript"> var nabor=[]; nabor['Хомяк'] = ['http://i.imgur.com/aioynLZ.png', 'http://i.imgur.com/mcWR5K3.png', 'http://i.imgur.com/kQDOI2O.png', 'http://i.imgur.com/I2yC49f.png', 'http://i.imgur.com/qk4Wagp.png', 'http://i.imgur.com/mEe8oKA.png', 'http://i.imgur.com/5tyDr4a.png', 'http://i.imgur.com/APXtwMZ.png', 'http://i.imgur.com/I3LGzO3.png', 'http://i.imgur.com/mtul7B5.png', 'http://i.imgur.com/26yG9OL.png', 'http://i.imgur.com/xX8X8Gw.png', 'http://i.imgur.com/A8f4EJh.png', 'http://i.imgur.com/VyzdqsL.png', 'http://i.imgur.com/tUeSTIZ.png', 'http://i.imgur.com/BiyhxPy.png', 'http://i.imgur.com/oP35Thb.png', 'http://i.imgur.com/eLbTgxH.png', 'http://i.imgur.com/5LjQICq.png', 'http://i.imgur.com/6ZyLmUq.png', 'http://i.imgur.com/g5YDYls.png', 'http://i.imgur.com/44XohXz.png', 'http://i.imgur.com/YkKuIrH.png', 'http://i.imgur.com/XH1E3nJ.png', 'http://i.imgur.com/LQOOl7M.png', 'http://i.imgur.com/Fa6urM5.png', 'http://i.imgur.com/MfE1lPj.png', 'http://i.imgur.com/OMOzYAf.png', 'http://i.imgur.com/rRDnSmF.png', 'http://i.imgur.com/n4dTSM8.png', 'http://i.imgur.com/wy3ylYT.png', 'http://i.imgur.com/V8CdY05.png', 'http://i.imgur.com/MS02nMv.png', 'http://i.imgur.com/8HJwcXa.png', 'http://i.imgur.com/b7t6cIv.png', 'http://i.imgur.com/SawNVXe.png', 'http://i.imgur.com/4dUudSd.png', 'http://i.imgur.com/hsg2DyH.png', 'http://i.imgur.com/lFpXXLI.png', 'http://i.imgur.com/pZjh7iG.png' ]; nabor['лис'] = ['https://i.imgur.com/LtAUhsu.png', 'https://i.imgur.com/HE90o9U.png', 'https://i.imgur.com/EY0rv0Z.png', 'https://i.imgur.com/JQGMClT.png', 'https://i.imgur.com/z1j05b6.png', 'https://i.imgur.com/TDsB48l.png', 'https://i.imgur.com/daGPxcd.png', 'https://i.imgur.com/dank4jW.png', 'https://i.imgur.com/Xw6wgsd.png', 'https://i.imgur.com/eDbTeQx.png', 'https://i.imgur.com/R37tJFn.png', 'https://i.imgur.com/nyicKuP.png', 'https://i.imgur.com/pTWWg6l.png', 'https://i.imgur.com/dSC3uG2.png', 'https://i.imgur.com/Gj5STSc.png', 'https://i.imgur.com/jkzsdqK.png', 'https://i.imgur.com/0bvnPNv.png', 'https://i.imgur.com/aSoj3OJ.png', 'https://i.imgur.com/nQ0XRuF.png', 'https://i.imgur.com/YfZPBHe.png', 'https://i.imgur.com/ud2gA85.png', 'https://i.imgur.com/XLxmMuX.png' ]; $('#button-smile').one('click',function(){$('#smilies-block').addClass('t-0');var vkl = '<div id="wrapper"><ul class="tabs" onclick="return changeVisibility (\'smilies-area\', false)"><li class="t-0 active"><a>Стандартные</a></li></ul></div>';$('#smilies-area').prepend(vkl);for(var i in nabor){$('.tabs').append('<li class="t-'+i+'"><a>'+i+'</a></li>');$('#wrapper').append('<div class="t-'+i+'"></div>');$.each(nabor[i],function(q){$('div.t-'+i).append('<img loading="lazy" src="'+nabor[i][q]+'" onclick=smile("[img]'+nabor[i][q]+'[/img]") />');})};$('.tabs li').click(function(){var thisClass=this.className;$('#smilies-area div[class^="t-"]').hide();$('div.'+thisClass).fadeToggle('slow');$('.tabs li').removeClass('active');$(this).addClass('active');}); }); </script> <!-- ОБТЕКАНИЕ ИЗОБРАЖЕНИЯ --> <script language="javascript"> $(function(){ $('td#button-link').before('<td id="floatbut" style=\'background-image:url("https://i.imgur.com/HNrDeQG.png")\'></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="https://i.imgur.com/n8u6SUH.png" title="left" onclick="bbcode('[float=left]', '[/float]')" /> <img class="vibor" src="https://i.imgur.com/eDu68tu.png" title="right" onclick="bbcode('[float=right]', '[/float]')" /> </div></div> <!-- Конец --> <script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script> <script> $(document).ready(function() { hvStickerPack.init("https://forumstatic.ru/files/001c/00/4d/20600.txt?v=33"); }); </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:1em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/ $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}()); </script> <!-- JampPanel--> <style> #JampPanel:hover{ margin-right:-20px; } #JampPanel,#JampPanel .container{ border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border:1px solid #FE2323; background-color:#F0F0F0; box-shadow: 0px 5px 5px #626262; -webkit-box-shadow:0px 5px 5px #626262; -khtml-box-shadow:0px 5px 5px #626262; -moz-box-shadow:0px 5px 5px #626262; } #JampPanel {opacity:0.86; position:fixed;z-index:1200; height:190px;top:8px;right:0;margin-right:-305px; background:#F0F0F0 url(http://uploads.ru/i/S/z/t/Sztn3.png) 4px 2px no-repeat; width:330px; } #JampPanel .container{ padding:12px; height:200px; width:100%;margin:-1px 0 0 30px; } #Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/ position:absolute; height:180px;width:14px; background-color:#F0F0F0; margin:-12px 0 0 -18px; } </style> <div id=JampPanel> <div class=container> <div id=Zaslonyalka></div> <a href="https://theraven.rusff.me/viewtopic.php?id=257#p15141">• When is a door not a door?</a><br> - <b>Aurora Blake</b> <br> <a href="https://theraven.rusff.me/viewtopic.php?id=222">• A reason not to kill</a> - <b>Jerry Mead</b><br> <a href="https://theraven.rusff.me/viewtopic.php?id=183#p8948">• Wait who's coming</a> - <b>Keiko Kitagawa</b> <br> <a href="https://theraven.rusff.me/viewtopic.php?id=324">• The lawyer killed them all</a> - <b>Malia Kenner</b><br> <a href="https://theraven.rusff.me/viewtopic.php?id=325">• Chasing a ghost</a> - <b>Caitlin Fox</b><br> <a href="https://theraven.rusff.me/viewtopic.php?id=326">• The mafia is not to be trifled with</a><br> - <b>Eda Roberts</b> </div> </div> <!--End//JampPanel-->
Поделиться62024-04-27 12:05:26
HTML в форме ответа
Код:
<!--Переключение раскладки выделенного текста --> <style>#button-transL{background-image:url(https://forumupload.ru/uploads/000f/09/5e/6201/44477.png)}</style> <script type="text/javascript">S='<img src="https://forum.mybb.ru/i/blank.gif" title="Lat↔ Русс" onclick="bbcode(\'[Lat-Rus]\',\'[/Rus-Lat]\');LatRus();"/>'; $("#button-font").after('<td id=button-transL>'+S+'</td>');var TxtTrans1='lat'; function LatRus(){if(TxtTrans1=='lat'){TxtTrans1='rus'}else{TxtTrans1='lat'}; lat0='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split(''); lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split(''); lat.push('\\[');lat.push('\\]');lat.push('\\.'); rus=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split(''); function transF(p){ar1=lat;ar2=rus;if(TxtTrans1=='lat'){ar2=lat0;ar1=rus}for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}L=$('#main-reply').val();L=L.replace(/\[Lat-Rus\]([\s\S]*)\[\/Rus-Lat\]/mg,function(a,b,c){return transF(b);});$('#main-reply').val(L);} </script>
Поделиться72024-07-14 19:39:38
Структура style.css
Код:
/* базовые шрифты - поддержка кириллицы -------------------------------------------------------------*/ @import url(style_cs.css); @import url(https://forumstatic.ru/files/0018/25/96/61263.css); @import url(http://allfont.ru/allfont.css?fonts=franklin-gothic-medium); @import url('https://fonts.googleapis.com/css?family=Cuprum'); @import url('https://fonts.googleapis.com/css?family=Roboto'); @import url('https://fonts.googleapis.com/css?family=Montserrat|Montserrat+Alternates|Open+Sans|Oswald'); @import "https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"; @import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Roboto+Condensed'); @import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,600i,700,700i,800,800i,900,900i&display=swap&subset=cyrillic,cyrillic-ext'); @import url('https://fonts.googleapis.com/css?family=Open+Sans:700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;700&display=swap'); /* A2 НАСТРОЙКИ БРАУЗЕРА ПО УМОЛЧАНИЮ. ЛУЧШЕ НЕ ТРОГАТЬ -------------------------------------------------------------*/ /* 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 ШРИФТ НА ФОРУМЕ - ЛУЧШЕ НЕ ТРОГАТЬ. блок отвечает за шрифты и их размеры, но он не требует изменений в 95% случаев -------------------------------------------------------------*/ /* A3.1 РАЗМЕР ШРИФТА НА ФОРУМЕ -------------------------------------------------------------*/ body { font-size: 102.01%; overflow-x: hidden } /* A3.1 ШРИФТЫ НА ФОРУМЕ -------------------------------------------------------------*/ .punbb { font: normal 70.75% verdana, arial, helvetica, sans-serif; } /* A3.2 ШРИФТЫ В ПОЛЯХ ВВОДА -------------------------------------------------------------*/ .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; border-color: transparent; } /* ВСЕ, ЧТО НИЖЕ В БЛОКЕ А3, ЛУЧШЕ НЕ ТРОГАТЬ -------------------------------------------------------------*/ /* A3.5 */ .punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1.1em; } /* 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: underline } /* A3.11 */ .punbb optgroup { font-weight: bold; } /* A4 ПОЗИЦИОНИРОВАНИЕ И СКРЫТЫЕ ЭЛЕМЕНТЫ - ЛУЧШЕ НЕ ТРОГАТЬ -------------------------------------------------------------*/ /* 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 ОСНОВНОЙ МАКЕТ СТРАНИЦЫ И ГРАНИЦЫ -------------------------------------------------------------*/ /* 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: 2px 1em 9px 1em; border-style: solid solid none solid; border-width: 1px 1px 0px 1px; } /************************************************************* B - ГЛАВНОЕ СОДЕРЖИМОЕ - ОБЩИЕ **************************************************************/ /* B1 контент, подписи и поля прокрутки -------------------------------------------------------------*/ /* B1.1 ВАЖНО! ВЫРАВНИВАНИЕ ТЕКСТА В ПОСТАХ Justify в последней строке отвечает за выравнивание постов по ширине*/ .punbb .post-content { width: 100%; overflow: hidden; text-align:justify; } /* B1.2 ПОЛОСА, ОТДЕЛЯЮЩАЯ ПОСТ И ПОДПИСЬ*/ .punbb .post-sig dt { display: block; border-top: 1px solid color: #000000; width: 250px; margin: 5px 0; } /* B1.3 АБЗАЦЫ ВНУТРИ ПОСТОВ*/ .punbb .post-content p { margin: 0; padding: 0 0 1em 0; line-height: 150%;} /* 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 { border: medium none; margin: 0.4em 0em 0.8em; padding: 0em; } /* B2 ИНФОБОКСЫ ВООБЩЕ НЕ ТРОГАЕМ -------------------------------------------------------------*/ /* 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 РАЗБИВКА НА СТРАНИЦЫ И РАЗМЕЩЕНИЕ ССЫЛОК -------------------------------------------------------------*/ /* 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 { margin-top: -15px; margin-left: 10px; } /* СНИЗУ */ .linksb .pagelink { float: left; width: 24em; text-align: left; } /* НЕ ТРОГАТЬ */ .linksb .postlink { float: right; width: 16em; font-weight: bold; } /* СТРАНИЦЫ ВНУТРИ ТЕМ СНИЗУ */ .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.1em; } /* B3.4 ССЫЛКИ НОВАЯ ТЕМА, СОЗДАТЬ ОПРОС ВНУТРИ ПОДФОРУМА Лучше не трогать */ .linkst .postlink { position: absolute; top: -1.5em; right: 1em; width: 16em; text-align: right; font-weight: bold; } /* B3.8 ССЫЛКА ПОДПИСАТЬСЯ И ОТСЛЕЖИВАТЬ ВНУТРИ ТЕМЫ Лучше не трогать */ .subscribelink { clear:both; padding-top: 0.3em; padding-bottom: 0.5em; } /************************************************************* C - НАСТРОЙКА ГЛАВНЫХ ЭЛЕМЕНТОВ **************************************************************/ /* C1 РАСПОЛОЖЕНИЕ ФОРМ -------------------------------------------------------------*/ /* 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 { border-style: solid; border-width: 1px; 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 { padding: 0 5px; margin: 0 0 0 10px; } /* 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; } /* C1.21.1 НЕ ТРОГАЕМ */ .punbb .helplinks span INPUT { margin-right: 2px; margin-bottom: 2px; } /* C2 РАСПОЛОЖЕНИЕ ТАБЛИЦ -------------------------------------------------------------*/ /* C2.1 ПОДФОРУМ - СКОЛЬКО % ЗАНИМАЕТ ШИРИНА ПОДФОРУМА Очень редко требует корректировки */ .punbb .main .tcl { overflow: hidden; text-align: left; width: 55%; } /* 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; width: 30%; } /* 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: 20%; } /* C2.6 НЕ ТРОГАЕМ */ #pun-debug table .tcl { width: 15%; white-space:normal; } /* C2.7 НЕ ТРОГАЕМ */ #pun-debug .tcr { width: 90%; white-space: normal; } /* C2.8 НЕ ТРОГАЕМ */ #pun-index .tcl h3 { font-size: 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: solid none none solid; border-width: 1px 0 0 1px; padding: 0.8em 1em; } /* C2.12 НЕ ТРОГАЕМ */ .punbb .main th { border-style: none none none solid; border-width: 0 0 0 1px; padding: 0.4em 1em 0.4em 1em; } /* C2.13 НЕ ТРОГАЕМ */ .punbb .main .tcl { border-left-style: none; border-left-width: 0 } /* C2.14 НЕ ТРОГАЕМ */ .punbb tbody.hasicon td.tcl { } /* C2.15 НЕ ТРОГАЕМ */ .punbb div.icon { } /* C3 ТОПИКИ -------------------------------------------------------------*/ /* 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 { border-left: 1px solid transparent; padding: 0.5em 1em; display: block; margin-left: 9em; } /* C3.4 НЕ ТРОГАЕМ */ .punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; } /* C3.5 ПРОФИЛЬ */ .punbb .post .post-author { float: left; margin-top: -1.5em; overflow: hidden; min-height: 140px!important; } /* C3.6 НЕ ТРОГАЕМ */ .punbb .post .post-author ul, .punbb .post .post-author p { padding: 0 1em 1em 1em; line-height: 140%; } /* C3.7 НЕ ТРОГАЕМ */ .pa-author { } /* C3.7 НЕ ТРОГАЕМ */ .pa-author a {} /* C3.7 НЕ ТРОГАЕМ */ .pa-author a:hover { } /* C3.9 СТАТУС-ЛИЧНОЕ ЗВАНИЕ АВТОРА В ПРОФИЛЕ В ТОПИКЕ */ li.pa-title { padding-bottom: 0em; } /* C3.10 ПРЯЧЕМ, КОГДА ЗАРЕГИСТРИРОВАН*/ .pa-reg {display: none;} /* не трогаем */ li.pa-online {} /* C3.11 ВАЖНО!!! СООТНОШЕНИЕ МЕЖДУ ШИРИНОЙ ПРОФИЛЯ И ШИРИНОЙ ПОСТА */ .punbb .post-body { margin-left: 220px; border-left-style: solid; border-left-width: 1px; padding: 0 11px 0px 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-left-style: solid; border-left-width: 1px; } /* C3.15 НЕ ТРОГАЕМ */ .punbb .post-links ul {} /* 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 МЕНЮ МОДЕРАТОРА -------------------------------------------------------------*/ /* C4.1 НЕ ТРОГАЕМ */ .punbb .modmenu .container { padding: 1.5em 1em; text-align: right; } /* 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 НЕ ТРОГАЕМ -------------------------------------------------------------*/ /* C5.1 НЕ ТРОГАЕМ */ .punbb .info .container { padding: 0.8em 1em } /* C5.2 НЕ ТРОГАЕМ */ .punbb .info .container .backlink { padding-top: 0.8em; } /* C6 ПРОФИЛЬ -------------------------------------------------------------*/ /* 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: normal; } /* C6.4 НЕ ТРОГАЕМ */ #viewprofile ul, #profilenav ul { border-style: solid; border-width: 1px; padding: 1.5em 18px 0.8em 18px; 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 СПИСОК ПОЛЬЗОВАТЕЛЕЙ -------------------------------------------------------------*/ /* 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 РАЗДЕЛЫ, ОСНОВНОЕ СОДЕРЖИМОЕ **************************************************************/ * html .tclcon {height: 1px} /* D1 ЛОГОТИП И ОПИСАНИЕ -------------------------------------------------------------*/ /* D1.1 НЕ ТРОГАЕМ */ #pun-title { margin: 0; border-style: none none none none; border-width: 1px 1px 0 1px; } /* 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 { font-size: 0em; } #pun-title TD.title-logo-tdl { border: none; width: 100%; } #pun-title TD.title-logo-tdr { border: none; width: 420px; } /* D2 НАВИГАЦИЯ ПО СТРАНИЦАМ -------------------------------------------------------------*/ /* 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 НАВИГАЦИЯ ПО ФОРУМУ СВЕРХУ Та самая строка, которая показывает ваше нынешнее положение в виде НАЗВАНИЕ ФОРУМА - ПОДФОРУМ - ТЕМА -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks { border: none; margin: 0; } /* D.3 НЕ ТРОГАЕМ */ #pun-navlinks li { display: inline; padding-right: 0em; } /* D3.4 ВАЖНО!!! ССЫЛКИ НАВИГАЦИИ Форум, участники, поиск и тд - настраиваем вид ссылок */ #pun-navlinks li a { margin-right: 7px!important; font-size: 16px!important; letter-spacing: 1px; color: #660000; margin-top: 130px; text-transform: uppercase; font-family: montserrat!important; font-weight: 700; } /* D3.4 ВАЖНО!!! ССЫЛКИ НАВИГАЦИИ настраиваем вид ссылок при наведении */ #pun-navlinks li a:hover { color: #835858!important; } /* D4 ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ Новые сообщения, активные темы, Темы без ответов и т.д. -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { margin-top:5px; margin-left: -2px; } /* D4.2 */ #pun-ulinks .container { text-align: center; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; border-left-style: solid; border-left-width: 1px; white-space: nowrap; } /* 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 СТРОКА ПРИВЕТСТВИЯ -------------------------------------------------------------*/ /* D5.1 НЕ ТРОГАЕМ */ #pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; } /* D5.2 ВАЖНО!!! НАСТРОЙКИ СТРОКИ ПРИВЕТСТВИЯ */ #pun-status .container { position: absolute; width: 961px; text-align: center; font-family: arial; font-size:14px; color: #A5A5A6 text-transform: lowercase; top: -177px; } /* D5.3 НЕ ТРОГАЕМ */ #pun-status span { white-space: nowrap; margin-right: 0.5em; } /* D5.4 НЕ ТРОГАЕМ */ #pun-crumbs1 { overflow: hidden; margin-top: 0; } /* D5.5 НЕ ТРОГАЕМ */ #pun-crumbs1 p.container { border-top: none; padding: 1em 1em 0.8em 1em; font-size: 14px; } /* 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 ОБЪЯВЛЕНИЕ -------------------------------------------------------------*/ /* D6.1 НЕ ТРОГАЕМ */ #pun-announcement h2 { padding: 0; margin: 0 15px -3.5em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; display:none; } /* D6.2 НЕ ТРОГАЕМ */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; } /* D6.3 НЕ ТРОГАЕМ */ #pun-announcement .container { padding: 0.6em 1em 1em 1em; margin-bottom: -20px; margin-top: 20px } /* D7 СТАТИСТИКА -------------------------------------------------------------*/ /* D7.1 СТАТИСТИКА Можно добавить особенный шрифт и цвет, но можно и не трогать*/ #pun-stats .container { padding: 0.8em 1em } /* D7.2 НЕ ТРОГАЕМ */ #pun-stats li.item1, #pun-stats li.item2 { float: left; clear: both; line-height: 150%; } /* D7.3 НЕ ТРОГАЕМ */ #pun-stats li.item3, #pun-stats li.item4 { text-align: right; 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; padding: 0.7em 0 0 0; } /* D8 НЕ ТРОГАЕМ -------------------------------------------------------------*/ /* 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; padding-left: 50%; } /* D8.6 НЕ ТРОГАЕМ */ #pun-crumbs2 { overflow: hidden; margin-bottom: 0; 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 НЕ ТРОГАЕМ -------------------------------------------------------------*/ /* 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; } /* ФОРМА ОТВЕТА */ #main-reply {height: 220px} /* ФОРМА ОТВЕТА В АДМИНЕ */ #pun-admain textarea { width: 94%!important;} /************************************************************* НЕ ТРОГАТЬ **************************************************************/ /* РАСПОЛОЖЕНИЕ ФОРУМА ПО ЦЕНТРУ -------------------------------------------------------------*/ #pun { background-position: center top; background-repeat: repeat-y; } #pun-title {border: none} .punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 { font-size: 0px!important } #pun-index h2 {box-shadow: none} #pun-main div.catleft, #pun-main div.catright { display: none; } .punbb th {font-size: 0!important;} /* ПРЯЧЕМ КНОПКУ ПОДЕЛИТЬСЯ -------------------------------------------------------------*/ .topic a.sharelink { display: none; } /* НЕ ТРОГАЕМ - НЕ ТРЕБУЕТ ИЗМЕНЕНИЙ -------------------------------------------------------------*/ .punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .quote-box, .punbb .code-box, .punbb th, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online, .punbb .post-sig dt {border-color: transparent;} html, body {min-width: 1320px!important;} .punbb input { border: medium none; } /* НЕ ТРОГАТЬ -------------------------------------------------------------*/ #pun-main .post-author ul { text-align: center; } /* НЕ ТРОГАТЬ -------------------------------------------------------------*/ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; text-align: justify; } /* НЕ ТРОГАТЬ -------------------------------------------------------------*/ .punbb .user-avatar .avatar-image { border: 2px solid!important;} /* улучшить профиль -------------------------------------------------------------*/ #pun-status .status-right { float: none !important; } /* это интересно -------------------------------------------------------------*/ div#pun-live-rusff {display: none !important;} /* для личных сообщений -------------------------------------------------------------*/ span.num_msg { margin-top: -21px !important; font-size: 9px !important; background: #736986 !important; padding: 3px 5px !important; border-radius: 30px !important; height: 10px !important; margin-left: -10px !important; } span.num_msg:before { top: 13px !important; background: #736986 !important; } .bubble { background: #736986 !important; } .bubble:after { border-color: #736986 transparent !important;} #pun-status .status-right { float: none !important; display: none; } /* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */ /* настройка кнопки, может быть текстом */ .spirit-navigation { background: url(https://forumupload.ru/uploads/001c/00/4d/73/681893.png) no-repeat; height: 25px; width: 160px; top: 111px; margin-left:6px; display: inline-block; cursor: pointer; /* border: red 1px solid; */ text-transform: uppercase; position: absolute; } /* вид кнопки после клика по ней */ .spirit-navigation.spirit-navigation_hover{ background: url(ссылка на картинку) no-repeat } /* настройка позиции выпадающего по клику окна и его ширина */ #navigblock { width: 217px; margin-left: 6px; position: absolute; top: 147px; z-index: 999; } /* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */ .sslka { display: block; padding: 5px; background: ; border: 1px solid #584747; } /* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */ #pun .sslka a { background: #9F7474; white-space: nowrap; margin: 4px auto; text-align: center; display: block; padding: 2px 0 2px 0; border: 1px solid #6D3737; letter-spacing: 1px; text-transform: uppercase; width: 175px; color: #EEEEEE; font-weight: 400; font-family: 'alice'; font-size: 8px; } /* ссылка при наведении */ #pun .sslka a:hover { background: #783F04; white-space: nowrap; margin: 4px auto; text-align: center; display: block; padding: 2px 0 2px 0; border: 1px solid #6D3737; letter-spacing: 1px; text-transform: uppercase; width: 175px; color: #660000; font-weight: 400; font-family: 'alice'; font-size: 8px; } /* плашки */ #newstime { text-align: center; font-family: Roboto; font-weight: 400; font-size: 8.5px; padding: 3px 0 3px 0px; color: #404f54 !important; margin-bottom: 10px; width: 990px; height: 35px; line-height: 20px; margin-top: 10px; border-radius: 0px; text-transform: uppercase; letter-spacing: 1px; display: inline-block; } .newstime_title { text-align: center; font-family: 'Mak'; font-weight: 700; font-size: 11px; background: #a0adc7; color: #404f54 !important; border: 1px solid #7182a5; width: auto; padding: 0 10px; border-radius: 0px; text-transform: uppercase; letter-spacing: 1px; display: inline-block; line-height: 17px; padding-top: 5px; height: 35px; transition: 1s; } .newstime_title a { color: #404f54 !important; } .newstime_title span { display: block; font-size: 7.5px; line-height: 14px; color: #161515d4 !important; border-top: 1px solid #7182a5; padding: 2px 4px; font-family: Lora; } .newstime_title:hover { scale: 0.95; transition: 1s; } /* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */ /* настройка кнопки, может быть текстом */ .spirit-navigation { background: url(https://forumupload.ru/uploads/001c/00/4d/73/681893.png) no-repeat; height: 25px; width: 160px; top: 111px; margin-left:6px; display: inline-block; cursor: pointer; /* border: red 1px solid; */ text-transform: uppercase; position: absolute; } /* вид кнопки после клика по ней */ .spirit-navigation.spirit-navigation_hover{ background: url(ссылка на картинку) no-repeat } /* настройка позиции выпадающего по клику окна и его ширина */ #navigblock { width: 217px; margin-left: 6px; position: absolute; top: 147px; z-index: 999; } /* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */ .sslka { display: block; padding: 5px; background: ; border: 1px solid #584747; } /* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */ #pun .sslka a { background: #9F7474; white-space: nowrap; margin: 4px auto; text-align: center; display: block; padding: 2px 0 2px 0; border: 1px solid #6D3737; letter-spacing: 1px; text-transform: uppercase; width: 175px; color: #EEEEEE; font-weight: 400; font-family: 'alice'; font-size: 8px; } /* ссылка при наведении */ #pun .sslka a:hover { background: #783F04; white-space: nowrap; margin: 4px auto; text-align: center; display: block; padding: 2px 0 2px 0; border: 1px solid #6D3737; letter-spacing: 1px; text-transform: uppercase; width: 175px; color: #660000; font-weight: 400; font-family: 'alice'; font-size: 8px; } /* плашки */ #newstime { text-align: center; font-family: Roboto; font-weight: 400; font-size: 8.5px; padding: 3px 0 3px 0px; color: #404f54 !important; margin-bottom: 10px; width: 990px; height: 35px; line-height: 20px; margin-top: 10px; border-radius: 0px; text-transform: uppercase; letter-spacing: 1px; display: inline-block; } .newstime_title { text-align: center; font-family: 'Mak'; font-weight: 700; font-size: 11px; background: #a0adc7; color: #404f54 !important; border: 1px solid #7182a5; width: auto; padding: 0 10px; border-radius: 0px; text-transform: uppercase; letter-spacing: 1px; display: inline-block; line-height: 17px; padding-top: 5px; height: 35px; transition: 1s; } .newstime_title a { color: #404f54 !important; } .newstime_title span { display: block; font-size: 7.5px; line-height: 14px; color: #161515d4 !important; border-top: 1px solid #7182a5; padding: 2px 4px; font-family: Lora; } .newstime_title:hover { scale: 0.95; transition: 1s; } #MyBookmarks h2 {font-size: unset !important;}
Поделиться82024-07-14 19:39:59
Цвета style_cs.css
Код:
/************************************************************* ПАН ТЕЛО **************************************************************/ /* A5.1 ПАН ИЛИ ТЕЛО здесь "margin: 190px" означает отступ на 190 пикселей от самого верха форума -------------------------------------------------------------*/ #pun { margin: auto; position: relative; width: 1092px; margin: 190px auto -10px auto; background: repeat transparent url(https://forumupload.ru/uploads/001b/8e/d0/2/951990.jpg); background-position: center; padding-top: 153px; padding-bottom: 115px; } /* A5.2 РАЗМЕЩЕНИЕ КОНТЕНТА ВНУТРИ ТЕЛА -------------------------------------------------------------*/ .punbb { height: auto; margin-left: 55px; width: 982px; } /************************************************************* ШАПКА, ФОН, ФУТЕР И НАСТРОЙКИ ФУТЕРА **************************************************************/ /* ЗАДНИЙ ФОН -------------------------------------------------------------*/ html { background: url(https://forumupload.ru/uploads/001b/8e/d0/2/590420.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: top center; background-color: #28303d; background-size: cover; } /* ШАПКА -------------------------------------------------------------*/ #pun-title table { background: rgba(0, 0, 0, 0) url(https://forumupload.ru/uploads/001c/00/4d/73/355836.png); border: none; height: 460px; margin-left: -19px; margin-bottom: -114px; width: 1021px; margin-top: -343px; } /* ФУТЕР -------------------------------------------------------------*/ #pun-about p.container { background: url(https://forumupload.ru/uploads/001b/8e/d0/2/810215.jpg) center bottom no-repeat scroll rgba(0, 0, 0, 0); height: 248px; margin-bottom: -177px; margin-left: -91px; margin-top: 0px; width: 1164px; padding: 0px !important; border: none !important; } /* РЕЙТИНГ ФОРУМОВ, СОЗДАТЬ ФОРУМ В ФУТЕРЕ -------------------------------------------------------------*/ #pun-about .container .item1 { margin-top: 20px; width: 800px; position: absolute; font-family: arial; font-size: 9px; text-align: center; margin-left: 520px; } /*блок для баннеров*/ .partners_bannr { width: 950px; /*шрина контейнера*/ height: 46px; /*высота контейнера*/ overflow-y: auto; /*прокрутка*/ text-align: center; /*баннеры по центру*/ padding-top: 20px; /*двигаем контейнер вверх-вниз*/ } /************************************************************* ПРОФИЛЬ **************************************************************/ /* РАМКА ПРОФИЛЯ В ТОПИКЕ -------------------------------------------------------------*/ .post-author { width: 216px; background: url(https://forumupload.ru/uploads/001b/8e/d0/2/884131.jpg) center top no-repeat, url(https://forumupload.ru/uploads/001b/8e/d0/2/881417.jpg) center bottom no-repeat, url(https://forumupload.ru/uploads/001b/8e/d0/2/868364.jpg) repeat-y; margin-left: 16px !important; padding-bottom: 3px !important; } /* ВНУТРЕННЕ ПРОСТРАНСТВО ПРОФИЛЯ В ТОПИКЕ -------------------------------------------------------------*/ .post-author ul { margin-left: -4px; margin-top: 24px; width: 200px; } /* НИК АВТОРА В ТОПИКЕ -------------------------------------------------------------*/ .pa-author { text-transform: uppercase; letter-spacing: 1px; font-size: 11px; font-family: montserrat!important; font-weight: 700 !important; color: #660000!important; } /* НИК АВТОРА В ТОПИКЕ ССЫЛКА -------------------------------------------------------------*/ .pa-author a { text-transform: uppercase; letter-spacing: 1px; font-size: 11px; font-family: montserrat!important; font-weight: 700 !important; color: #660000 !important; } /*ПРИ НАВЕДЕНИИ НА НИК АВТОРА В ТОПИКЕ -------------------------------------------------------------*/ .pa-author a:hover { letter-spacing:0.5px!important } /* СТАТУС ЛИЧНОЕ ЗВАНИЕ -------------------------------------------------------------*/ .pa-title { font-size: 9px!important; text-transform: lowercase; padding: 13px 13px 0px 13px!important; text-align: center; color: #00000 } /* АВАТАР ПОЛЬЗОВАТЕЛЯ В ТОПИКЕ -------------------------------------------------------------*/ .pa-avatar { margin-top: 5px !important; margin-bottom: 0px !important; margin-left: 0px !important; text-align: center; } /* ЗАДАЕМ ТЕНЬ И РАМКУ АВАТАРУ -------------------------------------------------------------*/ .pa-avatar img { max-width: 180px; max-height: 180px; box-shadow: rgb(220 217 204) 0px 0px 7px; border: 2px solid rgb(222 216 205) !important; } /* ПОЛЯ ПРОФИЛЯ -------------------------------------------------------------*/ .pa-fld1 { #000000 } .pa-fld2 { color: #000000} .pa-fld3 { color: #000000} .pa-fld5 { width: 30px; color: #000000} .pa-posts { width: 30px; color: #000000} #profilenav h2 { text-align: left !important; } /* СЛОВО РЕПУТАЦИЯ - ЭТО ССЫЛКА. ЕЕ НУЖНО ПЕРЕКРАСИТЬ ОТДЕЛЬНО! -------------------------------------------------------------*/ .pa-respect a { } /* СДВИГ КОЛ-ВА ПОСТОВ -------------------------------------------------------------*/ .pa-posts {margin-left: 0px!important} /* ОТОБРАЖЕНИЕ ПРОФИЛЯ ПРИ ОТВЕТИТЬ -------------------------------------------------------------*/ #pun-post .pa-author { padding: 0px; margin-top: 20px; text-align: center; margin-left: 0px; } /* ССЫЛКИ ПРОФИЛЬ, ЛС, EMAIL ПОД ПРОФИЛЕМ ПОЛЬЗОВАТЕЛЯ В ТОПИКЕ Возможно, придется двигать с помощью последнего параметра*/ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; border-top-style: dashed; border-top-width: 1px; background: transparent; text-align: center; margin-left: -15em; } /* ВРЕМЯ И НОМЕР ПОСТА -------------------------------------------------------------*/ .post h3 { height: 50px; margin: 5px 0px 5px -46px; text-transform: lowercase; margin-left:-5em; } /* ИКОНКА СТРАНЫ НЕ ОТОБРАЖАЕТСЯ -------------------------------------------------------------*/ .pa-author img { display: none; } /* АЙПИ В ТОПИКЕ -------------------------------------------------------------*/ .pa-ip { clear: both; color: rgb(164, 101, 96) !important; width: 190px; font-size: 7px; } /* ОНЛАЙН - АКТИВЕН В ТОПИКЕ -------------------------------------------------------------*/ .pa-online { height: 10px; margin-top: 5px !important; display: block; margin-bottom: 10px!important; text-transform: lowercase; font-size: 9px; } /************************************************************* ЦВЕТ ТЕКСТА И КОНТЕНТ ПОСТА **************************************************************/ /* ЦВЕТ ТЕКСТА БОЛЬШИНСТВА ЭЛЕМЕНТОВ НА ФОРУМЕ -------------------------------------------------------------*/ .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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { border-color: transparent; color: #000000; } /* ЦВЕТ ТЕКСТА ПОСТОВ -------------------------------------------------------------*/ .punbb .post-box { color: #000000; } /* ЦВЕТ ДЕЖУРНОГО ТЕКСТА (тему просматривают, страницы и т.д.) -------------------------------------------------------------*/ .linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb { text-transform: lowercase; color: #423E3E; } /* КОНТЕНТ ПОСТА (РЕДКО ПРИХОДИТСЯ ТРОГАТЬ) -------------------------------------------------------------*/ .post-content {margin: 1px 0px 0px 10px !important;} /* НОМЕР ПОСТА (МОЖНО ПОДВИНУТЬ) -------------------------------------------------------------*/ #pun .post h3 strong { margin-left: 684px; position: absolute; width: 200px; text-align: right!important; } /************************************************************* ЦВЕТ ССЫЛОК **************************************************************/ /* ЦВЕТ ССЫЛОК НА ФОРУМЕ -------------------------------------------------------------*/ .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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { border: none; text-decoration: none; transition: color 0.3s ease-in-out 0s; box-shadow: none; color: #4B0606; } /* ЦВЕТ ССЫЛОК НА ФОРУМЕ ПРИ НАВЕДЕНИИ -------------------------------------------------------------*/ .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 { border: none !important; text-decoration: none; border: none !important; color: #585858; } /************************************************************* ПОДФОРУМ **************************************************************/ /* ПОДФОРУМ -------------------------------------------------------------*/ #pun-index .tclcon { width: 410px; font-size: 10px; background: url(https://forumupload.ru/uploads/001b/8e/d0/2/610664.png) center top no-repeat, url(...) center bottom no-repeat, url(...) repeat-y; text-transform: lowercase; min-height: 69px; margin-left: -7px; text-align: justify; padding: 11px 16px 15px 16px; } /* ПОДФОРУМ - НАЗВАНИЕ ПОДФОРУМА -------------------------------------------------------------*/ #pun-index .tclcon h3 a { font-family: montserrat!important; font-size: 12px; display: block; margin-bottom: 10px; padding: 15px 0 7px 0px; text-align: center; text-transform: uppercase; letter-spacing: 1.0px; position: relative; z-index: 2; font-weight: 600 !important; color: #462215 !important; } /* ССЫЛКА НАЗВАНИЯ ПОДФОРУМА -------------------------------------------------------------*/ #pun-index .tclcon a { text-align: center; text-transform: uppercase; line-height: 22px; font-family: montserrat!important; font-weight: 700; } /* ССЫЛКИ НАВИГАЦИИ В ПОДФОРУМАХ -------------------------------------------------------------*/ .podfor_link {text-align: center;} .podfor_link a { color: #8c9370 !important; margin: 0px 5px !important; } .podfor_link a:hover { color: #927882 !important; } /* ССЫЛКА НА ПОСЛЕДНЮЮ АКТИВНУЮ ТЕМУ НА ГЛАВНОЙ СТРАНИЦЕ -------------------------------------------------------------*/ #pun-index .tcr a { font-size: 11px; font-weight: normal; font-family: montserrat!important; font-weight: 700; text-transform: uppercase; } /* КОЛИЧЕСТВО МЕСТА, КОТОРОЕ ЗАНИМАЕТ ПОСЛЕДНЯЯ АКТИВНАЯ ТЕМА НА ГЛАВНОЙ -------------------------------------------------------------*/ #pun-index .tcr { width: 30%!important; text-align: center; } /* КОЛИЧЕСТВО ТЕМ И СООБЩЕНИЙ В ПОДФОРУМЕ -------------------------------------------------------------*/ #pun-index .tc2, #pun-index .tc3 { width: 10%; font-family: montserrat!important; font-weight: 700; font-size: 11px; } /************************************************************* КАТЕГОРИИ И СТАТИСТИКА **************************************************************/ /* СТАТИСТИКА -------------------------------------------------------------*/ #pun-stats.section h2 { background: url(...); width: 975px; height: 57px; display: inherit; margin-top: -4px; border: none !important; padding: 0px !important; margin-left: 4px !important; margin-bottom: 11px !important; } /* КАТЕГОРИИ ВАЖНО! Если категорий больше 5, копируете одру из категорий и заменяете последнюю цифру например: чтобы получить шестую категорию, сделайте из pun-category5 - pun-category6 -------------------------------------------------------------*/ /* ПЕРВАЯ -------------------------------------------------------------*/ #pun-category1 h2 { background: url(https://forumupload.ru/uploads/001b/8e/d0/2/810215.jpg); width: 1002px; height: 57px; display: inherit; margin-top: 0px; border: none !important; padding: 0px !important; margin-left: -10px !important; margin-bottom: 11px !important; } /* ВТОРАЯ -------------------------------------------------------------*/ #pun-category2 h2 { background: url(https://forumupload.ru/uploads/001b/8e/d0/2/578642.jpg); width: 1002px; height: 57px; display: inherit; margin-top: 0px; border: none !important; padding: 0px !important; margin-left: -10px !important; margin-bottom: 11px !important; } /* ТРЕТЬЯ -------------------------------------------------------------*/ #pun-category3 h2 { background: url(https://forumupload.ru/uploads/001b/8e/d0/2/149038.jpg); width: 1002px; height: 57px; display: inherit; margin-top: 0px; border: none !important; padding: 0px !important; margin-left: -10px !important; margin-bottom: 11px !important; } /* ЧЕТВЕРТАЯ -------------------------------------------------------------*/ #pun-category4 h2 { background: url(https://forumupload.ru/uploads/001b/8e/d0/2/196825.jpg); width: 1002px; height: 57px; display: inherit; margin-top: 0px; border: none !important; padding: 0px !important; margin-left: -10px !important; margin-bottom: 11px !important; } /* ПЯТАЯ -------------------------------------------------------------*/ #pun-category5 h2 { background: url(https://forumupload.ru/uploads/001b/8e/d0/2/588617.jpg); width: 1002px; height: 57px; display: inherit; margin-top: 0px; border: none !important; padding: 0px !important; margin-left: -10px !important; margin-bottom: 11px !important; } /* шестая -------------------------------------------------------------*/ #pun-category6 h2 { background: url(https://forumupload.ru/uploads/001b/8e/d0/2/914941.jpg); width: 1002px; height: 57px; display: inherit; margin-top: 0px; border: none !important; padding: 0px !important; margin-left: -10px !important; margin-bottom: 11px !important; } /* седьмая -------------------------------------------------------------*/ #pun-category7 h2 { background: url(https://forumupload.ru/uploads/001b/8e/d0/2/216008.jpg); width: 1002px; height: 57px; display: inherit; margin-top: 0px; border: none !important; padding: 0px !important; margin-left: -10px !important; margin-bottom: 11px !important; } /************************************************************* ФОРУМНАЯ И ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ **************************************************************/ /* КОНТЕЙНЕР С ФОРУМНОЙ НАВИГАЦИЕЙ -------------------------------------------------------------*/ #pun-navlinks .container { border-color: transparent; color: #152115; } /* ЦВЕТ ССЫЛОК ФОРУМНОЙ НАВИГАЦИИ -------------------------------------------------------------*/ #pun-navlinks a { font-size: 0px !important; text-align: center; transition: all 0.3s ease-in-out 0.1s; display: inline-block; padding: 0 !important; } /* КОНТЕЙНЕР НАВИГАЦИОННЫХ ССЫЛОК -------------------------------------------------------------*/ #pun-navlinks .container { border: none; margin: 0; margin-top: -123px!important; font-weight: normal; text-align: center; width: 1017px!important; margin-left: -27px!important; } /* КОНТЕЙНЕР ПОЛЬЗОВАТЕЛЬСКИХ ССЫЛОК -------------------------------------------------------------*/ #pun-ulinks .container { font-family: arial!important; text-transform: lowercase; width: 957px !important; text-align: center !important; font-style: normal; top: 13px; font-size: 8px; } /* НЕ ОТОБРАЖАТЬ МОИ ЗАГРУЗКИ В ПОЛЬЗОВАТЕЛЬСКИХ ССЫЛКАХ -------------------------------------------------------------*/ #pun-ulinks .item5 { display: none; } /* ЦВЕТ ССЫЛОК ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ -------------------------------------------------------------*/ #pun-ulinks a { font-size: 10px !important; font-weight: 100; transition: all 0.5s linear 0s; letter-spacing: 0px; padding: 0 7px 0px 7px !important; } /* ЦВЕТ ССЫЛОК ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ПРИ НАВЕДЕНИИ -------------------------------------------------------------*/ #pun-ulinks a:hover {} /************************************************************* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ **************************************************************/ /* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ И СНИЗУ ВНЕШНИЙ ВИД -------------------------------------------------------------*/ #pun-crumbs1, #pun-crumbs2 { font-size: 13px; text-align: center; text-transform: uppercase; font-family: montserrat!important; font-weight: 700; width: 963px; margin-bottom: 10px !important; } /* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ -------------------------------------------------------------*/ #pun-crumbs1 { margin-top: 38px !important;} /* ССЫЛКИ В ВАШЕМ МЕСТОРАСПОЛОЖЕНИИ НА ФОРУМЕ - ДЕЛАЕМ ЖИРНЫМИ -------------------------------------------------------------*/ #pun-crumbs2, #pun-crumbs1 a {font-weight: bold} /************************************************************* ПОЛЯ ВВОДА, ЦИТАТЫ-КОДЫ, ВСПЛЫВАЮЩИЕ ОКНА **************************************************************/ /* СТРАНИЦА ПЕРЕАДРЕСАЦИИ -------------------------------------------------------------*/ #pun-redirect{ padding: 14px; margin-top: -140px!important; margin-left: 250px!important; } /* ВНЕШНИЙ ВИД ОКНА СТРАНИЦЫ ПЕРЕАДРЕСАЦИИ Зачастую, страница переадресации не требует серьезных изменений. В большинстве случаев достаточно изменить цвета и закругление краев (т.е. 5 последних позиций) -------------------------------------------------------------*/ #pun-redirect.punbb .info .container{ width:500px; height: 52px; margin: 10% auto; text-align: center; left:0;right:0; top:0;bottom:0; padding: 40px; display:inline-block; text-transform: uppercase; background: #C8C6C2; color: #000000; border: 1px solid rgb(208 202 195); box-shadow: #CCCCCC 0px 0px 2px inset, #CCCCCC 0px 0px 1px inset, #B9B3AC 0px 0px 30px inset; } /* НАСТРОЙКИ ПОЛЯ ВВОДА -------------------------------------------------------------*/ .punbb textarea { background: #C8C6C2; color: #000000; border: 1px solid #A6A29C; box-shadow: #CCCCCC 0px 0px 2px inset, #CCCCCC 0px 0px 1px inset,#B9B3AC 0px 0px 30px inset; padding: 18px 20px !important; width: 96% !important; } /* ПОЛЕ ДЛЯ ВВОДА ПО ТИПУ - НАЗВАНИЕ ТЕМЫ -------------------------------------------------------------*/ .punbb select, input { background: #C8C6C2; padding: 2px 2px 2px 2px !important; border-radius: 2px; background: #C8C6C2; color: #000000; border: 1px solid #A6A29C; box-shadow: #CCCCCC 0px 0px 2px inset, #CCCCCC 0px 0px 1px inset, #B9B3AC 0px 0px 30px inset; } /* СДВИГАЕМ ЦИТАТУ, КОД И ТД -------------------------------------------------------------*/ .punbb #pun-main table .quote-box, .punbb #pun-main table .code-box {margin: 5px 1px 15px} /* ВНЕШНИЙ ВИД ЦИТАТЫ, КОДА И ТД -------------------------------------------------------------*/ .punbb #pun-main .quote-box, .punbb #pun-main .code-box, .pun-modal .modal-inner { background-clip: padding-box; position: relative; background: #C8C6C2; padding: 20px 20px !important; background: #C8C6C2; color: #000000; border: 1px solid #A6A29C; box-shadow: #CCCCCC 0px 0px 2px inset, #CCCCCC 0px 0px 1px inset, #B9B3AC 0px 0px 30px inset; } /* B1.9 ЛЕГЕНДА ЦИТАТЫ, КОДА Отвечает за настройки того самого "Маша написал(-а), выделить код и тд. Работаем только с 4 последними параметрами -------------------------------------------------------------*/ .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; padding-bottom: 0em; margin: 0px; font-style: normal; font-size: 11px; text-transform: uppercase; font-family: montserrat!important; font-weight: 700; color: #000000; } /* КОД (СКОПИРОВАТЬ КОД) -------------------------------------------------------------*/ #pun-main .code-box .scrollbox pre { font-size: 12px;} /* РЕЙТИНГ ПОСТА В ТОПИКЕ (КОГДА ПИШЕШЬ КОММЕНТ К ПЛЮСУ - ЧТОБЫ ФОН БЫЛ НЕ ПРОЗРАЧНЫЙ) -------------------------------------------------------------*/ .post_reputation { padding: 15px; background: #CCCCCC;} /* В ФОРМЕ ОТВЕТА ВЫПАДАЮЩИЕ ОКНА ШРИФТОВ, РАЗМЕРА ТЕКСТА И ТД -------------------------------------------------------------*/ #font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area { padding: 15px 10px 10px 10px !important; border-radius: 2px; background: #CCCCCC; color: #000000; border: 1px solid #58565D; box-shadow: #CCCCCC 0px 0px 2px inset, #CCCCCC 0px 0px 1px inset,#ECDDDD 0px 0px 30px inset; } /* ЗАДАЕМ ШИРИНУ И ВЫСОТУ ФОРМЕ ОТВЕТА, А ТАКЖЕ СОЗДАЕМ ДЛЯ НЕЕ ПРОКРУТКУ ЧТОБЫ ОНА НЕ РАСТЯГИВАЛАСЬ НА ПОЛОВИНУ ЭКРАНА -------------------------------------------------------------*/ #font-area {height: 300px; overflow-y: auto; padding: 5px; text-align: left; width: 150px} /************************************************************* ИКОНКИ СТАРЫХ НОВЫХ **************************************************************/ /* ИКОНКА СТАРЫХ СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ -------------------------------------------------------------*/ #pun-index table Div.icon { background-image: url(https://forumupload.ru/uploads/001b/8e/d0/2/60113.png); background-repeat: no-repeat; border-style: none; display: block; height: 49px; margin-left: 19px; margin-top: 11px; position: absolute; width: 387px; z-index: 1; opacity: 0.3; } /* ИКОКА НОВЫХ НА ГЛАВНОЙ СТРАНИЦЕ -------------------------------------------------------------*/ #pun-index TR.inew Div.icon { background-image: url(https://forumupload.ru/uploads/001b/8e/d0/2/60113.png); background-repeat: no-repeat; opacity: 1; } /* ИКОКА СТАРЫХ ВНУТРИ ПОДФОРУМА -------------------------------------------------------------*/ #pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon { float: left; display: block; position: relative; margin: -3px 18px; width: 20px; height: 20px; background-image: url(https://forumupload.ru/uploads/001b/8e/d0/2/60113.png); } /* ИКОКА НОВЫХ ВНУТРИ ПОДФОРУМА -------------------------------------------------------------*/ #pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon { width: 20px; height: 20px; background-image: url(https://forumupload.ru/uploads/001b/8e/d0/2/60113.png); } /* ИКОКА ВАЖНЫХ ВНУТРИ ПОДФОРУМА -------------------------------------------------------------*/ #pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon { width: 20px; height: 20px; background-image: url(https://forumupload.ru/uploads/001b/8e/d0/2/60113.png); } /* ИКОКА ЗАКРЫТЫХ ВНУТРИ ПОДФОРУМА -------------------------------------------------------------*/ #pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon { width: 20px; height: 20px; background-image: url(https://forumupload.ru/uploads/001b/8e/d0/2/60113.png); } /************************************************************* КНОПКИ ОТПРАВИТЬ, ПОСМОТРЕТЬ, СОХРАНИТЬ И ТД **************************************************************/ /* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ -------------------------------------------------------------*/ input.button, #post fieldset .hashelp div input, .button, #pun-admain input { border-radius: 3px; text-shadow: rgb(160 67 38) 1px 1px 0px, rgb(255 255 255 / 47%) 0px 0px 5px; text-transform: uppercase; transition: all 0.5s ease 0s; font-size: 10px !important; background: linear-gradient(rgb(255 158 129), rgb(197 92 59)) !important; border: 1px solid rgb(208 113 85) !important; box-shadow: rgb(255 219 207) 0px 0px 2px inset, rgb(230 128 99) 0px 0px 1px inset, rgb(152 58 31) 0px 0px 18px inset !important; color: #CCB4AD !important; font-family: montserrat!important; font-weight: 700 !important; padding: 3px 5px !important; cursor: pointer !important; } /* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ ПРИ НАВЕДЕНИИ -------------------------------------------------------------*/ input.button:hover, #post fieldset .hashelp div input:hover, .button:hover { background: linear-gradient(rgb(197 92 59), rgb(255 158 129))!important; cursor: pointer!important; } /************************************************************* ПРОКРУТКА, ВЫДЕЛЕНИЕ, ВВЕРХ-ВНИЗ, БЕГУНОК УВЕЛИЧЕНИЯ ТЕКСТА **************************************************************/ /* ВНЕШНИЙ ВИД ВЫДЕЛЕННОГО ТЕКСТА -------------------------------------------------------------*/ ::selection { background: #999999; color:#F9EDED; } /* ПРОКРУТКА ШИРИНА -------------------------------------------------------------*/ ::-webkit-scrollbar { width: 6px; height: 6px;} /* ДВИЖУЩАЯСЯ ЧАСТЬ ПРОКРУТКИ -------------------------------------------------------------*/ ::-webkit-scrollbar-thumb { background-color: rgb(168 84 51); border: 1px solid rgb(168 84 51); box-shadow: rgb(168 84 51) 0px 0px 2px inset; } /* ПОДЛОЖКА ПРОКРУТКИ -------------------------------------------------------------*/ ::-webkit-scrollbar-track { background-color: rgb(221 215 235); border: 1px solid rgb(211 205 225); box-shadow: rgb(255, 255, 255) 0px 0px 2px inset; } /* ЧТОБЫ НЕ ОТОБРАЖАЛАСЬ ПРОКРУТКА ФОРУМА ПО ГОРИЗОНТАЛИ -------------------------------------------------------------*/ body {overflow-x: hidden} /************************************************************* ТОПИКИ И ВСЯКОЕ МЕЛКОЕ В ШАПКЕ **************************************************************/ /* ТЕКСТ В ШАПКЕ -------------------------------------------------------------*/ #html-header top_text { position: absolute; font-size: 10px; color: rgb(167, 161, 184); width: 202px; text-align: justify; height: 61px; overflow: auto; text-transform: lowercase; text-shadow: rgba(249, 249, 250, 0.62) 1px 1px 0px, rgba(235, 229, 255, 0) 0px 0px 3px; margin: 307px 236px !important; padding-left: 5px !important; direction: rtl; } #html-header ready { position: absolute; margin: 96px 269px; } /* ПОДГРУЗКА ШРИФТОВ -------------------------------------------------------------*/ /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 17, 2020 */ @font-face { font-family: 'pf_hellenica_serif_proregular'; src: url('pfhellenicaserifpro-regular-webfont.eot'); src: url('pfhellenicaserifpro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('pfhellenicaserifpro-regular-webfont.woff2') format('woff2'), url('pfhellenicaserifpro-regular-webfont.woff') format('woff'), url('pfhellenicaserifpro-regular-webfont.ttf') format('truetype'), url('pfhellenicaserifpro-regular-webfont.svg#pf_hellenica_serif_proregular') format('svg'); font-weight: normal; font-style: normal; } /* ПОСТЫ, РЕПУТАЦИЯ -------------------------------------------------------------*/ .pa-fld3, .pa-posts, .pa-respect, .pa-fld5 {text-transform: lowercase; font-size: 12px; font-family: 'Bebas Neue'; text-align:center; font-weight: 400; padding: 0px 10px 0px 5px !important; color: #00000; display: inline-block; width: 65px; border: 1px solid rgb(216 210 199); margin: 6px 0px 0px 7px !IMPORTANT; background: #35353500; } #MyBookmarks { display: none; position: fixed; z-index: 101; left: 0; top: 500; right: 0; height: 100%; box-shadow: 0 0 20px rgba(0,0,0,.5); width: 240px; background: url(https://forumupload.ru/uploads/001c/00/4d/73/441232.jpg) repeat; background-color: #737b7d; }
Поделиться92024-07-14 19:40:21
HTML верх
Код:
<!--СПРЯТАТЬ НАГРАДЫ В НАВИГАЦИИ--> <style type="text/css"> li#navawards {display: none;} </style> <!--Конец--> <!-- Музыка в постах и подписях (c) Emerael, Часть 1 в ХТМЛ-Верх --> <script> FORUM.set('editor.music', { name: 'Аудио', audio_url: function() { return prompt("Поместите ссылку на трек", "https://") }, audio_title: function() { return prompt("Введите название трека", "Трек") }, onclick: function(){ const link = FORUM.get('editor.music.audio_url()'); if (!link || link === "https://" || $.trim(link) === "") return false; const title = FORUM.get('editor.music.audio_title()'); document.querySelector("#main-reply").value += `[audio=${link}]${title || 'Песня'}[/audio]`; }}) </script> <!-- HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика --> <style>img.post-img-Sp {margin: -36px 5px; margin-top: 26px;} div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;} </style> <script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script> <!--Конец--> <! -- скрипт навигации выпадающим окном [основа скрипт вкладок http://imagiart.ru/, переработка вещего духа] --> <script type="text/javascript" src="https://forumstatic.ru/files/001a/18/bd/96460.js"></script> <div class="spirit-navigation" id="navig-batton" title="навигация"></div> <div id="navigblock" style="display:none"><div class="sslka"> <!-- важные ссылки --> <a href="https://theraven.rusff.me/viewtopic.php?id=26#p895">ГОСТЕВАЯ</a> <a href="https://theraven.rusff.me/viewtopic.php?id=22">СЮЖЕТ</a> <a href="https://theraven.rusff.me/viewtopic.php?id=24">РАСЫ</a> <a href="https://theraven.rusff.me/viewtopic.php?id=8">АКЦИИ ОТ АМС</a> <a href="https://theraven.rusff.me/viewtopic.php?id=25">ИНФРАСТРУКТУРА</a> <a href="https://theraven.rusff.me/viewtopic.php?id=41#p1373">ЗАНЯТЫЕ ВНЕШНОСТИ</a> </div></div> <!-- табла --> <!-- АМС --> <div style="position: absolute; top: 140px; margin-left: 760px; text-align: justify; font-size: 14px; font-family: Complex; width: 271px; height: 79px; overflow: auto;color: #2b454a"> <center> <a href="https://theraven.rusff.me/profile.php?id=7">Lily</a> // <a href="https://theraven.rusff.me/profile.php?id=5">Nick</a> // <a href="https://theraven.rusff.me/profile.php?id=18">Caitlin</a> </center> </div> <!-- АКТИВИСТЫ --> <div style=" top: 150px; position: absolute; width: 400px; margin-left: 7px;"> <a href="https://theraven.rusff.me/profile.php?id=65"><img src="https://forumupload.ru/uploads/001c/00/4d/5/17107.jpg" border="0" title="Сора"></a> <a href="https://theraven.rusff.me/profile.php?id=101"><img src="https://forumupload.ru/uploads/001c/00/4d/5/666628.jpg" border="0" title="Итан"></a> <a href="https://theraven.rusff.me/profile.php?id=100"><img src="https://forumupload.ru/uploads/001c/00/4d/5/956643.jpg" border="0" title="Эдвард"></a> <a href="https://theraven.rusff.me/profile.php?id=72"><img src="https://forumupload.ru/uploads/001c/00/4d/5/149504.jpg" border="0" title="Лиззи"></a> <a href="https://theraven.rusff.me/profile.php?id=50"><img src="https://forumupload.ru/uploads/001c/00/4d/5/644436.jpg" border="0" title="Джеймс"></a> </div> <!-- ЛУЧШИЙ ЭП И ПОСТ --> <div style=" top: 200px; position: absolute; width: 271px; margin-left: 25px;"> <a href="https://theraven.rusff.me/viewtopic.php?id=326#p51940"><img src="https://forumupload.ru/uploads/001c/00/4d/5/973091.jpg" border="0" title="лучший пост"></a> <a href="https://theraven.rusff.me/viewtopic.php?id=487"><img src="https://forumupload.ru/uploads/001c/00/4d/5/192535.jpg" border="0" title="лучший эпизод"></a> </div> <!-- Смена аватара в топике (в HTML верх) © Deff, Alex_63 --> <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0015/c4/3f/67168.css" /> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/67169.js"></script> <!-- конец --> <!--Выделение кода в блоке "Код" с перемещение в буфер обмена // © 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> <!-- конец --> <!-- нужны --> <div style=" top: 170px; position: absolute; width: 200px; margin-left: 812px;"> <b>Ждём в игру</b><br> <a href=" https://theraven.rusff.me/viewtopic.php?id=57#p41233"><img src="https://forumupload.ru/uploads/001c/00/4d/5/927861.jpg" border="0" title="Дэвид"></a> <a href="https://theraven.rusff.me/viewtopic.php?id=8#p11660 "><img src="https://forumupload.ru/uploads/001c/00/4d/5/241330.jpg" border="0" title="Мирай"></a> <a href="https://theraven.rusff.me/viewtopic.php?id=57#p44771"><img src="https://forumupload.ru/uploads/001c/00/4d/5/741964.jpg" border="0" title="лис"></a> </div> <!-- HTML в постах с допуском по группам © Alex_63 --> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/52361.js"></script> <script type="text/javascript"> HTMLinPost.groups = [1,2,3,4,5]; // Группы, допущенные к вставке HTML в посты HTMLinPost.noAccess = ['user','newTst2']; // Пользователи с запретом вставки HTML в посты HTMLinPost.parseHTMLinPosts() </script> <link rel="stylesheet" href="/files/001b/95/a1/11817.css"> <link rel="stylesheet" href="/files/001b/95/a1/96876.css"> <!-- Скрыть "отредактировано" из сообщения --> <style>.lastedit {display:none;}</style> <!-- конец --> <!-- Чтобы не пропадали посты --> <script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/63959.js"></script> <!— конец —>
Поделиться102024-07-14 19:40:35
HTML низ
Код:
<!-- Музыка в постах и подписях (c) Emerael, Часть 2 в ХТМЛ-Низ --> <script> (()=>{ const selectors = [ '#profile-signature:contains("[audio=")', //подпись в профиле '.parsedsig:contains("[audio=")', //предпросмотр подписи '.post-body:contains("[audio=")', //посты и подписи в них ]; const replaceAudio = () => { const containMusic = $(selectors.join(', ')); containMusic.each((_, el) => { const re = /\[audio=([^\]]+)]([^[]+)\[\/audio\]/gmi; el.innerHTML = el.innerHTML.replace(re, `<div class="audio-block"><span class="audio-title">$2:</span><audio controls src="$1"> <span>ваш браузер не поддерживает HTML5 аудио. Вот взамен <a href="$1">ссылка на трек</a></span> </audio></div>`); }); }; replaceAudio(); $(document).on('pun_post', () => {replaceAudio()}); })(); </script> <!-- ОБТЕКАНИЕ ИЗОБРАЖЕНИЯ --> <script language="javascript"> $(function(){ $('td#button-link').before('<td id="floatbut" style=\'background-image:url("https://i.imgur.com/HNrDeQG.png")\'></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="https://i.imgur.com/n8u6SUH.png" title="left" onclick="bbcode('[float=left]', '[/float]')" /> <img class="vibor" src="https://i.imgur.com/eDu68tu.png" title="right" onclick="bbcode('[float=right]', '[/float]')" /> </div></div> <!-- Конец --> <!-- Аватар по умолчанию --> <script type="text/javascript"> var DefAvtr = 'https://forumupload.ru/uploads/001b/8e/d0/2/168366.png'; //Ссылка на аватар по умолчанию var GuestAvtr = 'https://forumupload.ru/uploads/001b/8e/d0/2/168366.png'; //Ссылка на аватар для Гостя $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){ var b = DefAvtr;if($(this).text()=='Гость'){b = GuestAvtr;} var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>'; if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s); });$('#profile-left strong:contains("Нет аватара")') .parent().html('<div><img src="'+DefAvtr+'"/></div>'); </script> <!-- Конец --> <!-- Быстрое редактирование постов © Alex_63 // V.3 --> <script src="https://forumstatic.ru/files/0015/c4/3f/97896.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> <!--End//Кликабельность ника в постах Гостя --> <!--Альтернативная вставка картинки--> <script> var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:0;position:absolute;height14px;margin:-5px 0 0 22px;font-size: 8px;\">2</p></b></td>" $("#button-image").after(oldIMG); </script> <!-- Мгновенный предпросмотр сообщения © Alex_63 --> <script type="text/javascript"> var PPREV = {}; PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты </script> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script> <!-- Кнопка отключения мгновенного предпросмотра --> <style>#togglePreview{float:right;margin-top:-30px;}</style> <script type="text/javascript">(function (){ var a='Вкл предпросмотр'; var b='Откл предпросмотр'; var d='_PreviewToggle'; setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;} getCookiePPrev=function(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;} $('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').insertAfter('#post fieldset:last legend'); var x = ParseContent; window.togglePreview = function(sel){//alert(sel.value); if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return} if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return} }; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()}; }()) </script> <!------------ Новые сообщения ------------> <script type="text/javascript"> function show_new() { if(GroupID == 3) return; $('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');} show_new(); </script> <!--- хтмл в постах с допуском по группам © 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 type="text/javascript">$('.pa-avatar img[alt][src*="/img/avatars/"]').each(function () { this.src = '/img/'+this.src.split('/img/')[1]; });</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> $("#button-right").after('<td id="button-justify" title="Выравнивание по ширине"><img src="/i/blank.gif" onclick="bbcode(\'[align=justify]\', \'[/align]\');"/></td>'); </script> <style> #button-justify { background: url("http://se.uploads.ru/LVN4z.png") no-repeat scroll center 6px rgba(0, 0, 0, 0) !important; } </style> <!--КОНЕЦ. выравнивание по ширине--> <!-- Регулировка размера шрифта в постах © Alex_63 --> <style> .FNTslider { border-radius: 4px; position:relative;z-index:1000; background: #959995; width: 110px; height: 5px; margin: 3px 5px; 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: #793333; margin-top: -1px; } .FNTslider .thumb { width: 8px; height: 13px; border-radius: 3px; position: relative; top: -4px; background: #711a1a; cursor: pointer; } </style> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script> <!-- Конец --> <div class="partners_bannr"> <a href="https://rpgtop.su/26961" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="_blank"> <img src="//img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> <a href="https://darkmatter.rusff.me/" title="TVD DARK MATTER" target="_blank"><img src="https://i.imgur.com/sWcM3uJ.gif"></a> <a href="https://labardon.rusff.me" target=_blank title="Labardon: disillusionment of unity"><img src="https://i.ibb.co/7vC8mL2/image.gif" border="0"alt="labardon" width=88 height=31></a> <a href="https://thedome.rusff.me/" target="_blank"><img src='https://forumupload.ru/uploads/001b/60/aa/48/821676.png' title="Город, из которого нет выхода" /></a> <a href="https://hpfreakshow.rusff.me/" target=_blank><img src="https://forumupload.ru/uploads/001a/7d/a5/2/798772.jpg" title="HP: Freakshow. ГП 3 поколение. Драмеди, социалка, активная игра"></a> <a href="https://newadventure.rusff.me/" title="Genshin Impact: Adventure Time" target="_blank"><img src="https://forumupload.ru/uploads/001b/df/32/4/t64194.gif"></a> <a href="http://silenthunt.rusff.me/"><img src="https://i.imgur.com/I5oxBqZ.gif" title="Silent Hunt" width="88" height="31"></a> <a href="https://kingscross.f-rpg.me/" target="_blank"><img title="KINGSCROSS. Внимание, поезд отправляется!" src="https://forumstatic.ru/files/001a/08/74/15843.png"></a> <a href="https://sunnycross.ru/"><img src="https://i.ibb.co/Zz1H0CH/bb.png"></a> <a href="https://thegoodplace.rusff.me/" target=_blank><img src="https://i.ibb.co/p4Kn1Pj/image.jpg" title=“the good place /// визардинг ворлд без постирония“></a> <a href="https://thehaze.rusff.me/" target="_blank"><img src='https://forumstatic.ru/files/001b/d4/18/10749.gif' title="городская мистика в эврика-спрингс" /></a> <a href="https://gemcross.rusff.me/"><img src="https://roleit.ru/f/gem/gemcross.png" width="88" height="31" border="0" alt="GEMcross"></a> <a href="https://faceinless.ru" target=_blank><img src="https://i.imgur.com/Sx77suU.gif" title="TVD: FACELESS"></a> <a href="https://morsmordremortis.rusff.me" target="_blank"> <img src="https://forumupload.ru/uploads/001b/b9/c5/4/598723.gif" title="MORSMORDRE: MORTIS REQUIEM" border="0" alt="MORSMORDRE: MORTIS REQUIEM"></a> <a href="https://macabredanse.ru" target="_blank"><img src="https://forumstatic.ru/files/001c/21/4c/53882.gif"></a> <a href="http://nostresscross.rusff.me/" target="_blank"> <img src="https://i.imgur.com/q470w84.gif" title="no stress cross"></a> <a href="http://aluvio.rusff.me/" target="_blank"> <img src="https://forumupload.ru/uploads/001a/dc/1c/2/117348.png" title="alluvio maris"></a> <a href="https://crossteller.ru/" target="_blank"><img src="https://forumstatic.ru/files/001c/00/ed/76027.jpg" title="CROSSTELLER"border="1" width="88" height="31"></a> <a href="https://kelmoracrown.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/001b/e6/2d/99265.png" title="Kelmora. Hollow crown" border="0" alt="Kelmora. Hollow crown"></a> <a href="https://hpexile.rusff.me/" target="_blank"><img src="https://forumupload.ru/uploads/001c/0a/be/3/34439.jpg" title="HP: Exile. ГП 2 поколение, 1997. Школа и не только. Активная игра"></a> <a href="https://oldshadows.rusff.me/" title="Тёмное фэнтези. Магия. Боги." target="blank"><img src="https://forumupload.ru/uploads/001c/03/d9/2/629753.png"></a> <a href='http://onlinecross.ru' target='_blank' title='ONLINECROSS'><img src='https://forumupload.ru/uploads/001b/1a/5a/29/680577.gif' border='0' width='88' height='31'></a> <a href="https://ohcanada.rusff.me/" target=_blank> <img src="https://i.postimg.cc/g2FynXKf/ezgif-com-gif-maker-5.gif" border="0" alt="maple syrup"></a> <a href="https://redacademy.forumno.com/"><img src="https://forumupload.ru/uploads/001b/ce/b4/4/119518.png"></a> <a href="https://after.rolebb.ru" target="_blank"><img src="https://forumstatic.ru/files/001b/67/c6/35626.png"title="Marauders: Aftershocks"border="0"width="88" height="31"></a> <a href="https://thekindred.rusff.me" target=_blank> <img src="https://forumstatic.ru/files/001c/00/08/57678.png" border="0"alt="https://thekindred.rusff.me" width=88 height=31></a> <a href="https://brnws.rusff.me/" title="breaking news" target="_blank"><img src="https://forumstatic.ru/files/0019/b7/3a/16092.gif"></a> <a href="https://historycross.rusff.me/" title="ИСТОРИЯ РОССИИ" target="_blank"><img src="https://forumupload.ru/uploads/001b/67/7a/207/48826.jpg"></a> <a href="https://cosmocross.f-rpg.me" target=_blank><img src="https://sun9-77.userapi.com/impg/34_HPX1I_btcRhJdhSK_2Bk5GwqYAD_KrLyHKw/CJz1hx9fGnk.jpg?size=88x31&quality=95&sign=f4d277af2350b27f281895190b9da185&type=album" width=88 height=31 title="Кроссовер «КосмоКросс»." border=0></a> <a href="https://awaken.rusff.me/" target="_blank"><https://forumupload.ru/uploads/001b/fe/97/4/425226.gif' title="никто не выйдет / древние боги, свободные расы, открытый мир" /></a> <a href="https://prophecy.rolbb.me"><IMG alt=" Magic War. Prophecy" src="https://forumupload.ru/uploads/001b/e6/91/2/894168.jpg" border ></a> <a href="https://musicalspace.rusff.me/" target="_blank"><img src="https://imgur.com/382FJyh.jpg" title="Musicalspace: мультифандомный форум" alt="Musicalspace" border="0" width="88" height="31"></a> <a href="https://hogwartslegacy.rusff.me/" title="hogwarts: legacy" target="_blank"><img src="https://i.imgur.com/tTDbIcn.gif" alt="hogwarts: legacy"></a> <a href="https://pulseofny.rusff.me/" target="_blank"><img src= "https://forumstatic.ru/files/0012/8f/f4/96939.gif " title="PULSE. Зомби-апокалипсис. Нью-Йорк 2024"/></a> <a href="https://karma.f-rpg.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/14/5b/98991.png" title="karma cross" border="0" width="88" height="31"></a> <a href="https://killarney.rolka.me" title="Магия в небольшом городке Ирландии" target="_blank"><img src="https://forumupload.ru/uploads/001b/d2/19/2/602313.gif"></a> <a href="https://ourhome.f-rpg.me/" target="_blank"><img src="https://i.imgur.com/l6P3NMr.png" title="home beneath the ruin [cross]" border="0"width="88" height="31"></a> <a href="https://phoenixlament.f-rpg.me/" target=_blank><img src="https://forumstatic.ru/files/001c/16/fb/32828.gif" title="Хогвартс и Магический мир, социалка, приключения, 2001 год"></a> <a href="https://barcross.rusff.me" title="CROSS BAR" target="_blank"><img src="https://forumstatic.ru/files/001b/2c/35/10496.png"></a> <a href="https://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://forumstatic.ru/files/001b/0f/ee/83990.jpg" border="0"/></a> <a href="https://awaken.rusff.me/" target="_blank"><img src="https://forumupload.ru/uploads/001b/fe/97/4/425226.gif" title="никто не выйдет / древние боги, свободные расы, открытый мир" /></a> <a href="https://thewaffle.ru/" target="_blank"> <img src="https://forumstatic.ru/files/001c/1a/85/15156.gif" title="WAFFLE" border="0" alt="WAFFLE"></a> <a href="https://notroleplaying.f-rpg.me/"><img src="https://forumstatic.ru/files/001c/19/7e/99579.png" title=" »not role playing "></a> <a href="https://sideffect.rusff.me/" target="_blank"><img src="https://i.imgur.com/F521zKD.gif" title="seoul // real life"></a> <a href="https://jkisdead.rusff.me/" title="Town under the Arch" target="blank"><img src="https://forumupload.ru/uploads/0017/2a/64/6/530457.jpg"></a> <a href="https://bostoncrazzy.rusff.me/" target="blank"><img src="https://i.imgur.com/MjPg7nE.gif" title="BOSTON"></a> <a href="https://wolfauf.rusff.me/" target="_blank"><img src="https://i.imgur.com/KY59k1D.gif" alt="Execute" title="мистицизм без рас" width="88" height="31"></a> <a href="https://fridaynightcross.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/001c/12/ec/76868.png" title="friday night crossover" border="0"width="88" height="31"></a> <a href="https://imperiumaeternum.rolka.me/" target="_blank"><img src="https://forumstatic.ru/files/0018/97/46/54722.gif" title="Imperium Aeternum"></a> <a href="https://serodomno.mybb.ru/"> <img src="https://i.ibb.co/wYJ9Mkc/image.png"> </a> <!-- Thedas button --> <a target="_blank" href="https://thedas.mybb.ru/"><img title="Твоя любимая ролевая - Thedas" src="https://forumupload.ru/uploads/001b/e0/da/4/t857929.gif"/></a> <!-- Thedas button - end --> <a href="https://morbusnew.rusff.me" target="_blank"><img src="https://forumupload.ru/uploads/001c/20/89/2/177518.png" width="88" height="31" border="0"></a> <a href="https://burndown.rusff.me/" title="гп, 1983 год, полный пиздец" target="_blank"><img src="https://forumupload.ru/uploads/001b/d8/2c/2/124539.gif" width="88" height="31" border="0"></a> <a href="https://eatcake.rusff.me" target="_blank"> <img src="https://i.imgur.com/TUWB8Fj.gif" title="CAKE rpf" border="0" alt="Cake"></a> <a href="https://yellowcrossover.ru" target="_blank"><img src="https://i.imgur.com/VpTBV4X.png" title="yellowcross" border="0"width="88" height="31"></a> <a href="https://metaverse.rusff.me/" target="_blank" title="СПОСОБНОСТИ, ГЕРОИКА, МАГИЯ, МУЛЬТИВЕРС" ><img src="https://forumstatic.ru/files/001c/23/f5/28818.gif"></a> <a href="https://crossfeeling.rusff.me/" target="_blank"> <img src="https://forumupload.ru/uploads/0015/e5/b7/3090/557165.gif" title="crossfeeling" border="1" width="88" height="31"></a> <a href="https://phantazia.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/26/3b/31050.gif" title="PHANTAZIA // celebrity life"></a> <a href="https://gothamfever.rusff.me"><img src="https://forumstatic.ru/files/001c/25/e3/45931.jpg" border="0" title="GOTHAM FEVER" width="88" height="31"></a> <a href="http://hproleplay.mybb.ru" target="_blank"><img src="http://s2.uploads.ru/t/WgZOp.gif" border="0" alt="Hogwarts and the Game with the Death=" width="88" height="31"></a> <a target="_blank" href="https://lepidus.ru/"><img src="https://forumupload.ru/uploads/0011/93/3d/1186/t111844.gif"></a> <a href="https://oblivion.rolfor.me/" title="tvd: oblivion" target="_blank"><img src="https://forumupload.ru/uploads/001c/2a/cf/5/15156.gif"></a> <a href="https://imagiart.ru/" target="_blank"> <img src="https://i.imgur.com/h3ba1GC.gif" title="photoshop: Renaissance" border="0" alt="photoshop: Renaissance"></a> <a href="//urgestalt.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001c/29/61/82388.jpg" title="close ur gestalt" width="88" height="31" border="0" alt="close ur gestalt"></a> <a href="https://sinistrum.f-rpg.me" target="_blank"><img src="https://forumstatic.ru/files/001b/ea/09/12797.png" alt="sinistrum"></a> <a target="_blank" href="https://arkcity.rusff.me/" title="Ark City: последний оплот человечества"><img src="https://forumstatic.ru/files/0019/eb/83/77713.gif" width="88px" border="0"></a> <a href="https://execute.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001b/f1/8a/81351.gif" alt="Execute" title="Execute [кроссовер]" width="88" height="31"></a> <a href="https://tenebris.f-rpg.me/" target="blank"><img src="https://forumupload.ru/uploads/001b/36/79/5/792981.gif"></a> <a href="https://crossinsomnia.rusff.me" target="_blank"> <img src="https://forumupload.ru/uploads/001c/31/d4/2/155873.jpg" title="IN:SOMNIA [crossover]"></a> </div> <!-- Восстановление последнего поста при утере by Человек-Шаман --> <script> $(document).ready(function() { $('#addition-area').append(function() { return $('<div>Восстановить последний пост</div>').click(restoreLastPost); }); function restoreLastPost() { $('#main-reply').val(localStorage.ReservePost); }; }); </script> <!--конец--> <!--Спойлер - контейнер--> <script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script> <!-- пиар вход--> <script type="text/javascript"> PiarNik="PR"; PiarPas="OdwYJ4hF"; var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\ <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\ <fieldset>\ <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\ <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\ <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\ <input type=\"submit\" class=\"button\" name=\"login\"/>\ </fieldset>\ </form>\ </div>\ <li id=\"navpiar\"><span id=spMyimg style=\"cursor:pointer;\"><a onclick=\"PiarIn()\">piar</a></span></li>"; if($("#navlogin").html()!=null){ $("#navlogin").after(L) //navlogin $("#PR_loginDiv #fld1").val(PiarNik) $("#PR_loginDiv #fld2").val(PiarPas) function PiarIn () {$("#PR_loginDiv input[type='submit']").click();} } </script> <!-- Конец --> <!--Тег хтмл--> <style> #button-mybb2 {background-image:url('http://funkyimg.com/i/WMYp.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:24px; width:100%} </style> <script type="text/javascript"> if(form=document.getElementById("form-buttons")) form.getElementsByTagName("tr")[0].insertCell(11).innerHTML="<img src='/i/blank.gif' id='button-mybb2' onclick=\"bbcode(' ', ' ');\"/>" </script> <!-- Конец --> <!----------------------------------------------- имидж -----------------------------------------------> <script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script> <script> hvScriptSet.addMask({ guestAccess: ['storyline'], forumAccessExtended: { 'for the game': ['принятые игроки'], 'storyline': ['принятые игроки'], 'present': ['принятые игроки'], 'history': ['принятые игроки'], 'alternative': ['принятые игроки'], 'room for negotiations': ['принятые игроки'], 'Diaries': ['принятые игроки'], 'repository': ['принятые игроки'] }, changeList: { 'pafld1': { class: 'pa-fld4', title: 'лз', tag: 'sgn', description: '', defaultCode: '', type: 'text' } }, userFields: ['pa-author', 'pa-fld4', 'pa-posts', 'pa-title', 'pa-avatar item2', 'pa-respect', 'pa-online'] }); </script> <!--дополнительные смайлы v.3.1 © Romych--> <style type="text/css"> #wrapper{left:-10px;position:relative;width:500px;} .tabs{height:22px;line-height:21px;margin:0 0 3px;list-style:none;} .tabs li{float:left;cursor:pointer;} .tabs li a{background:transparent url("https://forumstatic.ru/files/0017/d8/50/91984.png")no-repeat scroll 0 0/cover;color:#444;display:block;margin-bottom:-1px;padding:0 5px 1px;position:relative;text-align:center;text-decoration:none;width:70px;} .tabs li a:hover{color:#efefef;background:url("https://forumstatic.ru/files/0017/d8/50/91984.png")no-repeat scroll 0-22.1px/cover;text-decoration:none;} .tabs li.active a{color:#444;border:medium hidden;line-height:22px;background-position:0 -43.5px;} .tabs li.active a:hover{color:#6A5ACD;} #smilies-area div[class^="t-"]:not(.t-0){display:none;width:470px;} </style> <script type="text/javascript"> var nabor=[]; nabor['Хомяк'] = ['http://i.imgur.com/aioynLZ.png', 'http://i.imgur.com/mcWR5K3.png', 'http://i.imgur.com/kQDOI2O.png', 'http://i.imgur.com/I2yC49f.png', 'http://i.imgur.com/qk4Wagp.png', 'http://i.imgur.com/mEe8oKA.png', 'http://i.imgur.com/5tyDr4a.png', 'http://i.imgur.com/APXtwMZ.png', 'http://i.imgur.com/I3LGzO3.png', 'http://i.imgur.com/mtul7B5.png', 'http://i.imgur.com/26yG9OL.png', 'http://i.imgur.com/xX8X8Gw.png', 'http://i.imgur.com/A8f4EJh.png', 'http://i.imgur.com/VyzdqsL.png', 'http://i.imgur.com/tUeSTIZ.png', 'http://i.imgur.com/BiyhxPy.png', 'http://i.imgur.com/oP35Thb.png', 'http://i.imgur.com/eLbTgxH.png', 'http://i.imgur.com/5LjQICq.png', 'http://i.imgur.com/6ZyLmUq.png', 'http://i.imgur.com/g5YDYls.png', 'http://i.imgur.com/44XohXz.png', 'http://i.imgur.com/YkKuIrH.png', 'http://i.imgur.com/XH1E3nJ.png', 'http://i.imgur.com/LQOOl7M.png', 'http://i.imgur.com/Fa6urM5.png', 'http://i.imgur.com/MfE1lPj.png', 'http://i.imgur.com/OMOzYAf.png', 'http://i.imgur.com/rRDnSmF.png', 'http://i.imgur.com/n4dTSM8.png', 'http://i.imgur.com/wy3ylYT.png', 'http://i.imgur.com/V8CdY05.png', 'http://i.imgur.com/MS02nMv.png', 'http://i.imgur.com/8HJwcXa.png', 'http://i.imgur.com/b7t6cIv.png', 'http://i.imgur.com/SawNVXe.png', 'http://i.imgur.com/4dUudSd.png', 'http://i.imgur.com/hsg2DyH.png', 'http://i.imgur.com/lFpXXLI.png', 'http://i.imgur.com/pZjh7iG.png' ]; nabor['лис'] = ['https://i.imgur.com/LtAUhsu.png', 'https://i.imgur.com/HE90o9U.png', 'https://i.imgur.com/EY0rv0Z.png', 'https://i.imgur.com/JQGMClT.png', 'https://i.imgur.com/z1j05b6.png', 'https://i.imgur.com/TDsB48l.png', 'https://i.imgur.com/daGPxcd.png', 'https://i.imgur.com/dank4jW.png', 'https://i.imgur.com/Xw6wgsd.png', 'https://i.imgur.com/eDbTeQx.png', 'https://i.imgur.com/R37tJFn.png', 'https://i.imgur.com/nyicKuP.png', 'https://i.imgur.com/pTWWg6l.png', 'https://i.imgur.com/dSC3uG2.png', 'https://i.imgur.com/Gj5STSc.png', 'https://i.imgur.com/jkzsdqK.png', 'https://i.imgur.com/0bvnPNv.png', 'https://i.imgur.com/aSoj3OJ.png', 'https://i.imgur.com/nQ0XRuF.png', 'https://i.imgur.com/YfZPBHe.png', 'https://i.imgur.com/ud2gA85.png', 'https://i.imgur.com/XLxmMuX.png' ]; $('#button-smile').one('click',function(){$('#smilies-block').addClass('t-0');var vkl = '<div id="wrapper"><ul class="tabs" onclick="return changeVisibility (\'smilies-area\', false)"><li class="t-0 active"><a>Стандартные</a></li></ul></div>';$('#smilies-area').prepend(vkl);for(var i in nabor){$('.tabs').append('<li class="t-'+i+'"><a>'+i+'</a></li>');$('#wrapper').append('<div class="t-'+i+'"></div>');$.each(nabor[i],function(q){$('div.t-'+i).append('<img loading="lazy" src="'+nabor[i][q]+'" onclick=smile("[img]'+nabor[i][q]+'[/img]") />');})};$('.tabs li').click(function(){var thisClass=this.className;$('#smilies-area div[class^="t-"]').hide();$('div.'+thisClass).fadeToggle('slow');$('.tabs li').removeClass('active');$(this).addClass('active');}); }); </script> <script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script> <script> $(document).ready(function() { hvStickerPack.init("https://forumstatic.ru/files/001c/00/4d/20600.txt?v=47"); }); </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:1em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/ $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}()); </script> <!-- JampPanel--> <style> #JampPanel:hover{ margin-right:-20px; } #JampPanel,#JampPanel .container{ border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border:1px solid #FE2323; background-color:#F0F0F0; box-shadow: 0px 5px 5px #626262; -webkit-box-shadow:0px 5px 5px #626262; -khtml-box-shadow:0px 5px 5px #626262; -moz-box-shadow:0px 5px 5px #626262; } #JampPanel {opacity:0.86; position:fixed;z-index:1200; height:190px;top:8px;right:0;margin-right:-305px; background:#F0F0F0 url(http://uploads.ru/i/S/z/t/Sztn3.png) 4px 2px no-repeat; width:330px; } #JampPanel .container{ padding:12px; height:200px; width:100%;margin:-1px 0 0 30px; } #Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/ position:absolute; height:180px;width:14px; background-color:#F0F0F0; margin:-12px 0 0 -18px; } </style> <div id=JampPanel> <div class=container> <div id=Zaslonyalka></div> <a href="https://theraven.rusff.me/viewtopic.php?id=222">• A reason not to kill</a> - <b>Caine Long</b><br> <a href="https://theraven.rusff.me/viewtopic.php?id=183#p8948">• Wait who's coming</a> - <b>Keiko Kitagawa</b> <br> <a href="https://theraven.rusff.me/viewtopic.php?id=324">• The lawyer killed them all</a> - <b>Victoria Hill</b><br> <a href="https://theraven.rusff.me/viewtopic.php?id=325">• Chasing a ghost</a> - <b>Caitlin Fox</b><br> <a href="https://theraven.rusff.me/viewtopic.php?id=326">• The mafia is not to be trifled with</a><br> - <b>Eda Roberts</b> </div> </div> <!--End//JampPanel--> <!--кнопки вверх вниз--> <div class="go-up" id='ToTop'><img src="https://forumupload.ru/uploads/001b/8e/d0/2/528747.png" border="0" /></div> <div class="go-down" id='OnBottom'><img src="https://forumupload.ru/uploads/001b/8e/d0/2/625077.png" border="0" /></div> <style> .go-up, .go-down { display: none; position: fixed; margin-left: 1000px; z-index: 9999; cursor: pointer; opacity: 1; margin-bottom: 40px; width: 67px; height: 27px; } .go-up { bottom:250px; /*положение от низа окна браузера верхняя кнопка*/ } .go-down { bottom:220px; /*положение от низа окна браузера нижняя кнопка кнопка*/ } .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> <script> var supermod = new Array("Ella Richards") var mod=document.getElementsByTagName("span") var str for(x in mod) if(mod[x].className=="modlist"){ for(y in supermod) if((pos=mod[x].innerHTML.indexOf(supermod[y]))!=-1) mod[x].innerHTML=remName(mod[x].innerHTML,pos) } function remName(str,pos){ var pos1=str.indexOf("<A href"),pos2=str.indexOf("<A href",pos1+1) if(pos2==-1) return("") while(pos>pos2 && pos2!=-1){ pos1=pos2 pos2=str.indexOf("<A href",pos1+1) } if(pos2==-1){ pos2=str.length-1 pos1-=2 } return (str.substring(0,pos1)+str.substring(pos2,str.length)) } </script> <script type="text/javascript"> RusffCore.sets.show_reportBtn = 0; </script> <!--СПРЯТАТЬ НАГРАДЫ В НАВИГАЦИИ--> <style type="text/css"> li#navawards {display: none;} </style> <!--Конец--> <!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика --> <script> var a1 = 3 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер var a2 = 0 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки; var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко; var LiArr=new Array( //При наличии двух косых => // в начале пункта, - пункт не скрывается. // 3 кнопка- ссылка на Картинку "https://i.imgur.com/k4PRag2.png", "award", //Награды(только для rusff и ork) "gift", //Подарки(только для rusff и ork) //Конец Списка, "_End"); SetProvilSpoil(a1,a2,a3); </script> <!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->
Поделиться112024-07-14 19:40:51
форма ответа
Код:
<!--Переключение раскладки выделенного текста --> <style>#button-transL{background-image:url(https://forumupload.ru/uploads/000f/09/5e/6201/44477.png)}</style> <script type="text/javascript">S='<img src="https://forum.mybb.ru/i/blank.gif" title="Lat↔ Русс" onclick="bbcode(\'[Lat-Rus]\',\'[/Rus-Lat]\');LatRus();"/>'; $("#button-font").after('<td id=button-transL>'+S+'</td>');var TxtTrans1='lat'; function LatRus(){if(TxtTrans1=='lat'){TxtTrans1='rus'}else{TxtTrans1='lat'}; lat0='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split(''); lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split(''); lat.push('\\[');lat.push('\\]');lat.push('\\.'); rus=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split(''); function transF(p){ar1=lat;ar2=rus;if(TxtTrans1=='lat'){ar2=lat0;ar1=rus}for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}L=$('#main-reply').val();L=L.replace(/\[Lat-Rus\]([\s\S]*)\[\/Rus-Lat\]/mg,function(a,b,c){return transF(b);});$('#main-reply').val(L);} </script>
Страница: 1