Структура
Код:/* structure by futura.rusff.me -------------------------------------------------------------*/ /************************************************************* 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; padding: 0} /* A2.2 */ .punbb * { margin: 0} /* A2.3 */ .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { padding: 0; list-style: none;} /* A2.4 */ .punbb img { border:none} /* A2.5 */ .punbb .main table { table-layout: fixed; width: 100%;} /* A2.6 */ .checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;} /* A2.7 */ p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle} /* A3 Text setup -------------------------------------------------------------*/ /* A3.1 */ body { font-size: 100.01%;} /* A3.2 */ .punbb { font: normal 68.75% verdana;} /* 3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, helvetica, sans-serif} .punbb input, .punbb select {padding: 2px;} /* A3.4 */ .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { font-size: 1em; font-weight: normal;} /* A3.5 Категории*/ .punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1.1em; position: relative; } .punbb h2 span { top: 56px; } /* 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: normal} /* A3.9 */ .punbb .post-content em.bbuline { font-style: normal; text-decoration: underline;} /* A3.10 */ .punbb a { text-decoration: underline} /* A3.11 */ .punbb optgroup { font-weight: bold;} /* A4 Float clearing and hidden items -------------------------------------------------------------*/ /* A4.1 */ #pun:after, .punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .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 auto auto; width: 942px;} /* A5.2 */ .punbb { width: 925px; position: relative; height: auto; margin: auto;} /* A5.3 */ #pun-redirect, #pun-maint { margin: 0; width: 100%; height: 100%; float: none; top: 0 !important; left: 0 !important; } /* A5.4 */ .punbb .section, .punbb .main { margin-bottom: 1em;} /* A5.5 */ .punbb .category, .punbb .post { margin-top: 0.4em;} /* A5.6 */ .punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0;} /* 5.7 */ #pun-post .topic { margin-top: 1em;} /* A5.8 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-style: none; border-width: 0px 0px 0px 0px} /* A5.9 */ .punbb .container { border-style: none; border-width: 0px;} /* A5.10 */ .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { padding: 5px 1em 5px 1em; border-style: none; border-width: 0px; } /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { padding: 0; margin: 0; width: 100%; overflow: hidden;} /* B1.2 */ .punbb .post-sig dt { display: block;} /* B1.3 */ .punbb .post-content p { margin: 0; padding: 0 0 1em 0; line-height: 150%;} /* B1.4 */ .punbb .post-content img { vertical-align: text-bottom} /* B1.5 */ .punbb .post-content img.postimg { vertical-align: middle;} /* B1.6 */ .punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; } /* B1.7 */ .punbb .post-content .scrollbox { width: 100%; overflow: auto;} /* B1.8 */ .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 0.4em 1.8em 0.2em 1.8em; padding: 1em;} /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; padding-bottom: 0.5em; font-size: 0.9em; font-weight: bold; margin: 0;} /* B2 Information boxes -------------------------------------------------------------*/ /* B2.1 */ .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: none; border-width: 0px; 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: -4.5em; left: 1em; width: 24em; } /* B3.4 */ .linkst .postlink { position: absolute; top: -4.5em; right: 1em; width: 16em; text-align: right; font-weight: bold;} /* B3.5 */ .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.1em;} /* B3.6 */ .linksb .pagelink { float: left; 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: none; border-width: 0px; 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 0 0.8em 0} /* C1.10 */ .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin-right: 1em;} /* C1.11 */ .punbb .inline .infofield { clear:both } /* C1.12 */ .punbb .datafield br { display: none; } /* C1.13 */ .punbb .required label, .punbb .datafield span.input { font-weight: bold } /* C1.14 */ .punbb .datafield span.input a { font-weight: normal; } /* C1.15 */ .punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 12em 0 0; height: 100%; /* For IE */ } /* C1.16 */ .punbb textarea, .punbb .longinput input { width: 64%; margin: 0; } /* C1.17 */ .punbb .hashelp { position: relative; } /* C1.18 */ .punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%; } /* c1.19 */ .punbb #profile .helplinks { top: 1.5em; } /* C1.20 */ .punbb .helplinks span { display: block; padding-bottom: 0.2em; } /* C1.21 */ #pun-post .formal .info-box li { padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0; } /* C2 Table layout -------------------------------------------------------------*/ /* C2.1 */ .punbb .main .tcl { overflow: hidden; text-align: left; width: 50%;} /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%; } /* C2.3 */ .punbb .main .tcr { overflow: hidden; text-align: left; width: 30%; } /* C2.4 */ #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { width: 40%} /* C2.5 */ #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align: left; width: 20%;} /* C2.6 */ #pun-debug table .tcl { width: 15%; white-space:normal; } /* C2.7 */ #pun-debug .tcr { width: 90%; white-space: normal; } /* C2.8 */ #pun-index .tcl h3 { font-size: 1.2em; font-weight: bold;} /* C2.9 */ .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute;} /* C2.10 */ .punbb td .modlist { display: block; padding-top: 0.3em} /* C2.11 */ .punbb .main td { border-style: none; border-width: 1px 0 0 1px; padding: 0.8em 1em;} /* C2.12 */ .punbb .main th { border-style: none; background: transparent; background: url("https://forumstatic.ru/files/0014/e7/c3/95176.png") repeat-x; border-width: 0 0 0 1px; padding: 0.4em 1em 0.4em 1em; } /* C2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 0} /* C2.14 */ .punbb tbody.hasicon td.tcl { margin-right: 15px;} /* C2.15 */ .punbb div.icon { float: left; display: block;} /* C3 Topics -------------------------------------------------------------*/ /* C3.1 */ .punbb .post .container { border-style: none; padding-bottom: 1px; } /* C3.2 */ .punbb .post h3 { border-style: none; border-width: 0px; } /* C3.3 */ .punbb .post h3 span { padding: 0.5em 1em; display: block; margin-left: 19em; border-left-style: solid; border-left-width: 1px; } /* C3.4 */ .punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; } /* C3.5 */ .punbb .post .post-author { float: left; margin-top: -1.5em; overflow: hidden;} /* C3.6 */ .punbb .post .post-author ul, .punbb .post .post-author p { padding: 0 1em 1em 1em; line-height: 140%; } /* C3.7 */ .pa-author { font-size: 14px; font-weight: bold; text-align: center;} /* C3.8 */ .pa-author a { text-decoration: none} /* C3.9 */ li.pa-title { padding-bottom: 1em;} li.pa-online { line-height: 0.8em; padding-left: 0.4em; margin-top: 0.7em;} /* C3.11 */ .punbb .post-body { margin-left: 21em; border-left-style: solid; border-left-width: 1px; padding: 0 0 1px 0; } /* C3.12 */ .punbb .post-box { padding: 1em; text-align: justify;} /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.14 */ .punbb .post-links { border-left-style: solid; border-left-width: 1px;} /* C3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; margin-left:0px; line-height: 2em; background: transparent; background: url("https://forumstatic.ru/files/0014/e7/c3/95176.png") repeat-x; text-align: right; } /* C3.16 */ .punbb .post-links li { display: inline; padding-left: 1em; } /* C3.17 */ .pl-email, .pl-website { float: left; } /* C3.18 */ .punbb .clearer { clear: both; height: 0; font-size: 0;} /* C4 Moderator menu -------------------------------------------------------------*/ /* C4.1 */ .punbb .modmenu .container { padding: 0.5em 1em; text-align: right; } /* 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;} /* C6.4 */ #viewprofile ul, #profilenav ul { border-style: solid; border-width: 1px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; } /* C6.5 */ #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 15px -1em 4px; } /* 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: none; border-width: 0px;} /************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/ /* D1 Logo and description -------------------------------------------------------------*/ /* D1.1 */ #pun-title { margin: 0; border-style: none; border-width: 1px 1px 0 1px;} /* D1.2 */ #pun-title h1 { display : block; height : 40px; padding: 2em 1em 0 1em; } /* D1.3 */ #pun-title .container { border-style: none; } /* D1.4 */ #pun-title h1 span { display: none;} #pun-title table { border: none; height: 400px; width: 100%;} /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; left: 0; margin: 0; border: none; padding: 0; width: 100%; } /* D2.2 */ #pun-pagelinks .container { background: transparent; border: none; padding: 0} /* D2.3 */ #pun-pagelinks .container li { display: inline } /* D2.4 */ #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%; } /* D2.5 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0;} #pun-pagelinks li a span { display:block; margin: 0 1em } /* D3 Forum navigation -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks, #pun-navlinks .container { border: none; margin-top: -365px; margin-left: -195px; } #pun-navlinks .container { border: none; margin: 0; } /* D3.2 */ #pun-navlinks .container { padding-top: 0px; font-weight: normal; text-align: center; z-index: 51; } /* D3.3 */ #pun-navlinks li { display: inline-block; margin-left: 1%; } #pun-navlinks a, #pun-navlinks a:hover { font-family: tahoma; font-weight: bold; } /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { margin-top: 260px; border: none 0px ; } /* D4.2 */ #pun-ulinks .container { padding: 0.7em 1em; text-align: center; height:30px; font-weight: normal; font-size:12px; font-family: tahoma; text-transform: lowercase;} /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; border: none; white-space: nowrap; } /* D4.4 */ #pun-ulinks li a { padding: 0 0.3em 0 0.4em } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; border-left-width: 0; padding-left: 0 } /* D5 Welcome box and Top Breadcrumbs -------------------------------------------------------------*/ /* D5.1 */ #pun-status, #pun-status .container { border-bottom: none; margin-bottom: 150px;} /* D5.2 */ #pun-status .container { padding: 0.8em 1em 1em 1em; } /* 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 1.2em 1em; font-size: 1.1em; } /* D5.6 */ #pun-break1 { margin: 0 1em; border-style: none none; border-width: 0px 0; height: 0; margin: -2px 1em; position: relative; z-index: 1; } /* D6 Announcement -------------------------------------------------------------*/ /* D6.1 */ #pun-announcement h2 { padding: 0; margin: 0 1em -3.5em 1em; border-style: none none none none; border-width: 0 0 0px 0; position: relative; display: none; } /* D6.2 */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; } /* D6.3 */ #pun-announcement .container { padding: 1em 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: 1em; border-top-style: solid; border-top-width: 1px; float: left; width: 100%; line-height: 130%; } /* D7.5 */ li#onlinelist div { border-top-style: solid; border-top-width: 1px; padding: 0.7em 0 0 0;} /* D8 Quick Jump - About - Bottom Breadcrumbs -------------------------------------------------------------*/ /* D8.1 */ #pun-qjump { margin: 0; border: none; width: 50%; position: relative; float: left; } /* D8.2 */ #pun-qjump .container { border: none; background: transparent; padding: 0.8em 1em; } /* D8.3 */ #pun-about { margin-top: 1px; } /* 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-bottom: 4px; } /* D8.6 */ #pun-crumbs2 { font-weight: bold; overflow: hidden; margin-bottom: 0px; 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: none none; border-width: 0px 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; } .pl-share { display: none !important; } li.reports { display: none !important; } p.lastedit {display:none;} /* structure by futura.rusff.me -------------------------------------------------------------*/
Цвета
Код:/* structure by futura.rusff.me -------------------------------------------------------------*/ /* CS1 Основа -------------------------------------------------------------*/ /* CS1.1 Фон */ body { background: url("https://forumstatic.ru/files/0014/e7/c3/70960.png") repeat-x top center, url("нижний фон") repeat-x bottom center, url("https://forumstatic.ru/files/0014/e7/c3/16850.png") repeat;} #pun { background: url("https://forumstatic.ru/files/0014/e7/c3/20423.png") repeat-y;} /* CS1.2 Шапка */ #pun-title.section { background: transparent url("https://forumstatic.ru/files/0014/e7/c3/38001.png") top center scroll no-repeat; height: 370px; width: 1200px; margin-top: 0px; margin-left: -137px;} /* CS1.3 Копирайт */ #copyright { text-align: center; background: url("https://forumstatic.ru/files/0014/e7/c3/97055.png") scroll center; width: 1200px; height: 174px; margin-left: -137px;} #html-footer { margin: 0px; text-align: center; } /* CS2 Форум -------------------------------------------------------------*/ /* CS2.1 Текст на форуме */ .punbb .main .container, .punbb .post .container, .punbb .post h3, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container, #pun-status .container, #pun-crumbs1 p.container, #pun-stats .container, #pun-about .container, #pun-crumbs2 .container, .linkst .pagelink, .linksb .pagelink { color: #060200; background-color: transparent;} /* CS2.2 Категории */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { background: url("https://forumstatic.ru/files/0014/e7/c3/29220.png") no-repeat center; width: 1200px; height: 133px; margin-left: -157px; font-style: normal; text-align: center; text-transform: uppercase; color: #212121; font-size: 13px;} /* CS2.3 Цитата*/ .punbb .quote-box { background-color: #efdfd2; color: #4f432e; border: 1px solid #b4a791; } /* Код */ .punbb .code-box { background-color: #efdfd2; color: #4f432e; border-top: 2px solid #b4a791;} /* Форма ответа */ .punbb textarea, .punbb select, .punbb input, .punbb .button { background-color: #efdfd2; color: #4f432e;} /* CS2.4 Прокрутка */ ::-webkit-scrollbar {width: 9px; height: 7px; background-color: #beab9c;} ::-webkit-scrollbar-thumb {background-color: #b28b62;} ::-webkit-scrollbar-thumb:active {background: #dcccbe;} /* выделенный текст */ ::selection {background: #96744e; color: #e1d3c6;} /* CS2.5 Переадресация */ #pun-redirect { background: url("https://forumstatic.ru/files/0014/e7/c3/16850.png") repeat; position: fixed; text-align: center; font-size: 12px; margin-left: -120px;} #pun-redirect .main-title { margin-bottom: 0px!important; margin-left: 30px; text-align: center; margin-top: 10px; background: url("https://forumstatic.ru/files/0014/e7/c3/16850.png") center no-repeat; } /* CS2.6 Профиль */ /* Фон */ .punbb .post .post-author { text-align: center; background: url(https://forumstatic.ru/files/0014/e7/c3/99123.png) top center no-repeat, url(https://forumstatic.ru/files/0014/e7/c3/95410.png) bottom center no-repeat, url(https://forumstatic.ru/files/0014/e7/c3/28704.png) repeat-y; width: 209px; margin-top: -20px; padding-top: 10px; margin-left: 9px; } /* меняем ссылку ника */ li.pa-author a, li.pa-author { color: #5c4c34 !important; font: 14px 'tahoma'; text-transform: uppercase; font-weight: bold; text-shadow: #fff 1px 1px 0px; } li.pa-author a:hover, li.pa-author a:focus, li.pa-author a:active { color: #bf8d55 !important;} /* CS2.7 Форумы */ /* описание форумов */ .tclcon { width: 350px; font-size: 11px; text-align: justify; padding-left: 57px; color: #5c4c34;} /* название форумов */ #pun-index .tcl h3 a { font-size: 12px; font-style: normal; text-align: center; text-transform: uppercase;} /* CS2.8 Окна, кнопки и прочее */ /* Окно репутации */ .punbb-admin #pun-admain .adcontainer, #pun-reputation div.inner div.container, #pun-report div.inner div.container , #pun-popup_awards div.inner div.container { color: #060200; background: url(https://forumstatic.ru/files/0014/e7/c3/16850.png) repeat;} #pun-reputation .tc2 textarea {width: 472px !important;} #pun-reputation .tcl {width: 80px !important;} #pun-reputation h1 { background: url(https://forumstatic.ru/files/0014/e7/c3/16850.png) repeat; text-align: center; width: 600px; height: 15px; margin-left: 0px; padding-top: 20px !important;} /* Настройки кнопок "отправить", "посмотреть" и др. */ #pun-main .formsubmit input { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 90px; padding: 10px 0; overflow: hidden; border: none; font: normal normal bold 12px/1 Tahoma, Geneva, sans-serif; color: rgba(255,255,255,1); text-align: center; -o-text-overflow: ellipsis; text-overflow: ellipsis; background: #7b6646; -webkit-box-shadow: 2px 2px 2px 0 rgba(255,255,255,0.37) ; box-shadow: 2px 2px 2px 0 rgba(255,255,255,0.37) ; text-shadow: 1px 1px 0 rgba(255,255,255,0.2) ; } #pun-main .formsubmit input:hover { background: #9e8b7d; -webkit-box-shadow: 2px 2px 2px 0 rgba(255,255,255,0.37) , 2px 2px 2px 0 rgba(0,0,0,0.5) inset; box-shadow: 2px 2px 2px 0 rgba(255,255,255,0.37) , 2px 2px 2px 0 rgba(0,0,0,0.5) inset; } /* Настройки выпадающих списков */ .punbb input, .punbb select { background-color: #CFCFCF; color: #002C1D; padding: 2px;} /* Окна в форме ответа */ #size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area { background: url(https://forumstatic.ru/files/0014/e7/c3/16850.png) repeat; color: #060200; padding: 5px; border: double #7b6646 1px !important;} /* Линия разделитель */ hr { color: #7b6646; background-color: #7b6646; height: 2px; border: none;} /* CS3 Рамки -------------------------------------------------------------*/ .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, .punbb-admin #pun-admain .adcontainer { border-color: transparent;} /* CS4 Ссылки -------------------------------------------------------------*/ /* CS4.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { text-decoration: none; color: #6a5639;} .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: #bd8a53;} /* CS4.2 Ссылки в меню навигации */ #pun-navlinks a { display: inline-block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; cursor: pointer; margin: 0 -10px 0 0; padding: 7px; border: none; font: normal 12px Tahoma, Geneva, sans-serif; text-transform: uppercase; color: rgba(255,255,255,0.9); text-align: center; text-shadow: -1px -1px 0 rgba(147,147,147,0.66) ; -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1); -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1); -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1); transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1); } #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active, #pun-pagelinks a:active, #pun-pagelinks a:focus { box-shadow: inset 0 0 0 2px #dacbbe;} /* CS4.3 Пользовательские ссылки */ #pun-ulinks a { color: #33291b;} #pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { color: #dccfb2;} /* CS5 Иконки сообщений -------------------------------------------------------------*/ /* Старые */ .punbb table Div.icon { float: right; display: block; width: 32px; height: 26px; background-image: url(https://forumstatic.ru/files/0014/e7/c3/90577.png); background-repeat: no-repeat; position: relative; margin-left: 25px; margin-top: 10px; margin-right: 5px;} /* Новые */ TR.inew Div.icon { background: url(https://forumstatic.ru/files/0014/e7/c3/93762.png) no-repeat;} /* Важно */ TR.isticky Div.icon { background: url(https://forumstatic.ru/files/0014/e7/c3/34623.png) no-repeat;} /* Закрыто */ TR.iclosed Div.icon { background: url(https://forumstatic.ru/files/0014/e7/c3/39467.png) no-repeat;} /*CS6 Таблицы и прочее ---------------------------------*/ #news { display: block; width: 155px; height: 221px; overflow:auto; color: #7b6646; position: absolute; text-align: justify; margin-top: 55px; margin-left: 70px;} #news::-webkit-scrollbar { width: 5px; background-color: #beab9c } #news::-webkit-scrollbar-thumb { background-color: #7b6646; } .photo-ams::after { display: inline-block; position: relative; } .photo-ams:hover::after { content: attr(data-title); width:130px; position: absolute; left: -70px; top: 35px; z-index: 1; background: #dcccbe; font-size: 10px; text-transform: lowercase; text-align: justify; padding: 2px 2px; border: 1px solid #3c3121; } #ams { display: inline; position: absolute; margin-top: 155px; margin-left: 717px;} #ams1 { display: inline; position: absolute; margin-top: 155px; margin-left: 767px;} #ams2 { display: inline; position: absolute; margin-top: 155px; margin-left: 817px;} #best { display: inline; position: absolute; margin-top: 235px; margin-left: 717px;} #best1 { display: inline; position: absolute; margin-top: 235px; margin-left: 767px;} #best2 { display: inline; position: absolute; margin-top: 235px; margin-left: 817px;} #table_block { width: 840px; height: 200px; background: #f4f2ec; color: #b8aa90; margin-left: -7px; } #menu { height: 20px; background: #e8e5dc; margin-top: -35px; } #menu span { width: 830px; padding: 700px 30px; cursor: pointer; opacity: 0.8; font-family: Tahoma; font-size: 14px; text-transform: uppercase; } #menu .tabactive{ border: none !important; opacity: 1.0; } #submenu { height: 150px; font-size: 11px; width: 830px; color: #818181; } /* structure by futura.rusff.me -------------------------------------------------------------*/
хтмл-верх
Код:<!------- НОВОСТИ -------!> <div id="news"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. <a href="">It has survived not only five centuries</a>, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </div> <!------- АДМИНИСТРАЦИЯ -------!> <div id="ams"><div class="photo-ams" data-title="здесь писать об администраторе"><a href="ССЫЛКА НА ПРОФИЛЬ"><img src="images/thumb1.jpg" width="40px" height="40px" alt=""></a></div></div> <div id="ams1"><div class="photo-ams" data-title="здесь писать об администраторе"><a href="ССЫЛКА НА ПРОФИЛЬ"><img src="images/thumb1.jpg" width="40px" height="40px" alt=""></a></div> </div> <div id="ams2"><div class="photo-ams" data-title="здесь писать об администраторе"><a href="ССЫЛКА НА ПРОФИЛЬ"><img src="images/thumb1.jpg" width="40px" height="40px" alt=""></a></div> </div> <!------- ЛУЧШИЕ -------!> <div id="best"><div class="photo-ams" data-title="здесь писать об игроке"><a href="ССЫЛКА НА ПРОФИЛЬ"><img src="images/thumb1.jpg" width="40px" height="40px" alt=""></a></div></div> <div id="best1"><div class="photo-ams" data-title="здесь писать об игроке"><a href="ССЫЛКА НА ПРОФИЛЬ"><img src="images/thumb1.jpg" width="40px" height="40px" alt=""></a></div> </div> <div id="best2"><div class="photo-ams" data-title="здесь писать об игроке"><a href="ССЫЛКА НА ПРОФИЛЬ"><img src="images/thumb1.jpg" width="40px" height="40px" alt=""></a></div> </div> <div id="html-header"> <!-- ОКНО В ШАПКЕ, НОВОСТИ ----------------------> <div style="width: 650px; max-height: 130px; position: absolute; top: 390px; margin-left: 37px;"> <div style="overflow: scroll; overflow-x: hidden; height:125px; text-align: justify "> <center><!-- Top.Roleplay.Ru --> <script type="text/javascript" language="javascript"> var topRPGc="<img src='http://s01.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=23907&rnd=" + Math.random(); topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://top.roleplay.ru/23907' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='top_'>"+ "<img src='http://img.rpgtop.su/top8015_2.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='80' height='15'></a> "; document.write(topRPGc); </script> <noscript> <img src='http://s01.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=23907' width='1' height='1' border='0'><a href='http://top.roleplay.ru/23907' target='_top'><img src='http://img.rpgtop.su/top8015_2.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='80' height='15'></a> </noscript> <!-- /Top.Roleplay.Ru --> <a href="http://forum-top.ru/vote/4498" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x15_11.gif" alt="Рейтинг форумов Forum-top.ru" /></a></center><br> <hr> <br> ♦ <b>05.10.15</b> Отставить панику.<br> ♦ <b>15.09.15</b> Видите эти чудные кнопочки в форме ответа, объявлении и в описании раздела партнёрства? По давней просьбе мы зарегистрировались в ТОПах, так что дальше дело за вами! <br> ♦ <b>08.09.15</b> Такое вот небольшое обновление во славу минимализма и простоты. Если совсем-совсем не нравится, ругаться можно Семирамиде в личку. Так же запущен ночной квест и готовятся к запуску дневные. И да, <b>набор Мастеров и Слуг открыт снова!</b> From Somber Reign with love. <br> ♦ <b>23.08.15</b> Набор Мастеров временно закрывается тоже (мы тут немного запутались, кто к кому пойдёт, поэтому это временная мера, которая скоро закончится). Но в игру всё так же принимаются вольные маги, представители Церкви и Ассоциации, у которых в игре может быть реальный шанс стать Мастером! <br> ♦ <b>10.08.15</b> Вечером будет обещанная чистка тех, от кого ни слуху, ни духу по поводу анкет. Кстати, сроки по вступлению в игру никто не отменял, но это я напоминаю больше для профилактики. Так же (уже не в профилактических целях) напоминаю, что запрет на Слуг до сих пор в силе. <br> ♦ <b>03.08.15</b> Возможно, кто-то о нас уже знает, кто-то мог слышать, но для тех, кто не входит ни в первую, ни во вторую группу, мы говорим: здравствуйте, добро пожаловать на ролевую по вечно актуальному сеттингу "Fate". Мы не претендуем на абсолютно новый сюжет, однако надеемся, что вам он понравится так же, как и нам. Мы лелеем надежду на то, что вы тут найдете не только источник сильных эмоций, интригующих переплетений истории, но и друзей, море общения и счастье. И да начнётся Шестая Война </div></div> <!-- ОКНО В ШАПКЕ, ПАРТНЕРЫ ----------------------> <div style="width: 217px; max-height: 130px; position: absolute; top: 390px; margin-left: 690px;"> <div style="overflow: scroll; overflow-x: hidden; height:125px; text-align: center "><a href="http://hfriction.f-rpg.ru/"><img src="http://i65.fastpic.ru/big/2015/0930/73/60bb2a7d5994da255be3ab490fbaef73.png" title="Historical Friction"></a> <a href=http://bleachng.anihub.ru/><img src=https://dl.dropboxusercontent.com/u/3936427/bng/info/piar/banner.png border =0 alt=”Bleach. New Generation”></a> <a href="http://shamanking.goodbb.ru/"><img src="http://i57.fastpic.ru/big/2015/0208/7e/8a5ff9f9bc37c6355d46e83a438db07e.png" title=" »Shaman King: Reboot"></a> <a href="http://futura.rusff.me/"><img src="https://forumstatic.ru/files/0013/61/45/31471.jpg" title="каталог аниме форумов"></a> <a href="http://norarpg.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/0016/95/3e/32423.gif" border="0" width="88" height="31" title="Noragami: Ready or Not"></a> <img src=http://i.imgur.com/823i7HS.png> <img src=http://i.imgur.com/823i7HS.png> <img src=http://i.imgur.com/823i7HS.png> <img src=http://i.imgur.com/823i7HS.png> <img src=http://i.imgur.com/823i7HS.png> <img src=http://i.imgur.com/823i7HS.png> <img src=http://i.imgur.com/823i7HS.png> <img src=http://i.imgur.com/823i7HS.png> <img src=http://i.imgur.com/823i7HS.png> <img src=http://i.imgur.com/823i7HS.png> </div></div>
хтмл-низ
Код:<! ВСЕ КОДЫ И БАННЕРЫ СТАВИТЬ ВЫШЕ КОПИРАЙТА ---------------------------> <div id="copyright"> </div> <!-------------------------------------------------------->
Графика