...
архив кода
Страница: 1
Сообщений 1 страница 5 из 5
Поделиться223.09.2018 22:07
Код:
/************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.css); /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* A2.1 */ html, body {margin: 0 0 0 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.5 */ .punbb .main table { table-layout: fi#pun-status .containerxed; width:100%; } /* A2.6 */ .checkfield input[type=checkbox], .radiofield input[type=radio] {margin: 0 0.3em;} /* A2.7 */ p[class=checkfield] *, div[class=checkfield] *, fieldset[class=radiofield] * { height: 1.8em; vertical-align: middle } /* A3 Text setup -------------------------------------------------------------*/ /* A3.1 */ body { font-size: 100.01%; } /* A3.2 */ .punbb { font: normal 75% verdana, Tahoma, georgia, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Palatino Linotype, Serif; } /*A3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, georgia, 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: normal; letter-spacing: 1px; } .punbb h4, .punbb table { font-size: 1em; font-weight: normal; } /* A3.5 */ .punbb h1 span, .punbb h2 span { font-size: 1.1em; } .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; } .post-content td p:last-child { /* padding-bottom: 0; */ } /* 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 .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 { margin: 200px auto 100px auto; padding: 0px 0px 0px 0px; position: relative; width: 850px; } /* A5.2*/ .punbb { float: left; height: auto; width: 850px; } /* A5.3 */ #pun-redirect, #pun-maint { margin: 0px -0px; width: auto; float: none; background: #adad9e; border: 4px solid #bcbcab !important; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); } /* A5.4 */ .punbb .section, .punbb .main { margin-bottom: 1em; } /* A5.5 */ .punbb .category, { margin-top: 0.4em; } .punbb .post { background: url() no-repeat 0 0; padding-top: 7px; } /* A5.6 */ .punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; } /* 5.7 */ #pun-post .topic { margin-top: 1em; margin-left: 10px; } /* 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 0px 0px } /* A5.9 */ .punbb .container { border: none; } /* A5.10 */ #pun-stats h2, .punbb .main h2, #pun-debug h2, .punbb .section h2 span, #pun-main h1, #pun-debug h2 span, #pun-main h2 span { padding: 0px 0 0 0; border: none; } /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { padding: 0; margin: 0; width: 100%; overflow: hidden; text-align: justify; } /* B1.2 */ .punbb .post-sig dt { display: block; border: 1px solid; border-color: #a4a69a; margin: 5px 0; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 0.4em 0 0.4em 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-x: auto; overflow-y: hidden; padding-top: 0.5em; max-height: 100px; } /* B1.8 */ .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 0 0 1em 0; padding: 0.5em 1em; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; font-size: 1.1em; font-weight: bold; font-style: normal; margin: -8px -10px 3px; padding: 0.2em 0.5em 0.5em; background: rgba(84, 84, 84, 0.24); } /* B2 Information boxes -------------------------------------------------------------*/ /* B2.1 */ .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border: none; margin: 0 0 1.1em 0; } /* B2.2 */ .punbb .info-box * { padding: 0 0 0.7em 0; } /* B2.3 */ .punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; } /* B3 Pagination and posting links -------------------------------------------------------------*/ /* B3.1 */ .punbb .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; } /* B3.2 */ .multipage { margin-top: 3em; } /* B3.3 */ .linkst .pagelink { position: absolute; top: -5em; left: 1em; width: 24em; } /* B3.4 */ .linkst .postlink { position: absolute; top: -5em; right: 1em; width: 16em; text-align: right; font-weight: bold; padding: 0px; } /* B3.5 */ .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.1em; } /* B3.6 */ .linksb .pagelink { float: left; width: 24em; text-align: left; } /* B3.7 */ .linksb .postlink { float: right; width: 16em; font-weight: bold } /* B3.8 */ .subscribelink { clear:both; padding-top: 0.3em; 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 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 -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 { } /* 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 1em 0; height: 100%; /* For IE */ } /* C1.16 */ .punbb textarea, .punbb .longinput input { margin: 0; background: #adad9e; border: 4px solid #bcbcab !important; outline: 1px solid #351c30; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); } /* 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: justify; /* width: 60%;*/ width: auto; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%; } /* C2.3 */ .punbb .main .tcr { overflow: hidden; width: 25%; font-size: 0.9em; padding: 0 10px 0 0; } /* 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: right; 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.6em; font-weight: bold; font-family: Palatino Linotype; /* text-align: center; */ text-transform: uppercase; color: #bbbbaa!important; height: 30px; border-bottom: 1px dashed #424242; margin-bottom: 5px; } /* C2.9 */ .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } /* C2.10 */ .punbb td .modlist { display: none; } /* C2.11 */ .punbb .main td { border-style: dashed none none dashed; border-width: 0px 0 0 0px; padding: 0.8em 0.5em; } /* C2.12 */ .punbb .main th { border: none; padding: 0px 0em 0px 0em; } /* C2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 0; } * html .tclcon {height: 1px} /* C2.14 */ .punbb td div.tclcon { padding: 5px 10px 10px 60px; min-height: 30px; /* width: 90%; */ } /* C2.15 */ .punbb div.icon { float: left; display: block; width: 35px; height: 35px; margin: 0px 15px 0px 10px; } /* Фикс */ #pun-main .category .container {overflow: hidden} /* C3 Topics -------------------------------------------------------------*/ /* C3.1 */ .punbb .post .container { border: none; margin-top: -1px; padding: 0px; } /* C3.2 */ .punbb .post h3 { border-style:none; margin-left: 10px; } /* C3.3 */ .punbb .post h3 span { border: none; padding: 0em 7em 0 0em; display: block; /* margin-left: -150px; */ } /* C3.4 */ .punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; } /* C3.5 */ .punbb .post .post-author { float: left; width: 200px; margin: -7px -100px; } .punbb .post li.pa-author { padding: 5px 0; margin: -3px; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); background-color: #30192b; } /* C3.6 */ /* C3.7 */ .pa-author { font-size: 12px; text-align: center; text-transform: uppercase; } li.pa-online { line-height: 1.2em; padding: 5px 0; margin: 10px -3px -13px; color: #adb1a2; font-size: 11px; text-transform: lowercase; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); background-color: #424242; } /* C3.11 */ .punbb .post-body { margin-left: 110px; border-left-style: solid; border-left-width: 0px; padding: 0px 10px 0px 10px; } /* C3.12 */ .punbb .post-box { padding: 0 10px; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.14 */ .punbb .post-links { margin-left: 19em; border: none; } /* C3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left: -19em; margin-top: 2em; border-top-style: dashed; border-top-width: 0px; background: transparent; text-align: right; font-size: 11px; } /* C3.16 */ .punbb .post-links li { display: inline; padding-left: 1em; } /* C3.17 */ .pl-email, .pl-website { float: left; } /* C3.18 */ .punbb .clearer { clear: both; height: 0; font-size: 0; } /* C4 Moderator menu -------------------------------------------------------------*/ /* C4.1 */ .punbb .modmenu .container { margin-top: 4px; 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: 0.8em; } /* C6 Profile -------------------------------------------------------------*/ /* C6.1 */ #profile .container { padding-left: 18.6em; } /* C6.2 */ #profilenav { float: left; width: 14em; margin-left: -16.3em; display: inline; } /* C6.3 */ #profilenav li { padding-bottom: 0.8em; font-weight: bold; text-align: center; } /* C6.4 */ #viewprofile ul, #profilenav ul { padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; margin: 5px 6px 10px 6px; padding: 9px 12px 2px 12px; background: #adad9e; border: 4px solid #bcbcab !important; outline: 1px solid #351c30; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); } /* C6.5 */ #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; } /* C6.6 */ #viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; } /* C6.7 */ #viewprofile li, #setmods dl { padding: 0 0 0 16em; margin-bottom: 0.2em; } /* C6.8 */ #viewprofile li span { float: left; width: 14em; margin-left: -16em; padding: 0.5em 1em; font-weight: bold; } /*C6.9 */ #setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; } /* C6.10 */ #viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 0.5em 1em; font-weight: normal; } /* C6.11 */ .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em } /* C7 User list -------------------------------------------------------------*/ /* C7.1 */ #pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; } /* C7.2 */ #pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border-top: none; } /* C7.3 */ #pun-userlist .usertable table { border-style: solid; border-width: 1px; } /************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/ /* D1 Logo and description -------------------------------------------------------------*/ /* D1.1 */ #pun-title { margin: 0; border: none; margin-bottom: 0px; } /* D1.2 */ #pun-title h1 { display : block; margin: 0; } /* D1.3 */ #pun-title .container { border: none; } /* 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; padding-right: 0px; } #pun-title .title-logo { color: transparent; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; } /* D2.2 */ #pun-pagelinks .container { background: transparent; border: none; padding: 0 } /* D2.3 */ #pun-pagelinks .container li { display: inline } /* D2.4 */ #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%; } /* D2.5 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; } #pun-pagelinks li a span { display:block; margin: 0 1em } /* D3 Forum navigation -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks { margin: 0px; width: 950px; } /* D3.2 */ #pun-navlinks .container { border: none; padding: 0.6em 0em; text-align: center; } /* D.3 */ #pun-navlinks li { display: inline; margin: 0.8%; } /* D3.4 */ #pun-navlinks li a { font-size: 1em; text-transform: uppercase; letter-spacing: -0.5px; font-weight: 300!important; } /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { margin: 0px; width: 950px; } /* D4.2 */ #pun-ulinks .container { border: none; text-align: center; padding: 0.4em 0em; font-weight: bold; width: 100%; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; border: none; white-space: nowrap; font-size: 11px; font-weight: 300; } /* D4.4 */ #pun-ulinks li a { padding: 0 0.4em 0 0.4em; } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border: none; padding-left: 0 } /* D5 Welcome box and Top Breadcrumbs -------------------------------------------------------------*/ /* D5.1 */ #pun-crumbs1 .container, #pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; background: transparent; } /* D5.2 */ #pun-status .container { padding: 1em 1em 0.5em 1em; font-size: 11px; } /* D5.3 */ #pun-status span { white-space: nowrap; margin-right: 0.5em; } /* D5.4 */ #pun-crumbs1 { font-weight: bold; overflow: hidden; margin-top: 0; } /* D5.5 */ #pun-crumbs1 p.container { border-top: none; padding: 1em 1em 1em 1em; 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 0em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; font-weight: bold; } /* D6.2 */ #pun-announcement h2 span { display: none; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; } /* D6.3 */ #pun-announcement .container { padding: 0em 1em 1em 1em; } /* D7 Statistics -------------------------------------------------------------*/ /* 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: 0em; 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 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 */ /* 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%; margin-right: 6.5em; } /* D8.6 */ #pun-crumbs2 { font-weight: bold; overflow: hidden; margin-bottom: 0; border-bottom: none; } /* D8.7 */ #pun-crumbs2 .container { border-bottom: none; padding: 0.8em 1em; 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 mono", "courier new", courier, monospace } /* D9.8 */ #pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode { padding-bottom: 0; } li#navawards {display: none;} /*Фон под контейнеры в форме Ответа*/ #pun_wrap #post .container[id$="-area"]{ background: #bbbbaa; border: 2px solid #42424273 !important; outline: 1px solid #351c30; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); font: normal normal 500 14px/normal georgia; } /*надпись "важно"*/ span.stickytext { display: none; } /*точка перед темкой*/ td.tcr a:before { content: '• '; } /*поле для ввода текста*/ #main-reply { padding: 0.4em 0 0.4em 0.4em; } div#pun-live-rusff { display: none; } .scrollbox { height: 15em; } .quote-box blockquote .quote-box { border: 2px dashed #3d414c; } #pun-adnav .isactive ul.adsubnav a { color: #69517c; text-shadow: inset -1px -1px 8px black; }
Код:
/* CS1 Background and text colours -------------------------------------------------------------*/ html { background: url(https://forumstatic.ru/files/0019/5a/8e/87624.png) repeat-x top center fixed,url(https://forumstatic.ru/files/0019/5a/8e/38211.png) no-repeat top center fixed ; background-color: #1d1b13; } #pun { background: #a3a3a3 url() repeat top center; border: none; } #pun-title table { border: none; height: 20px; width: 850px; padding: 0px 0px 0px 0px; margin: 0; background: url() no-repeat top, url() no-repeat bottom; } #pun-about { margin: 0px 0px -12px -0px ; background: url("") no-repeat scroll center bottom transparent; width: 850px; border-top-style: none; height: 45px; } .punbb thead, .lastedit {display:none;} .post-author ul { text-align: center; } /* CS1.1 */ .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend { background-color: none; color: #303030; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color:transparent; color: #303030; } /* CS1.3 категории*/ #pun-stats h2, .punbb .main h2, #pun-debug h2 { background: transparent url()no-repeat; color: #303030; height: 24px; font-weight: bold; text-align: center; font-size: 0px; text-transform: none; margin: 0px; } .punbb .main h1 { background: transparent url()no-repeat; color: #2b2620; height: 25px; font-weight: bold; text-align: center; font-size: 16px; text-transform: none; margin: 0px; } .punbb-admin #pun-admain h2 {background: #351c30;} /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: none; color: #303030; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: none; color: #303030; } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: none; color: #303030; } /* CS1.7 */ .punbb #pun-main .quote-box, .punbb #pun-main .code-box { margin: 5px 6px 10px 6px; padding: 9px 12px 9px 12px; background: #adad9e; border: 4px solid #bcbcab !important; outline: 1px solid #351c30; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); } /* CS1.8 */ .offline li.pa-online strong { font-weight: normal; } .punbb textarea, .punbb select, {background: #f6f6f6; color: #303030; } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color:transparent;} /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: transparent; } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table{ border-color: transparent; } /* CS2.5 */ .punbb th { border-color: transparent; } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: transparent; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: transparent; } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: transparent; } .punbb .divider { border-color: transparent; } .punbb .formal fieldset .post-box, .punbb .info-box { border: none; } li.pa-online { border-left-color: transparent; } /* CS3 Links -------------------------------------------------------------*/ /* CS3.1 */ .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { color: #545454; text-decoration: none; font-weight: bold; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #545454; text-decoration: none; font-family: ; } /* CS3.2 */ .punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active { color: #545454; text-decoration: underline; font-family: ; } /* CS3.3 */ #pun-navlinks a { color: #bbbbaa; text-decoration: none; /* font-weight: 300;*/ } #pun-ulinks a { color:#bbbbaa; text-decoration: none; } /* CS3.4 */ #pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { color: #bbbbaa; text-decoration: underline; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #bbbbaa; text-decoration: underline; } /* CS4 Post status icons -------------------------------------------------------------*/ div.icon { background: url(https://forumstatic.ru/files/0019/b8/f6/18364.png) no-repeat; } tr.iclosed div.icon { background: url(https://forumstatic.ru/files/0019/b8/f6/37186.png) no-repeat; } tr.isticky div.icon { background: url(https://forumstatic.ru/files/0019/b8/f6/99865.png) no-repeat; } tr.inew div.icon { background: url(https://forumstatic.ru/files/0019/b8/f6/34939.png) no-repeat; } #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 450px; top: -70px; } /*Фон мини-профиля в Топике*/ .punbb .post .post-author { overflow: visible!important; border: 3px solid #bcbcab; outline: #351c30 solid 1px; padding-bottom: 10px; background-color: #adad9e; } /* разделитель постов */ #pun-viewtopic .post h3 { background: #adad9e url(https://forumstatic.ru/files/0019/b8/f6/21403.png) repeat scroll center top; width: 850px !important; margin: 0px 0 10px 0px; padding-top: 5px; padding-bottom: 5px; text-align: center; } /*профиль в сообщении*/ .pa-author a, .pa-author { color: #bbbbaa!important; } li.pa-title { padding: 0 0px 3px!important; text-align: center; font-size: 12px; margin: 3px 10px; font-family: Courier New; } } .pa-avatar img { max-width: 180px; max-height: 180px; } .pa-avatar img { border: 1px solid #351c30; } li.pa-fld2 { margin: 0 -3px 5px; text-align: center; } .lz { width: 180px; margin: 6px 13px!important; text-align: justify; font-size: 11px; /* text-align-last: center; font-family: Courier New;*/ } .anketa { padding: 5px 0; margin: 0 -3px!important; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); background-color: #30192b; } .anketa a{ color: #bbbbaa!important; } .pa-respect, .pa-posts { color: #545454!important; font-size: 11px; font-weight: bold; text-align: center; display: inline-block; width: 70px; line-height: 13px; margin: 5px 10px 5px!important; padding: 2px 0!important; text-transform: lowercase; } .admin-advert-block { width: 468px; height: 60px; display: none; } /* Прокрутка */ ::-webkit-scrollbar { width: 7px; height: 7px; } ::-webkit-scrollbar-track { background: #545454; } ::-webkit-scrollbar-thumb { background:#351c30; } /* выделение */ ::selection { background: none repeat scroll 0 0 #351c30; color: #bbbbaa; opacity: 0.4; } #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner{ display: none; position: fixed; left: 50%; top: 50%; margin: -135px 0 0 -384px; width: 768px; z-index: 100; background: #bcbcab; border: 4px solid #bcbcab !important; outline: 1px solid #351c30; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); } /* настройка блока навигации*/ div#pun-navlinks { position: absolute; text-align: center; top: -190px; left: 250px; width: 600px; background-color: #1d1b13c2; } div#pun-ulinks { text-transform: lowercase; position: absolute; text-align: center; top: 0px; width: 850px; background-color: #1d1b13c2; } hr { border-bottom: #a4a69a 1px solid; } .pun-modal .modal-inner { border: 3px double #2b271b!IMPORTANT; box-shadow: inset 0 0 3px 2px #2d271b!IMPORTANT; background: #a8a99a!IMPORTANT; } #profile-signature ul { padding: 1em 1em 1em 1em !IMPORTANT; } input.button { margin: 5px 6px 10px 6px; padding: 9px 12px 2px 12px; background: #adad9e; border: 4px solid #bcbcab !important; outline: 1px solid #351c30; padding: 3px 7px; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); } select#mod-options { padding: 9px 12px 2px 12px; background: #adad9e; border: 4px solid #bcbcab !important; outline: 1px solid #351c30; padding: 3px 7px; margin: 0 0 0 -4px; width: 208px; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); } .sinop { position: absolute; overflow: hidden; width: 566px; padding: 7px; background-color: #1d1b13; font-size: 11px; font-weight: 300; font-style: normal; color: #bbbbaa; text-align: justify; letter-spacing: -0.5px; left: 260px; top: -155px; height: 75px; } #sinop { font-size: 15px; text-align: center; padding-bottom: 4px; border-bottom: dashed 1px #bbbbaa; margin-bottom: 3px; margin-top: -8px; } .citate { position: absolute; display: none; width: 407px; font-weight: 300; font-style: normal; color: #bbbbaa; text-align: center; letter-spacing: -0.7px; left: 508px; top: 53px; height: 50px; } .citate1 { font-size: 14.5px; } .citate2 { font-size: 10px; } .navi { position: absolute; overflow: auto; width: 566px; padding: 7px; background-color: #1d1b13; font-size: 12px; font-weight: 300; font-style: normal; color: #a3a3a3; text-align: justify; letter-spacing: -0.5px; left: 260px; top: -60px; } .navi a { color: #bbbbaa!important; } .opis_link { text-align: center; margin-top: 10px!important; font-size: 11px; } .opis_link a { background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); background-color: #474747; padding: 3px 7px; border: 1px solid #bbbbaa; outline: 1px solid #342334; color: #bbbbaa!important; line-height: 28px; margin: 0 2px!important; } .opis_link a:hover { background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); background-color: #351c30; padding: 3px 7px; border: 1px solid #bbbbaa; outline: 1px solid #424242; color: #bbbbaa!important; } .topp { padding: 3px 0 0px; text-align: center; margin: 7px auto 0!important; min-height: 35px; width: 380px; background: #adad9e; border: 4px solid #bcbcab !important; outline: 1px solid #351c30; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); } .topp a img:hover {filter: grayscale(0%); opacity: 1; } .topp a img {transition: 2s; opacity: 0.7; filter: grayscale(100%); } .banners { position: absolute; overflow: hidden; bottom: -95px; height: 75px; width: 492px; padding: 5px; background-color: #42424259; border: 2px solid #bcbcab4a !important; } .banners2 { position: absolute; overflow: hidden; bottom: -95px; height: 75px; width: 300px; left: 537px; padding: 5px; background-color: #42424259; border: 2px solid #bcbcab4a !important; } .banners2 a img:hover { opacity: 1; filter: grayscale(0%); } .banners2 a img {transition: 2s; opacity: 0.6; filter: grayscale(100%); border: 3px double #b7b5a8; } .banners a img:hover { opacity: 1; filter: grayscale(0%); } .banners a img {transition: 2s; opacity: 0.6; filter: grayscale(100%); border: 3px double #b7b5a8; } marquee { max-height: 65px; padding: 3px; margin: 3px 0!important; }
Поделиться304.11.2018 23:21
структра
Код:/************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.css); @font-face { font-family: Typographer; /* Гарнитура шрифта */ src: url(https://forumstatic.ru/files/0019/5a/8e/25311.ttf); /* Путь к файлу со шрифтом */ } /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* A2.1 */ html, body {margin: 0 0 0 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.5 */ .punbb .main table { table-layout: fi#pun-status .containerxed; width:100%; } /* A2.6 */ .checkfield input[type=checkbox], .radiofield input[type=radio] {margin: 0 0.3em;} /* A2.7 */ p[class=checkfield] *, div[class=checkfield] *, fieldset[class=radiofield] * { height: 1.8em; vertical-align: middle } /* A3 Text setup -------------------------------------------------------------*/ /* A3.1 */ body { font-size: 100.01%; } /* A3.2 */ .punbb { font: normal 75% verdana, Tahoma, georgia, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Palatino Linotype, Serif; } /*A3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, georgia, 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: normal; letter-spacing: 1px; } .punbb h4, .punbb table { font-size: 1em; font-weight: normal; } /* A3.5 */ .punbb h1 span, .punbb h2 span { font-size: 1.1em; } .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; } .post-content td p:last-child { /* padding-bottom: 0; */ } /* 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 .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 { margin: 130px auto 120px auto; padding: 0px 18px 0px 18px; position: relative; width: 970px; } /* A5.2*/ .punbb { float: left; height: auto; width: 970px; } /* A5.3 */ #pun-redirect, #pun-maint { margin: 0px -18px; width: auto; float: none; background: #adad9e; border: 4px solid #bcbcab !important; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); } /* A5.4 */ .punbb .section, .punbb .main { margin-bottom: 1em; } /* A5.5 */ .punbb .category, { margin-top: 0.4em; } .punbb .post { background: url() no-repeat 0 0; padding-top: 7px; } /* A5.6 */ .punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; } /* 5.7 */ #pun-post .topic { margin-top: 1em; margin-left: 10px; } /* 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 0px 0px } /* A5.9 */ .punbb .container { border: none; } /* A5.10 */ #pun-stats h2, .punbb .main h2, #pun-debug h2, .punbb .section h2 span, #pun-main h1, #pun-debug h2 span, #pun-main h2 span { padding: 0px 0 0 0; border: none; } /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { padding: 0; margin: 0; width: 100%; overflow: hidden; text-align: justify; } /* B1.2 */ .punbb .post-sig dt { display: block; border: 1px solid; border-color: #a4a69a; margin: 5px 0; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 0.4em 0 0.4em 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-x: auto; overflow-y: hidden; padding-top: 0.5em; max-height: 100px; } /* B1.8 */ .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 0 0 1em 0; padding: 0.5em 1em; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; font-size: 1.1em; font-weight: bold; font-style: normal; margin: -8px -10px 3px; padding: 0.2em 0.5em 0.5em; background: rgba(84, 84, 84, 0.24); } /* B2 Information boxes -------------------------------------------------------------*/ /* B2.1 */ .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border: none; margin: 0 0 1.1em 0; } /* B2.2 */ .punbb .info-box * { padding: 0 0 0.7em 0; } /* B2.3 */ .punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; } /* B3 Pagination and posting links -------------------------------------------------------------*/ /* B3.1 */ .punbb .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; } /* B3.2 */ .multipage { margin-top: 3em; } /* B3.3 */ .linkst .pagelink { position: absolute; top: -5em; left: 1em; width: 24em; } /* B3.4 */ .linkst .postlink { position: absolute; top: -5em; right: 1em; width: 16em; text-align: right; font-weight: bold; padding: 0px; } /* B3.5 */ .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.1em; } /* B3.6 */ .linksb .pagelink { float: left; width: 24em; text-align: left; } /* B3.7 */ .linksb .postlink { float: right; width: 16em; font-weight: bold } /* B3.8 */ .subscribelink { clear:both; padding-top: 0.3em; 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 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 -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 { } /* 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 1em 0; height: 100%; /* For IE */ } /* C1.16 */ .punbb textarea, .punbb .longinput input { margin: 0; background: #adad9e; border: 4px solid #bcbcab !important; outline: 1px solid #351c30; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); } /* 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: justify; /* width: 60%;*/ width: auto; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%; } /* C2.3 */ .punbb .main .tcr { overflow: hidden; width: 25%; font-size: 0.9em; padding: 0 10px 0 0; } /* 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: right; 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.6em; font-weight: bold; font-family: Palatino Linotype; /* text-align: center; */ text-transform: uppercase; color: #bbbbaa!important; height: 30px; border-bottom: 1px dashed #424242; margin-bottom: 5px; } /* C2.9 */ .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } /* C2.10 */ .punbb td .modlist { display: none; } /* C2.11 */ .punbb .main td { border-style: dashed none none dashed; border-width: 0px 0 0 0px; padding: 0.8em 0.5em; } /* C2.12 */ .punbb .main th { border: none; padding: 0px 0em 0px 0em; } /* C2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 0; } * html .tclcon {height: 1px} /* C2.14 */ .punbb td div.tclcon { padding: 5px 10px 10px 60px; min-height: 30px; /* width: 90%; */ } /* C2.15 */ .punbb div.icon { float: left; display: block; width: 35px; height: 35px; margin: 0px 15px 0px 10px; } /* Фикс */ #pun-main .category .container {overflow: hidden} /* C3 Topics -------------------------------------------------------------*/ /* C3.1 */ .punbb .post .container { border: none; margin-top: -1px; padding: 0 10px; } /* C3.2 */ .punbb .post h3 { border-style:none; margin-left: 10px; } /* C3.3 */ .punbb .post h3 span { border: none; padding: 0em 7em 0 0em; display: block; /* margin-left: -150px; */ } /* C3.4 */ .punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; } /* C3.5 */ .punbb .post .post-author { float: left; width: 200px; margin-top: 7px; overflow: hidden; } .punbb .post li.pa-author { padding: 5px 0; margin: -3px; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); background-color: #30192b; } /* C3.6 */ /* C3.7 */ .pa-author { font-size: 12px; text-align: center; text-transform: uppercase; } li.pa-online { line-height: 1.2em; padding: 5px 0; margin: 10px -3px -13px; color: #adb1a2; font-size: 11px; text-transform: lowercase; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); background-color: #424242; } /* C3.11 */ .punbb .post-body { margin-left: 210px; border-left-style: solid; border-left-width: 0px; padding: 0px 10px 0px 10px; } /* C3.12 */ .punbb .post-box { padding: 0 10px; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.14 */ .punbb .post-links { margin-left: 19em; border: none; } /* C3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left: -19em; margin-top: 2em; border-top-style: dashed; border-top-width: 0px; background: transparent; text-align: right; font-size: 11px; } /* C3.16 */ .punbb .post-links li { display: inline; padding-left: 1em; } /* C3.17 */ .pl-email, .pl-website { float: left; } /* C3.18 */ .punbb .clearer { clear: both; height: 0; font-size: 0; } /* C4 Moderator menu -------------------------------------------------------------*/ /* C4.1 */ .punbb .modmenu .container { margin-top: 4px; 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: 0.8em; } /* C6 Profile -------------------------------------------------------------*/ /* C6.1 */ #profile .container { padding-left: 18.6em; } /* C6.2 */ #profilenav { float: left; width: 14em; margin-left: -16.3em; display: inline; } /* C6.3 */ #profilenav li { padding-bottom: 0.8em; font-weight: bold; text-align: center; } /* C6.4 */ #viewprofile ul, #profilenav ul { padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; margin: 5px 6px 10px 6px; padding: 9px 12px 2px 12px; background: #adad9e; border: 4px solid #bcbcab !important; outline: 1px solid #351c30; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); } /* C6.5 */ #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; } /* C6.6 */ #viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; } /* C6.7 */ #viewprofile li, #setmods dl { padding: 0 0 0 16em; margin-bottom: 0.2em; } /* C6.8 */ #viewprofile li span { float: left; width: 14em; margin-left: -16em; padding: 0.5em 1em; font-weight: bold; } /*C6.9 */ #setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; } /* C6.10 */ #viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 0.5em 1em; font-weight: normal; } /* C6.11 */ .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em } /* C7 User list -------------------------------------------------------------*/ /* C7.1 */ #pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; } /* C7.2 */ #pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border-top: none; } /* C7.3 */ #pun-userlist .usertable table { border-style: solid; border-width: 1px; } /************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/ /* D1 Logo and description -------------------------------------------------------------*/ /* D1.1 */ #pun-title { margin: 0; border: none; margin-bottom: 0px; } /* D1.2 */ #pun-title h1 { display : block; margin: 0; } /* D1.3 */ #pun-title .container { border: none; } /* D1.4 */ #pun-title h1 span { display: none; } #pun-title TD.title-logo-tdl { border: none; width: 100%; border-bottom: 1px solid #bcbcabf7; box-shadow: 0px 2px 0px #4a514a, 0px 4px 0px #342334; } #pun-title TD.title-logo-tdr { border: none; padding-right: 0px; } #pun-title .title-logo { color: transparent; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; } /* D2.2 */ #pun-pagelinks .container { background: transparent; border: none; padding: 0 } /* D2.3 */ #pun-pagelinks .container li { display: inline } /* D2.4 */ #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%; } /* D2.5 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; } #pun-pagelinks li a span { display:block; margin: 0 1em } /* D3 Forum navigation -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks { margin: 0px; width: 950px; } /* D3.2 */ #pun-navlinks .container { border: none; padding: 0.6em 0em; text-align: center; } /* D.3 */ #pun-navlinks li { display: inline; margin: 0.8%; } /* D3.4 */ #pun-navlinks li a { font-size: 1em; text-transform: uppercase; letter-spacing: -0.5px; font-weight: 300!important; } /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { margin: 0px; width: 950px; } /* D4.2 */ #pun-ulinks .container { border: none; text-align: center; padding: 0.4em 0em; font-weight: bold; width: 100%; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; border: none; white-space: nowrap; font-size: 11px; font-weight: 300; } /* D4.4 */ #pun-ulinks li a { padding: 0 0.4em 0 0.4em; } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border: none; padding-left: 0 } /* D5 Welcome box and Top Breadcrumbs -------------------------------------------------------------*/ /* D5.1 */ #pun-crumbs1 .container, #pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; background: transparent; } /* D5.2 */ #pun-status .container { padding: 1em 1em 0.5em 1em; font-size: 11px; } /* D5.3 */ #pun-status span { white-space: nowrap; margin-right: 0.5em; } /* D5.4 */ #pun-crumbs1 { font-weight: bold; overflow: hidden; margin-top: 0; } /* D5.5 */ #pun-crumbs1 p.container { border-top: none; padding: 1em 1em 1em 1em; 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 0em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; font-weight: bold; } /* D6.2 */ #pun-announcement h2 span { display: none; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; } /* D6.3 */ #pun-announcement .container { padding: 0em 1em 1em 1em; } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { padding: 10px 20px; background-image: url(https://forumstatic.ru/files/0019/b8/f6/50556.png); background-origin: padding-box; background-position: 10px 10px; background-repeat: no-repeat; background-size: auto; padding-left: 60px; } /* 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: 0em; 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 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 */ /* 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%; margin-right: 6.5em; margin-top: 2em; } /* D8.6 */ #pun-crumbs2 { font-weight: bold; overflow: hidden; margin-bottom: 0; border-bottom: none; } /* D8.7 */ #pun-crumbs2 .container { border-bottom: none; padding: 0.8em 1em; 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 mono", "courier new", courier, monospace } /* D9.8 */ #pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode { padding-bottom: 0; } li#navawards {display: none;} /*Фон под контейнеры в форме Ответа*/ #pun_wrap #post .container[id$="-area"]{ background: #bbbbaa; border: 2px solid #42424273 !important; outline: 1px solid #351c30; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); padding: 10px; margin: 20px 0; } /*надпись "важно"*/ span.stickytext { display: none; } /*точка перед темкой*/ td.tcr a:before { content: '• '; } /*чтобы отображалась иконка*/ #form-buttons td { padding: 0 1px!important; line-height: 0; background-position: center; background-repeat: no-repeat; border: 0; cursor: pointer !important; } /*поле для ввода текста*/ #main-reply { padding: 0.4em 0 0.4em 0.4em; } div#pun-live-rusff { display: none; } .scrollbox { height: 15em; } .quote-box blockquote .quote-box { border: 2px dashed #3d414c; } #pun-adnav .isactive ul.adsubnav a { color: #69517c; text-shadow: inset -1px -1px 8px black; }
стиль
Код:/* CS1 Background and text colours -------------------------------------------------------------*/ html { background: url(https://forumstatic.ru/files/0019/b8/f6/90544.png) no-repeat top center fixed; background-color: #080808; background-size: cover; } #pun { background: #bbbbaa url(https://forumstatic.ru/files/0019/b8/f6/90684.png) repeat top center; border: none; } #pun-title table { border: none; height: 320px; width: 1006px; padding: 0px 18px 0px 18px; margin: -120px -18px 0; background: url(https://forumstatic.ru/files/0019/b8/f6/59266.png) no-repeat top, url(https://forumstatic.ru/files/0019/b8/f6/29539.png) no-repeat bottom; } #pun-about { margin: 0px 0px -12px -18px ; background: url("https://forumstatic.ru/files/0019/b8/f6/80272.png") no-repeat scroll center bottom transparent; width: 1006px; border-top-style: none; height: 45px; } .opis { display: none; } .punbb thead, .lastedit {display:none;} .post-author ul { text-align: center; } /* CS1.1 */ .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend { background-color: none; color: #303030; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color:transparent; color: #303030; } /* CS1.3 категории*/ #pun-stats h2, .punbb .main h2, #pun-debug h2 { background: transparent url()no-repeat; color: #303030; height: 24px; font-weight: bold; text-align: center; font-size: 0px; text-transform: none; margin: 0px; } .punbb .main h1 { background: transparent url()no-repeat; color: #2b2620; height: 25px; font-weight: bold; text-align: center; font-size: 16px; text-transform: none; margin: 0px; } .punbb-admin #pun-admain h2 {background: #351c30;} /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: none; color: #303030; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: none; color: #303030; } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: none; color: #303030; } /* CS1.7 */ .punbb #pun-main .quote-box, .punbb #pun-main .code-box { margin: 5px 6px 10px 6px; padding: 9px 12px 9px 12px; background: #adad9e; border: 4px solid #bcbcab !important; outline: 1px solid #351c30; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); } /* CS1.8 */ .offline li.pa-online strong { font-weight: normal; } .punbb textarea, .punbb select, {background: #f6f6f6; color: #303030; } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color:transparent;} /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: transparent; } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table{ border-color: transparent; } /* CS2.5 */ .punbb th { border-color: transparent; } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: transparent; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: transparent; } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: transparent; } .punbb .divider { border-color: transparent; } .punbb .formal fieldset .post-box, .punbb .info-box { border: none; } li.pa-online { border-left-color: transparent; } /* CS3 Links -------------------------------------------------------------*/ /* CS3.1 */ .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { color: #545454; text-decoration: none; font-weight: bold; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #545454; text-decoration: none; font-family: ; } /* CS3.2 */ .punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active { color: #545454; text-decoration: underline; font-family: ; } /* CS3.3 */ #pun-navlinks a { color: #bbbbaa; text-decoration: none; /* font-weight: 300;*/ } #pun-ulinks a { color:#bbbbaa; text-decoration: none; } /* CS3.4 */ #pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { color: #bbbbaa; text-decoration: underline; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #bbbbaa; text-decoration: underline; } /* CS4 Post status icons -------------------------------------------------------------*/ div.icon { background: url(https://forumstatic.ru/files/0019/b8/f6/18364.png) no-repeat; } tr.iclosed div.icon { background: url(https://forumstatic.ru/files/0019/b8/f6/37186.png) no-repeat; } tr.isticky div.icon { background: url(https://forumstatic.ru/files/0019/b8/f6/99865.png) no-repeat; } tr.inew div.icon { background: url(https://forumstatic.ru/files/0019/b8/f6/34939.png) no-repeat; } #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 450px; top: -70px; } /*Фон мини-профиля в Топике*/ .punbb .post .post-author { overflow: visible!important; border: 3px solid #bcbcab; outline: #351c30 solid 1px; padding-bottom: 10px; background-color: #adad9e; } /* разделитель постов */ #pun-viewtopic .post h3 { background: #adad9e url(https://forumstatic.ru/files/0019/b8/f6/21403.png) repeat scroll center top; width: 970px !important; margin: 0px 0 10px 0px; padding-top: 5px; padding-bottom: 5px; text-align: center; } /*профиль в сообщении*/ .pa-author a, .pa-author { color: #bbbbaa!important; } li.pa-title { padding: 0 0px 3px!important; text-align: center; font-size: 12px; margin: 3px 10px; font-family: Courier New; } } .pa-avatar img { max-width: 180px; max-height: 180px; } .pa-avatar img { border: 1px solid #351c30; } li.pa-fld2 { margin: 0 -3px 5px; text-align: center; } .lz { width: 180px; margin: 6px 13px!important; text-align: justify; font-size: 11px; /* text-align-last: center; font-family: Courier New;*/ } .anketa { padding: 5px 0; margin: 0 -3px!important; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); background-color: #30192b; } .anketa a{ color: #bbbbaa!important; } .pa-respect, .pa-posts { color: #545454!important; font-size: 11px; font-weight: bold; text-align: center; display: inline-block; width: 70px; line-height: 13px; margin: 5px 10px 5px!important; padding: 2px 0!important; text-transform: lowercase; } .admin-advert-block { width: 468px; height: 60px; display: none; } /* Прокрутка */ ::-webkit-scrollbar { width: 7px; height: 7px; } ::-webkit-scrollbar-track { background: #545454; } ::-webkit-scrollbar-thumb { background:#351c30; } /* выделение */ ::selection { background: none repeat scroll 0 0 #351c30; color: #bbbbaa; opacity: 0.4; } #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner{ display: none; position: fixed; left: 50%; top: 50%; margin: -135px 0 0 -384px; width: 768px; z-index: 100; background: #bcbcab; border: 4px solid #bcbcab !important; outline: 1px solid #351c30; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); } /* настройка блока навигации*/ div#pun-navlinks { position: absolute; text-align: center; top: -30px; left: 135px; width: 730px; background-color: #555555; border: 1px solid #bbbbaa; outline: 3px solid #342334; background-image: url(https://forumstatic.ru/files/0019/b8/f6/20170.png); } div#pun-ulinks { text-transform: lowercase; position: absolute; text-align: center; top: 0px; left: 85px; width: 830px; background-color: #444444; border: 1px solid #bbbbaa; outline: 3px solid #342334; background-image: url(https://forumstatic.ru/files/0019/b8/f6/20170.png); } hr { border-bottom: #a4a69a 1px solid; } .pun-modal .modal-inner { border: 3px double #2b271b!IMPORTANT; box-shadow: inset 0 0 3px 2px #2d271b!IMPORTANT; background: #a8a99a!IMPORTANT; } #profile-signature ul { padding: 1em 1em 1em 1em !IMPORTANT; } input.button { margin: 5px 6px 10px 6px; padding: 9px 12px 2px 12px; background: #adad9e; border: 4px solid #bcbcab !important; outline: 1px solid #351c30; padding: 3px 7px; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); } select#mod-options { padding: 9px 12px 2px 12px; background: #adad9e; border: 4px solid #bcbcab !important; outline: 1px solid #351c30; padding: 3px 7px; margin: 0 0 0 -4px; width: 208px; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); } .sinop { position: absolute; overflow: hidden; width: 393px; padding: 7px; background-color: #342334; font-size: 11px; font-weight: 300; font-style: normal; color: #bbbbaa; text-align: justify; letter-spacing: -0.5px; left: 85px; top: 50px; height: 110px; border: 1px solid #bbbbaa; outline: 3px solid #555555; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); } #sinop { font-size: 13px; text-align: center; padding-bottom: 4px; border-bottom: dashed 1px #bbbbaa; margin-bottom: 3px; margin-top: -4px; } .citate { position: absolute; width: 407px; font-weight: 300; font-style: normal; color: #bbbbaa; text-align: center; letter-spacing: -0.7px; left: 508px; top: 53px; height: 50px; } .citate1 { font-size: 14.5px; } .citate2 { font-size: 10px; } .navi { position: absolute; overflow: auto; width: 393px; padding: 10px 7px; background-color: #444444; font-size: 10.5px; font-weight: 300; font-style: normal; color: #bbbbaa; text-align: center; /* text-align: justify; */ letter-spacing: -0.5px; left: 508px; top: 114px; height: 40px; border: 1px solid #bbbbaa; outline: 3px solid #342334; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); } .navi a { color: #bbbbaa!important; } .opis_link { text-align: center; margin-top: 10px!important; font-size: 11px; } .opis_link a { background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); background-color: #474747; padding: 3px 7px; border: 1px solid #bbbbaa; outline: 1px solid #342334; color: #bbbbaa!important; line-height: 28px; margin: 0 2px!important; } .opis_link a:hover { background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); background-color: #351c30; padding: 3px 7px; border: 1px solid #bbbbaa; outline: 1px solid #424242; color: #bbbbaa!important; } .topp { padding: 3px 0 0px; text-align: center; margin: 7px auto 0!important; min-height: 35px; width: 380px; background: #adad9e; border: 4px solid #bcbcab !important; outline: 1px solid #351c30; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); } .topp a img:hover {filter: grayscale(0%); opacity: 1; } .topp a img {transition: 2s; opacity: 0.7; filter: grayscale(100%); } .banners { position: absolute; overflow: hidden; bottom: -95px; height: 75px; left: 2px; width: 989px; padding: 5px; background-color: #42424259; border: 2px solid #bcbcab4a !important; outline: 1px solid #351c30; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); } .banners a img:hover { opacity: 1; filter: grayscale(0%); } .banners a img {transition: 2s; opacity: 0.6; filter: grayscale(100%); border: 3px double #b7b5a8; } marquee { max-height: 38px; padding: 3px; margin: 3px 0!important; }
Низ
Код:<!--кнопки вверх вниз--> <div class="go-up" id='ToTop'><img src="https://forumstatic.ru/files/0019/b8/f6/59971.png" border="0" /></div> <div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/0019/b8/f6/66821.png" border="0" /></div> <style> .go-up,.go-down { display:none; position:fixed; /*позиционируем*/ right:80px; /*указываем положение, если слева - left*/ z-index:9999; /*показываем поверх все элементов на странице*/ cursor:pointer; opacity:0.7; /*прозрачность*/ margin-bottom:40px; /*отступ снизу (можно не указывать)*/ width:50px; /*ширина кнопки*/ height:25px; /*высота кнопки*/ } .go-up { bottom:500px; /*положение от низа окна браузера верхняя кнопка*/ } .go-down { bottom:450px; /*положение от низа окна браузера нижняя кнопка кнопка*/ } .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 type="text/javascript"> var param = (function(a) {if (a == "") return {};var b = {};for (var i = 0; i < a.length; ++i){var p=a[i].split('=');if (p.length != 2) continue;b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));}return b;})(window.location.search.substr(1).split('&'));var text = localStorage.getItem('topic'+param['id']);if(text) { $('#post textarea#main-reply').val(text);}$('#post textarea#main-reply').bind('keydown keypress keyup', function(e){var text = $(this).val();localStorage.setItem('topic'+param['id'], text);});$('#post').submit(function() {localStorage.removeItem('topic'+param['id']);}); </script> <!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. --> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script> <script type="text/javascript">select_text.linkText = 'взять себе' //текст ссылки</script> <!-- Отправка сообщения Ctrl+Enter --> <script type="text/javascript"> document.onkeydown=function(e){ if (e) event=e if ((event.keyCode==13)&&(event.ctrlKey)){ document.getElementById('post').submit.click(); }} </script> <div class="sinop"><div id="sinop">южная готика, мистика, эпизоды, nc-18</div> К новоприбывшим Город поворачивается острым углом: разбейся о него до крови - и сможешь войти. Напои эмоциями топкое болото, подкорми плодородные земли потаенными желаниями, с благоговением почитай его незримых божков. Разводы на илистой воде: в каждом новом круге старая история, но ты навряд ли заметишь это. С возвращением, и прощай! <br><b>Игровой промежуток:</b> сентябрь - 15 октября 2017 </div> <div class="citate"><div class="citate1">Call unto me, and I will answer thee, and shew thee great and mighty things, which thou knowest not. </div> <div class="citate2">Jeremiah 33:3</div></div> <div class="navi"> <a href="http://oldsouth.rusff.me/viewtopic.php?id=3">гостевая</a> • <a href="http://oldsouth.rusff.me/viewtopic.php?id=2">правила</a> • <a href="http://oldsouth.rusff.me/viewtopic.php?id=20">новости</a> • <a href="http://oldsouth.rusff.me/viewtopic.php?id=11#p36">имена и лица</a> • <a href="http://oldsouth.rusff.me/viewtopic.php?id=11#p37">занятость</a> <br> <a href="http://oldsouth.rusff.me/viewtopic.php?id=41">сюжетные ветки</a> • <a href="http://oldsouth.rusff.me/viewtopic.php?id=33">о городе</a> • <a href="http://oldsouth.rusff.me/viewtopic.php?id=39#p87">о болотах</a> • <a href="http://oldsouth.rusff.me/viewtopic.php?id=32">о ковене</a> • <a href="http://oldsouth.rusff.me/viewtopic.php?id=34">для справки</a> <br> <a href="http://oldsouth.rusff.me/viewforum.php?id=2">акции</a> • <a href="http://oldsouth.rusff.me/viewtopic.php?id=8">нужные</a> • <a href="http://oldsouth.rusff.me/viewtopic.php?id=30">хочу к вам</a> • <a href="http://oldsouth.rusff.me/viewtopic.php?id=29">шаблон анкеты</a> </div>
верх
Код:<!--Своя картинка в каждую категорию --> <script type="text/javascript"> $(document).ready(function(){ myarray=new Array( "книга первая", "https://forumstatic.ru/files/0019/b8/f6/93097.png", "книга вторая", "https://forumstatic.ru/files/0019/b8/f6/76728.png", "книга третья", "https://forumstatic.ru/files/0019/b8/f6/15049.png", "книга четвертая", "https://forumstatic.ru/files/0019/b8/f6/65423.png", "книга пятая", "https://forumstatic.ru/files/0019/b8/f6/70007.png", "Статистика форума", "" //Последний элемент без запятой! ) $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) { for(q=0;q<myarray.length;q++){ var cssObj = { "height":"50px", "font-size": "0.0em", "margin": "5px 0", "background-color": "transparent", "background-image":"url("+myarray[q+1]+")", /* "background-position":"50% 50%",*/ "background-repeat":"no-repeat" //Последний элемент без запятой! } if($(this).children("span").text()==myarray[q])$(this).css(cssObj); q++} }); }); </script> <!-- Запрет редактирования постов в определенных форумах <script type="text/javascript"> /* Запрет редактирования первого поста */ var FirstPost_NoEdit = { //ID форума //Группы с запретом 16: [3,4,5,6,7], //!Последний элемент без запятой } var DisallowOnlyFirst = 1 ; // Запрет редактирования: 0 - всех постов, 1 - только первых постов </script><style id="HideEdit1">.post .pl-edit,#pun-edit #post{display:none!important}</style> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/81542.js"></script> --> <!--замена слов--> <script type="text/javascript"> $(".item1").contents().each(function() { if(this.nodeType == 3) this.nodeValue = this.nodeValue.replace("Привет,", "Добро пожаловать во Фрей-Роуз,"); }); </script> <script> function UniverСhange(selektor,changed,substitute){ $(selektor).each(function(){if ($(this).parent().html()!=null){if($(this).parent().html().indexOf(changed)!=-1){ $(this).parent().html($(this).parent().html().replace(changed,substitute));};};});} UniverСhange("#pun-stats .item3","Посетили за сутки","Посетили Фрей-Роуз:"); UniverСhange("#pun-stats .item4","Последним зарегистрировался:","Новичок в городе:"); UniverСhange("#pun-stats .item5","Активны","Сейчас во Фрей-Роузе:"); UniverСhange("#pun-stats .item3","Зарегистрированных пользователей","Жителей"); //На следующей строке можно добавить еще запрос </script> <script type="text/javascript"> $("#navindex a span").replaceWith("Фрей-Роуз"); $("#navuserlist a span").replaceWith("Жители"); $("#navrules a span").replaceWith("Правила"); $("#navsearch a span").replaceWith("Поиск"); $("#navprofile a span").replaceWith("Паспорт"); $("#navpm a span").replaceWith("Почтовый ящик"); $("#navadmin a span").replaceWith("Админка"); $("#navlogout a span").replaceWith("Уехать"); $("#navregister a span").replaceWith("Регистрация"); $("#navlogin a span").replaceWith("Въезд"); </script> <!--ФОРМА ОТВЕТА ВЫРАВНИВАНИЕ ТЕКСТА ПО ШИРИНЕ--> <style> #button-mybb {background-image:url('http://icons.iconarchive.com/icons/famfamfam/silk/16/text-align-justify-icon.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%} </style> <script type="text/javascript"> if(form=document.getElementById("form-buttons")) form.getElementsByTagName("tr")[0].insertCell(8).innerHTML="<img src='/i/blank.gif' id='button-mybb' onclick=\"bbcode('[align=justify]', '[/align]');\"/>" </script> <!--ФОРМА ОТВЕТА ВЫРАВНИВАНИЕ ТЕКСТА ПО ШИРИНЕ--> <!--НОВЫЕ СООБЩЕНИЯ--> <script type="text/javascript"> if(GroupID != 3) { $('#pun-ulinks .container').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>'); } </script> <!--смена имиджа--> <script src="http://f.etrin.ru/hvss/hvss.min.js"></script> <script> hvScriptSet.addMask({ guestAccess: ['But Nothing is Forgotten', 'There You Are', 'Beware of the Spirits', 'Remember Your Past', 'Accept the Inevitable', 'The Swamps Own You', 'Something Hidden', 'Wants to be Shown', 'The Tombstones Whist', 'The Drowned are Faceless'], forumAccessExtended: { 'Going Uphill': ['Жители'], 'There You Are': ['Жители'], 'Beware of the Spirits': ['Жители'], 'Remember Your Past': ['Жители'], 'Accept the Inevitable': ['Жители'], 'Something Hidden': ['Жители'], 'Wants to be Shown': ['Жители'] }, changeList: { 'pafld1': { title: 'личное звание', description: 'вставить', tag: 'lzsm', class: 'pa-fld2', defaultCode: '<div class="lz"> личное звание </div>', type: 'html' }, 'pafld2': { title: 'анкета', description: 'вставить', tag: 'ank', class: 'pa-fld1', defaultCode: '<div class="anketa"> <a href="ссылка на анкету">имя фамилия</a></div>', type: 'html' } }, userFields: ['pa-author', 'pa-fld2', 'pa-avatar', 'pa-title', 'pa-fld1', 'pa-posts', 'pa-respect', 'pa-ip', 'pa-online'] }); </script> <!--Отступы--> <style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style> <script type="text/javascript">(function(){ var b = '[indent]'; $("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif" onclick="smile(\''+b+'\')"></td>'); var indent = '<span style="display:inline-block;margin:0 0 1em 2.5em;"></span>'; /*удвоенные Отступы сверху и слева*/ $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}()); </script> <!-- Скрытие названия поля профиля --> <script type="text/javascript"> var A=[1,2,3] $(".post .post-author li").each(function (){ for(var i=0; i<A.length;i++){if($(this).hasClass("pa-fld"+A[i])){ $(this).html($(this).html().replace(/^[^:]*:/,''));}};}); </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 src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script> <script type="text/javascript"> PR.nick = 'The Glimpse'; //Ник PR-аккаунта PR.pass = '123456'; //Пароль PR-аккаунта PR.btn_text = 'Читатель 18+'; //Надпись на кнопке PR-входа(или ссылка на картинку); PR.set();</script> <script type="text/javascript"> PR.nick = 'The Whisper'; //Ник PR-аккаунта PR.pass = '123456'; //Пароль PR-аккаунта PR.btn_text = 'Реклама'; //Надпись на кнопке PR-входа(или ссылка на картинку); PR.set();</script> <!-- ВСТАВИТЬ КАРТИНКУ --> <script> var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>" $("#button-image").after(oldIMG); </script> <!-- ВСТАВИТЬ КАРТИНКУ --> <!-- Увеличить шрифт --> <style> .FNTslider { border-radius: 4px; position:relative;z-index:1000; background: #bbbbaa; width: 110px; height: 5px; margin: 3px 5px; border: solid 1px #bbbbaa; float: right; margin-right: 7%; } .FNTslider .before { height: 5px; border: solid 1px transparent; border-right: none 0; border-radius: 4px 0 0 4px; position: absolute; background: #444444; margin-top: -1px; } .FNTslider .thumb { width: 8px; height: 13px; border-radius: 3px; position: relative; top: -4px; background: #342334; cursor: pointer; } </style> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script> <!-- Запрет редактирования профиля для группы лиц --> <script type="text/javascript"> if(GroupID==6 || GroupID==7&&document.URL.indexOf("profile.php")!=-1){$("#profile .container").replaceWith("<div style='color:#351c30; padding: 10px 10px 10px 10px;'><b>Администратор запретил вам редактировать профиль.</b></div>"); } </script> <!-- Аватар по умолчанию --> <script type="text/javascript"> var DefAvtr = 'https://forumstatic.ru/files/0019/b8/f6/33110.png'; //Ссылка на аватар по умолчанию var GuestAvtr = 'https://forumstatic.ru/files/0019/b8/f6/42854.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> <!--Переключение раскладки выделенного текста v.2 --> <style>#button-transL{background-image:url(http://uploads.ru/i/X/j/Z/XjZW7.png)}</style> <script type="text/javascript">S='<img src="http://forum.mybb.ru/i/blank.gif" title="Lat ↔ Рус" onclick="LatRus();"/>'; $("#button-font").after('<td id=button-transL>'+S+'</td>'); function LatRus(){ lat0='|@#$^&/?qwertyuiopasdfghjkl;\'zxcvbnm,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split(''); lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split(''); lat.push('\\[','\\]','\\.','\\?','\\/','\\&','\\^','\\$','\\#','\\@','\\|'); rus0=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю,.?:;№"/').split(''); rus=('\,йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split(''); rus.unshift ('\\/','\\"','\\№','\\;','\\:','\\?','\\.'); var selstart = document.getElementById("main-reply").selectionStart; var selend = document.getElementById("main-reply").selectionEnd; L=$('#main-reply').val(); if (typeof selstart === "number" && typeof selend === "number"){ var TxtTrans1 = (L.substring(selstart,selend).search(/[qwertyuiopasdfghjklzxcvbnm]/i)!=-1?'rus':'lat'); var ar2=lat0,ar1=rus; if(TxtTrans1=='rus'){ar1=lat;ar2=rus0; selstart+=L.substring(selstart,selend).search(/[.,]*?[qwertyuiopasdfghjklzxcvbnm]/i); latend=L.substring(selstart,selend).search(/[йцукенгшщзфывапролджэячсмитьёхъю]/i); if (latend != -1) {selend = selstart+latend;}} L=L.substring(0,selstart) + L.substring(selstart,selend).replace(/[\s\S]*/mg,function(p){ for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}) + L.substring(selend);}$('#main-reply').val(L);}</script> <!--превращение дефиса в тире --> <script type="text/javascript"> $('.post-content p').each(function(){ function replacer(str){return str.replace(/-\s|–\s/gm,'— ');} var a = $(this).clone().wrap('<div></div>').parent().html(); var b = a.replace(/>[^<>]+</gim,replacer); if(a!=b)$(this).replaceWith(b) }); </script> <!--запятая после ника --> <script type="text/javascript"> function to(username) {insert('[b]' + username + '[/b]' + ', ');} </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> <!--ВЗАИМНАЯ РЕКЛАМА--> <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>"); $("body").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][url=http://oldsouth.rusff.me/][img]https://forumstatic.ru/files/0019/b8/f6/11864.png[/img][/url][/align]' +'\n'); advertiseCodes.push('[align=center][url=http://oldsouth.rusff.me/][img]https://forumstatic.ru/files/0019/b8/f6/84032.png[/img][/url][/align]' +'\n'); advertiseCodes.push('[align=center][url=http://oldsouth.rusff.me/][img]https://forumstatic.ru/files/0019/b8/f6/23607.png[/img][/url][/align]' +'\n'); advertiseCodes.push('[align=center][url=http://oldsouth.rusff.me/][img]https://forumstatic.ru/files/0019/b8/f6/46647.png[/img][/url][/align]' +'\n'); addAdvertiseLink(122); </script> <!--баннеры --> <div class="banners"><center> <a href="http://forum-top.ru/vote/6341" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_4.gif" alt="Рейтинг форумов Forum-top.ru" /></a> <!-- Top.Roleplay.Ru --> <script type="text/javascript" language="javascript"> var topRPGc="<img src='https://s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=25660&rnd=" + Math.random(); topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='https://rpgtop.su/25660' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='_blank'>"+ "<img src='//img.rpgtop.su/88x31x11x8.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> "; document.write(topRPGc); </script> <noscript> <img src='//s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=25660' width='1' height='1' border='0'><a href='https://rpgtop.su/25660' target='_blank'><img src='//img.rpgtop.su/88x31x11x8.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> </noscript> <!-- /Top.Roleplay.Ru --> <a title="Каталог фэнтези сайтов Палантир" href='https://palantir.in/?from=20074' target='_blank'> <script type="text/javascript"> Mz = "wh=" + screen.width + 'x' + screen.height; My = "<img src='https://palantir.in/count.php?id=20074&cid=counter2007_19.png"; My += "&cntc=none&rand=" + Math.random() + "&referer=" + encodeURIComponent(document.referrer); My += '&pg=' + encodeURIComponent(window.location.href); My += "' alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>"; document.write(My);</script> <noscript><img src="https://palantir.in/count.php?id=20074&cid=counter2007_19.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript> </a> <a href="http://lostmysoul.rusff.me" title="Lost soul" target=_blank><img src="https://i.imgur.com/vhdXXCO.gif"></a> <script language="JavaScript"> d = new Date(); var m = d.getTime(); m = m + '&url='; m = m + self.location; var a = '<a title="Каталог фэнтези сайтов и баннерообменная система Палантир" href="https://palantir.in/index.php?from=20074&rand=' + m + '" target="_blank"><img alt="Каталог фэнтези сайтов и баннерообменная система Палантир" src="https://palantir.in/showban2.php?type=1&from=20074&rand=' + m; a = a + '" width="88" height="31" border="0"></a>'; document.write(a); </script> <noscript><a title="Каталог фэнтези сайтов и баннерообменная система Палантир" href="https://palantir.in/index.php?from=20074" target="_blank"><img alt="Каталог фэнтези сайтов и баннерообменная система Палантир" src="https://palantir.in/showban2.php?type=1&from=20074" width="88" height="31" border="0"></a> </noscript> <a href="http://ever.rusff.me/" target="_blank"><img src="https://i.imgur.com/642xAzt.jpg"title="Ever after"border="0"width="88" height="30"></a> <a href="http://outlander.rusff.me/" title="Outlander. Dance of the flame." target="_blank"><img src="http://sd.uploads.ru/t/oiu4R.png" width="88px" height="31px"></a> <a href="http://postfactum.rusff.me" target="_blank"> <img src="https://forumstatic.ru/files/0019/9a/a5/14831.jpg" title="Enigma" border="0" alt="enigma"></a> <a href="http://lucomoria.rusff.me/" target="_blank"><img title="найди разницу между реальностью и игрой" src="http://funkyimg.com/i/2KxKE.jp"></a> <a href="http://swmedley.rusff.me" title="STAR WARS: Medley" target="_blank"><img src="https://forumstatic.ru/files/0018/1a/00/83981.gif" width="88" height="31" border="0" alt="STAR WARS: Medley"></a> <a href="http://northsolway.rusff.me/"><img src="https://forumstatic.ru/files/0017/95/0a/30587.jpg" title="North Solway " width=88 height=31 border=0></a> <a href="http://silvergard.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/2HW4s.gif" title="SILVERGARD" border="0" width="88" height="31"></a> <a title="Ходячие Мертвецы, 18+" href="http://thewalkingdead.f-rpg.ru/" target="_blank"><img src="https://forumstatic.ru/files/0019/34/22/72591.gif" alt="the WALKING DEAD" width="88" height="31" /></a> <a href="http://bnevada.rusff.me/" target="_blank"><img src="https://image.ibb.co/gNptxf/2.gif" title="b.nevada" border="0"width="88" height="31"></a> <a target="_blank" href="http://marmap.rusff.me/" title="Marauder's Map: What you always wanted to know about 1976"><img src="http://funkyimg.com/i/2uWEa.gif"></a> <a href="http://mchronicles.rusff.me/" target="_blank"><img title="The Marauders Chronicles" src="https://i.imgur.com/4B7O3CX.jpg"></a> <a href="http://wtfreaks.rolebb.com" target=_blank><img src="https://forumstatic.ru/files/0019/c7/66/16087.png" title="HP: Count Those Freaks"></a> <a href="http://gof.anihub.ru/"> <img src="https://i.imgur.com/LdohKjw.jpg" width="88px" height="31px" title='Первая MMOFRPG "Врата Судьбы": авторский мир, аниме, фэнтези, приключения; система игры эпизодическая, рейтинг 18+' alt="Gates of FATE" /></a> <a href="http://whitepr.0pk.ru/" title="Здесь может быть ваша реклама!" target=_blank> <img src="https://forumstatic.ru/files/0010/0e/ae/60444.gif" border="0" alt="White PR"></a> <a href="http://urchoice.rolka.su/" target="_blank"><img src="http://s2.uploads.ru/1tCcd.png" title="Каталог форумов" alt="LYL" width="88" height="31"></a> </center></div>
Поделиться404.03.2019 23:24
второй дизайн
Стиль
Код:/* CS1 Background and text colours -------------------------------------------------------------*/ html { background: url(https://forumstatic.ru/files/0019/5a/8e/32965.png) top center fixed; background-color: #0e0e0d; } #pun { background: #a4a295 url() repeat top center; border: none; } #pun-title table { border: none; height: 305px; width: 920px; padding: 0px 0px 0px 0px; margin: 0; background: url(https://forumstatic.ru/files/0019/5a/8e/81047.png) no-repeat top center, url() no-repeat bottom; } #pun-about { margin: 0px 0px -12px 0px; background: url(https://forumstatic.ru/files/0019/5a/8e/44251.png) no-repeat scroll center bottom transparent; width: 920px; height: 100px; } .category .container thead { display: none; } p.lastedit { display: none; } .post-author ul { text-align: center; } /* CS1.1 */ .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend { background-color: none; color: #303030; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color:transparent; color: #303030; } /* CS1.3 категории*/ #pun-stats h2, .punbb .main h2, #pun-debug h2 { background: transparent url()no-repeat; color: #303030; height: 24px; font-weight: bold; text-align: center; font-size: 0px; text-transform: none; margin: 0px; } .punbb .main h1 { background: transparent url()no-repeat; color: #2b2620; height: 25px; font-weight: bold; text-align: center; font-size: 16px; text-transform: none; margin: 0px; padding-right: 2em!important; } .punbb-admin #pun-admain h2 {background: #250501;} /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: none; color: #303030; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: none; color: #303030; } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: none; color: #303030; } /* CS1.7 */ .punbb #pun-main .quote-box, .punbb #pun-main .code-box { margin: 5px 6px 10px 6px; padding: 9px 12px 9px 12px; background: #b7b5a6; border: 3px solid #a4a295 !important; outline: 1px solid #c7c4b5; box-shadow: 15px 0px 0px -10px #554433, -15px 0px 0px -10px #554433; } /* CS1.8 */ .offline li.pa-online strong { font-weight: normal; } .punbb textarea, .punbb select, {background: #f6f6f6; color: #303030; } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color:transparent;} /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: transparent; } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table{ border-color: transparent; } /* CS2.5 */ .punbb th { border-color: transparent; } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: transparent; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: transparent; } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: transparent; } .punbb .divider { border-color: transparent; } .punbb .formal fieldset .post-box, .punbb .info-box { border: none; } li.pa-online { border-left-color: transparent; } /* CS3 Links -------------------------------------------------------------*/ /* CS3.1 */ .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { color: #250501; text-decoration: none; font-weight: bold; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #250501; text-decoration: none; font-family: ; } /* CS3.2 */ .punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active { color: #250501; text-decoration: underline; font-family: ; } /* CS3.3 */ #pun-navlinks a { color: #b7b5a6; text-decoration: none; /* font-weight: 300;*/ } #pun-ulinks a { color:#b7b5a6; text-decoration: none; } /* CS3.4 */ #pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { color: #a4a295; text-decoration: underline; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #a4a295; text-decoration: underline; } /* CS4 Post status icons -------------------------------------------------------------*/ div.icon { background: url(https://forumstatic.ru/files/0019/5a/8e/71370.png) no-repeat; } tr.iclosed div.icon { background: url(https://forumstatic.ru/files/0019/5a/8e/22500.png) no-repeat; } tr.isticky div.icon { background: url(https://forumstatic.ru/files/0019/5a/8e/22224.png) no-repeat; } tr.inew div.icon { background: url(https://forumstatic.ru/files/0019/5a/8e/87218.png) no-repeat; } #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 450px; top: -70px; } /*Фон мини-профиля в Топике*/ .punbb .post .post-author { /* overflow: visible!important; */ padding-bottom: 10px; background: #b7b5a6; border: 3px solid #a4a295 !important; /* outline: 1px solid #c7c4b5; */ box-shadow: 15px 0px 0px -10px #554433, -15px 0px 0px -10px #554433, 0px 15px 0px -10px #554433; } /* разделитель постов */ #pun-viewtopic .post h3 { background: #84817282; width: 920px !important; margin: 0px 0 10px 0px; padding-top: 5px; padding-bottom: 5px; text-align: center; } /*профиль в сообщении*/ .pa-author a, .pa-author { color: #b7b5a6!important; } li.pa-title { padding: 3px!important; text-align: center; font-size: 12px; margin: 4px 0px; font-family: Courier New; background: #a4a295; } .pa-avatar img { max-width: 180px; max-height: 180px; border: 1px solid #351c30; } li.pa-avatar.item2 { margin: 7px 0 0px; } li.pa-fld2 { margin: 5px 0; text-align: center; } .lz { width: 180px; margin: 6px 8px!important; text-align: justify; font-size: 11px; } .anketa { padding: 5px 0; margin: 8px 8px 0!important; /* background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); */ background-color: #939183; box-shadow: 0px 13px 0px -10px #554433, 0px -13px 0px -10px #554433; } .anketa a{ color: #250501!important; } .pa-respect, .pa-posts { color: #545454!important; font-size: 11px; font-weight: bold; text-align: center; display: inline-block; width: 70px; line-height: 13px; margin: 5px 10px 5px!important; padding: 2px 0!important; text-transform: lowercase; } .pa-respect a { color: #545454!important; } li.pa-online { margin-top: 10px; font-size: 10px; } .admin-advert-block { width: 468px; height: 60px; display: none; } /* Прокрутка */ ::-webkit-scrollbar { width: 7px; height: 7px; } ::-webkit-scrollbar-track { background: #b7b5a6; } ::-webkit-scrollbar-thumb { background:#554433; } /* выделение */ ::selection { background: #554433; color: #b7b5a6; opacity: 0.4; } #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner{ display: none; position: fixed; left: 50%; top: 50%; margin: -135px 0 0 -384px; width: 768px; z-index: 100; background: #b7b5a6; border: 3px solid #a4a295 !important; outline: 1px solid #c7c4b5; } /* настройка блока навигации*/ div#pun-navlinks { position: absolute; text-align: center; top: 30px; right: 0px; width: 600px; background-color: #1d1b13; } div#pun-ulinks { text-transform: lowercase; text-align: center; top: 0px; width: 906px; background-color: #250501; border: 3px solid #a4a295 !important; outline: 1px solid #c7c4b5; /* box-shadow: 15px 0px 0px -10px #554433, -15px 0px 0px -10px #554433; */ margin: 0 4px 3px; box-shadow: 0px 15px 0px -10px #554433, 0px -15px 0px -10px #554433; } hr { border-bottom: #a4a69a 1px solid; } .pun-modal .modal-inner { border: 3px double #2b271b!IMPORTANT; box-shadow: inset 0 0 3px 2px #2d271b!IMPORTANT; background: #a8a99a!IMPORTANT; } #profile-signature ul { padding: 1em 1em 1em 1em !IMPORTANT; } input.button { margin: 5px 6px 10px 6px; padding: 9px 12px 2px 12px; background: #b7b5a6; border: 3px solid #a4a295 !important; outline: 1px solid #c7c4b5; padding: 3px 7px; } select#mod-options { padding: 9px 12px 2px 12px; background: #b7b5a6; border: 3px solid #a4a295 !important; outline: 1px solid #c7c4b5; padding: 3px 7px; margin: 0 0 0 -4px; width: 208px; } .opis_link { text-align: center; margin-top: 5px!important; font-size: 11px; } .opis_link a { padding: 3px 7px; color: #bbbbaa!important; line-height: 28px; margin: 0 2px!important; background: #554433; border: 2px solid #c7c4b5 !important; outline: 1px solid #554433; } .opis_link a:hover { background-color: #250501; padding: 3px 7px; border: 2px solid #a4a295; outline: 1px solid #250501; color: #a4a295!important; } .opis { background-color: #554433; color: #c7c4b5; text-align: center; text-transform: uppercase; padding: 3px 0px; letter-spacing: 0.4px; font-size: 8px; text-shadow: -1px 1px #250501; } .opis_for2 { padding: 4px 8px 8px 8px; text-align: justify; font-size: 11px; background-color: #b7b5a6; } .sinop { position: absolute; top: 195px; left: 20px; width: 500px; height: 75px; text-align: justify; padding: 7px; background: #b7b5a6; border: 3px solid #a4a295 !important; outline: 1px solid #c7c4b5; /* box-shadow: 15px 0px 0px -10px #554433, -15px 0px 0px -10px #554433; */ } .navig { position: absolute; top: 235px; width: 324px; height: 39px; right: 20px; text-align: justify; font-size: 10px; padding: 5px; background: #b7b5a6; border: 3px solid #a4a295 !important; outline: 1px solid #c7c4b5; } div#sinop { position: absolute; top: 195px; right: 20px; width: 320px; height: 15px; text-align: center; font-size: 11px; padding: 5px 7px; color: #a4a295; border: 3px solid #a4a295 !important; outline: 1px solid #250501; /* box-shadow: 15px 0px 0px -10px #554433, -15px 0px 0px -10px #554433; */ background-color: #250501; /* box-shadow: 0px 13px 0px -10px #554433, 0px -13px 0px -10px #554433; */ } .topp { padding: 3px 0 0px; text-align: center; margin: 0px auto 0!important; } .banners { /* position: relative; overflow: auto; bottom: -12px; height: 80px; left: 0px; width: 500px; padding: 5px; border: 2px solid #bcbcab4a !important; background: #0e0e0d; border: 3px solid #c7c4b5 !important;*/ position: absolute; overflow: auto; bottom: 0px; height: 80px; left: 90px; width: 475px; padding: 5px; background: #100a07; } .bannerson { /* height: 80px; width: 390px; right: 0px; padding: 5px; position: absolute; overflow: auto; bottom: 0px; background: #0e0e0d; border: 3px solid #c7c4b5 !important;*/ position: absolute; overflow: auto; bottom: 0px; height: 77px; left: 575px; width: 250px; padding: 8px 0px 5px 5px; background: #100a07; } .bannerson a img:hover { opacity: 1; filter: grayscale(0%); } .bannerson a img {/*transition: 2s; opacity: 0.6; filter: grayscale(100%);*/ border: 1px double #b7b5a8; width: 70px; height: 70px; } .banners a img:hover, .topp a img:hover { opacity: 1; filter: grayscale(0%); } .banners a img, .topp a img {transition: 2s; opacity: 0.6; filter: grayscale(100%); border: 1px solid #b7b5a8; } marquee { max-height: 65px; padding: 3px; margin: 3px 0!important; } #pun-index div.category h2, #pun-index #pun-stats h2 { font-size: 14px; color: #a4a295; background-color: #250501; border: 3px solid #a4a295 !important; outline: 1px solid #c7c4b5; margin: 2px 4px 3px; padding: 6px 0px 0px; box-shadow: 0px 15px 0px -10px #554433, 0px -15px 0px -10px #554433; font-family: Typographer, Garamond; text-transform: uppercase; letter-spacing: 2px; } @font-face { font-family: Typographer; /* Гарнитура шрифта */ src: url(https://forumstatic.ru/files/0019/5a/8e/25311.ttf); /* Путь к файлу со шрифтом */ } @font-face { font-family: Kyrale; /* Гарнитура шрифта */ src: url(https://forumstatic.ru/files/0019/b8/f6/10369.ttf); /* Путь к файлу со шрифтом */ }
структура
Код:/************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.css); /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* A2.1 */ html, body {margin: 0 0 0 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.5 */ .punbb .main table { table-layout: fi#pun-status .containerxed; width:100%; } /* A2.6 */ .checkfield input[type=checkbox], .radiofield input[type=radio] {margin: 0 0.3em;} /* A2.7 */ p[class=checkfield] *, div[class=checkfield] *, fieldset[class=radiofield] * { height: 1.8em; vertical-align: middle } /* A3 Text setup -------------------------------------------------------------*/ /* A3.1 */ body { font-size: 100.01%; } /* A3.2 */ .punbb { font: normal 75% verdana, Tahoma, georgia, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Palatino Linotype, Serif; } /*A3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, georgia, 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: normal; letter-spacing: 1px; } .punbb h4, .punbb table { font-size: 1em; font-weight: normal; } /* A3.5 */ .punbb h1 span, .punbb h2 span { font-size: 1.1em; } .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; } .post-content td p:last-child { /* padding-bottom: 0; */ } /* 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 .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 { margin: 0px auto 20px auto; position: relative; width: 920px; } /* A5.2*/ .punbb { float: left; height: auto; width: 920px; } /* A5.3 */ #pun-redirect, #pun-maint { margin: 0px -18px; width: auto; float: none; background: #adad9e; border: 4px solid #bcbcab !important; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); } /* A5.4 */ .punbb .section, .punbb .main { margin-bottom: 1em; } /* A5.5 */ .punbb .category, { margin-top: 0.4em; } .punbb .post { background: url() no-repeat 0 0; padding-top: 7px; } /* A5.6 */ .punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; } /* 5.7 */ #pun-post .topic { margin-top: 1em; margin-left: 10px; } /* 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 0px 0px } /* A5.9 */ .punbb .container { border: none; } /* A5.10 */ #pun-stats h2, .punbb .main h2, #pun-debug h2, #pun-main h1, #pun-debug h2 span, #pun-main h2 span, .punbb .section h2 span { padding: 0px 0 0 0; border: none; } /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { padding: 0; margin: 0; width: 100%; overflow: hidden; text-align: justify; } /* B1.2 */ .punbb .post-sig dt { display: block; border: 0.5px solid; border-color: #554433; margin: 5px 0; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 0.4em 0 0.4em 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-x: auto; overflow-y: hidden; padding-top: 0.5em; max-height: 100px; } /* B1.8 */ .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 0 0 1em 0; padding: 0.5em 1em; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; font-size: 1.1em; font-weight: bold; font-style: normal; margin: -8px -10px 3px; padding: 0.2em 0.5em 0.5em; background: rgba(84, 84, 84, 0.24); } /* B2 Information boxes -------------------------------------------------------------*/ /* B2.1 */ .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border: none; margin: 0 0 1.1em 0; } /* B2.2 */ .punbb .info-box * { padding: 0 0 0.7em 0; } /* B2.3 */ .punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; } /* B3 Pagination and posting links -------------------------------------------------------------*/ /* B3.1 */ .punbb .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; } /* B3.2 */ .multipage { margin-top: 3em; } /* B3.3 */ .linkst .pagelink { position: absolute; top: -5em; left: 1em; width: 24em; } /* B3.4 */ .linkst .postlink { position: absolute; top: -5em; right: 1em; width: 16em; text-align: right; font-weight: bold; padding: 0px; } /* B3.5 */ .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.1em; } /* B3.6 */ .linksb .pagelink { float: left; width: 24em; text-align: left; } /* B3.7 */ .linksb .postlink { float: right; width: 16em; font-weight: bold } /* B3.8 */ .subscribelink { clear:both; padding-top: 0.3em; padding-bottom: 0.5em; } /************************************************************* C - MAIN CONTENT - SPECIFIC **************************************************************/ /* C1 Form layout -------------------------------------------------------------*/ /* C1.1 */ .punbb .formal .container { padding: 1em 2em 1em 2em; } /* 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 -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 { } /* 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 1em 0; height: 100%; /* For IE */ } /* C1.16 */ .punbb textarea, .punbb .longinput input { margin: 0; background: #b7b5a6; border: 3px solid #a4a295 !important; outline: 1px solid #c7c4b5; } /* 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: justify; /* width: 60%;*/ width: auto; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%; } /* C2.3 */ .punbb .main .tcr { overflow: hidden; width: 25%; font-size: 0.9em; padding: 0 10px 0 0; } /* 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: right; 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.4em; font-weight: bold; font-family: Typographer; /* text-align: center; */ text-transform: uppercase; color: #bbbbaa!important; height: 20px; margin-bottom: 5px; letter-spacing: 0.5px; } /* C2.9 */ .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } /* C2.10 */ .punbb td .modlist { display: none; } /* C2.11 */ .punbb .main td { border-style: dashed none none dashed; border-width: 0px 0 0 0px; padding: 0.8em 0.5em; } /* C2.12 */ .punbb .main th { border: none; padding: 0px 0em 0px 0em; } /* C2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 0; } * html .tclcon {height: 1px} /* C2.14 */ .punbb td div.tclcon { padding: 5px 10px 10px 20px; min-height: 30px; /* width: 90%; */ } /* C2.15 */ .punbb div.icon { float: left; display: block; width: 75px; height: 20px; margin: 5px 15px 0px 20px; } /* Фикс */ #pun-main .category .container {overflow: hidden} /* C3 Topics -------------------------------------------------------------*/ /* C3.1 */ .punbb .post .container { border: none; margin-top: -1px; padding: 0px; } /* C3.2 */ .punbb .post h3 { border-style:none; margin-left: 10px; margin: 0 0 15px 15px; } /* C3.3 */ .punbb .post h3 span { border: none; padding: 0em 7em 0px 0em; display: block; /* margin-left: -150px; */ } /* C3.4 */ .punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; } /* C3.5 */ .punbb .post .post-author { float: left; width: 195px; margin: -7px 10px; } .punbb .post li.pa-author { padding: 5px 0; margin-bottom: 5px; } /* C3.6 */ /* C3.7 */ .pa-author { font-size: 19px; text-align: center; /* text-transform: uppercase; */ font-family: Typographer, Kyrale, Garamond; letter-spacing: 1px; background-color: #250501; box-shadow: 0px 13px 0px -10px #554433, 0px -13px 0px -10px #554433; } } li.pa-online { line-height: 1.2em; padding: 5px 0; margin: 10px -3px -13px; color: #adb1a2; font-size: 11px; text-transform: lowercase; background-image: url(https://forumstatic.ru/files/0019/b8/f6/21403.png); background-color: #424242; } /* C3.11 */ .punbb .post-body { margin-left: 205px; border-left-style: solid; border-left-width: 0px; padding: 0px 5px 0px 10px; } /* C3.12 */ .punbb .post-box { padding: 0 10px; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.14 */ .punbb .post-links { margin-left: 19em; border: none; } /* C3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left: -19em; margin-top: 2em; border-top-style: dashed; border-top-width: 0px; background: transparent; text-align: right; font-size: 11px; } /* C3.16 */ .punbb .post-links li { display: inline; padding-left: 1em; } /* C3.17 */ .pl-email, .pl-website { float: left; } /* C3.18 */ .punbb .clearer { clear: both; height: 0; font-size: 0; } /* C4 Moderator menu -------------------------------------------------------------*/ /* C4.1 */ .punbb .modmenu .container { margin-top: 4px; 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: 0.8em; } /* C6 Profile -------------------------------------------------------------*/ /* C6.1 */ #profile .container { padding-left: 18.6em; } /* C6.2 */ #profilenav { float: left; width: 14em; margin-left: -16.3em; display: inline; } /* C6.3 */ #profilenav li { padding-bottom: 0.8em; font-weight: bold; text-align: center; } /* C6.4 */ #viewprofile ul, #profilenav ul { padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; margin: 5px 6px 10px 6px; padding: 9px 12px 2px 12px; background: #b7b5a6; border: 3px solid #a4a295 !important; outline: 1px solid #c7c4b5; } /* C6.5 */ #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; } /* C6.6 */ #viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; } /* C6.7 */ #viewprofile li, #setmods dl { padding: 0 0 0 16em; margin-bottom: 0.2em; } /* C6.8 */ #viewprofile li span { float: left; width: 14em; margin-left: -16em; padding: 0.5em 1em; font-weight: bold; } /*C6.9 */ #setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; } /* C6.10 */ #viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 0.5em 1em; font-weight: normal; } /* C6.11 */ .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em } /* C7 User list -------------------------------------------------------------*/ /* C7.1 */ #pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; } /* C7.2 */ #pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border-top: none; } /* C7.3 */ #pun-userlist .usertable table { border-style: solid; border-width: 1px; } /************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/ /* D1 Logo and description -------------------------------------------------------------*/ /* D1.1 */ #pun-title { margin: 0; border: none; margin-bottom: 0px; } /* D1.2 */ #pun-title h1 { display : block; margin: 0; } /* D1.3 */ #pun-title .container { border: none; } /* 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; padding-right: 0px; } #pun-title .title-logo { color: transparent; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; } /* D2.2 */ #pun-pagelinks .container { background: transparent; border: none; padding: 0 } /* D2.3 */ #pun-pagelinks .container li { display: inline } /* D2.4 */ #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%; } /* D2.5 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; } #pun-pagelinks li a span { display:block; margin: 0 1em } /* D3 Forum navigation -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks { margin: 0px; width: 950px; } /* D3.2 */ #pun-navlinks .container { border: none; padding: 0.6em 0em; text-align: center; } /* D.3 */ #pun-navlinks li { display: inline; margin: 0.8%; } /* D3.4 */ #pun-navlinks li a { font-size: 1em; text-transform: uppercase; letter-spacing: -0.5px; font-weight: 300!important; } /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { margin: 0px; width: 950px; } /* D4.2 */ #pun-ulinks .container { border: none; text-align: center; padding: 0.4em 0em; font-weight: bold; width: 100%; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; border: none; white-space: nowrap; font-size: 11px; font-weight: 300; } /* D4.4 */ #pun-ulinks li a { padding: 0 0.4em 0 0.4em; } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border: none; padding-left: 0 } /* D5 Welcome box and Top Breadcrumbs -------------------------------------------------------------*/ /* D5.1 */ #pun-crumbs1 .container, #pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; background: transparent; } /* D5.2 */ #pun-status .container { padding: 1em 1em 0.5em 1em; font-size: 11px; } /* D5.3 */ #pun-status span { white-space: nowrap; margin-right: 0.5em; } /* D5.4 */ #pun-crumbs1 { font-weight: bold; overflow: hidden; margin-top: 0; } /* D5.5 */ #pun-crumbs1 p.container { border-top: none; padding: 1em 1em 1em 1em; 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 0em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; font-weight: bold; } /* D6.2 */ #pun-announcement h2 span { display: none; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; } /* D6.3 */ #pun-announcement .container { padding: 0.5em 1em 1em 1em; } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { /* padding: 0.8em 1em;*/ padding: 10px 20px; background-image: url(https://forumstatic.ru/files/0019/b8/f6/50556.png); background-origin: padding-box; background-position: 10px 10px; background-repeat: no-repeat; background-size: auto; padding-left: 60px; } /* 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: 0em; 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 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 */ /* D8.4 */ #pun-about .container { border-top-style: none; text-align: center; line-height: 150%; padding: 0.8em 1em; } /* D8.5 */ #pun-about p span { display:block; padding-left: 50%; margin-right: 6.5em; } /* D8.6 */ #pun-crumbs2 { font-weight: bold; overflow: hidden; margin-bottom: 0; border-bottom: none; } /* D8.7 */ #pun-crumbs2 .container { border-bottom: none; padding: 0.8em 1em; 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 mono", "courier new", courier, monospace } /* D9.8 */ #pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode { padding-bottom: 0; } li#navawards {display: none;} /*Фон под контейнеры в форме Ответа*/ #pun_wrap #post .container[id$="-area"]{ background: #b7b5a6; border: 2px solid #a4a295 !important; outline: 1px solid #554433; padding: 10px; margin: 20px 0; } /*надпись "важно"*/ span.stickytext, span.closedatafield { display: none; } /*точка перед темкой*/ td.tcr a:before { content: '• '; } /*чтобы отображалась иконка*/ #form-buttons td { padding: 0 1px!important; line-height: 0; background-position: center; background-repeat: no-repeat; border: 0; cursor: pointer !important; } /*поле для ввода текста*/ #main-reply { padding: 0.4em 0 0.4em 0.4em; height: 200px; } div#pun-live-rusff { display: none; } .scrollbox { height: 15em; } .quote-box blockquote .quote-box { border: 2px dashed #3d414c; } #pun-adnav .isactive ul.adsubnav a { color: #69517c; text-shadow: inset -1px -1px 8px black; } span.pagestext { padding-left: 10px; }
верх
Код:<!-- Предпросмотр личных сообщений --><script type="text/javascript"> var forum_Preview = 71; //Форум с возможностью создания тем всем юзерам </script> <script type="text/javascript" src="https://forumstatic.ru/files/0013/61/e9/81572.js"></script> <!-- //Конец скриптов устанавливаемых в самое Начало HTML верх --> <!--кнопки вверх вниз--> <div class="go-up" id='ToTop'><img src="https://forumstatic.ru/files/0019/5a/8e/39439.png" border="0" /></div> <div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/0019/5a/8e/74537.png" border="0" /></div> <style> .go-up,.go-down { display:none; position:fixed; /*позиционируем*/ right:80px; /*указываем положение, если слева - left*/ z-index:9999; /*показываем поверх все элементов на странице*/ cursor:pointer; opacity:0.7; /*прозрачность*/ margin-bottom:40px; /*отступ снизу (можно не указывать)*/ width:50px; /*ширина кнопки*/ height:25px; /*высота кнопки*/ } .go-up { bottom:500px; /*положение от низа окна браузера верхняя кнопка*/ } .go-down { bottom:450px; /*положение от низа окна браузера нижняя кнопка кнопка*/ } .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 type="text/javascript"> var param = (function(a) {if (a == "") return {};var b = {};for (var i = 0; i < a.length; ++i){var p=a[i].split('=');if (p.length != 2) continue;b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));}return b;})(window.location.search.substr(1).split('&'));var text = localStorage.getItem('topic'+param['id']);if(text) { $('#post textarea#main-reply').val(text);}$('#post textarea#main-reply').bind('keydown keypress keyup', function(e){var text = $(this).val();localStorage.setItem('topic'+param['id'], text);});$('#post').submit(function() {localStorage.removeItem('topic'+param['id']);}); </script> <!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. --> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script> <script type="text/javascript">select_text.linkText = 'взять себе' //текст ссылки</script> <!--Запрет перехода на первую страницу При удалении Тем и сообщений --> <script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/33839.js"></script> <!-- Отправка сообщения Ctrl+Enter --> <script type="text/javascript"> document.onkeydown=function(e){ if (e) event=e if ((event.keyCode==13)&&(event.ctrlKey)){ document.getElementById('post').submit.click(); }} </script> <!--ШАПКА--> <div class="sinop2" id="sinop">мистика, эпизоды, 18+ / сентябрь - 15 октября 2017</div> <div class="sinop"> К новоприбывшим Город поворачивается острым углом: разбейся о него до крови - и сможешь войти. Напои эмоциями топкое болото, подкорми плодородные земли потаенными желаниями, с благоговением почитай его незримых божков. Разводы на илистой воде: в каждом новом круге старая история, но ты навряд ли заметишь это. С возвращением, и прощай! </div> <div class="navig"> <a href="http://oldsouth.rusff.me/viewtopic.php?id=3">›› гостевая</a> <a href="http://oldsouth.rusff.me/viewtopic.php?id=2">›› правила</a> <a href="http://oldsouth.rusff.me/viewtopic.php?id=41">›› сюжет</a> <a href="http://oldsouth.rusff.me/viewtopic.php?id=11#p36">›› внешности</a> <br> <a href="http://oldsouth.rusff.me/viewtopic.php?id=11#p37">›› занятость</a> <a href="http://oldsouth.rusff.me/viewtopic.php?id=33">›› город</a> <a href="http://oldsouth.rusff.me/viewtopic.php?id=39#p87">›› болота</a> <a href="http://oldsouth.rusff.me/viewtopic.php?id=32">›› ковен</a> <a href="http://oldsouth.rusff.me/viewforum.php?id=2">›› акции</a> <br> <a href="http://oldsouth.rusff.me/viewtopic.php?id=8">›› нужные</a> <a href="http://oldsouth.rusff.me/viewtopic.php?id=30">›› хочу к вам</a> <a href="http://oldsouth.rusff.me/viewtopic.php?id=29">›› шаблон анкеты</a> </div>
низ
Код:<!--Своя картинка в каждую категорию <script type="text/javascript"> $(document).ready(function(){ myarray=new Array( "книга первая", "https://forumstatic.ru/files/0019/b8/f6/93097.png", "книга вторая", "https://forumstatic.ru/files/0019/b8/f6/76728.png", "книга третья", "https://forumstatic.ru/files/0019/b8/f6/15049.png", "книга четвертая", "https://forumstatic.ru/files/0019/b8/f6/65423.png", "книга пятая", "https://forumstatic.ru/files/0019/b8/f6/70007.png", "Статистика форума", "" //Последний элемент без запятой! ) $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) { for(q=0;q<myarray.length;q++){ var cssObj = { "height":"50px", "font-size": "0.0em", "margin": "5px 0", "background-color": "transparent", "background-image":"url("+myarray[q+1]+")", /* "background-position":"50% 50%",*/ "background-repeat":"no-repeat" //Последний элемент без запятой! } if($(this).children("span").text()==myarray[q])$(this).css(cssObj); q++} }); }); </script> --> <!-- Шрифты мне подключил быстра аллё э --> <script type="text/javascript"> if (document.URL.indexOf("viewtopic") != -1) { var ft; var i; var ft_f; var j = ""; ft = document.getElementById("font-area"); var ft_f = new Array(); ft_f.push('Typographer'); ft_f.push('Kyrale'); 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> <!-- Запрет редактирования постов в определенных форумах <script type="text/javascript"> /* Запрет редактирования первого поста */ var FirstPost_NoEdit = { //ID форума //Группы с запретом 16: [3,4,5,6,7], //!Последний элемент без запятой } var DisallowOnlyFirst = 1 ; // Запрет редактирования: 0 - всех постов, 1 - только первых постов </script><style id="HideEdit1">.post .pl-edit,#pun-edit #post{display:none!important}</style> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/81542.js"></script> --> <!-- полный профиль --> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/44995.js"></script> <!--замена слов--> <script type="text/javascript"> $(".item1").contents().each(function() { if(this.nodeType == 3) this.nodeValue = this.nodeValue.replace("Привет,", "Добро пожаловать во Фрей-Роуз,"); }); </script> <script> function UniverСhange(selektor,changed,substitute){ $(selektor).each(function(){if ($(this).parent().html()!=null){if($(this).parent().html().indexOf(changed)!=-1){ $(this).parent().html($(this).parent().html().replace(changed,substitute));};};});} UniverСhange("#pun-stats .item3","Посетили за сутки","Посетили Фрей-Роуз:"); UniverСhange("#pun-stats .item4","Последним зарегистрировался:","Новичок в городе:"); UniverСhange("#pun-stats .item5","Активны","Сейчас во Фрей-Роузе:"); UniverСhange("#pun-stats .item3","Зарегистрированных пользователей","Жителей"); //На следующей строке можно добавить еще запрос </script> <script type="text/javascript"> $("#navindex a span").replaceWith("Фрей-Роуз"); $("#navuserlist a span").replaceWith("Жители"); $("#navrules a span").replaceWith("Правила"); $("#navsearch a span").replaceWith("Поиск"); $("#navprofile a span").replaceWith("Паспорт"); $("#navpm a span").replaceWith("Почтовый ящик"); $("#navadmin a span").replaceWith("Админство"); $("#navlogout a span").replaceWith("Уехать"); $("#navregister a span").replaceWith("Регистрация"); $("#navlogin a span").replaceWith("Въезд"); </script> <!--ФОРМА ОТВЕТА ВЫРАВНИВАНИЕ ТЕКСТА ПО ШИРИНЕ--> <style> #button-mybb {background-image:url('http://icons.iconarchive.com/icons/famfamfam/silk/16/text-align-justify-icon.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%} </style> <script type="text/javascript"> if(form=document.getElementById("form-buttons")) form.getElementsByTagName("tr")[0].insertCell(8).innerHTML="<img src='/i/blank.gif' id='button-mybb' onclick=\"bbcode('[align=justify]', '[/align]');\"/>" </script> <!--ФОРМА ОТВЕТА ВЫРАВНИВАНИЕ ТЕКСТА ПО ШИРИНЕ--> <!--НОВЫЕ СООБЩЕНИЯ--> <script type="text/javascript"> if(GroupID != 3) { $('#pun-ulinks .container').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>'); } </script> <!--смена имиджа--> <script src="http://f.etrin.ru/hvss/hvss.min.js"></script> <script> hvScriptSet.addMask({ guestAccess: ['But Nothing is Forgotten', 'There You Are', 'Beware of the Spirits', 'Remember Your Past', 'Accept the Inevitable', 'The Swamps Own You', 'Something Hidden', 'Wants to be Shown', 'The Tombstones Whist', 'The Drowned are Faceless'], forumAccessExtended: { 'Going Uphill': ['Жители', 'рабынемы'], 'There You Are': ['Жители', 'рабынемы'], 'Beware of the Spirits': ['Жители', 'рабынемы'], 'Remember Your Past': ['Жители', 'рабынемы'], 'Accept the Inevitable': ['Жители', 'рабынемы'], 'Something Hidden': ['Жители', 'рабынемы'], 'Wants to be Shown': ['Жители', 'рабынемы'] }, changeList: { 'pafld1': { title: 'личное звание', description: 'вставить', tag: 'lzsm', class: 'pa-fld2', defaultCode: '<div class="lz"> личное звание </div>', type: 'html' }, 'pafld2': { title: 'анкета', description: 'вставить', tag: 'ank', class: 'pa-fld1', defaultCode: '<div class="anketa"> <a href="ссылка на анкету">имя фамилия</a></div>', type: 'html' } }, userFields: ['pa-author', 'pa-fld2', 'pa-avatar', 'pa-title', 'pa-fld1', 'pa-posts', 'pa-respect', 'pa-ip', 'pa-online'] }); </script> <script src="https://forumstatic.ru/files/0017/95/29/32953.js"></script> <!--Отступы--> <style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style> <script type="text/javascript">(function(){ var b = '[indent]'; $("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif" onclick="smile(\''+b+'\')"></td>'); var indent = '<span style="display:inline-block;margin:0 0 1em 2.5em;"></span>'; /*удвоенные Отступы сверху и слева*/ $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}()); </script> <!-- Скрытие названия поля профиля --> <script type="text/javascript"> var A=[1,2,3] $(".post .post-author li").each(function (){ for(var i=0; i<A.length;i++){if($(this).hasClass("pa-fld"+A[i])){ $(this).html($(this).html().replace(/^[^:]*:/,''));}};}); </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 src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script> <script type="text/javascript"> PR.nick = 'The Glimpse'; //Ник PR-аккаунта PR.pass = '123456'; //Пароль PR-аккаунта PR.btn_text = 'Читатель 18+'; //Надпись на кнопке PR-входа(или ссылка на картинку); PR.set();</script> <script type="text/javascript"> PR.nick = 'The Whisper'; //Ник PR-аккаунта PR.pass = '123456'; //Пароль PR-аккаунта PR.btn_text = 'Реклама'; //Надпись на кнопке PR-входа(или ссылка на картинку); PR.set();</script> <!-- ВСТАВИТЬ КАРТИНКУ --> <script> var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>" $("#button-image").after(oldIMG); </script> <!-- ВСТАВИТЬ КАРТИНКУ --> <!--обтекание изображения 2.4.4--> <div id="float" style="display:none; background:#d6d6d6; color:#3e3e3e; border: 1px solid #3e3e3e; width: auto; padding:5px; position:absolute; margin-top:-40%; margin-left:35%; z-index:10"> <div><strong>Направление обтекания</strong></div><br> <div align="center"><img class="vibor" src="https://forumstatic.ru/files/0015/dd/40/52315.png" title="left" onclick="bbcode('[float=left]', '[/float]')" /> <img class="vibor" src="https://forumstatic.ru/files/0015/dd/40/32241.png" title="right" onclick="bbcode('[float=right]', '[/float]')" /></div></div> <script> /* обтекание изображения */ $(function(){ $('td#button-link').before('<td id="floatbut" style=\'background-image:url("https://forumstatic.ru/files/0015/dd/40/15488.gif")\'></td>'); $('#floatbut, .vibor').click(function(){ $('div#float').toggle();}); }); elm=document.getElementsByTagName("div") for(x in elm) if(elm[x].className=="post-content") { post = elm[x].innerHTML; if(post.indexOf("[/float]") != -1) { floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 8px 10px; text-align: $1;'>$2</span>") }} </script> <!-- Увеличить шрифт --> <style> .FNTslider { border-radius: 4px; position: relative; z-index: 1000; background: #bbbbaa; width: 100px; height: 6px; margin: 3px 0px; float: right; margin-right: 2%; } .FNTslider .before { height: 6px; border-right: none 0; border-radius: 4px 0 0 4px; position: absolute; background: #554433; } .FNTslider .thumb { width: 8px; height: 13px; border-radius: 3px; position: relative; top: -4px; background: #250501; cursor: pointer; } </style> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script> <!-- Запрет редактирования профиля для группы лиц --> <script type="text/javascript"> if(GroupID==6 || GroupID==7&&document.URL.indexOf("profile.php")!=-1){$("#profile .container").replaceWith("<div style='color:#351c30; padding: 10px 10px 10px 10px;'><b>Администратор запретил вам редактировать профиль.</b></div>"); } </script> <!-- Аватар по умолчанию --> <script type="text/javascript"> var DefAvtr = 'https://forumstatic.ru/files/0019/b8/f6/33110.png'; //Ссылка на аватар по умолчанию var GuestAvtr = 'https://forumstatic.ru/files/0019/b8/f6/42854.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> <!--Переключение раскладки выделенного текста v.2 --> <style>#button-transL{background-image:url(http://uploads.ru/i/X/j/Z/XjZW7.png)}</style> <script type="text/javascript">S='<img src="http://forum.mybb.ru/i/blank.gif" title="Lat ↔ Рус" onclick="LatRus();"/>'; $("#button-font").after('<td id=button-transL>'+S+'</td>'); function LatRus(){ lat0='|@#$^&/?qwertyuiopasdfghjkl;\'zxcvbnm,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split(''); lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split(''); lat.push('\\[','\\]','\\.','\\?','\\/','\\&','\\^','\\$','\\#','\\@','\\|'); rus0=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю,.?:;№"/').split(''); rus=('\,йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split(''); rus.unshift ('\\/','\\"','\\№','\\;','\\:','\\?','\\.'); var selstart = document.getElementById("main-reply").selectionStart; var selend = document.getElementById("main-reply").selectionEnd; L=$('#main-reply').val(); if (typeof selstart === "number" && typeof selend === "number"){ var TxtTrans1 = (L.substring(selstart,selend).search(/[qwertyuiopasdfghjklzxcvbnm]/i)!=-1?'rus':'lat'); var ar2=lat0,ar1=rus; if(TxtTrans1=='rus'){ar1=lat;ar2=rus0; selstart+=L.substring(selstart,selend).search(/[.,]*?[qwertyuiopasdfghjklzxcvbnm]/i); latend=L.substring(selstart,selend).search(/[йцукенгшщзфывапролджэячсмитьёхъю]/i); if (latend != -1) {selend = selstart+latend;}} L=L.substring(0,selstart) + L.substring(selstart,selend).replace(/[\s\S]*/mg,function(p){ for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}) + L.substring(selend);}$('#main-reply').val(L);}</script> <!--превращение дефиса в тире --> <script type="text/javascript"> $('.post-content p').each(function(){ function replacer(str){return str.replace(/-\s|–\s/gm,'— ');} var a = $(this).clone().wrap('<div></div>').parent().html(); var b = a.replace(/>[^<>]+</gim,replacer); if(a!=b)$(this).replaceWith(b) }); </script> <!--запятая после ника --> <script type="text/javascript"> function to(username) {insert('[b]' + username + '[/b]' + ', ');} </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> <!--ВЗАИМНАЯ РЕКЛАМА--> <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>"); $("body").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][url=http://oldsouth.rusff.me/][img]https://forumstatic.ru/files/0019/b8/f6/86335.png[/img][/url][/align]' +'\n'); advertiseCodes.push('[align=center][url=http://oldsouth.rusff.me/][img]https://forumstatic.ru/files/0019/b8/f6/96105.png[/img][/url][/align]' +'\n'); advertiseCodes.push('[align=center][url=http://oldsouth.rusff.me/][img]https://forumstatic.ru/files/0019/b8/f6/50696.png[/img][/url][/align]' +'\n'); advertiseCodes.push('[align=center][url=http://oldsouth.rusff.me/][img]https://forumstatic.ru/files/0019/b8/f6/24596.png[/img][/url][/align]' +'\n'); addAdvertiseLink(160); </script> <!--баннеры --> <div class="banners"><center> <a href="http://forum-top.ru/vote/6341" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_4.gif" alt="Рейтинг форумов Forum-top.ru" /></a> <!-- Top.Roleplay.Ru --> <script type="text/javascript" language="javascript"> var topRPGc="<img src='https://s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=25660&rnd=" + Math.random(); topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='https://rpgtop.su/25660' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='_blank'>"+ "<img src='//img.rpgtop.su/88x31x11x8.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> "; document.write(topRPGc); </script> <noscript> <img src='//s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=25660' width='1' height='1' border='0'><a href='https://rpgtop.su/25660' target='_blank'><img src='//img.rpgtop.su/88x31x11x8.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> </noscript> <!-- /Top.Roleplay.Ru --> <a title="Каталог фэнтези сайтов Палантир" href='https://palantir.in/?from=20074' target='_blank'> <script type="text/javascript"> Mz = "wh=" + screen.width + 'x' + screen.height; My = "<img src='https://palantir.in/count.php?id=20074&cid=counter2007_19.png"; My += "&cntc=none&rand=" + Math.random() + "&referer=" + encodeURIComponent(document.referrer); My += '&pg=' + encodeURIComponent(window.location.href); My += "' alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>"; document.write(My);</script> <noscript><img src="https://palantir.in/count.php?id=20074&cid=counter2007_19.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript> </a> <a href="http://norge.f-rpg.ru/" target="_blank"><img src="https://forumstatic.ru/files/0019/18/2c/51101.jpg" title="Egils Saga" alt="" width="88" height="31"></a> <a href="http://vfd.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/0019/f4/27/25872.jpg" border="0" width="88" height="31" title="Volunteer Fire Department"></a> <a target="_blank" href="http://dealwithdevil.rusff.me"><img src="https://i.yapx.ru/DOE18.gif" ></a> <a href="http://nonerf.rolka.su/"><img src="https://i.imgur.com/36boWe1.png" alt="Overwatch: No Nerf Jeff!"></a> <a href="http://outlander.rusff.me/" title="Outlander. Dance of the flame." target="_blank"><img src="http://sd.uploads.ru/t/oiu4R.png" width="88px" height="31px"></a> <a href="http://daaccord.f-rpg.ru/" title="Dragon Age: final accord, Тедас 9:47 ВД" target=_blank> <img src="https://forumstatic.ru/files/0019/75/58/93343.png" border="0" alt="Dragon Age: final accord, Тедас 9:47 ВД"></a> <a href="http://postfactum.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/0019/ed/84/74292.jpg" title="enigma"></a> <a href="http://swmedley.rusff.me" title="STAR WARS: Medley" target="_blank"><img src="https://forumstatic.ru/files/0018/1a/00/83981.gif" width="88" height="31" border="0" alt="STAR WARS: Medley"></a> <a title="Malefic Maleficarum" href="http://conclusio.mybb.ru/" target='_blank'> <img src="https://forumstatic.ru/files/0019/b0/3a/34623.jpg" alt='Palantir' title="Malefic Maleficarum" border=0 width="88px" height="31px"></a> <a href="http://northsolway.rusff.me/"><img src="https://forumstatic.ru/files/0017/95/0a/30587.jpg" title="North Solway " width=88 height=31 border=0></a> <a href="http://silvergard.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/2HW4s.gif" title="SILVERGARD" border="0" width="88" height="31"></a> <a title="Ходячие Мертвецы, 18+" href="http://thewalkingdead.f-rpg.ru/" target="_blank"><img src="https://forumstatic.ru/files/0019/34/22/72591.gif" alt="the WALKING DEAD" width="88" height="31" /></a> <a target="_blank" href="http://marmap.rusff.me/" title="Marauder's Map: What you always wanted to know about 1976"><img src="http://funkyimg.com/i/2uWEa.gif"></a> <a href="http://mchronicles.rusff.me/" target="_blank"><img title="The Marauders Chronicles" src="https://i.imgur.com/4B7O3CX.jpg"></a> <a href="http://wtfreaks.rolebb.com" target=_blank><img src="https://forumstatic.ru/files/0019/c7/66/16087.png" title="HP: Count Those Freaks"></a> <a href="http://gof.anihub.ru/" target="blank"> <img src="https://i.imgur.com/LdohKjw.jpg" width="88px" height="31px" title='Первая MMOFRPG "Врата Судьбы": авторский мир, аниме, фэнтези, приключения; система игры эпизодическая, рейтинг 18+' alt="Gates of FATE" /></a> <a href="http://jkisdead.rusff.me/" title="Town under the Arch" target="blank"><img src="http://s7.uploads.ru/pO27C.png"></a> <a href="http://swdecline.ru/"><img src="http://i.yapx.ru/B8jPc.jpg" border="0" alt="STAR WARS: Падение" width="88" height="31"></a> <a href="http://themistfrpg.rusff.me" target="_blank"><img src="http://s019.radikal.ru/i634/1708/ab/4ef859615c23.png" title="В тумане все кажется необыкновенным." /></a> <a href="http://namvnebo.ru/" title="Современная Греция. Афины. Люди, способные управлять силой Богов, Героев и Чудовищ. Найдешь себя в этом мире, смертный?..." target="blank"><img src="http://funkyimg.com/i/2iGMn.gif"></a> <a href="http://cwshelter.ru" target="_blank"><img src="https://forumstatic.ru/files/0019/c8/05/28123.gif" alt="СW: последнее пристанище" title="cw. последнее пристанище"></a> <a href="http://greentown.f-rpg.ru/" title="Garden Spells" target=_blank> <img src="http://funkyimg.com/i/2G1RH.png" border="0" alt="Garden Spells"></a> <br> <a href="http://whitepr.0pk.ru/" title="Здесь может быть ваша реклама!" target=_blank> <img src="https://forumstatic.ru/files/0010/0e/ae/60444.gif" border="0" alt="White PR"></a> <a href="http://urchoice.rolka.su/" target="_blank"><img src="http://s2.uploads.ru/1tCcd.png" title="Каталог форумов" alt="LYL" width="88" height="31"></a> <a href="http://miyron.rolka.su" target="_blank" ><img src="http://hunterworld.ucoz.ru/buttons/mijron.gif" border="0" title="Мийрон" alt="Мийрон"/></a> <script language="JavaScript"> d = new Date(); var m = d.getTime(); m = m + '&url='; m = m + self.location; var a = '<a title="Каталог фэнтези сайтов и баннерообменная система Палантир" href="https://palantir.in/index.php?from=20074&rand=' + m + '" target="_blank"><img alt="Каталог фэнтези сайтов и баннерообменная система Палантир" src="https://palantir.in/showban2.php?type=1&from=20074&rand=' + m; a = a + '" width="88" height="31" border="0"></a>'; document.write(a); </script> <noscript><a title="Каталог фэнтези сайтов и баннерообменная система Палантир" href="https://palantir.in/index.php?from=20074" target="_blank"><img alt="Каталог фэнтези сайтов и баннерообменная система Палантир" src="https://palantir.in/showban2.php?type=1&from=20074" width="88" height="31" border="0"></a> </noscript> </center></div> <div class="bannerson"><center> <style>#КонтентРотатор p{display:none}</style> <div id="КонтентРотатор"><!-- Ротатор произвольного контента --> <p> </p> <p> </p> </div> <script language="javascript"> var sek = 6000; // Время отображения - 3600001 - для при обновлении var Nrout=$("#КонтентРотатор p").length var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i); function RotatorMycontent(i) { $("#КонтентРотатор p").hide(); $("#КонтентРотатор p").eq(i).show(); j =Math.round(Math.random()*(Nrout-1)); timerID = setTimeout("RotatorMycontent(j)",sek);} </script> </center> </div>
Поделиться519.07.2020 15:57
третий дизайн
структура
Код:/************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.css); /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* A2.1 */ html, body {margin: 0 0 0 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.5 */ .punbb .main table { table-layout: fixed; width:100%; } /* A2.6 */ .checkfield input[type=checkbox], .radiofield input[type=radio] {margin: 0 0.3em;} /* A2.7 */ p[class=checkfield] *, div[class=checkfield] *, fieldset[class=radiofield] * { height: 1.8em; vertical-align: middle } /* A3 Text setup -------------------------------------------------------------*/ /* A3.1 */ body { font-size: 100.01%; } /* A3.2 */ .punbb { font: normal 75% verdana, Tahoma, georgia, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Palatino Linotype, Serif; } /*A3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, georgia, 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: normal; letter-spacing: 1px; } .punbb h4, .punbb table { font-size: 1em; font-weight: normal; } /* A3.5 */ .punbb h1 span, .punbb h2 span { font-size: 1.1em; } .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; } .post-content td p:last-child { /* padding-bottom: 0; */ } /* 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 .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 { margin: 80px auto 20px auto; position: relative; width: 950px; } /* A5.2*/ .punbb { float: left; height: auto; width: 940px; padding: 0px 5px 0px 5px; } /* A5.3 */ #pun-redirect, #pun-maint { margin: 0px -18px; width: auto; float: none; background: #ccbbaa url(https://forumstatic.ru/files/0019/5a/8e/63985.png); border: 4px solid #ccbbaa !important; outline: 2px solid #1c1b02; } /* A5.4 */ .punbb .section, .punbb .main { margin-bottom: 0em; } /* A5.5 */ .punbb .category, { margin-top: 0.4em; } .punbb .post { background: url() no-repeat 0 0; padding-top: 7px; } /* A5.6 */ .punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; } /* 5.7 */ #pun-post .topic { margin-top: 1em; margin-left: 10px; } /* 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 0px 0px } /* A5.9 */ .punbb .container { border: none; } /* A5.10 */ #pun-stats h2, .punbb .main h2, #pun-debug h2, #pun-main h1, #pun-debug h2 span, #pun-main h2 span, .punbb .section h2 span { padding: 0px 0 0 0; border: none; } /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { padding: 0; margin: 0; width: 100%; overflow: hidden; text-align: justify; } /* B1.2 */ .punbb .post-sig dt { display: block; border: 0.5px solid; border-color: #554433; margin: 5px 0; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 0.4em 0 0.4em 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-x: auto; overflow-y: hidden; padding-top: 0.5em; max-height: 100px; } /* B1.8 */ .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 0 0 1em 0; padding: 0.5em 1em; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; font-size: 1.1em; font-weight: bold; font-style: normal; margin: -8px -10px 3px; padding: 0.2em 0.5em 0.5em; background: rgba(84, 84, 84, 0.24); } /* B2 Information boxes -------------------------------------------------------------*/ /* B2.1 */ .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border: none; margin: 0 0 1.1em 0; } /* B2.2 */ .punbb .info-box * { padding: 0 0 0.7em 0; } /* B2.3 */ .punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; } /* B3 Pagination and posting links -------------------------------------------------------------*/ /* B3.1 */ .punbb .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; } /* B3.2 */ .multipage { margin-top: 3em; } /* B3.3 */ .linkst .pagelink { position: absolute; top: -5em; left: 1em; width: 24em; } /* B3.4 */ .linkst .postlink { position: absolute; top: -5em; right: 1em; width: 16em; text-align: right; font-weight: bold; padding: 0px; } /* B3.5 */ .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.1em; } /* B3.6 */ .linksb .pagelink { float: left; width: 24em; text-align: left; } /* B3.7 */ .linksb .postlink { float: right; width: 16em; font-weight: bold } /* B3.8 */ .subscribelink { clear:both; padding-top: 0.3em; padding-bottom: 0.5em; } /************************************************************* C - MAIN CONTENT - SPECIFIC **************************************************************/ /* C1 Form layout -------------------------------------------------------------*/ /* C1.1 */ .punbb .formal .container { padding: 1em 2em 1em 2em; } /* 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 -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: 0.2em 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 4em 1em 0; height: 100%; /* For IE */ } /* C1.16 */ .punbb textarea, .punbb .longinput input { margin: 0; background: #ccbbaa url(https://forumstatic.ru/files/0019/5a/8e/63985.png); border: 4px solid #ccbbaa !important; outline: 2px solid #1c1b02; } /* 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: justify; /* width: 60%;*/ width: auto; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%; } /* C2.3 */ .punbb .main .tcr { overflow: hidden; width: 25%; font-size: 0.9em; padding: 0 10px 0 0; } /* 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: right; 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-family: Typographer; text-transform: uppercase; color: #bbbbaa!important; letter-spacing: 1px; margin-left: 10px*/ font-family: Typographer; color: #bbbbaa!important; letter-spacing: 1px; margin: 0 0 5px 0px; font-size: 25px; font-style: italic; text-transform: uppercase; box-shadow: 0 1px 0 0 #1c1b02; } /* C2.9 */ .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } /* C2.10 */ .punbb td .modlist { display: none; } /* C2.11 */ .punbb .main td { border-style: dashed none none dashed; border-width: 0px 0 0 0px; padding: 0.8em 0.5em; } /* C2.12 */ .punbb .main th { border: none; padding: 0px 0em 0px 0em; } /* C2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 0; } * html .tclcon {height: 1px} /* C2.14 */ .punbb td div.tclcon { padding: 0 30px; min-height: 30px; /* width: 480px;*/ } /* C2.15 */ .punbb div.icon { float: left; display: block; width: 30px; height: 30px; margin: 0 15px 0 10px; } /* Фикс */ #pun-main .category .container {overflow: hidden} /* C3 Topics -------------------------------------------------------------*/ /* C3.1 */ .punbb .post .container { border: none; margin-top: -1px; padding: 0px; } /* C3.2 */ .punbb .post h3 { border-style:none; margin-left: 10px; margin: 0 0 15px 15px; } /* C3.3 */ .punbb .post h3 span { border: none; padding: 0em 7em 0px 0em; display: block; /* margin-left: -150px; */ } /* C3.4 */ .punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; } /* C3.5 */ .punbb .post .post-author { float: left; width: 214px; margin: -7px 10px; background: url(https://forumstatic.ru/files/0019/5a/8e/63985.png); } .punbb .post li.pa-author { margin-bottom: 10px; } /* C3.6 */ /* C3.7 */ .pa-author { font-size: 17px; text-align: center; font-family: Bark, Typographer, Kyrale, Garamond; letter-spacing: 1px; color: #ccbbaa; font-weight: bold; } li.pa-online { margin-top: 10px; font-size: 10px; } /* C3.11 */ .punbb .post-body { margin-left: 225px; border-left-style: solid; border-left-width: 0px; padding: 0 15px 0 5px; } /* C3.12 */ .punbb .post-box { padding: 0 10px; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.14 */ .punbb .post-links { margin-left: 19em; border: none; } /* C3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left: -19em; margin-top: 2em; border-top-style: dashed; border-top-width: 0px; background: transparent; text-align: right; font-size: 11px; } /* C3.16 */ .punbb .post-links li { display: inline; padding-left: 1em; } /* C3.17 */ .pl-email, .pl-website { float: left; } /* C3.18 */ .punbb .clearer { clear: both; height: 0; font-size: 0; } /* C4 Moderator menu -------------------------------------------------------------*/ /* C4.1 */ .punbb .modmenu .container { margin-top: 4px; 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: 0.8em; } /* C6 Profile -------------------------------------------------------------*/ /* C6.1 */ #profile .container { padding-left: 18.6em; } /* C6.2 */ #profilenav { float: left; width: 14em; margin-left: -16.3em; display: inline; } /* C6.3 */ #profilenav li { padding-bottom: 0.8em; font-weight: bold; text-align: center; } /* C6.4 */ #viewprofile ul, #profilenav ul { margin: 5px 6px 10px 6px; padding: 9px 12px 2px 12px; background: #ccbbaa url(https://forumstatic.ru/files/0019/5a/8e/63985.png); border: 4px solid #ccbbaa !important; outline: 2px solid #1c1b02; } /* C6.5 */ #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; } /* C6.6 */ #viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; } /* C6.7 */ #viewprofile li, #setmods dl { padding: 0 0 0 16em; margin-bottom: 0.2em; } /* C6.8 */ #viewprofile li span { float: left; width: 14em; margin-left: -16em; padding: 0.5em 1em; font-weight: bold; } /*C6.9 */ #setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; } /* C6.10 */ #viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 0.5em 1em; font-weight: normal; } /* C6.11 */ .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em } /* C7 User list -------------------------------------------------------------*/ /* C7.1 */ #pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; } /* C7.2 */ #pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border-top: none; } /* C7.3 */ #pun-userlist .usertable table { border-style: solid; border-width: 1px; } /************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/ /* D1 Logo and description -------------------------------------------------------------*/ /* D1.1 */ #pun-title { margin: 0; border: none; margin-bottom: 0px; } /* D1.2 */ #pun-title h1 { display : block; margin: 0; } /* D1.3 */ #pun-title .container { border: none; } /* 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; padding-right: 0px; } #pun-title .title-logo { color: transparent; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; } /* D2.2 */ #pun-pagelinks .container { background: transparent; border: none; padding: 0 } /* D2.3 */ #pun-pagelinks .container li { display: inline } /* D2.4 */ #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%; } /* D2.5 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; } #pun-pagelinks li a span { display:block; margin: 0 1em } /* D3 Forum navigation -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks { position: absolute; top: -50px; width: 900px; } /* D3.2 */ #pun-navlinks .container { border: none; padding: 0.6em 0em; } /* D.3 */ #pun-navlinks li { display: inline; margin: 0.8%; } /* D3.4 */ #pun-navlinks li a { font-size: 1em; text-transform: uppercase; font-family: bark; } /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { margin: -5px 0px; font-family: bark; text-transform: lowercase; background: #1c1b02; } /* D4.2 */ #pun-ulinks .container { border: none; text-align: right; padding: 0.6em 0 0.2em; width: 100%; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; border: none; font-size: 12px; } /* D4.4 */ #pun-ulinks li a { padding: 0 0.4em 0 0.4em; } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border: none; padding-left: 0 } /* D5 Welcome box and Top Breadcrumbs -------------------------------------------------------------*/ /* D5.1 */ #pun-crumbs1 .container, #pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; background: transparent; } /* D5.2 */ #pun-status .container { padding: 1em 1em 0.5em 1em; font-size: 11px; } /* D5.3 */ #pun-status span { white-space: nowrap; margin-right: 0.5em; } /* D5.4 */ #pun-crumbs1 { font-weight: bold; overflow: hidden; margin-top: 0; } /* D5.5 */ #pun-crumbs1 p.container { border-top: none; padding: 1em 1em 1em 1em; 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 0em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; font-weight: bold; } /* D6.2 */ #pun-announcement h2 span { display: none; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; } /* D6.3 */ #pun-announcement .container { padding: 0.5em 1em 1em 1em; } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { /* padding: 0.8em 1em;*/ padding: 10px 20px; background-image: url(https://forumstatic.ru/files/0019/b8/f6/50556.png); background-origin: padding-box; background-position: 10px 10px; background-repeat: no-repeat; background-size: auto; padding-left: 60px; } /* 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: 0em; 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 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 */ /* 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; margin-top: -20px; font-size: 10px; } /* D8.6 */ #pun-crumbs2 { font-weight: bold; overflow: hidden; margin-bottom: 0; border-bottom: none; } /* D8.7 */ #pun-crumbs2 .container { border-bottom: none; padding: 0.8em 1em; 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 mono", "courier new", courier, monospace } /* D9.8 */ #pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode { padding-bottom: 0; } li#navawards {display: none;} /*Фон под контейнеры в форме Ответа*/ #pun_wrap #post .container[id$="-area"]{ background: #ccbbaa; border: 2px solid #1c1b02 !important; outline: 1px solid #1c1b02; padding: 10px; margin: 20px 0; max-height: 300px; overflow-y: auto; } /*надпись "важно"*/ span.stickytext, span.closedatafield { display: none; } /*точка перед темкой*/ td.tcr a:before { content: '• '; } /*поле для ввода текста*/ #main-reply { padding: 0.4em 0 0.4em 0.4em; height: 200px; } div#pun-live-rusff { display: none; } #pun-index .category .tc2, #pun-index .category .tc3 { display: none; } .scrollbox { height: 15em; } .quote-box blockquote .quote-box { border: 2px dashed #3d414c; } #pun-adnav .isactive ul.adsubnav a { color: #69517c; text-shadow: inset -1px -1px 8px black; } span.pagestext { padding-left: 10px; }
стиль
Код:/* CS1 Background and text colours -------------------------------------------------------------*/ html { background: url(https://forumstatic.ru/files/0019/5a/8e/45657.png) top center fixed; background-color: #0e0e0d; } #pun { background: #ccbbaa url(https://forumstatic.ru/files/0019/5a/8e/21657.png) repeat top center; border: none; } #pun-title table { border: none; height: 345px; width: 950px; padding: 0px 0px 0px 0px; margin: -81px -5px 0; background: url(https://forumstatic.ru/files/0019/5a/8e/76663.png) no-repeat top center, url() no-repeat bottom; } /*https://forumstatic.ru/files/0019/5a/8e/19918.png*/ #pun-about { margin: 10px -5px -12px; background: url(https://forumstatic.ru/files/0019/5a/8e/30778.png) no-repeat scroll center bottom transparent; width: 950px; height: 59px; } .category .container thead { display: none; } p.lastedit { display: none; } .post-author ul { text-align: center; } /* CS1.1 */ .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend { background-color: none; color: #303030; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color:transparent; color: #303030; } /* CS1.3 категории*/ #pun-stats h2, .punbb .main h2, #pun-debug h2 { background: transparent url()no-repeat; color: #303030; height: 24px; font-weight: bold; text-align: center; font-size: 0px; text-transform: none; margin: 0px; } .punbb .main h1 { background: transparent url()no-repeat; color: #2b2620; height: 25px; text-align: center; text-transform: none; margin: 0px; padding-right: 2em!important; } .punbb-admin #pun-admain h2 {background: #250501;} /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: none; color: #303030; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: none; color: #303030; } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: none; color: #303030; } /* CS1.7 */ .punbb #pun-main .quote-box, .punbb #pun-main .code-box { margin: 5px 6px 10px 6px; padding: 9px 12px 9px 12px; background: #ccbbaa url(https://forumstatic.ru/files/0019/5a/8e/63985.png); border: 4px solid #ccbbaa !important; outline: 2px solid #1c1b02; } /* CS1.8 */ .offline li.pa-online strong { font-weight: normal; } .punbb textarea, .punbb select, {background: #f6f6f6; color: #303030; } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color:transparent;} /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: transparent; } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table{ border-color: transparent; } /* CS2.5 */ .punbb th { border-color: transparent; } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: transparent; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: transparent; } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: transparent; } .punbb .divider { border-color: transparent; } .punbb .formal fieldset .post-box, .punbb .info-box { border: none; } li.pa-online { border-left-color: transparent; } /* CS3 Links -------------------------------------------------------------*/ /* CS3.1 */ .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { color: #1c1b02; text-decoration: none; font-weight: bold; transition-duration: 0.5s; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #1c1b02; text-decoration: none; font-family: ; } /* CS3.2 */ .punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active { color: #98964e; text-decoration: none; } /* CS3.3 */ #pun-navlinks a { color: #7b6e62; text-decoration: none; } #pun-ulinks a { color:#7b6e62; text-decoration: none; } /* CS3.4 */ #pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { color: #7b6e62; text-decoration: underline; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #7b6e62; text-decoration: underline; } /* CS4 Post status icons -------------------------------------------------------------*/ div.icon { background: url(https://forumstatic.ru/files/0019/5a/8e/56229.png) no-repeat; } tr.iclosed div.icon { background: url(https://forumstatic.ru/files/0019/5a/8e/22280.png) no-repeat; } tr.isticky div.icon { background: url(https://forumstatic.ru/files/0019/5a/8e/44947.png) no-repeat; } tr.inew div.icon { background: url(https://forumstatic.ru/files/0019/5a/8e/97133.png) no-repeat; } #pun-main .category td div.icon { float: left; width: 7px; height: 76px; background: #424005; opacity: 0.2; margin: 0px 0px 0 17px; } #pun-main .category TR.inew Div.icon{ opacity: 1; } #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 450px; top: -70px; } /* ПРОФИЛЬ */ .punbb .post .post-author > ul { padding: 3px 3px 15px; background: url(https://forumstatic.ru/files/0019/5a/8e/51954.png), url(https://forumstatic.ru/files/0019/5a/8e/87892.png) top center no-repeat, url(https://forumstatic.ru/files/0019/5a/8e/55882.png) bottom center no-repeat; } li.pa-author a { color: #ccbbaa!important; } li.pa-fld2 { width: 192px; margin: 5px 8px!important; } .lz { width: 180px; margin: 6px 6px!important; text-align: justify; font-size: 11px; } .pa-avatar img { border: #ccbbaa 4px solid; outline: #1c1b02 2px solid; } li.pa-title { padding: 3px!important; text-align: center; /* font-size: 13px; */ margin: 4px 0px; font-family: bark; background: #1c1b02; color: #ccbbaa; letter-spacing: 1px; } li.pa-fld1 { text-align: center; } .anketa { padding: 5px 0; margin: 8px 8px 0!important; background-color: #ccbbaa; border: 1px solid #1c1b02; font-family: bark; font-size: 15px; } .pa-respect, .pa-posts { color: #1c1b02!important; font-size: 11px; font-weight: bold; text-align: center; display: inline-block; width: 70px; line-height: 13px; margin: 5px 10px 5px!important; padding: 2px 0!important; text-transform: lowercase; } .pa-respect a { color: #1c1b02!important; } .admin-advert-block { width: 468px; height: 60px; display: none; } /* Прокрутка */ ::-webkit-scrollbar { width: 7px; height: 7px; } ::-webkit-scrollbar-track { background: #dac3b4; } ::-webkit-scrollbar-thumb { background:#1c1b02; } /* выделение */ ::selection { background: #1c1b02; color: #ccbbaa; opacity: 0.4; } #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner{ display: none; position: fixed; left: 50%; top: 50%; margin: -135px 0 0 -384px; width: 768px; z-index: 100; background: #ccbbaa; border: 3px solid #a4a295 !important; outline: 1px solid #c7c4b5; } hr { border-bottom: #a4a69a 1px solid; } .pun-modal .modal-inner { border: 3px double #2b271b!IMPORTANT; box-shadow: inset 0 0 3px 2px #2d271b!IMPORTANT; background: #a8a99a!IMPORTANT; } #profile-signature ul { padding: 1em 1em 1em 1em !IMPORTANT; } /* кнопка ввода */ input.button { margin: 5px 6px 10px 6px; background: #bead9c; border: 2px solid #1c1b02 !important; outline: 1px solid #ccbbaa; padding: 3px 7px; } /* модер-меню */ select#mod-options { padding: 9px 12px 2px 12px; background: #bead9c; border: 2px solid #1c1b02 !important; outline: 1px solid #ccbbaa; padding: 3px 7px; margin: 0 0 0 -4px; width: 208px; } /*#pun-index div.category h2, #pun-index #pun-stats h2 { font-size: 14px; color: #a4a295; background-color: #250501; border: 3px solid #a4a295 !important; outline: 1px solid #c7c4b5; margin: 2px 4px 3px; padding: 6px 0px 0px; box-shadow: 0px 15px 0px -10px #554433, 0px -15px 0px -10px #554433; font-family: Typographer, Garamond; text-transform: uppercase; letter-spacing: 2px; }*/ /* ПОДКЛЮЧАЕМЫЕ ШРИФТЫ */ @font-face { font-family: Typographer; /* Гарнитура шрифта */ src: url(https://forumstatic.ru/files/0019/b8/f6/47821.ttf); /* Путь к файлу со шрифтом */ } @font-face { font-family: Kyrale; /* Гарнитура шрифта */ src: url(https://forumstatic.ru/files/0019/b8/f6/10369.ttf); /* Путь к файлу со шрифтом */ } @font-face { font-family: Bark; /* Гарнитура шрифта */ src: url(https://forumstatic.ru/files/0019/5a/8e/91530.ttf); /* Путь к файлу со шрифтом */ } /* ИНДИВИДУАЛЬНЫЕ НАСТРОЙКИ ПОД ДИЗАЙН - шапка, футер, ссылки в форумах, топчики */ .sammary, .navig, .randpost, .need, .banners { position: absolute; } .sammary, .navig { left:5px; } .randpost, .need { right:5px; } .sammary { width: 296px; font-family: bark; color: #ccbbaa9c; top: 40px; height: 130px; overflow: auto; padding: 0 10px; text-align: justify; letter-spacing: -0.3px; } div#sinop { color: #836548; font-weight: bold; font-size: 13px; letter-spacing: 0.3px; } .navig a { color: #836548!important; margin: 0 3px; } .navig { width: 296px; font-family: bark; color: #ccbbaa; top: 200px; padding: 0 10px; } .randpost { width: 296px; font-family: bark; color: #ccbbaa9c; top: 40px; height: 130px; overflow: auto; padding: 0 10px; text-align: justify; } .need img { width: 70px; height: 50px; } .need { width: 316px; text-align: center; top: 200px; } .banners { overflow: auto; bottom: 0px; height: 32px; width: 930px; } .banners a img:hover, .topp a img:hover { opacity: 1; filter: grayscale(0%); } .banners a img, .topp a img {transition: 2s; opacity: 0.6; filter: grayscale(100%); border: 1px solid #b7b5a8; } .opis { /*background: url(https://forumstatic.ru/files/0019/5a/8e/63985.png);*/ padding: 0 0 3px; font-size: 1em; font-family: bark; text-align: right; font-weight: bold; } .opis_for2 { /* background: url(https://forumstatic.ru/files/0019/5a/8e/63985.png);*/ padding: 0 5px; font-size: 11px; } .opis_link { /*background: url(https://forumstatic.ru/files/0019/5a/8e/63985.png);*/ padding: 5px 10px; text-align: right; font-family: bark; font-size: 11px; text-transform: uppercase; display: none; } .opis_link a { margin: 0 3px; } .topp { margin-top: 5px!important; display: none; }
верх
Код:<div id="resplash" style="display: none;"> <div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span>Форум на профилактике. Вернемся через несколько часов</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='/' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password' id='fld2' name='req_password' size='25' maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div> <script type="text/javascript"> var active = 0; if(GroupID != 1 && active == 1){ e10 = document.createElement('div') e10.innerHTML = document.getElementById("resplash").innerHTML; document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap')) document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>"); document.title= 'Форум на профилактике - '+document.title; } </script> <!--кнопки вверх вниз--> <div class="go-up" id='ToTop'><img src="https://forumstatic.ru/files/0019/5a/8e/51594.png" border="0" /></div> <div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/0019/5a/8e/92081.png" border="0" /></div> <style> .go-up,.go-down { display:none; position:fixed; /*позиционируем*/ right:150px; /*указываем положение, если слева - left*/ z-index:9999; /*показываем поверх все элементов на странице*/ cursor:pointer; opacity:0.7; /*прозрачность*/ margin-bottom:40px; /*отступ снизу (можно не указывать)*/ width:50px; /*ширина кнопки*/ height:17px; /*высота кнопки*/ } .go-up { bottom:500px; /*положение от низа окна браузера верхняя кнопка*/ } .go-down { bottom:480px; /*положение от низа окна браузера нижняя кнопка кнопка*/ } .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 type="text/javascript"> var param = (function(a) {if (a == "") return {};var b = {};for (var i = 0; i < a.length; ++i){var p=a[i].split('=');if (p.length != 2) continue;b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));}return b;})(window.location.search.substr(1).split('&'));var text = localStorage.getItem('topic'+param['id']);if(text) { $('#post textarea#main-reply').val(text);}$('#post textarea#main-reply').bind('keydown keypress keyup', function(e){var text = $(this).val();localStorage.setItem('topic'+param['id'], text);});$('#post').submit(function() {localStorage.removeItem('topic'+param['id']);}); </script> <!--Запрет перехода на первую страницу При удалении Тем и сообщений --> <script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/33839.js"></script> <!-- Отправка сообщения Ctrl+Enter --> <script type="text/javascript"> document.onkeydown=function(e){ if (e) event=e if ((event.keyCode==13)&&(event.ctrlKey)){ document.getElementById('post').submit.click(); }} </script> <!--ШАПКА--> <!--ШАПКА--> <div class="sammary"> <div id="sinop">южная готика, мистика, ужасы, эпизоды, 18+</div> Фрей-Роуз затягивает непроглядным туманом. Постепенно, но неизбежно. Туманы для города не редкость, особенно в межсезонье, но такого густого, на памяти старожилов, еще не бывало ни разу. Удивительное явление оборачивается для города трагедией. Внутри тумана каждый столкнется с чем-то таинственным, что поставит точку на доселе спокойной жизни. </div> <div class="navig"> <a href="http://oldsouth.rusff.me/viewtopic.php?id=3">гостевая</a> <a href="http://oldsouth.rusff.me/viewtopic.php?id=2">правила</a> <a href="http://oldsouth.rusff.me/viewtopic.php?id=41">сюжет</a> <a href="http://oldsouth.rusff.me/viewtopic.php?id=11#p36">внешности</a> <a href="http://oldsouth.ru/viewtopic.php?id=172#p37">занятость</a> <a href="http://oldsouth.rusff.me/viewtopic.php?id=33">город</a> <a href="http://oldsouth.rusff.me/viewtopic.php?id=39#p87">болота</a> <a href="http://oldsouth.ru/viewtopic.php?id=32#p67">ковен</a> <a href="http://oldsouth.ru/viewtopic.php?id=32#p13272">крысы</a> <a href="http://oldsouth.rusff.me/viewforum.php?id=2">акции</a> <a href="http://oldsouth.rusff.me/viewtopic.php?id=30">хочу к вам</a> <a href="http://oldsouth.rusff.me/viewtopic.php?id=29">шаблон анкеты</a> </div> <div class="randpost"> <style>#КонтентРотатор p{display:none}</style> <div id="КонтентРотатор"><!-- Ротатор произвольного контента --> <p> Это последнее, что он говорит вслух. Ярость мешает ему говорить. Аргументы можно вытянуть, сообщить, что даже это не даёт право Харви или любому другому козлу, не важно, лысому ли, татуированному ли, насиловать женщину, или расписать суть "виктимблейминг — это плохо", но Рэймонд теряет голос. </p> </div> <script language="javascript"> var sek = 1000000; // Время отображения var Nrout=$("#КонтентРотатор p").length var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i); function RotatorMycontent(i) { $("#КонтентРотатор p").hide(); $("#КонтентРотатор p").eq(i).show(); j =Math.round(Math.random()*(Nrout-1)); timerID = setTimeout("RotatorMycontent(j)",sek);} </script> </div> <div class="need"> <a href="http://oldsouth.ru/viewtopic.php?id=177" title="Крысы" target=_blank><img src="https://i.imgur.com/1onYfjO.png"></a> </div>
низ
Код:<!--Своя картинка в каждую категорию --> <script type="text/javascript"> $(document).ready(function(){ myarray=new Array( "книга первая", "https://forumstatic.ru/files/0019/5a/8e/57074.png", "книга вторая", "https://forumstatic.ru/files/0019/5a/8e/15840.png", "книга третья", "https://forumstatic.ru/files/0019/5a/8e/11802.png", "книга четвертая", "https://forumstatic.ru/files/0019/5a/8e/94049.png", "книга пятая", "https://forumstatic.ru/files/0019/5a/8e/13613.png", "Статистика форума", "https://forumstatic.ru/files/0019/5a/8e/14653.png" //Последний элемент без запятой! ) $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) { for(q=0;q<myarray.length;q++){ var cssObj = { "height":"40px", "font-size": "0.0em", "margin": "5px 0", "background-color": "transparent", "background-image":"url("+myarray[q+1]+")", /* "background-position":"50% 50%",*/ "background-repeat":"no-repeat" //Последний элемент без запятой! } if($(this).children("span").text()==myarray[q])$(this).css(cssObj); q++} }); }); </script> <!-- Загрузчик изображений в форме ответа © 2018 Alex_63 --> <script>FORUM.defaultHost = 'imgur'; // Хостинг по умолчанию: 'uploads' 'imgur' 'imageban'</script> <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0015/c4/3f/18002.css" /> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/18001.js"></script> <!-- Шрифты --> <script type="text/javascript"> if (document.URL.indexOf("viewtopic") != -1) { var ft; var i; var ft_f; var j = ""; ft = document.getElementById("font-area"); var ft_f = new Array(); ft_f.push('Typographer'); ft_f.push('Kyrale'); ft_f.push('Bark'); 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> <!-- Выделить код --> <script> "use strict";function selectElementText(a){var b=document.createRange();b.selectNodeContents(a);var c=window.getSelection();c.removeAllRanges(),c.addRange(b)}function copySelectionText(){var a;try{a=document.execCommand("copy")}catch(b){a=!1}return a}function changeText(a,b){if(a)return void(a.innerHTML=b)}function selectableCodeBox(a){function b(h){h.preventDefault();var i=h.target;if(i instanceof HTMLElement&&("PRE"===i.tagName||"A"===i.tagName)){var j=i.closest(".code-box");if(j instanceof HTMLElement){var k="PRE"===i.tagName?i:j.querySelector("pre"),l=j.querySelector(".legend");if(k instanceof HTMLPreElement){selectElementText(k);var m=copySelectionText();if(!0===m&&l){changeText(l,g);var n;(function o(){window.clearTimeout(n),n=window.setTimeout(function(){return changeText(l,f)},3e3)})()}}}}}function c(){var h=document.querySelectorAll(".code-box");0<h.length&&h.forEach(function(i){var j=i.querySelector(".legend");j&&changeText(j,f),i.addEventListener("click",b)})}var d=a&&a.text||"\u0412\u044B\u0434\u0435\u043B\u0438\u0442\u044C \u0438 \u0441\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C:",f="<a href=\"#\">"+d+"</a>",g=a&&a.copiedText||"\u0421\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u043D\u043E \u0432 \u0431\u0443\u0444\u0435\u0440 \u043E\u0431\u043C\u0435\u043D\u0430!";"complete"===document.readyState?c():document.addEventListener("DOMContentLoaded",c)} </script> <script> selectableCodeBox({ text: "скопировать" }); </script> <!-- Запрет редактирования постов в определенных форумах <script type="text/javascript"> /* Запрет редактирования первого поста */ var FirstPost_NoEdit = { //ID форума //Группы с запретом 16: [3,4,5,6,7], //!Последний элемент без запятой } var DisallowOnlyFirst = 1 ; // Запрет редактирования: 0 - всех постов, 1 - только первых постов </script><style id="HideEdit1">.post .pl-edit,#pun-edit #post{display:none!important}</style> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/81542.js"></script> --> <!-- полный профиль --> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/44995.js"></script> <!--замена слов--> <script type="text/javascript"> $(".item1").contents().each(function() { if(this.nodeType == 3) this.nodeValue = this.nodeValue.replace("Привет,", "Добро пожаловать во Фрей-Роуз,"); }); </script> <script> function UniverСhange(selektor,changed,substitute){ $(selektor).each(function(){if ($(this).parent().html()!=null){if($(this).parent().html().indexOf(changed)!=-1){ $(this).parent().html($(this).parent().html().replace(changed,substitute));};};});} UniverСhange("#pun-stats .item3","Посетили за сутки","Посетили Фрей-Роуз:"); UniverСhange("#pun-stats .item4","Последним зарегистрировался:","Новичок в городе:"); UniverСhange("#pun-stats .item5","Активны","Сейчас во Фрей-Роузе:"); UniverСhange("#pun-stats .item3","Зарегистрированных пользователей","Жителей"); //На следующей строке можно добавить еще запрос </script> <script type="text/javascript"> $("#navindex a span").replaceWith("Фрей-Роуз"); $("#navuserlist a span").replaceWith("Жители"); $("#navrules a span").replaceWith("Правила"); $("#navsearch a span").replaceWith("Поиск"); $("#navprofile a span").replaceWith("Паспорт"); $("#navpm a span").replaceWith("Почтовый ящик"); $("#navadmin a span").replaceWith("Админство"); $("#navlogout a span").replaceWith("Уехать"); $("#navregister a span").replaceWith("Регистрация"); $("#navlogin a span").replaceWith("Въезд"); </script> <!--ФОРМА ОТВЕТА ВЫРАВНИВАНИЕ ТЕКСТА ПО ШИРИНЕ--> <style> #button-mybb {background-image:url('http://icons.iconarchive.com/icons/famfamfam/silk/16/text-align-justify-icon.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%} </style> <script type="text/javascript"> if(form=document.getElementById("form-buttons")) form.getElementsByTagName("tr")[0].insertCell(8).innerHTML="<img src='/i/blank.gif' id='button-mybb' onclick=\"bbcode('[align=justify]', '[/align]');\"/>" </script> <!--ФОРМА ОТВЕТА ВЫРАВНИВАНИЕ ТЕКСТА ПО ШИРИНЕ--> <!--НОВЫЕ СООБЩЕНИЯ--> <script type="text/javascript"> if(GroupID != 3) { $('#pun-ulinks .container').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>'); } </script> <!--BB-код заливки текста / © Alex_63--><style> #button-mark{background:url(https://forumstatic.ru/files/0015/92/70/15526.png);} #mark-area{width:auto;position:absolute;right:6px;top:43px} #mark-area *{border:0}#mark-area table{width:320px;height:20px;padding:0;margin:0} #mark-area td{margin:0; padding:0; line-height:0} #mark-area td img{width:20px;height:20px;cursor:pointer!important} </style> <script type="text/javascript"> $('#button-color').after('<td id="button-mark"><img src="/i/blank.gif" onclick="$(\'#mark-area\').toggle();" title="Заливка"/></td>'); $(function(){var area=$('#color-area').html();if(area)area=area.replace(/color([\=\'\]])/mgi,'mark$1'); area='<div class="container" id="mark-area" onclick="$(this).toggle()" style="display:none">'+area+'</div>'; $('#color-area').after(area);}); $('.post-content:contains("[mark")').each(function(){var sp='<span style="background-color:$1">$2</span>'; $(this).html($(this).html().replace(/\[mark=(.*?)\](.*?)\[\/mark\]/mgi,sp));}); </script> <!--смена имиджа--> <script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script> <script> hvScriptSet.addMask({ guestAccess: ['But Nothing is Forgotten', 'There You Are', 'Beware of the Spirits', 'Remember Your Past', 'Accept the Inevitable', 'The Swamps Own You', 'Something Hidden', 'Wants to be Shown', 'The Tombstones Whist', 'The Drowned are Faceless'], forumAccessExtended: { 'Going Uphill': ['Жители'], 'There You Are': ['Жители'], 'Beware of the Spirits': ['Жители'], 'Remember Your Past': ['Жители'], 'Accept the Inevitable': ['Жители'], 'Something Hidden': ['Жители'], 'Wants to be Shown': ['Жители'] }, changeList: { 'pafld1': { title: 'личное звание', description: 'вставить', tag: 'lzsm', class: 'pa-fld2', defaultCode: '<div class="lz"> личное звание </div>', type: 'html' }, 'pafld2': { title: 'анкета', description: 'вставить', tag: 'ank', class: 'pa-fld1', defaultCode: '<div class="anketa"> <a href="ссылка на анкету">имя фамилия</a></div>', type: 'html' } }, userFields: ['pa-author', 'pa-fld2', 'pa-avatar', 'pa-title', 'pa-fld1', 'pa-posts', 'pa-respect', 'pa-ip', 'pa-online'] }); </script> <script src="https://forumstatic.ru/files/0017/95/29/32953.js"></script> <!--Отступы--> <style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style> <script type="text/javascript">(function(){ var b = '[indent]'; $("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif" onclick="smile(\''+b+'\')"></td>'); var indent = '<span style="display:inline-block;margin:0 0 1em 2.5em;"></span>'; /*удвоенные Отступы сверху и слева*/ $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}()); </script> <!-- Скрытие названия поля профиля --> <script type="text/javascript"> var A=[1,2,3] $(".post .post-author li").each(function (){ for(var i=0; i<A.length;i++){if($(this).hasClass("pa-fld"+A[i])){ $(this).html($(this).html().replace(/^[^:]*:/,''));}};}); </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 src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script> <script type="text/javascript"> PR.nick = 'The Glimpse'; //Ник PR-аккаунта PR.pass = '123456'; //Пароль PR-аккаунта PR.btn_text = 'Читатель 18+'; //Надпись на кнопке PR-входа(или ссылка на картинку); PR.set();</script> <script type="text/javascript"> PR.nick = 'The Whisper'; //Ник PR-аккаунта PR.pass = '123456'; //Пароль PR-аккаунта PR.btn_text = 'Реклама'; //Надпись на кнопке PR-входа(или ссылка на картинку); PR.set();</script> <!-- ВСТАВИТЬ КАРТИНКУ --> <script> var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>" $("#button-image").after(oldIMG); </script> <!-- ВСТАВИТЬ КАРТИНКУ --> <!--обтекание изображения 2.4.4--> <div id="float" style="display:none; background:#d6d6d6; color:#3e3e3e; border: 1px solid #3e3e3e; width: auto; padding:5px; position:absolute; margin-top:-40%; margin-left:35%; z-index:10"> <div><strong>Направление обтекания</strong></div><br> <div align="center"><img class="vibor" src="https://forumstatic.ru/files/0015/dd/40/52315.png" title="left" onclick="bbcode('[float=left]', '[/float]')" /> <img class="vibor" src="https://forumstatic.ru/files/0015/dd/40/32241.png" title="right" onclick="bbcode('[float=right]', '[/float]')" /></div></div> <script> /* обтекание изображения */ $(function(){ $('td#button-link').before('<td id="floatbut" style=\'background-image:url("https://forumstatic.ru/files/0015/dd/40/15488.gif")\'></td>'); $('#floatbut, .vibor').click(function(){ $('div#float').toggle();}); }); elm=document.getElementsByTagName("div") for(x in elm) if(elm[x].className=="post-content") { post = elm[x].innerHTML; if(post.indexOf("[/float]") != -1) { floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 8px 10px; text-align: $1;'>$2</span>") }} </script> <!-- Увеличить шрифт --> <style> .FNTslider { border-radius: 4px; position: relative; z-index: 1000; background: #bbbbaa; width: 100px; height: 6px; margin: 3px 0px; float: right; margin-right: 2%; } .FNTslider .before { height: 6px; border-right: none 0; border-radius: 4px 0 0 4px; position: absolute; background: #554433; } .FNTslider .thumb { width: 8px; height: 13px; border-radius: 3px; position: relative; top: -4px; background: #250501; cursor: pointer; } </style> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script> <!-- Запрет редактирования профиля для группы лиц --> <script type="text/javascript"> if(GroupID==6 || GroupID==7&&document.URL.indexOf("profile.php")!=-1){$("#profile .container").replaceWith("<div style='color:#351c30; padding: 10px 10px 10px 10px;'><b>Администратор запретил вам редактировать профиль.</b></div>"); } </script> <!-- Аватар по умолчанию --> <script type="text/javascript"> var DefAvtr = 'https://forumstatic.ru/files/0019/5a/8e/94958.gif'; //Ссылка на аватар по умолчанию var GuestAvtr = 'https://forumstatic.ru/files/0019/5a/8e/94958.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> <!--Переключение раскладки выделенного текста v.2 --> <style>#button-transL{background-image:url(http://uploads.ru/i/X/j/Z/XjZW7.png)}</style> <script type="text/javascript">S='<img src="http://forum.mybb.ru/i/blank.gif" title="Lat ↔ Рус" onclick="LatRus();"/>'; $("#button-font").after('<td id=button-transL>'+S+'</td>'); function LatRus(){ lat0='|@#$^&/?qwertyuiopasdfghjkl;\'zxcvbnm,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split(''); lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split(''); lat.push('\\[','\\]','\\.','\\?','\\/','\\&','\\^','\\$','\\#','\\@','\\|'); rus0=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю,.?:;№"/').split(''); rus=('\,йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split(''); rus.unshift ('\\/','\\"','\\№','\\;','\\:','\\?','\\.'); var selstart = document.getElementById("main-reply").selectionStart; var selend = document.getElementById("main-reply").selectionEnd; L=$('#main-reply').val(); if (typeof selstart === "number" && typeof selend === "number"){ var TxtTrans1 = (L.substring(selstart,selend).search(/[qwertyuiopasdfghjklzxcvbnm]/i)!=-1?'rus':'lat'); var ar2=lat0,ar1=rus; if(TxtTrans1=='rus'){ar1=lat;ar2=rus0; selstart+=L.substring(selstart,selend).search(/[.,]*?[qwertyuiopasdfghjklzxcvbnm]/i); latend=L.substring(selstart,selend).search(/[йцукенгшщзфывапролджэячсмитьёхъю]/i); if (latend != -1) {selend = selstart+latend;}} L=L.substring(0,selstart) + L.substring(selstart,selend).replace(/[\s\S]*/mg,function(p){ for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}) + L.substring(selend);}$('#main-reply').val(L);}</script> <!--превращение дефиса в тире --> <script type="text/javascript"> $('.post-content p').each(function(){ function replacer(str){return str.replace(/-\s|–\s/gm,'— ');} var a = $(this).clone().wrap('<div></div>').parent().html(); var b = a.replace(/>[^<>]+</gim,replacer); if(a!=b)$(this).replaceWith(b) }); </script> <!--запятая после ника --> <script type="text/javascript"> function to(username) {insert('[b]' + username + '[/b]' + ', ');} </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> <!--ВЗАИМНАЯ РЕКЛАМА--> <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>"); $("body").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][url=http://oldsouth.rusff.me/][img]https://forumstatic.ru/files/0019/b8/f6/17817.png[/img][/url][/align]' +'\n'); advertiseCodes.push('[align=center][url=http://oldsouth.rusff.me/][img]https://forumstatic.ru/files/0019/b8/f6/77816.png[/img][/url][/align]' +'\n'); advertiseCodes.push('[align=center][url=http://oldsouth.rusff.me/][img]https://forumstatic.ru/files/0019/b8/f6/68218.png[/img][/url][/align]' +'\n'); advertiseCodes.push('[align=center][url=http://oldsouth.rusff.me/][img]https://forumstatic.ru/files/0019/b8/f6/64782.png[/img][/url][/align]' +'\n'); advertiseCodes.push('[align=center][url=http://oldsouth.rusff.me/][img]https://forumstatic.ru/files/0019/5a/8e/89126.png[/img][/url][/align]' +'\n'); advertiseCodes.push('[align=center][url=http://oldsouth.rusff.me/][img]https://forumstatic.ru/files/0019/b8/f6/86335.png[/img][/url][/align]' +'\n'); advertiseCodes.push('[align=center][url=http://oldsouth.rusff.me/][img]https://forumstatic.ru/files/0019/b8/f6/96105.png[/img][/url][/align]' +'\n'); advertiseCodes.push('[align=center][url=http://oldsouth.rusff.me/][img]https://forumstatic.ru/files/0019/b8/f6/50696.png[/img][/url][/align]' +'\n'); addAdvertiseLink(174); </script> <!--баннеры --> <div class="banners"><center> <a href="http://norge.f-rpg.ru/" target="_blank"><img src="https://forumstatic.ru/files/0019/18/2c/51101.jpg" title="Egils Saga" alt="" width="88" height="31"></a> <a href="http://swmedley.rusff.me" title="STAR WARS: Medley" target="_blank"><img src="https://forumstatic.ru/files/0018/1a/00/97746.gif" width="88" height="31" border="0" alt="STAR WARS: Medley"></a> <a href="http://cwshelter.ru" target="_blank"><img src="https://forumstatic.ru/files/0019/c8/05/28123.gif" alt="СW: последнее пристанище" title="cw. последнее пристанище"></a> <a href="http://themistfrpg.rusff.me"><img src="https://forumstatic.ru/files/001a/b3/b1/50523.jpg" title="В тумане все кажется необыкновенным." /></a> <a href="http://northsolway.rusff.me/"><img src="https://forumstatic.ru/files/0017/95/0a/30587.jpg" title="North Solway " width=88 height=31 border=0></a> <a href="http://jkisdead.rusff.me/" title="Town under the Arch" target="blank"><img src="http://s7.uploads.ru/pO27C.png"></a> <a href="http://whitepr.0pk.ru/" title="Здесь может быть ваша реклама!" target=_blank> <img src="https://forumstatic.ru/files/0010/0e/ae/60444.gif" border="0" alt="White PR"></a> <a href="http://urchoice.rolka.su/" target="_blank"><img src="http://s2.uploads.ru/1tCcd.png" title="Каталог форумов" alt="LYL" width="88" height="31"></a> <a href="http://miyron.rolka.su" target="_blank" ><img src="http://hunterworld.ucoz.ru/buttons/mijron.gif" border="0" title="Мийрон" alt="Мийрон"/></a> </center></div> </center> </div>
Страница: 1