Структура style.css
/*** Шрифты ***/ /* A1 Import the colour scheme */ @import url(style_cs.css); @import url('https://fonts.googleapis.com/css?family=Alice|Caveat:400,700|Poiret+One&subset=cyrillic'); /* A2 Deal with browser defaults and wonkiness */ /* A2.1 */ html, body {margin: 0; padding: 0} /*** Фон ***/ html {background: url(https://forumstatic.ru/files/001a/3e/0e/30383.jpg) top center no-repeat fixed #060b0f; background-size:cover; } /* 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 70% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;} /* A3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup {font: 1em verdana, arial, helvetica, sans-serif;} /* A3.4 */ .punbb h1, .punbb h2, .punbb h3 { font-size: 1em; font-weight: normal; } .punbb h4, .punbb table { font-size: 1em; font-weight: normal; } .punbb th, #pun-about .container {font-weight: normal; background-color: transparent; text-transform: lowercase;} .punbb th {font-size: 0px !important;} #pun-about .container {font-size: 0.9em;} .punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1.1em; } /* A3.6 */ .punbb pre {font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace} /* A3.7 */ .punbb address, .punbb em {font-style: normal;} /* A3.8 */ .punbb .post-content em {font-style: italic;} /* A3.9 */ .punbb .post-content em.bbuline {font-style: normal; text-decoration: underline;} /* A3.10 */ .punbb a {text-decoration: none;} /* A3.11 */ .punbb optgroup {font-weight: bold;} /* A4 Float clearing and hidden items */ /* A4.1 */ #pun:after, .punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0; } /* A4.2 */ .acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 { font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden; } /* A5 Basic page layout and borders */ /* A5.1 */ #pun { width: 950px; margin: 430px auto 30px auto; background: url(https://forumstatic.ru/files/001a/3e/0e/25406.png) repeat-y; border-radius: 0 0 4px 4px; } #pun-about p.container { background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/001a/3e/0e/63203.png) bottom center no-repeat; height: 170px; margin-bottom: -161px; width: 950px; padding: 0 !important; border: none !important; } .punbb-admin {padding-bottom:70px;} /* A5.2 */ .punbb {float: left; width: 950px; height: auto;} /* A5.3 Редирект */ #pun-redirect { border:0 none!important; background: url(https://forumstatic.ru/files/001a/3e/0e/17676.png) 38% 32% no-repeat #000000!important; margin: auto; padding:0; left:0; right:0; top:0; bottom:0; position:fixed; width:100%; height:100%; text-align:center;} #pun-redirect {border:0 none; margin:0; padding:0;} #pun-redirect .main-title {display:none;} #pun-redirect.punbb .info .container{ height:200px; width:400px; text-align:center; margin:auto!important; padding:0; left:0; right:0; top:0; bottom:0; position:absolute; font-weight:bold; display:block; background: none!important; color:#a59b7e !important; } #pun-redirect.punbb .info a{color:#657e82; font: normal 400 14px/normal Alice;} #pun-redirect.punbb a:hover{color:#a1babe !important;} /* A5.4 */ .punbb .section, .punbb .main {margin-bottom: 1em;} /* A5.5 Категории */ .punbb .category {margin-top: 0.4em;} .punbb .post{margin-top: 0em;} /* A5.6 */ .punbb #pun-category1, .punbb .toppost, .punbb .topicpost {margin-top: 0;} /* A5.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;} /* A5.9 */ .punbb .container {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; border-top: 1px solid #796f56; width: 250px; margin: 12px auto;} /* B1.3 */ .punbb .post-content p {margin: 0; padding: 0 0 1em 0; line-height: 150%; font-family: 'Verdana', sans-serif;} /* B1.4 */ .punbb .post-content img {vertical-align: text-bottom;} .punbb .post-content img.postimg {margin: 0.2em 0px !important;} /* B1.5 */ .punbb .post-content img.postimg {vertical-align: middle; height:auto; width:auto; max-width:100%;} /* 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.3em 0.3em 0.5em; padding: 0.8em 1.1em;} /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend {display: block; display: block; padding-bottom: 0.7em !important; font-size: 1.3em; font-weight: bold !important; font-style: normal; font-family: alice;} /* 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: 3.5em;} /* B3.3 */ .linkst .pagelink {position: absolute; top: -4.2em; left: 1em; width: 24em;} /* B3.4 */ .linkst .postlink {position: absolute; top: -4.2em; 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; border-color: transparent;} /* C1.5 */ .punbb fieldset legend { padding: 0; margin: 0 0 0 11px; font-family: prata; font-size: 7px; text-transform: uppercase; letter-spacing: 2px; word-spacing: 3px; top: 332px; color: #7b7975; padding-top: 5px; text-align: center;} #pun-admain legend span { background-color: transparent!important; } /* 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 {margin: 8px; font-family: prata; font-size: 7px; text-transform: uppercase; letter-spacing: 2px; word-spacing: 3px; top: 332px; color: #545a5a; padding-top: 5px; text-align: center;} /* 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: 60%;} /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {text-align: center; width: 5%;} /* C2.3 */ .punbb .main .tcr { overflow: hidden; text-align: right; width: 30% !important; font-size:12px; } .punbb .main .tcr a { color:#36322a!important; } /* C2.4 */ #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl {width: 40%;} /* C2.5 */ #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 {text-align: left; width: 20%;} /* C2.6 */ #pun-debug table .tcl {width: 15%; white-space:normal;} /* C2.7 */ #pun-debug .tcr {width: 90%; white-space: normal;} /* C2.8 */ #pun-index .tcl h3 {font-size: 1.2em; font-weight: bold;} /* C2.9 */ .punbb td span.youposted {font-weight: bold; margin-left: -1em; position: absolute;} /* C2.10 */ .punbb td .modlist {display: none; padding-top: 0.3em;} /* C2.11 */ .punbb .main td {border: none; padding: 0.8em 1em;} /* C2.12 */ .punbb .main th {border: none; padding: 0.4em 1em 0.4em 1em;} /* C2.13 Иконки */ .punbb div.icon { float: left; display:block; height:70px; width:63px; background-repeat: no-repeat; margin-left:5px; } Div.icon { background: url(https://forumstatic.ru/files/001a/3e/0e/74656.png) no-repeat; background-position: -205px 0; } TR.inew Div.icon {background-position: -54px 0;} TR.iclosed Div.icon {background-position: 0px 0; } TR.isticky Div.icon {background-position: -129px 0;} /* C2.13 */ .punbb .main .tcl {border-left-style: none; border-left-width: 0;} /* C2.14 */ .punbb td div.tclcon { margin-left: 25px; padding-top: 2px; text-align:justify; } /* C3 Topics */ /* C3.1 */ .punbb .post .container {border-style: none; border-color: transparent; border-width: 0px; margin-top: -1px; padding-bottom: 1px;} /* C3.2 */ .punbb .post h3 {border-style: none; border-width: 0px;} /* C3.3 Перегородка между сообщениями */ .punbb .post h3 span {padding: 14px 1em; display: block; padding-left: 240px; border-left-style: none; border-left-width: 0px; border-color: transparent;} /* C3.4 */ .punbb .post h3 strong {float: right; width: 5em; text-align: right; font-weight: normal;} /*** Профиль ***/ .punbb .post .post-author { float: left; margin-top: -32px; margin-left: 14px; overflow: hidden; text-align: center; color: #676767; text-shadow: 1px 0 1px black;} .post-author { width: 215px; background: url(https://forumstatic.ru/files/001a/3e/0e/99296.jpg) repeat-y #161d16; background-color: #161d16; } .punbb .post .post-author:after { content: ' '; display: block; width: 215px; height: 8px; background: url(https://forumstatic.ru/files/001a/3e/0e/40520.jpg) no-repeat #161d16; position: absolute; } .punbb .post .post-author:before { content: ' '; display: block; width: 215px; height: 48px; background: url(https://forumstatic.ru/files/001a/3e/0e/85398.png) no-repeat; position: absolute; z-index: 1000; } .post-author ul {padding-bottom: 20px !important;} /* C3.6 */ .punbb .post .post-author ul, .punbb .post .post-author p {line-height: 140%; padding: 0 1em 1.2em 1em;} /* C3.7 */ /*** Ник в постах ***/ .punbb .post h3 {background: transparent;} /* C3.8 */ .pa-author { text-align: center; padding: 9px !important; margin-bottom: 0.5em; width: 100%; margin-left: -8px; text-decoration: none; font-family: alice !important; transition: all 0.3s ease-in-out 0.1s; font-size: 1.4em !important;} .pa-author::before { content: " "; position:absolute; background: linear-gradient(to bottom, rgba(0,0,0,0) 49%, rgba(0,0,0,0.96) 100%); height:60px; width:200px; margin-top:-70px; margin-left:-78px; z-index:20000!important; } .pa-author a { color: rgba(191, 232, 236, 0.52)!important; background: linear-gradient(rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%); background-clip: text; -webkit-background-clip: text; -moz-background-clip: text; -o-background-clip: text; } .pa-author a:hover {color: rgba(213, 251, 255, 0.65)!important; text-decoration:none; transition: 0.2s all; text-shadow: 0px 0px 35px rgb(199, 2, 2)!important; } /* C3.9 */ li.pa-title {padding-bottom: 0.5em; margin: -9px 0 0 -11px; font-weight: normal; font-size: 1em; font-family: Alice, Tahoma, times, Arial; text-transform: lowercase; background: #262e31; width: 230px; height: 12px; color: #9c9c9c;} li.pa-online {line-height: 0.8em; border-left-style: none; margin-top: 0.7em;} li.pa-online strong {font-style: italic; font-weight: normal !important;} /* C3.11 */ .punbb .post-body {margin-left: 19em; border-left-style: none; border-left-width: 0px; border-color: transparent; padding: 0 0 1px 0;} /* C3.12 */ .punbb .post-box {padding: 5px 10px 10px 30px;} #profile .post-box {padding-right: 0em !important;} /*C3.13 */ .punbb fieldset .post-box {margin-bottom: 0.8em;} /* C3.14 */ .punbb .post-links { margin-left: 19em; border-left-style: none; border-left-width: 1px;} /* C3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left: -19em; border-top-width: 1px; background: transparent; 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; font-weight: normal;} /* C6.4 */ #viewprofile ul, #profilenav ul {border-style: none; border-width: 0px; border-color: transparent; padding: 1em 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;} /* 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} /*** Рамка возле аватара ***/ .pa-avatar img{ max-width: 200px; margin-top:29px; margin-left:-3px; } /*** Радиус у аватарок при ссылках ***/ .punbb .user-avatar img.ava {border-radius:10% !important;} /* 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: none;} /*****D - PUNBB SECTIONS OTHER THAN MAIN CONTENT*****/ /* D1 Logo and description */ /* D1.1 */ #pun-title {margin: 0; border-style: none; border-width: 0px;} /* D1.2 íàçâàíèå ôîðóìà */ #pun-title h1 {display: none; height: 20px; 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; width:100%;} #pun-title td.title-logo-tdl {border:none; width: 100%;} #pun-title td.title-logo-tdr {border: none; vertical-align: top; top: 0px; left: 5%; margin-top: 0px; position: absolute;} /* D2 Page navigation */ /* D2.1 */ #pun-pagelinks {position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%;} /* D2.2 */ #pun-pagelinks .container {background: transparent; border: none; padding: 0;} /* D2.3 */ #pun-pagelinks .container li {display: inline;} /* D2.4 */ #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%;} /* D2.5 */ #pun-pagelinks a:active, #pun-pagelinks a:focus {position:relative; margin: 0;} #pun-pagelinks li a span {display:block; margin: 0 1em;} /* D3 Forum navigation */ /* D3.1 */ #pun-navlinks, #pun-navlinks .container {text-align: center; margin: -19px 0 0 0!important; width: 948px; position: absolute; z-index: 2;} /* D3.2 */ #pun-navlinks .container {margin: auto;} /* D.3 */ #pun-navlinks li {display: inline; padding-right: 0.8em;} /* D3.4 */ #pun-navlinks li a { font-family: tahoma; font-size: 0.8em; padding: 10px 5px 10px 7px;} /* D4 User links */ /* D4.1 */ #pun-ulinks {margin-top:0;} /* D4.2 */ #pun-ulinks .container { font-family: alice !important; font-style: normal; font-weight: 400 !important; letter-spacing: 3px; position: absolute; text-align: center !important; text-transform: uppercase; width: 948px !important; display: block; font-size: 10px; z-index: 2; margin-top: -1px;} /* D4.3*/ #pun-ulinks li, #pun-ulinks li a {display: inline; border-left-style: none; border-left-width: 0px; white-space: nowrap;} /* D4.4 */ #pun-ulinks li a { font-size: 0.8em; padding: 0 0 0 5px;} /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a {border-left-style: none; border-left-width: 0; padding-left: 0;} /* D5 Welcome box and Top Breadcrumbs */ /* D5.1 */ #pun-status, #pun-status .container {border-bottom: none; margin-bottom: 0; margin-top:1em; } /* D5.2 */ #pun-status .container {width: 950px; text-align: center; font-family: georgia; font-size: 0.55rem; text-transform: uppercase; letter-spacing: 2px; word-spacing: 3px; color: #7b7975; padding-top: 15px;} /* 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, #pun-crumbs2 .container {border-top: none; padding: 1rem 1rem 1rem 1rem; font-size: .9rem; font-family: alice!important; color: #6b6b6b; font-weight: normal;} /* D5.6 */ #pun-break1 {margin: 0 1em; border-style: none; border-width: 0px; height: 0; margin: -2px 1em; position: relative; z-index: 1;} /* D6 Announcement */ /* D6.1 */ #pun-announcement h2 {display: none; padding: 0; margin: 0 1em -3.5em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; font-weight: bold;} /* D6.2 */ #pun-announcement h2 span {display: none; padding: 1em 0 0.8em 0; border-bottom-style: none; border-bottom-width: 0px;} /* D6.3 */ #pun-announcement .container {background: transparent; padding: 0px 20px 0px 20px; margin-top: 0px; margin-bottom: -6px;} /* 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: none; border-top-width: 0px; float: left; width: 100%; line-height: 130%;} /* D7.5 */ li#onlinelist div {border-top-style: none; border-top-width: 0px; 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: 0; margin-right: 0.2em; margin-bottom:0;} /* D8.4 */ #pun-about .container {border-top-style: none; text-align: right; line-height: 150%; padding: 0.8em 1em;} /* D8.5 */ #pun-about p span {display:none; padding-left: 50%; text-align: center;} /* D8.6 */ #pun-crumbs2 { font-weight: bold; overflow: hidden; margin-bottom: 0; border-bottom: none;} /* D8.8 */ #pun-break4 { display: none; margin: -2px 1em; border-style: none; border-width: 0px; position: relative; height: 0; z-index: 1;} /* D8.9 */ div.punbb-admin #pun-about .container {border-top-style: none; border-top-width: 0px;} /* D9 Help file */ /* D9.1 */ #pun-help .formal .info-box h3.legend {border-bottom-style: none; border-bottom-width: 0px; 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: none; border-bottom-width: 0px; 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;} /*** Админка ***/ .punbb-admin #pun-admain .adcontainer, #pun-admain {background-color: transparent;} /*** Прочее ***/ .punbb #pun-main .info-box .legend, .punbb .info-box, #setmods dd, #viewprofile li div, #viewprofile li strong, .punbb .formal fieldset .post-box, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .post .container, .punbb .main .container {background: transparent} #pun-navlinks .container {background-color: transparent;} .offline li.pa-online strong {font-weight: normal;} .punbb .container, .punbb .post-body, .post h3, #pun-title {border-color: transparent;} .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {border-color: transparent;} #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {display: block; text-align: center; margin: auto; width: 100%; text-transform: uppercase; font-family: alice; color: #171111; border: none!important; } .punbb-admin #pun-admain h2 {background: transparent!important;} #pun-stats h2 {font-size: 0!important;} .punbb td, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table {border: none;} #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 .formal fieldset .post-box, .punbb .info-box {border: transparent;} .punbb .divider {border-color: transparent;} #pun-main div.catleft, #pun-main div.catright {display: none} /*** заплатка для превьюшек ***/ #post-preview, fieldset {min-width:0;} .punbb .post-content .quote-box + p:first-line { line-height: 150%; } /*** Разделение пользователей в строке просмотра ***/ #topic-users-in a:after {content: ',';} #topic-users-in a:last-child:after {display: none;} /*** Границы таблиц ***/ .punbb .post-content td {border: 0px none transparent !important; font-size:1em;} /*** разделитель в списке перемещения сообщений ***/ div.Select_Topics .container tr { border-bottom: 1px solid #75726b; } /*** Фон для окон ***/ .inner, #pun_wrap #post .container[id$="-area"], #video-area-tinp, #image-area-tinp, .pun-modal .modal-inner { background: #eae9e5; outline: none; color: #20292d; border: 1px solid #d2cfae; box-shadow: 0px 0px 10px #aba485 inset;} #pun-report .bg, #pun-reputation .bg, #pun-admin-award-form .bg { display: none; position: fixed; z-index: 10; width: 100%; height: 100%; left: 0;top: 0; background: #000 !important; opacity: .75; filter: alpha(opacity=70); -moz-opacity: .7; -khtml-opacity: .7; cursor: pointer; } /* CATEGORIES Категории */ #pun-index .category h2 { height: 57px; background-repeat: no-repeat; background-image: url('https://forumstatic.ru/files/001a/3e/0e/70001.png'); align:left!important; text-align:left; margin-left:1px; width:948px!important; margin-bottom:13px!important; } #pun-index .category h2::before { content: " "; width:948px!important; height:28px!important; margin-top:14px; position:absolute; background: url('https://forumstatic.ru/files/001a/3e/0e/58918.png') center no-repeat!important; } #pun-index #pun-category1 h2 { } #pun-index #pun-category2 h2 { } #pun-index #pun-category3 h2 { } #pun-index #pun-category4 h2 { } #pun-index #pun-category5 h2 { } #pun-index #pun-category6 h2 { } #pun-index .category h2 span { font-size: 24px; font-family: Montresor; color:#898d56; text-transform:none!important; float:left!important; margin-left:150px; margin-top:11px; text-shadow: 1px 0px 2px rgba(0, 0, 0, 1), 0px 1px 2px rgba(0, 0, 0, 1); }