Верхнее окно стиля

/* 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;}

/* 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: 970px;}

/* A5.2 */
.punbb {
  width: 940px;
  position: relative;
  height: auto;
  margin-left: 3px;}

/* 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;
  margin: 5px 0;}

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;}

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-bottom}

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;}

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden; }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;}

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  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;
  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: 1.1em;
  font-weight: bold;
  text-align: center;}

/* C3.8 */
.pa-author a {
  text-decoration: none}

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;}

li.pa-online {
  line-height: 0.8em;
  padding-left: 0.4em;
  margin-top: 0.7em;}

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  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;
  line-height: 2em;
  border-top-style: dashed;
  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;}

/* 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-style: none;
  border-width: 0;
  margin: 0;}

/* D3.2 */
#pun-navlinks .container {
  padding: 0.8em 1em;
  text-align: center;}

/* D.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;}

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.1em;}

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
  padding-bottom: 1px;}

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  text-align: center;
  padding: 0em 1em;}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: none;
  border-left-width: 0px;
  white-space: nowrap;
  padding-left: 3px;}

/* D4.4 */
#pun-ulinks li a {
  padding: 0 -0.1em 0 -0.1em;}

/* 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;}

/* 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("Верхний фон") repeat-x top center, url("Нижний фон") repeat-x bottom center, url("https://images.vfl.ru/ii/1496769781/7cf7964d/17486370.png") repeat;}

#pun {
  background: url("https://images.vfl.ru/ii/1493297494/ecf4870a/17019478.png") repeat-y;}

/* CS1.2 Шапка */
#pun-title.section {
  background: transparent url("https://images.vfl.ru/ii/1496511032/c5a28ff1/17451224.png") top center scroll no-repeat;
  height: 344px;
  width: 945px;
  margin-top: 0px;
  margin-left: 4px;}

/* CS1.3 Копирайт */
#copyright {
  text-align: center;
  background: url("Картинка копирайта") scroll center;
  width: 960px;
  height: 82px;
  margin-left: 5px;}

#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("фон категории") no-repeat left;
  height: 70px;
  margin-left: 6px;
  font-style: normal;
  text-align: center;
  color: #212121;
  font-size: 12px;}

/* CS2.3 Цитата*/
.punbb .quote-box {
  background-image: url(https://images.vfl.ru/ii/1493394229/6df … 033417.png);
  color: #060200;
  border: solid;
  border-width: 0px 0px 0px 4px;
  border-color: #0A0F0E;}

/* Код */
.punbb .code-box {
  background-image: url(фон кода);
  color: #060200;}

/* Форма ответа */
.punbb textarea, .punbb select, .punbb input, .punbb .button {
  background-image: url(https://images.vfl.ru/ii/1493302175/b32 … 020208.png);
  color: #060200;}

/* CS2.4 Прокрутка */
::-webkit-scrollbar {width: 9px; height: 5px; background-color: #AAB8AD;} 
::-webkit-scrollbar-thumb {background-color: #0A1716;}
::-webkit-scrollbar-thumb:active {background: #CE621A;}

/* выделенный текст */
::selection {background: #1C6259; color: #C3CBC6;}

/* CS2.5 Переадресация */
#pun-redirect {
  background: url("общий фон") repeat;
  position: fixed;
  text-align: center;
  font-size: 12px;}

#pun-redirect .main-title {
  margin-bottom: 0px!important;
  text-align: center;
  margin-top: 10px;
  background: url(фон заголовка) center no-repeat; }

/* CS2.6 Профиль */
/* Фон */
.punbb .post .post-author {
  text-align: center;
  background: url(https://images.vfl.ru/ii/1493386474/ae2 … 031886.png) top center no-repeat, url(https://images.vfl.ru/ii/1493386309/a93 … 031857.png) bottom center no-repeat, url(https://images.vfl.ru/ii/1493385760/a0b … 031750.png) repeat-y;
  width: 213px;
  margin-top: -20px;
  padding-top: 7px;
  margin-left: 11px;}

/* меняем ссылку ника */
li.pa-author a, li.pa-author {
  color: #000000 !important;
  font: px 'Calibri';}

li.pa-author a:hover, li.pa-author a:focus, li.pa-author a:active {
  color: #330000 !important;}

/* CS2.7 Форумы */
/* описание форумов */
.tclcon {
  font-size: 12px;
  padding-left: 3px;
  color: #362F1B;}

/* название форумов */
#pun-index .tcl h3 a {
  font-size: 12px;
  font-style: normal;
  text-align: center;}

/* 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(фон) repeat;}

#pun-reputation .tc2 textarea {width: 600px !important;}
#pun-reputation .tcl {width: 80px !important;}
#pun-reputation h1 {
   background: url(фон) repeat;
   text-align: center; width: 757px; height: 15px; margin-left: 0px; padding-top: 20px !important;}

/* Настройки кнопок "отправить", "посмотреть" и др. */
#pun-main .formsubmit input {
  background: #FFFFFF;
  padding: 5px;
  border: none !important;
  text-transform: lowercase;
  margin-top: -20px !important;}

#pun-main .formsubmit input:hover {
  background: #FFFFFF;}

/* Настройки выпадающих списков */
.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(фон) repeat;
  color: #7e7e7e;
  padding: 5px;
  border: solid #c4c4c4 1px !important;}

/* Линия разделитель */
hr {
  color: #1C6258;
  background-color: #1C6258;
  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: #330000;}

.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: #253930;}

/* CS4.2 Ссылки в меню навигации */
#pun-navlinks a {
  color: #000000;
  font-weight: normal;
  font-style: normal;}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active, #pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: #330000;}

/* CS4.3 Пользовательские ссылки */
#pun-ulinks a {
color: #330000;}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #666666;}

/* CS5 Иконки сообщений
-------------------------------------------------------------*/

/* Старые */
.punbb table Div.icon {
  float: left;
  display: block;
  width: 50px;
  height: 50px;
  background-image: url(https://images.vfl.ru/ii/1493362715/222 … 027605.png);
  background-repeat: no-repeat;
  position: relative;
  margin-left: 5px;
  margin-top: -10px;
  margin-right: 5px;}

/* Новые */
TR.inew Div.icon {
  background: url(https://images.vfl.ru/ii/1493362878/859 … 027621.png) no-repeat;}

/* Важно */
TR.isticky Div.icon {
  background: url(https://images.vfl.ru/ii/1493363106/3ca … 027655.png) no-repeat;}

/* Закрыто */
TR.iclosed Div.icon {
  background: url(https://images.vfl.ru/ii/1493363106/aed … 027656.png) no-repeat;}

/*CS6 Таблицы и прочее
---------------------------------*/

/* structure by futura.rusff.me
-------------------------------------------------------------*/

Html верх, низ и объявление

<!--черта в подписи-->
<style>.punbb .post-sig dt {background-color:#000000;
height:1px;width:400px;border:none;}}</style>

<style>
    .punbb .quote-box, .punbb .code-box {
    border-radius:10px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
    -webkit-box-shadow:0px 5px 15px #000;
    -khtml-box-shadow:0px 5px 15px #000;
    -moz-box-shadow:0px 5px 15px #000;
    box-shadow: 0px 3px 15px #000;
    }
</style>

<style>
#pun-index tr.inew .tcl h3 a:after{
content: " " url(http://savepic.org/1705881.gif);
}
</style>

<style type="text/css">
#pun-navlinks * {
text-shadow: 3px 1px 2px #CC9966;
}
</style>

<style type="text/css">
#pun-ulinks a {
text-shadow: 2px 1px 2px #CC9966;
}
</style>

<!-- Выделение кода в блоке "Код" // © 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 src="http://f.etrin.ru/hvss/hvss.min.js"></script>
<script>
hvScriptSet.addMask({
showPreview: true,
guestAccess: ['Сейчас или никогда', 'Личные истории', 'Альтернативный мир', 'Минувшие дни', 'В гостях у шляпника'],
forumAccessExtended: {
'Сейчас или никогда': ['Пользователи', 'Модераторы'],
'Личные истории': ['Пользователи', 'Модераторы'],
'Альтернативный мир': ['Пользователи', 'Модераторы'],
'Минувшие дни': ['Пользователи', 'Модераторы'],
'В гостях у шляпника': ['Пользователи', 'Модераторы']
}
});
</script>

<!-- Настройки слайдера -->
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0010/b4/f8/71526.css" />
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/78275.js"></script>
<style>
/* Убираем верхний отступ у контейнера с объявлением */
#pun-announcement .container {padding-top: 1em}

/* Ширина и границы вложенных в слайды таблиц */
.ins-tbl {
  width: 100%;
  border: 0 none transparent
  }

/* Выравнивание в ячейках вложенных таблиц */
.ins-tbl td {
  text-align: center;
  vertical-align: top
  }

/* Заголовки во вложенных таблицах */
.ins-tbl h3 {
  margin: 2px 0 6px 0;
  font: normal bold 14px 'times new roman', serif
  }

/* Настройка для блока ссылок в первом слайде */
.ins-tbl #nav_ins a {
  display: block;
  width: 150px;
  margin: 0 auto 3px auto;
  padding: 1px 0;
  background-color: transparent
  }

/* Ссылки при наведении (1 слайд) */
.ins-tbl #nav_ins a:hover {background-color: transparent}

/* Бордеры у блоков в первом слайде */
.ins-tbl .okantovka {
  width: 90%;
  margin: 0 auto;
  padding: 3px;
  border: 1px dashed #333;
  border-radius: 3px
  }

/* Прокрутка у блоков в первом слайде */
.ins-tbl .scrll-box {
  height: 160px;
  overflow-y: auto
  }
</style>

<style type="text/css">
body {
font-size: 108%;
}
</style>

<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="https://images.vfl.ru/ii/1493364125/d6625108/17027807.png" border="0" width=100%/></div>
<div class="go-down" id='OnBottom'><img src="https://images.vfl.ru/ii/1493364125/228b9ebe/17027808.png" border="0" width=100%/></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:5px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.7; /*прозрачность*/
margin-bottom:5px; /*отступ снизу (можно не указывать)*/
width:44px; /*ширина кнопки*/
height:50px; /*высота кнопки*/
}
.go-up {
bottom:65px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:25px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.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>

<style tape="text/css">
.pa-ip{display:none;}
</style>

<!-- Пиар-вход v.2 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
<script type="text/javascript">
PR.nick = 'Piar'; //Ник PR-аккаунта
PR.pass = '1111'; //Пароль PR-аккаунта
PR.btn_text = 'PR-вход'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>
<script type="text/javascript">
PR.nick = 'Reader'; //Ник PR-аккаунта
PR.pass = '2222'; //Пароль PR-аккаунта
PR.btn_text = 'Читать'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</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>

<!--Audio player (special edition)v.3.0 /FMP3/ (Deff, Romych, kolobdur74)-->
<script language="javascript">
$('td#button-video').before('<td id="playbut" style=\'background-image:url("http://s5.uploads.ru/4QUIa.gif")\' title="Аудио плеер" onclick="tag_play()"></td>');
$(function(){
var stText = '<embed src="https://forumstatic.ru/files/0013/49/9f/32316.swf?mp3='; var endTxt = '&action=stop&title=Player MP3&color=b1eb95&loop=no&lma=yes&textcolor=000000" quality="high" bgcolor="#ffffff" width="260" height="60" name="FMP3" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'
  $('.post-content:contains("[audio]"):contains(".mp3")').each(function(){
      var html = $(this).html().replace(/\[audio\]([^\[]+)\[\/audio\]/ig,stText+'$1'+endTxt);
      $(this).html(html)
  });
});
$("div.post-content, li.pa-title").map(function () {
text = $(this).html();   
if(text.indexOf("pleer.com") != -1) {
player = /\[audio\](.*?)\/tracks\/(.*?)\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed src='http://embed.pleer.com/track?id=$2' type='application/x-shockwave-flash'  wmode='transparent' width='550' height='124'></embed>"));
}
if(text.indexOf("zippyshare.com") != -1) {
player = /\[audio\]http:\/\/www(\d+)\.zippyshare\.com\/v\/(\d+)\/file\.html\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed type='application/x-shockwave-flash' src='http://api.zippyshare.com/api/mediaplayer/mediaplayer.swf' flashvars='height=20&amp;width=400&amp;file=http://www$1.zippyshare.com/downloadMusic%3Fkey%3D$2%26&amp;volume=80&amp;autostart=false&amp;frontcolor=0x000000&amp;backcolor=0xffffff&amp;lightcolor=0x000000&amp;type=flv' quality='high' menu='false' wmode='transparent' allowscriptaccess='always' height='20' width='400' name='mp3player' border='0' style='margin-bottom: 6px;'/>"));
}
if(text.indexOf("http://rghost.ru") != -1) {
player = /\[audio\](.*?)\/(\d+)\[\/audio\]/g
$(this).html(text.replace(player, "<br /><object height='20' width='455' type='application/x-shockwave-flash' data='http://rghost.ru/flash/mediaplayer.swf' id='preview_mp3' style='visibility: visible;'><param name='flashvars' value='file=http://rghost.ru/download/action/$2/mp3&amp;streamer=http://rghost.ru/download/action/$2/mp3'></object>"));
}
});
var popup, popupp, pop, popzz, poprg, popam, popfl;
function tag_play()
{
pop = window.open("","popDialog","height=310,width=800,Scrollbars=1")
pop.document.open();
 
function content(){ /*==123==;
<html>
<head>
<title>Player</title></head>
<body bgcolor=#00FF00>
<font face=Arial><center><font size=+4>
<strong>
Выберите аудиохостинг:
</strong>
</br>
</font></center>
<center><font size=+3>
<strong>
<a href='http://www.zippyshare.com/?locale=ru'>
zippyshare.com
</a>
&nbsp;
&nbsp;
&nbsp;
<a href='http://rghost.ru'>rghost.ru</a>
&nbsp;
&nbsp;
&nbsp;
<a href='http://pleer.com'>prostopleer.com</a>
</font></center>
</br>
<font face=Arial><center><font size=+2>
<strong>
Хостинги с прямыми ссылками формата .mp3:
</strong>
</br>
</font></center>
<center><font size=+3>
<strong>
<a href='https://zaix.ru/'>zaix.ru</a>
&nbsp;
&nbsp;
&nbsp;
<a href='http://my-files.ru/'>My-Files.RU</a></br>
</br>
</strong>
</font></center>
<center><font size=+2><strong><i>
Полученную ссылку на аудиофайл ставить между вв-тегами:
</br>
[audio]<font color=#FF0000>Здесь ваша ссылка</font>[/audio]</i></strong></font></center></font>
</body>
</html>
   ==123==;*/
} content = content.toString().split('==123==;')[1];
  pop.document.write(content);

 
  pop.document.close();
insert("[audio][/audio]");}
</script>

<!-- Cлайдер -->
<div id="slider2" slide-width="910" slide-height="200" class="slider" style="width:0;height:0;padding:0;border: 1px dashed #333!important;border-radius:5px">
<!-- Стрелачки -->
<img button-width="50" class="button-left hide" src="https://images.vfl.ru/ii/1493363410/6a4ed401/17027687.png"/>
<img button-width="50" class="button-right" src="https://images.vfl.ru/ii/1493363410/ad5023ed/17027688.png"/>
<!-- Конец стрелачек -->
<div class="slider-content active">
  <!-- Первый слайд -->
   <table class='ins-tbl' cellspacing='0' cellpadding='0'>
    <tr><td width='25%'>
<h3>Навигация</h3>
<div id='nav_ins'>
<!-- Блок ссылок -->

<a href='http://theignition.rusff.me/viewtopic.php?id=5'>FAQ</a>
<a href='http://theignition.rusff.me/viewtopic.php?id=11'>Сюжет</a>
<a href='http://theignition.rusff.me/viewtopic.php?id=4'>Свод правил</a>
<a href='http://theignition.rusff.me/viewforum.php?id=4'>Нужные персонажи</a>
<a href='http://theignition.rusff.me/viewtopic.php?id=3#p3'>Занятые внешности</a>
<a href='http://theignition.rusff.me/viewtopic.php?id=19'>Объявления проекта</a>

<!-- Конец блока ссылок -->
</div>
        </td><td width='45%'>
<h3>Новости:</h3>
<div class='okantovka'><div class='scrll-box'>
<!-- Блок новостей -->

<align=center><b>30.04.2017 - Открытие форума и начало игры.</b></align><br> ------------ <br>
Выжить в мире после - это само по себе уже немалый подвиг. На здешних улочках царит настоящий хаос, в котором нет места законам гражданского общества. Когда в дверь стучится апокалипсис, мораль и право отступают под его неистовым напором. <a href="http://theignition.rusff.me/viewtopic.php?id=29">Беги, пока ты жив, беги!</a></i></b></font> И, может, тебе удастся прожить еще один день...<br> ------------ <br>

<!-- Конец блока новостей -->
</div></div>
</td><td width='30%'>
<h3>Погода:</h3>
<div class='okantovka'><div class='scrll-box'>
<!-- Блок погоды -->

<align=center><b>Нью-Йорк. Манхэттен.</b></align><br> ------------ <br>
+10° +15°. Высокая облачность, пасмурно. Порывы ветра 11,5-15,3 м/с
<!-- Конец блока погоды -->
</div></div>
</td></tr>
   </table>
  <!-- Конец первого слайда -->
</div>
<div class="slider-content">
  <!-- Второй слайд -->
   <table class='ins-tbl' height='196' cellspacing='0' cellpadding='0'>
    <tr><td width='50%' style='border-right: 1px dashed #333'>
<h3>Администрация</h3>
<!-- Блок АМС -->

<a href="http://thebrink.rusff.me/viewtopic.php?id=92">Nathan Hogart</a></i></b></font>

<!-- Конец блока АМС -->
</td>
<td width='50%'>
<h3>События в игре:</h3>
<!-- Блок событий -->

Здесь будет текст

<!-- Конец блока активных игроков -->
    </td></tr>
   </table>
  <!-- Конец второго слайда -->
</div>
<div class="slider-content">
</div>
</div><script>$("#slider2").slideF(1,700);</script>
<!-- Конец слайдера -->