Тестовое сообщение

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

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }


/* A3.4 */
.punbb h1, .punbb h2, .punbb h3 {
  font-size: 1em;
  font-weight: lighter;
  }

.punbb th   {
  font-size: 0.7em;
  font-weight: lighter;
  }

.punbb h4, .punbb table {
  font-size: 1 em;
  font-weight: lighter;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1em; 
  }

/* A3.6 */
.punbb pre {
  font: 1em/110% monaco, "bitstream vera sans mono", monospace
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  text-decoration: underline
  }

/* A3.11 */
.punbb optgroup {
  font-weight: lighter;
  }


/* 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: 20px auto 20px auto;
  width : 900px;
  padding: 0px;
  border: none;
}

/* A5.2  ШИРИНА таблицы*/
.punbb {
  float: left;
  width: 99%;
  height: auto;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 0.1em;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: none;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px;
  }

/* A5.9 */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
  padding: 6px 1em 7px 1em;
  border-style: none;
  border-width: 0px;
  }

#pun-main h2 {
  padding: 6px 1em 7px 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;
  border-top: 1px solid #080808;
  width: 250px;
  margin: 5px 0;
  }

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

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

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

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

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.2em 0.2em 0.2em 0.2em;
  padding: 1em;
  border-style: solid;
  border-width: 1px;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-style: normal;
  margin: 0;
  }

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1em;
  font-weight: lighter;
  }


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1em;
  height: 0;
  }

/* B3.2 */
.multipage {
  margin-top: 3em;
  }

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

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1em;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }


/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  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:  normal;
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 4em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  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;
  }

.punbb .helplinks span INPUT {
  margin: 0px 2px 2px 0px;
}

/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }


/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 45%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 8%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 31%;
  }

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

/* C2.9 */
.punbb td span.youposted {
  font-weight: normal;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  padding: 5px 1em 6px 1em;
  border-bottom: none;
  }

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0;
  }

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
  margin-left: 2px;
}

/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  width: 15px;
  height: 25px;
}

 /* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 0px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 0px;
  }

/* C3.3 */
.punbb .post h3 span {
  border-style: none
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  font-size: 12px;
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  margin-left: 1em;
  overflow: hidden;
  font-size: 10px;
  }

/* C3.6 */
.punbb .post .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  font-size: 1.5em;
  font-weight: bold;
  }

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

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


li.pa-online {
  line-height: 1.2em;
  border-left-style: solid;
  border-left-width: 0px;
  padding-left: 1.6em;
  margin-top: 0.7em;
  }

/* C3.11 ШИРИНА СТОЛБИКА ПРОФИЛЯ В ТЕМАХ*/
.punbb .post-body {
  margin-left: 10em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

/* C3.12 */
.punbb .post-box {
  padding: 0.3em;
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 1em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -1em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  font-size: 12px;
  }

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 0.5em;
  }

/* 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.1em 0.1em ;
  text-align: right;
  margin-top: 1px;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.2em;
  line-height: 1.2em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }

/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }


/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/


/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
        margin: 0;
        border-style: solid solid none solid;
        border-width: 1px 1px 0 1px;
}

/* D1.2 */
#pun-title h1 {
        display : block;
        height : 1px;
        margin: -1px 0px -1px 10px;
}

/* D1.3 */
#pun-title .container {
  border-style: none solid none solid;
  padding: 0.2em 1em 0.8em 1em;
  }

/* D1.4 */
#pun-title h1 span {
        display: none;
}

#pun-title TABLE {
        border: none;
        height: 1px;
        width: 100%;
}

#pun-title TD.title-logo-tdl {
        border: none;
        width: 100%;
}

#pun-title TD.title-logo-tdr {
        border: none;
        width: 468px;
        vertical-align: top;
        padding-top: 4px;
}

/* 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: 1em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks {
  border-style: none solid none solid;
  border-width: 0px 1px 0px 1px;
  margin: 0;
}

#pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
        padding-top: 10px;
        height: 15px;
        font-weight: normal;
        text-align: right;
}

/* D.3 */
#pun-navlinks li {
        display: inline;
        margin: 1.25%;
}

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

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

/* D4.1 */
#pun-ulinks  {
  margin-top: 0;
  }

/* D4.2 */
#pun-ulinks .container {
  padding: 0.7em 1em;
  text-align: right;
  }

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

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

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }

/* D5 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.2em 2em 0.2em 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 0.8em 1em;
  font-size: 1em;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: normal;
  }

/* 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: 4.3em 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: 0;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* D8.6 */
#pun-crumbs2 {
  font-weight: normal;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 1px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }


/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

/* убрать заголовки таблицы форума */
.category thead{
    display:none;
}

Поделиться62022-05-30 17:27:05

Автор: dessy
sdfgmgcbv
Откуда: asdcx
Сообщений: 27

код стиль

Код:

/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
	background-color: #7d746d;
}
#pun, .punbb .main .container {
  background-color: #c9c2bb;
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb td.tc2, .punbb td.tc3, .punbb .post h3,  
.punbb .formal fieldset  #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb {
  background-color: transparent;
  background-image: url(" ");
  color: #4a4440;}

/* CS1.2 */
#pun-admain .adcontainer .punbb .main .container, .punbb .post .container,  .punbb-admin {
  background-color:: transparent;
  background-image: url(" ");
  color: #414544;
  }


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #c9c2bb;
  color:  #4f4f4f;
  font-weight: normal;
  font-style: normal;
}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #858279;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #858279;
  }

/* ФОН ПОСТОВ */
.punbb .post .container, .punbb .post h3 {
  background-color: #c9c2bb;
  background-image: url(" ")
}


/* CS1.6 */
.punbb .post h3 span, .punbb th, .punbb .post-links, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #242625;
  }

/* CS1.7 основной текст топиков*/
.post-box, .punbb .quote-box, .punbb .code-box {
  background-color:  transparent;
  background-image: url(" ");
  color: #242625;
  }

/* CS1.8 */
#pun-navlinks .container, #pun-main .info-box .legend  {
  background-color:  transparent;
  background-image: url(" ");
  color: #4f4f4f;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
  background-color:  transparent;
  background-image: url(" ");
  color:  #242625;
}


/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color:  transparent;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #bab6af;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }

.punbb .post-sig dt {
  border-top-color: transparent; !important;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #474442;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color:#474442;
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #474442;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #474442;
    border-bottom: 0px none #000;
  text-decoration: uppecase;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #474442;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #474442;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {border-color: #9FB9BC; #455A68 #9FB9BC #455A68}
tr.iredirect div.icon {border-color: #385161 #9FB9BC #385161 #9FB9BC}
div.inew {border-color: #536D7F #9FB9BC #536D7F #9FB9BC}

#pun-main div.catleft, #pun-main div.catright {display: none}

Поделиться72022-05-30 17:28:16

Автор: dessy
sdfgmgcbv
Откуда: asdcx
Сообщений: 27

хтмл верх

Код:

<!-- профилактика -->
<div id="pircs2"><!-- std.v.1/0/profilaktika --><link rel="stylesheet" type="text/css" href="http://hostjs-mybb2011.narod.ru/css/profilaktika.css" /><div id="msg-n2">У Вас отключён javascript.<br>В данном режиме, отображение ресурса<br/>браузером не поддерживается <br/></div><div id="LogIn_Window" style="display:none"><center>Закрытый форум</center><br/><hr><br/><br/></div></div><!-- --><script type="text/javascript">

    var ON_button=1; //Cвитч включения: 1 - включено!; 0 - выключено
    var  moderDostyp_ON=0; //?Модер-доступ включён?: 1 - включен!; 0 - выключен

    if(ON_button!=1||GroupID ==1||moderDostyp_ON*GroupID==2){
    $("style.#style_st,div.#pircs2").replaceWith("");}
      else {$("#msg-n2").replaceWith("");
    if(GroupID ==3) {$("#LogIn_Window").show();if(document.URL.indexOf("/login.php")==-1){
    document.location.href = "../login.php"}else {
    $(document).ready(function(){$("form#login").appendTo("#LogIn_Window");
    $("#LogIn_Window").find("p.formsubmit a[href*='register.php']").text("");
    var v=$("#LogIn_Window").find("p.formsubmit a[href*='action=forget']");
    v.replaceWith("<span>Вход только для Администраторов</span>");});};}
    else {document.location.href = "../login.php?action=out&id="+UserID};}
    </script><!--end/profilaktika-->

<style type="text/css"> 
#pun-navlinks .container {font-size: 0.7em; text-transform:uppercase}
#pun-status .container, #pun-crumbs1 .container, #pun-crumbs2 .container, #pun-stats .container,  #pun-stats h2, .punbb a:link, .punbb a:visited  {color: #78766f;}

#pun-main .post-author ul {background-color: transparent; color: #78766f;}

#pun .tcl a {color: #3c3e40;}
</style>

хтмл низ

Код:

<script type="text/javascript">
RusffCore.sets.use_awards = 0;
</script>

<script type="text/javascript">
RusffCore.sets.use_gifts = 0;
</script>

 <!-- Быстрое редактирование постов © Alex_63 // V.3 -->
    <script src="https://forumstatic.ru/files/0015/c4/3f/97896.js" type="text/javascript"></script>


<!-- Загрузчик изображений в форме ответа © 2018 Alex_63 -->
<script>FORUM.defaultHost = 'imgur'; // Хостинг по умолчанию: 'uploads' 'imgur' 'imageban'</script>
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0015/c4/3f/18002.css" />
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/18001.js"></script>

Поделиться82022-06-05 02:54:40

Автор: dessy
sdfgmgcbv
Откуда: asdcx
Сообщений: 27

Код:

/* БАННЕРЫ
-------------------------------------------------------------*/
.bannersdown {
    position: absolute;
    height: 25px;
    text-align: center;
    width: 400px;
    padding-bottom: 31px !important;
    margin-top: 60px !important;
    margin-left: 320px !important;
}

.bannersdown img {     padding-left: 2px;
    padding-right: 2px;
filter: grayscale(1);
    opacity: 0.3;transition: all .5s ease-in-out 0s;
}

.bannersdown img:hover {    opacity: 1;     filter: blur(0px);}

Поделиться92022-12-25 20:13:10

Автор: dessy
sdfgmgcbv
Откуда: asdcx
Сообщений: 27

код цсс цвета

Код:

/* скрыть VIP-аккаунт*/
#pun-status .item4.status-right{
  display: none;
}


#leavegif6 {
    background: url(https://forumstatic.ru/files/0018/20/d2/98747.png);
    width: 330px;
    height: 300px;
    filter: brightness(0.7) sepia(1) hue-rotate(135deg) opacity(0.9) contrast(1) blur(0.1px);
    position: absolute;
    top: 135px;
    margin-left: 305px;
    z-index: -1;
}

#leavegif5 {
    background: url(https://forumstatic.ru/files/0018/20/d2/37290.png);
    width: 300px;
    height: 340px;
    filter: brightness(0.65) sepia(1) hue-rotate(135deg) opacity(0.3) contrast(1) blur(0.1px);
    position: absolute;
    top: 76px;
    margin-left: 325px;
    z-index: -1;
}

/* маска */
#mask_dialog .inner {
      width: 800px !important;
    background: #b8b7b2 !important;
    box-shadow: 0 0 0 0.1px inset #595959;
    text-transform: lowercase;
    border-radius: 0px;
    color: #3a3a3a !important;
}
#mask_dialog .hv-preview-block img {
    max-width: 100px;
    border-radius: 0px;
}

.hv-storage-count {
    flex: 1 1 100%;
    width: 100%;
    text-align: center;
    padding-bottom: 6px;
    color: #262424 !important;
    font-size: 10px;
}

#mask_dialog .hv-add-template {
    cursor: pointer;
    float: right;
    padding: 5px;
    border-radius: 0px !important;
    border: 1px solid #00000030 !important;
}

.helloworld {
    position: fixed;
    height: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #181818;
    border-top: 1px solid #353434!important;
    z-index: 300;
}

.helloworld-text {
    cursor: default;
    color: #919997 !important;
    font-family: Philosopher;
    font-size: 12px;
    letter-spacing: 0.2px;
    height: 50px;
    line-height: 45px;
}



.line {
    border-top: 2px solid #562222;
    border-left: 2px solid #562222;
    margin-left: -320px !important;
    width: 400px;
    height: 100% !important;
    left: 50%;
    position: fixed;
    top: 118px;
    transform: translateX(-50%);
    z-index: -400;
}

.line2 {
    border-top: 2px solid #562222;
    border-right: 2px solid #562222;
    margin-left: 320px !important;
    width: 400px;
    height: 100% !important;
    left: 50%;
    position: fixed;
    top: 118px;
    transform: translateX(-50%);
    z-index: -400;
}

.line3 {
      position: fixed;
    left: 0px;
    top: 0px;
    background: #181818;
    border-bottom: 1px solid #353434!important;
    height: 50px;
    width: 100%;
    z-index: 101;
}

@media only screen and (max-device-width: 1000px) {
.line, .line2   {
    display: none;
}}



.shapka {
    z-index: -2;
    background: url(https://forumstatic.ru/files/0018/20/d2/51271.png);
    width: 300px;
    height: 300px;
    position: absolute;
    top: 118px;
    display: block;
    margin-left: 325px !important;
}


.pa-fld1 {
    display: block;
    position: absolute;
    width: 228px;
    margin-top: -29px !important;
    margin-left: -10.5px !important;
    border-radius: 0px;
    text-align: center;
    text-transform: lowercase;
    font-family: Philosopher;
    font-size: 11px;
    line-height: 15px;
    background: #3e4f4b;
    color: #b8b7b2;
}

/* сообщение не вылазит за границы */
#pun .post-content {
    word-wrap: break-word;
}

/* фиксация поля ответа в телефоне */
textarea {
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

/* для мобильных устройств */
body{
  overflow-y: scroll;
}
#pun_wrap  {
    min-width: 1250px !important;
}

HTML, body {
	min-width: 540px!important;
}

/* айфон */
html {
-webkit-text-size-adjust: none;
}
/* подсказки */
@media (pointer: coarse), (hover: none) {
      [title] {
        position: relative;
        display: inline-flex;
        justify-content: center;
      }
      [title]:focus::after {
        content: attr(title);
        position: absolute;
        top: 90%;
        color: #000;
        background-color: #fff;
        border: 1px solid;
        width: fit-content;
        padding: 3px;
      }
    }


/* копирайт */
.footer-copy {
    width: 300px;
    height: 15px;
    display: inline-block;
    position: absolute;
    margin-top: 67px!important;
    line-height: 12px;
    margin-left: 310px!important;
    font-weight: 600;
    text-align: center;
    padding: 0px 5px;
    font-family: Philosopher;
    font-size: 9px;
    letter-spacing: 1.2px;
      color: rgb(131 57 57) !important;
    text-transform: uppercase;
    z-index: 10;
    transition: ease-out 1.9s;
}

.footer-copy a {
    color: rgb(131 57 57) !important;
}

/* фиксация поля ответа в телефоне */
textarea {
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

/* для мобильных устройств */
HTML, body {
	min-width: 540px!important;
}
body{
  overflow-y: scroll;
}
#pun_wrap  {
    min-width: 1100px !important;
}


/* фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
    background: #b2b0a8;
border-radius: 0px;
}


/* линия */
hr {
    border: 1px dotted #00000057;
}


/* категории */
#pun-index .category h2 span, #pun-stats.section h2 span  {
     cursor: default;
    font-family: 'FIRST REIGN PERSONAL USE ONLY';
    margin-top: 0px;
    border-bottom: 1px dotted #00000021;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #4c5f60;
    -webkit-text-fill-color: transparent;
    -moz-text-stroke-width: 1px;
    -moz-text-stroke-color: #4c5f60;
    -moz-text-fill-color: transparent;
    font-size: 33px !important;
    display: inline-block;
    padding: 3px 0px;
    width: 940px;
    letter-spacing: 5px;
    text-align: center;
    margin-left: -10px;
    z-index: -9999;
}



/* фон */
body {
background-color: #181818!important;
background: url("https://forumstatic.ru/files/0018/20/d2/51759.jpg");
background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
     background-size: cover;
overflow-x: hidden !important;
}


/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
   background-color: #transparent;
  color: #333;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
   background-color: #transparent;
  color: #333;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
   background-color: #transparent;
  color: #464646;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
 background-color: #transparent;
  color: #333;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #transparent;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #transparent;
  color: #333
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  color: #282828;
  }

/* CS1.8 */
#pun-navlinks .container {
 background-color: #transparent;
  color: #2d2d2d;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: transparent;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
     color: #2f2c2a;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #3f3f3f;
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #3f3f3f;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #3f3f3f;
  text-decoration: none
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #3d3b3b;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  text-decoration: none
  color: #3f3f3f;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/
/* иконки сообщений*/
#pun-index table Div.icon {margin: 9px 0px 0px -25px;
border-radius: 10%;}
#pun-index table Div.icon:before {
 background: #4f4d524d;
}

#pun-index table div.inew {margin: 9px 0px 0px -25px;
border-radius: 10%;}
#pun-index table div.inew:before {
background: #444343;
}

#pun-viewforum table Div.icon, #pun-messages table Div.icon {
    position: relative;
    float: left;
    background: #4f4d524d;
    width: 10px;
    height: 10px;
   border: none;
    margin-left: -25px !important;
    margin-top: 3px!important;
border-radius: 10%;
}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon  {
   background: #444343;
border-radius: 10%;
}

#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon {
   background: #623232;
   border-radius: 10%;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon {
 background: #4f4d524d;
   border-radius: 10%;
}


/* убирает голубую обводку в форме ответа */
input, textarea { outline: none; }  input:active, textarea:active { outline: none; } :focus { outline: none; }



/* выделение */
    ::selection { 
    background: none repeat scroll 0 0 rgb(106 45 38 / 90%);
    color: #c3c1ba;
    opacity: 0.4;
    }  
*::-moz-selection {
    background: none repeat scroll 0 0 rgb(106 45 38 / 90%);
    color: #c3c1ba;
}


/* профиль */
.pa-posts, .pa-respect, .pa-fld4 {
    display: inline-block;
    width: 56px;
    text-align: center;
    padding: 0px 5px !important;
    margin-top: 0px!important;
    margin-bottom: 8px!important;
    font-size: 9px;
    font-family: Philosopher;
    color: #000;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}
.pa-respect a {color: #000!important;}
.pa-respect a img {
  filter: brightness(0.36);
}

.pa-avatar img {
    border-radius: 0px;
    margin-bottom: 5px;
    transition: 1s;
    max-width: 180px;
    max-height: 180px;
}


.pa-avatar img:hover {
    filter: grayscale(1);
    transition: 1s;
}

.punbb li.pa-avatar {
position: relative;
display: inline-block;
padding: 5px 7px 0 !important;
}
 
.pa-avatar:before {
    content: "";
    position: absolute;
    display: inline-block;
    z-index: 10;
    top: -12px;
    left: -10px;
    width: 45px;
    height: 45px;
    transform: scale(0.85);
    background: url(https://forumstatic.ru/files/0018/20/d2/80460.png) no-repeat top left;
}
 
li.pa-avatar img {
width: 100%;
height: auto;
}

/* шрифты, размер и другое */
#font-area, #size-area, #spoiler-sels {
       background-color: #b4b3ac;
    color: #464544 !important;
    border: 1px solid #9c9996;
    border-radius: 0px;
    width: 150px !important;
     margin-left: 10px;
    padding: 8px;
    margin-top: 4px;
    max-height: 148px;
    overflow-y: auto;
}

#color-area, #table-area, #image-area, #imageup-area, #imageattach-area, #video-area, #addition-area {
       background-color: #b4b3ac;
    color: #464544 !important;
    border: 1px solid #9c9996;
    border-radius: 0px;
    width: 220px !important;
     margin-left: 555px;
    padding: 8px;
    margin-top: 4px;
    max-height: 148px;
    overflow-y: auto;
}

#smilies-area {
        background-color: #b4b3ac;
    color: #464544 !important;
    border: 1px solid #9c9996;
    border-radius: 0px;
    width: 400px !important;
    margin-left: 430px;
    padding: 8px;
    margin-top: 3px;
    max-height: 148px;
    overflow-y: auto;
    z-index: 9999;
}

div#image-area.container {
    width: 600px !important;
}
#imageupload-left input[type=button] {
    width: 14em !important;
    text-align: center;
}


/* БАННЕРЫ
----------------------------------------------------------------------------------------------------------------------*/
#banners {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    height: 31px;
    width: 980px;
    margin-left: -19px;
    margin-top: 20px;
    letter-spacing: 6px;
    opacity: 0.7;
}

#banners a img {
opacity:0.5;
-moz-opacity:0.5;   
filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}


#banners a img:hover {
filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}


/* прокрутка */
::-webkit-scrollbar-thumb:vertical {
background-color: #522121; height: 4px; }

::-webkit-scrollbar-thumb:horizontal {
background-color: #522121; height: 4px; }

::-webkit-scrollbar {
    background-color: #121212;
    height: 7px;
    width: 6px;
}

::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: rgb(20 18 15 / 12%);}

::-webkit-scrollbar-thumb {
  background-color: #7f4405;
  width:6px !important;}



/* аватар */
.punbb .user-avatar .avatar-image {
    filter: brightness(0.7) sepia(1) grayscale(1);
}

#pun .user-avatar.user-avatar .avatar-image {
    border-radius: 0px !important;
    border: 1px solid #6a767b91;
    height: 30px;
    width: 30px;
    opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
}

.punbb .user-avatar .isonline {
    width: 7px!important;
    height: 7px!important;
    border-radius: 0px;
    top: 2px!important;
    right: 4px!important;
    z-index: 100;
    background-color: #5b2e2e !important;
}


a.lastpost-link {
    margin-left: 2px;
    margin-top: 3px !important;
    font-family: Philosopher;
    font-size: 14px;
    font-weight: 500;
    text-transform: lowercase;
    line-height: 19px !important;
    color: #581f1f!important;
}

.podforum {
    padding-top: 3px;
    font-size: 10.5px;
    cursor: default;
}


div#meny-styles.container {
 font-family: Tahoma;
  background: #b2b0a8;
    border: 1px solid #8e8b92;
    border-radius: 0px;
    color: #464544 !important;
    width: 200px !important;
    padding: 8px;
    max-height: 148px;
    overflow-y: auto;
    z-index: 9999;
}


div#keyboard-area {
  border: 1px solid #8e8b92;
    border-radius: 0px;
    color: #464544 !important;
    width: 620px !important;
    padding: 8px;
    max-height: 148px;
    overflow-y: auto;
    z-index: 9999;
}

#keyboard-span input {
    color: #070707 !important;
    background-color: #a29c9d42 !important;
    border: 1px solid #98918e !important;

}


/* не отображать */

.stickytext,.closedatafield, .li#navawards, .lastedit, .pl-reports, .topic .sharelink
{display:none!important;}
#button-files_rusff, #button-graffiti_rusff
{display: none !important;}
 #pun-main h1, #pun-debug h2 {display: none;}
.punbb .modmenu .container span {display: none;}
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun td .modlist, .modlist {display: none !important;}
.li#navrules {display: none;}
#pun-ulinks .item5 {display:none}
#pun-index thead {display: none}
#pun-index .tcmod {display: none}
.pa-gifts {display: none;}


/* личное звание */
.pa-fld2 {
    position: relative;
    width: 190px !important;
    margin-left: 4px !important;
    margin-top: 8px !important;
    margin-bottom: 10px!important;
    text-transform: lowercase;
    cursor: default;
    font-family: 'Philosopher';
    font-size: 10.5px;
    text-align: center;
    color: #000000e0;
    border-bottom: 1px dotted #00000057;
}

.lzname {
    position: relative;
    font-size: 11px;
    font-weight: 600;
    font-family: 'Philosopher';
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #070707!important;
    top: -1px !important;
}

.pa-fld2 a {
     color: #070707 !important;
}

.pa-fld2 b {
    color: #472020;
}


/* плашку предоставили на прекрасном рено, с моей доработкой */
li.pa-fld3 {
    width: 218px;
    border-radius: 0px;
    left: 0px;
    top: 0px;
    padding: 2px 2px 2px 2px!important;
    text-align: justify;
    display: block;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.pa-fld3 {
    height: 32px;
    position: relative;
    margin-bottom: 10px !important;
    margin-left: -7px !important;
    margin-top: 0px!important;
    background: #56808254;
    cursor: default;
}

.pa-fld3 kt {
    width: 160px;
    font-size: 10.3px;
    font-family: 'Philosopher';
    height: 14px;
    position: absolute;
    margin-left: 55px;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin-top: 3px;
    color: #040404;
    text-transform: uppercase;
    text-align: left;
}

.pa-fld3 mt {
    width: 160px;
    height: 14px;
    margin-left: 55px;
    position: absolute;
    font-size: 10.3px;
    font-family: 'Philosopher';
    font-weight: 400;
    margin-top: 15px;
    letter-spacing: 0.1px;
    color: #040404;
    text-transform: lowercase;
    text-align: left;
}

.pa-fld3 ici{position: absolute; margin-left: -95px; margin-top: -7px;}
.pa-fld3 ici img {
    opacity: .9;
    max-width: 40px;
    position: absolute;
    margin-top: 0px;
    margin-left: 103px;
}

Поделиться102022-12-28 20:56:27

Автор: dessy
sdfgmgcbv
Откуда: asdcx
Сообщений: 27

Код:

@charset "Windows-1251";
@import url(style_cs.1671108112.css);

/***   ICOMOON   ***/
@font-face {font-family: "icomoon"; src: url(https://forumstatic.ru/files/001b/b6/23/70755.woff) format("woff"),
url(https://forumstatic.ru/files/001b/b6/23/67968.ttf) format("truetype"); font-style:normal; font-weight: normal;}

@font-face {
font-family: Amador; src: url(https://forumstatic.ru/files/001b/a4/59/13610.ttf) format("truetype"); 
font-style: normal; font-weight: normal;}
@font-face {font-family: "Helmswald"; src: url(https://forumstatic.ru/files/001b/b6/23/14064.otf); font-style: normal; font-weight: normal;}
@font-face {font-family: "PT Sans"; src: url(https://forumstatic.ru/files/001b/92/4e/93782.ttf); font-style: normal; font-weight: normal;}
@font-face {font-family: "PT Sans"; src: url(https://forumstatic.ru/files/001b/92/4e/49453.ttf); font-style: normal; font-weight: bold;}



/*** RESET ***/
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, h7, h8, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
tr, th, td {margin:0; padding:0; border:0; font-size:100%; font:inherit;}
tr, th, td {border: 0px solid rgb(159 155 152 / 46%);}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height:1;}
ol, ul {list-style: none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none; }
table {border-collapse:collapse; border-spacing:0;}

/*! NORMALIZE.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {margin: 0;}
main {display: block;}
h1 {font-size: 2em; margin: 0.67em 0;}
hr {box-sizing:content-box; height:0; overflow:visible;}
pre {font-family: monospace, monospace; font-size:1em;}
a {background-color: transparent;}
abbr[title] {border-bottom:none; text-decoration:underline; text-decoration:underline dotted;}
b, strong {font-weight: bolder;}
i, em {font-style: italic;}
code, kbd, samp {font-family: monospace, monospace; font-size: 1em;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height:0; position:relative; vertical-align:baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none;}
button, input, optgroup, select, textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}
button, input {overflow: visible;}
button, select {text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none; padding: 0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"], [type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;}
details {display: block;}
summary {display: list-item;}
template {display: none;}
[hidden] {display: none;}


/***   START   ***/
:root {
--bgbody0: #20242f;
--bgpun: #242b3a;
--bgpum: #c8c5c4;
--bgh2: #364254;

--logopad: 220px;  
--prwid: 236px; 

--puna: #a5b2c5;
--punah: #687d9d;
--punam: #894f41;
--punamh: #605d5c;
--clrpun: #9e9ea5;
--clrpum: #1c1d1e;
}

html * {box-sizing: border-box;}

/*** убираем font boosting ***/
html, html * {
text-size-adjust: none;
-ms-text-size-adjust: none;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
}

body {
padding-top: var(--logopad);
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
line-height: 1.4;
color: var(--clrpun);
background: url(https://forumstatic.ru/files/001b/b6/23/60853.jpg) 0% 0% repeat;
background-attachment: fixed;
background-color: var(--bgbody0);}


/***   ЦВЕТ ССЫЛОК   ***/
a {
text-decoration: none;
color: var(--puna);
-webkit-transition: 0.22s linear;
-moz-transition: 0.22s linear;
transition: 0.22s linear;
}
a:hover {color: var(--punah);}

#pun-main a {color: var(--punam);}
#pun-main a:hover {color: var(--punamh);}

/*** ссылки в админке ***/
.punbb-admin #pun-admain a {color: var(--punam) !important;}
.punbb-admin #pun-admain a:hover, .punbb-admin a:focus {color: var(--punamh) !important;}


/**************************************************************/


/***   ЗАГОЛОВКИ   ***/
.punbb h2 {
-webkit-transition: 0.22s linear; -moz-transition: 0.22s linear; transition: 0.22s linear;
position: relative;
margin: 8px -16px 6px;
padding: 8px 20px 8px;
text-align: center;
letter-spacing: 0.11em;
line-height: 100%;
font-weight:400;
font-size: 15px;
font-family: Helmswald, Amador, Tahoma, Verdana, sans-serif;
letter-spacing: 0.1em;
color: #dfc3a8;
text-shadow: 1px 0px 3px #000;
background: url(https://forumstatic.ru/files/001b/b6/23/85758.jpg) 50% 0px repeat;
background-color: var(--bgh2);
box-shadow: 0 1px 3px -3px #523018, 0 9px 10px -10px #856f50, 0 -1px 3px -3px #523018, 0 -9px 10px -10px #856f50, inset 0 0 8px rgb(0 0 0 / 55%);
}

.punbb h2:before {
content:'';
display:block; position:absolute; right:0px; top:-1px;
width:100%;
height:30px;
pointer-events:none;
background: url(https://forumstatic.ru/files/001b/b6/23/80642.png) -46px -40px no-repeat, url(https://forumstatic.ru/files/001b/b6/23/80642.png) calc(100% + 46px) -40px no-repeat, transparent;
}

/*** ЗАГОЛОВКИ НА ГЛАВНОЙ ***/
#pun-index .category h2 {
position: relative;
margin: 0px -16px 0px;
padding: 11px 20px 11px;
}

#pun #pun-category1>h2 {box-shadow: 0 1px 3px -3px #523018, 0 9px 10px -10px #856f50, inset 0 0 8px rgb(0 0 0 / 55%);}

#pun-stats h2 {
position: relative;
margin: 22px -0px 10px;
padding: 0px 20px;
text-align: center;
line-height: 100%;
font-size: 24px;
letter-spacing: 0.11em;
color: #c4aa92;
border-width:0px;
background-image:none;
background-color:transparent;
box-shadow:none;
}

#pun-stats h2:before {display:none;}

/*** ЗАГОЛОВКИ ВНУТРЕННИЕ ***/
#pun-main h1 {
display: flex;
align-items: center;
flex-wrap: nowrap;
flex-direction: row;
gap: 0px 14px;
text-align: center;
margin: 0.5em auto 0.8em;
padding: 6px 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 400;
font-style: italic;
font-size: 1em;
font-family: PT Sans, Tahoma, Verdana, sans-serif;
letter-spacing: 0.05em;
color: #7e6158;
text-shadow: 0 0 0px #7e6158;
}
#pun-main h1:before {content:""; display:block; height:1px; flex:1;
background: linear-gradient(-90deg, rgb(159 155 152 / 56%) 80%, transparent 100%);
}
#pun-main h1:after {content:""; display:block; height:1px; flex:1;
background: linear-gradient(90deg, rgb(159 155 152 / 56%) 80%, transparent 100%);
}


/*** заголовок в профиле и лс ***/
#profilenav h2 {
width: auto;
margin: 10px -7px !important;
padding: 8px 6px 8px 6px;
font-size: 13px;
border-width: 3px;
}


/**************************************************************/


.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 {position: absolute; font-size: 0; height: 0; width: 0; line-height: 0; padding: 0; overflow: hidden; background: transparent; border: 0px none transparent; box-shadow: none;}
.punbb .clearer {display: block; clear: both; height: 0; font-size: 0;}


/***   ВСЕ Таблички на форуме   ***/
table {width: 100%;}

thead {
font-size: 10px;
font-style: italic;
opacity: 0.85;
color: #858080;
}

thead tr {padding: 0.5em 0;}


/*** РАЗДЕЛИТЕЛЬ, rusff-рекомендации, фреймы ***/
.divider, div#pun-live-rusff {display: none;}

iframe {max-width: 100%;}


/**************************************************************/


/***   ЦВЕТНОЙ СКРОЛЛ   ***/
* {
scrollbar-width: thin;
scrollbar-color: #395163 #1a1a1d;
}
*::-webkit-scrollbar {
width: 10px;
height: 8px;
background: #1a1a1d;
}

*::-webkit-scrollbar-thumb {background: #395163;}
*::-webkit-scrollbar-corner {background: transparent;}

#pun * {scrollbar-width: thin; scrollbar-color: #343b45 rgb(0 0 0 / 16%);}
#pun *::-webkit-scrollbar {
width: 5px;
height: 5px;
background: rgb(0 0 0 / 16%);
border-radius: 2px;
}
#pun *::-webkit-scrollbar-thumb {
background: #343b45;
box-shadow: none;
border-radius: 2px;
}
#pun *::-webkit-scrollbar-corner, #pun-main *::-webkit-scrollbar-corner {background: transparent;}

#pun-main * {scrollbar-width: thin; scrollbar-color: #6b747b rgb(156 150 144 / 30%);}
#pun-main *::-webkit-scrollbar {
width: 5px;
height: 5px;
background: rgb(156 150 144 / 30%);
border-radius: 2px;
}
#pun-main *::-webkit-scrollbar-thumb {
background: #6b747b;
box-shadow: none;
border-radius: 2px;
}





/***   ХАЙЛАЙТ-ВЫДЕЛИТЕЛЬ   ***/
.post-content .highlight-text {
background-color: #466c86 !important;
color: #e9e9e9 !important;
padding: 0 6px;
}
.post-content abbr {cursor: help; text-decoration: underline dotted;}


/***  ЦВЕТНОЕ ВЫДЕЛЕНИЕ ТЕКСТА  ***/
*::selection {
background-color: #466c86;
color: #dbdbdb;
}

*::-moz-selection {
background-color: #466c86;
color: #dbdbdb;
}


/**************************************************************/


/*** поля ввода преднастройка ***/
button, input, optgroup, select, textarea {
font-size: 1em;
background-color: #cecbca;
border: 1px solid #958679;
box-shadow: inset 0 0 0 1px #d2cbc9, inset 0 0 3px 1px #b7aba6, 0 0 4px #c1b8b5;
border-radius: 0px;
}

textarea {
text-shadow: none;
background-color: var(--bgpum);
border: 1px solid #958679;
box-shadow:inset 0 0 0 1px #d2cbc9, inset 0 0 8px #b7aba6, 0 0 5px #c1b8b5;
}



/***   ВЫПАДАЮЩЕЕ ОКНО   ***/
select {outline: none; padding: 0.5em 0.7em;}

/*** поля ввода ***/
input {outline: none; padding: 0.7em 0.9em 0.5em; max-width: 100%;}
[type="checkbox"], [type="radio"], input[type="radio"] {box-shadow: none;}

/*** радиокнопки ***/
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] *, fieldset[class="radiofield security-level"] * {height: 2em; vertical-align: middle;}
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0px 0.7em auto 0.2em;}


/*** подчеркнутый и зачеркнутый текст ***/
.bbuline, em.bbuline {text-decoration: underline; font-style: normal;}
del {text-decoration: line-through;}


/**************************************************************/


/***   A5.1 ТЕЛО ФОРУМА  НАЧАЛО ***/
#pun {
position: relative;
overflow-wrap: break-word;
margin: 0px auto 20px auto;
padding: 0px 0px 12px;
width: 1020px;
font-size:0.9em;
color: var(--clrpun);
background: linear-gradient(90deg, transparent 0%, rgb(37 63 83 / 25%) 50%, transparent 100%), url(https://forumstatic.ru/files/001b/b6/23/20793.jpg) 50% 0% repeat;
background-color: var(--bgpun);
box-shadow: inset 0 0 38px 0px rgb(0 0 0 / 50%), 0 0 13px rgb(0 0 0 / 50%);
}

.punbb {display:flex; flex-direction:column;}

#pun-main {
position:relative;
margin:auto 5px;
padding:0px 16px 20px;
color: var(--clrpum);
background: url(https://forumstatic.ru/files/001b/b6/23/17773.jpg) 0% 0% repeat;
background-color:var(--bgpum);
box-shadow: #523018 0px 0px 4px inset, #7a6e5d 0px 0px 12px inset, #856f50 0px 0px 18px inset, rgb(0 0 0 / 40%) 0px 0px 8px;
}

#pun-main:before {
content:''; display:block; pointer-events:none;
position:absolute; top:-8px; right:0px;
width:100%; height:7px;
background: url(https://forumstatic.ru/files/001b/b6/23/67487.png) 50% 100% no-repeat;
}
#pun-main:after {content:''; display:block; clear:both;}
#pun-index #pun-main {padding:0px 16px;}

#pun-post .post-box {border-width:0px !important; box-shadow:none;}


/***   ШАПКА   ***/
#title-logo-table {
position: absolute;
right: 0px;
width: 100%;
height: var(--logopad);
top: -180px;
margin: 0px 0px;
}


/**************************************************************/


/***   НАВИГАЦИЯ 1 ФОРУМ УЧАСТНИКИ   ***/
#pun-navlinks {
z-index: 5;
position: relative;
margin: 0px -0px 0px !important;
padding: 14px 10px 10px;
background: url(https://forumstatic.ru/files/001b/b6/23/80642.png) -47px -41px no-repeat, url(https://forumstatic.ru/files/001b/b6/23/80642.png) calc(100% + 47px) -41px no-repeat, rgba(0,0,0,0.25);
}


/***   НАВИГАЦИЯ 2 АКТИВНЫЕ ТЕМЫ УВЕДОМЛЕНИЯ   ***/
#pun-ulinks {
z-index: 4;
position: relative;
padding: 10px 10px 15px;
margin: auto 0px;
width: auto;
text-transform: lowercase;
background: linear-gradient(180deg, rgb(0 0 0 / 25%) 8%, transparent 100%);
}


/***   НАВИГАЦИЯ 1-2 ТЕКСТ   ***/
#pun-navlinks .container, #pun-ulinks .container {display:flex; flex-direction:row; justify-content:space-evenly; flex-wrap:wrap;}

#pun-navlinks .container {
height: 100%;
align-items: center;
letter-spacing: 0.02em;
font-size: 17px;
font-weight: 400;
font-family: Helmswald, Amador, Georgia, serif;
}

#pun-navlinks li {margin: auto 0px; padding: 0 2px;}
#pun-navlinks li#navadmin span {font-size: 0px;}
#pun-navlinks li#navadmin span:before {
content: 'Adminka';
display: inline;
font-size: 17px;
}

#pun-ulinks .container {
font-size: 0.9em;
font-family: PT Sans, Tahoma, Arial, serif;
}

#pun-ulinks li {margin: auto; padding: 0 2px;}



/***   ЦВЕТ ССЫЛОК НАВИГАЦИИ   ***/
#pun-navlinks a, #pun-ulinks a {
-webkit-transition: 0.22s linear;
-moz-transition: 0.22s linear;
transition: 0.22s linear;
}

#pun-navlinks a {color: #ad927c; text-shadow: 0px 1px 3px #000;}
#pun-navlinks a:hover {color: #d8ccc0; text-shadow: 0 0 2px #000, 0 0 4px #2b3c52, 0 0 10px #3e5a82;}

#pun-ulinks a {color: #7d8693; text-shadow: 0px 0px 3px #000;}
#pun-ulinks a:hover {color: #a6adb5;}



/*** число непрочитанных сообщений ЛС и число уведомлений ***/
span.num_msg {
position: absolute;
z-index: 21;
display: inline-block;
margin-left: 2px !important;
margin-top: -10px !important;
padding: 9px 4px 4px 4px !important;
height: 18px !important;
line-height: 0;
font-size: 11px !important;
font-weight: 400 !important;
font-family: Verdana, Arial, sans-serif;
text-shadow: 1px 1px 2px #000;
background: #238b9f !important;
}

span.num_msg:before {
top: 15px !important;
background: #238b9f !important;
}

.bubble {
display: inline-block;
position: inherit !important;
top: 0px !important;
right: 0px !important;
margin: auto auto auto 6px !important;
padding: 0px 3px 1px 3px !important;
min-width: 1em !important;
width: auto !important;
height: auto !important;
font-weight: 400 !important;
font-size: 1em !important;
font-family: Verdana, Arial, sans-serif !important;
font-family: Verdana, Arial, sans-serif;
text-shadow: 1px 1px 2px #000;
background: #238b9f !important;
border-radius: 2px !important;
}

.bubble:after {display: none !important;}


/*** ОТКЛЮЧАЕМ НАЗВАНИЯ ПОЛЕЙ И ЗАГОЛОВКИ ***/
#pun-navlinks h2, #pun-ulinks h2, #pun-announcement h2, #pun-status h2, #pun-status .item4, #pun-ulinks #Rz, #pun-navlinks li#navawards, #pun-navlinks li#navrules {display: none; font-size: 0;}
h1.title-logo {display:none;}


/**************************************************************/


/***  ПЕРЕАДРЕСАЦИЯ  ***/
#pun-redirect h1 {width:auto !important; margin: auto 0px !important;}
#pun-redirect .container {width: auto !important;}
#pun-redirect a {transition: none;}

.redirect-page {
background: url(https://forumstatic.ru/files/001b/b6/23/60853.jpg) 0% 0% repeat !important;
background-attachment: fixed !important;
background-color: var(--bgbody0) !important;
}

.redirect-page #pun-main {margin: 0px;}

.redirect-page #pun {
padding: 30px 18px 24px;
text-align: center;
font-size: 11px;
background-color: var(--bgpun) !important;
}


/**************************************************************/


/***   ФОНД И ПРИВЕТСТВИЕ   ***/
#pun-status {
margin: 1.4em 0px 1.1em 0px;
font-size: 0.9em;
}

#pun-status p.container {
display: block;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}

#pun-status .container span {padding: 0 0.2em;}


/***   ХЛЕБНЫЕ КРОШКИ   ***/
p.crumbs {
margin: 1em 18px;
font-family: Tahoma, Verdana, sans-serif;
font-size: 0.9em;
font-style:italic;
text-shadow: 0 0px 3px rgb(0 0 0 / 50%);
}
p.crumbs a {font-weight: 600;}


/**************************************************************/


/*** ТАБЛИЦЫ ФОРУМА ***/
#pun-index .category table {border-collapse: separate;}
#pun-index .category table thead {display:none;}
#pun-index .category .container {padding-top: 0px;}


/*** СТРОКА форум - последнее сообщение ***/
#pun-index .category tr {
padding: 0px 0px 0px 10px;
margin: 0px -0px;
position: relative;
display: grid;
grid-template-columns: 2.6fr 1.4fr;
grid-template-rows: repeat(4, auto);
grid-template-areas:
"lone lfour"
"lone lfour"
"lone lfour"
"lone lfour";
-webkit-transition: 0.25s linear; -moz-transition: 0.25s linear; transition: 0.25s linear;
}


#pun-index .category tr:first-child .tcl {padding-top: 25px;}
#pun-index .category tr:last-child .tcl {padding-bottom: 25px;}



/* описание форума ссылка и внутренности */
#pun-index .category .tcl {grid-area: lone; padding: 0;}

/* тем */
#pun-index .category .tc2 {grid-area: ltwo; border: 0px none transparent;}

/* сообщений */
#pun-index .category .tc3 {grid-area: lthree;}

/* последнее сообщение */
#pun-index .category .tcr {
grid-area: lfour;
text-align: left;
font-size: 0.9em;
position:relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
flex-wrap: nowrap;
border-left: 1px solid rgb(123 102 83 / 34%);
margin-left: 44px;
padding-left: 48px;
}

#pun-index .category .tcr em+a+br {display: none;}

/*** Сообщений и Тем ***/
#pun-index .tc2::before {
margin-right: 2px;
content: "Темы: ";
}
#pun-index .tc3::before {
margin-right: 2px;
content: "Посты: ";
}

#pun-index .category .tc2, #pun-index .category .tc3 {
padding: 0px 4px;
margin: 0px 0px 0px 0px;
text-align: center;
font-size: 0.9em;
font-family: Tahoma, Verdana, sans-serif;
display: none;
color: #7c5c36;
}
#pun-index .category .tc2 {margin-bottom:4px;}


/*** ОТСТУП заголовка первой категории ***/
#pun #pun-category1>h2 {margin-top: 0px;}


/***   ОФОРМЛЕНИЕ ТЕМ НА ГЛАВНОЙ   ***/
.category .tcl .intd {
position: relative;
padding: 16px 16px;
text-align: justify;
font-size: 12px;
background-color: #cecbca;
border: 1px solid #958679;
box-shadow:inset 0 0 0 1px #d2cbc9, inset 0 0 8px #ac9e99, 0 0 5px #c1b8b5;
}


/***   ЗАГОЛОВОК-ССЫЛКА В ФОРУМ   ***/
div.tclcon h3 {
padding: 8px 12px 7px 32px;
margin: -16px -16px 16px;
letter-spacing: 0.02em;
text-align: left;
font-style: normal;
font-family: PT Sans, Tahoma, Verdana, serif;
font-size: 14px;
font-weight: 600;
background: linear-gradient(1deg, #597a91 0%, #47576d 55%, #263348 110%), var(--bgh2);
border-bottom: 1px solid #958679;
box-shadow: inset 0 0 10px rgb(0 0 0 / 45%), 0 2px 0 -1px #d2cbc9, 0 9px 8px -7px #ac9e99;
}

div.tclcon h3+strong, div.tclcon h3+strong+br {display: none;}

#pun-main div.tclcon h3 a {
-webkit-transition: 0.25s linear; -moz-transition: 0.25s linear; transition: 0.25s linear;
padding: 0; position: relative; display: inline-block;
color: #e7dac6;
text-shadow: 0 0 3px #000;
}
#pun-main div.tclcon h3 a:hover {color: #d3e7f7;}


/*** МОДЕРАТОРЫ ***/
.modlist {display:none;}


/*** АВТОР ПОСЛЕДНЕГО ПОСТА ***/
#pun-index span.lastpost {
display: block;
margin-top: 2px;
font-size: 11px;
}


/*** ЮЗЕР-АВАТАР ***/
#pun-index .user-avatar {
left: -22px !important;
float: none;
position: absolute;
clear: both;
height: 44px !important;
width: 44px !important;
margin: 0px auto !important;
top: 50%;
transform: translateY(-44%);
}

#pun-index .user-avatar .avatar-image {
border-radius: 0px 0px !important;
border: 1px solid #958b7f;
outline: 1px solid #958b7f;
outline-offset: 4px;
opacity: 1;
height: 44px !important;
width: 44px !important;
margin: 0px auto auto 0px;
position: relative;
}
#pun-index .user-avatar .avatar-image:hover {
opacity: 1;
border-radius: 0px !important;
transform: scale(1.1);
}

.punbb .user-avatar .avatar-image {
width: 32px !important;
height: 32px !important;
border-radius: 0% !important;
border: 1px solid #72615a;
opacity:1 !important;
box-shadow: 0 0 4px #b1afae;
}
.punbb .user-avatar .avatar-image:hover {border-radius: 0px !important;}

.punbb .user-avatar {
width: 30px !important;
height: 30px !important;
margin: 0px 14px 2px 0px !important;
}

#pun-index .user-avatar .avatar-image, .punbb .user-avatar .avatar-image {-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}



/***   ИНДИКАТОР ОНЛАЙН   ***/
.punbb .user-avatar .isonline {
z-index: 8 !important;
width: 9px !important;
height: 9px !important;
right: -6px !important;
top: -4px !important;
bottom: auto;
background: #57748b !important;
animation: blinkColor 2.4s linear infinite !important;
}
#pun-index .user-avatar .isonline {right: -9px !important; top: -6px !important;}
@keyframes pulse-yell {
  0% {
  transform: scale(0.85);
  box-shadow: 0 0 0 0 rgba(255, 214, 139, 0.7);
  }
  70% {
  transform: scale(0.95);
  box-shadow: 0 0 0 8px rgba(255, 214, 139, 0);
  }
  100% {
  transform: scale(0.85);
  box-shadow: 0 0 0 0 rgba(255, 214, 139, 0);
  }
}
#pun-index .user-avatar .isonline {
top: -8px !important;
right: -8px !important;
}


/**************************************************************/


/*** СТАТИСТИКА ***/
#pun-stats .section {padding-top: 6px;}

#pun-stats ul.container {
position: relative;
padding: 10px 0 0 0;
display: grid;
grid-template-columns: 0.5fr 0.5fr 0.5fr 1fr;
grid-template-rows: repeat(5, auto);
grid-template-areas: "ntemy nsoob nrega nposl"
"nonln nonln nonln nonln"
"nusers nusers nusers nusers"
"nbirth nbirth nbirth nbirth";
}
#pun-stats li.item1 {grid-area: ntemy;}
#pun-stats li.item2 {grid-area: nsoob;}
#pun-stats li.item3 {grid-area: nrega;}
#pun-stats li.item4 {grid-area: nposl;}
#pun-stats li.item5.onlinelist {grid-area: nonln;}
#pun-stats li.item5.users_24h {grid-area: nusers;}
#pun-stats li.item6.birthday {grid-area: nbirth; margin-top: 10px;}
#pun-stats li.item5.onlinelist span {display: inline;}
#pun-stats li.item5.users_24h>div span {display: inline;}

/* выделяем цифры статистики */
#pun-stats li strong, li#onlinelist strong {font-weight: 600;}

/* блоки статистики */
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
padding: 2px 0;
font-size: 13px;
text-align: center;
align-self: center;
font-family: PT Sans, Tahoma, sans-serif;
}

/*** Заменяем слова в статистике ***/
#pun-stats li.item3 span, #pun-stats li.item4 span {font-size: 0px;}

#pun-stats li.item3 span:before, #pun-stats li.item4 span:before {
display: inline-block;
font-size: 13px;
padding-right: 5px;
}

#pun-stats li.item3 span:before {content: 'Участники:';}
#pun-stats li.item4 span:before {content: 'Где-то рядом:';}

/* Активны */
#pun-stats li.item5.onlinelist {
text-align: left;
font-size: 11px;
}

/* посетили за сутки */
#pun-stats li.item5.users_24h>div {
display: block;
text-align: left;
font-size: 11px;
}

/* выделить админсостав в статистике */
#pun-stats a.group1, #pun-stats a.group2 {font-weight: 400;}


/**************************************************************/


/* сервисный копирайт */
#pun-about {
padding: 6px 16px;
text-align: right;
font-size: 11px;
font-family: PT Sans, Verdana, sans-serif;
}

#pun-about:after {content:''; display:block;
position: absolute;
bottom: -1px;
right: -1px;
width: calc(100% + 2px);
height: 30px;
background: url(https://forumstatic.ru/files/001b/b6/23/80642.png) -46px calc(100% + 40px) no-repeat, url(https://forumstatic.ru/files/001b/b6/23/80642.png) calc(100% + 46px) calc(100% + 40px) no-repeat, transparent;
pointer-events: none;}

/* ФУТЕР-ПОДВАЛ */
#html-footer {position: relative;}

/* Объявление */
#pun-announcement {
margin: 1em 16px auto;
padding: 0 0px;
}


/**************************************************************/


/* легенда блоков */
legend {
margin: auto auto 0px 10px;
padding: 14px 10px 2px;
text-align: left;
font-size: 0.9em;
font-family: PT Sans, Tahoma, sans-serif;
font-weight: 400;
background-color: transparent;
border-width: 0;
}

/* блок с выборами или заполнениями и описаниями, список ЛС и сам пост письма*/
.fs-box {margin: 0.2em 0.6em 0.3em;}

/* название над блоком выбора */
p#sex.infofield, label[for="fld-lang"], label[for="fld1"], label[for="fld2"], label[for="fld3"], label[for="fld4"], label[for="fld5"], label[for="fld6"], label[for="fld7"], label[for="fld8"], label[for="fld9"], label[for="fld10"], label[for="fld11"], label[for="fld12"] {
margin-left: 0.5em;
font-style: italic;
font-size: 0.9em;
letter-spacing: 0.04em;
}

/* обнуляем для чек и некоторых радио */
p.checkfield label, span.radio label, dd div.checkfield label {
font-style: normal;
font-size: 1em;
margin-left: 0em;
}

/* описание под полями выбора */
.punbb .fs-box p, .punbb .fs-box fieldset {
padding: 0 0 0.9em 0;
line-height: 140%;
}


/**************************************************************/


/*** СТРАНИЦА ПОИСКА ***/
/* отступ поиска на страничке юзеров */
form#userlist {margin: 1em 0.6em;}

/* поля в строчку в Поиске Участников и Поиске Тем */
form#userlist p.inputfield, form#userlist p.selectfield, form#punbbsearch p.inputfield, form#punbbsearch p.selectfield {display: inline-block;}

/* верхняя граница для блоков-выборов */
form#userlist fieldset, form#punbbsearch fieldset, form#messages[method="post"] fieldset {
margin-bottom: 0.5em;
}

/* переопределяем фон и отступы для ЛС */
#profile.messages-container fieldset {
padding: 0;
border: 0px none transparent;
background-color: transparent;
box-shadow: none;
}


/**************************************************************/


/***   ПРОФИЛЬ РЕДАКТИРОВАНИЕ   ***/
/* предпросмотр */
#viewprofile div.container table {width:auto;}

#profile-left {
width: 30%;
text-align: center;
}

#profile-left li {margin: auto 1em 0.7em !important;}

#profile-left li strong {
display: block;
font-weight: 400 !important;
}

#profile-left #profile-name strong, #profile-left #pa-online strong {font-size: 1em;}
#profile-left #profile-name strong {
padding-top: 1em;
font-size: 18px;
font-family: PT Sans, Tahoma, sans-serif;
font-weight:600 !important;
}
#profile-left #profile-title {
font-size: 0.9em;
font-style: italic;
}
#profile-left #pa-edit {
margin-top: 2em !important;
margin-bottom: 1.8em !important;
}

#profile-right #pa-invites {display:none;}

/* отделяем подпись */
#viewprofile #profile-signature {padding: 1.2em 1.5em 1em 1.5em;}

#profile-signature ul {
border-style: solid;
border-width: 1px 0 0 0;
}

#profile-right {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
grid-template-rows: auto;
overflow: hidden;
width: 100% !important;
}

#profile-right li {
padding: 8px 10px 12px !important;
margin: 1em 0.8em 0em 0em;
text-align: center;
font-size: 0.9em;
border-radius: 0px;
border: 1px solid #a4988e;
background-color: #cecbca;
box-shadow: inset 0 0 0 1px #d2cbc9, inset 0 0 8px #bab0ad, 0 0 5px #c1b8b5;
}

#profile-right li span {
margin-left: auto !important;
display: block;
clear: both;
float: none !important;
text-align: center !important;
width: auto !important;
padding: 0.5em 1em 0.2em;
font-weight: 600;
font-size: 14px;
font-family: PT Sans, Tahoma, sans-serif;
color: #6d6357;
}

#profile-right li strong {
padding-left: 0 !important;
text-align: center;
font-weight: 400;
}

#profile-right #pa-posts {order: -5; grid-column: 1 / -1;}
#profile-right #pa-fld1 {order: -4; grid-column: 1 / -1;}
#profile-right #pa-fld2 {order: -3;}
#profile-right #pa-fld3 {order: -2;}
#profile-right #pa-fld4 {order: -1;}

#profile-right #pa-fld1 span, #profile-right #pa-fld2 span, #profile-right #pa-fld3 span, #profile-right #pa-fld4 span {
color: #346d78;
}

#profile-right #pa-fld1, #profile-right #pa-fld2, #profile-right #pa-fld3, #profile-right #pa-fld4 {
border: 1px solid #829598;
background: #cecbca;
}


/*** МЕНЮ отступ ***/
#profile>.container {
margin-left: 200px;
margin-right: 18px;
}

#profile .fs-box {margin: 0.2em 0em 0.6em 1em;}


/* ПРОФИЛЬ-навигация */
#profilenav {
width: 180px;
float: left;
margin-top: 0px;
margin-left: -200px;
margin-bottom: 0.9em;
text-shadow: none;
background-color: #cecbca;
border: 1px solid #958679;
box-shadow: #d2cbc9 0px 0px 0px 1px inset, #b7aba6 0px 0px 8px inset, #c1b8b5 0px 0px 5px;
}

#profilenav ul {
padding: 0 0 10px 0;
text-align: center;
}

#profilenav li {
padding: 6px;
font-weight: 600;
}

#profile #profilenav li a {color: var(--punam) !important;}
#profile #profilenav li a:hover {color: var(--punamh) !important;}
#profile #profilenav li.isactive a {
color: var(--punamh) !important;
padding: 0 4px;
}
.punbb-admin #pun-adnav li.isactive a {color: var(--punamh) !important;}


/* Заголовок предпросмотра профиля */
#profile #profilenav h2 {margin: -1px -1px 8px !important;}
/* Заголовок ЛС */
#pun-messages #profilenav h2 {margin: 10px -7px !important;}


/* ЛС */
#pun-messages #profile>.container {margin-left: auto !important; margin-right: 0px;}

#pun-messages #profilenav {
align-items: center;
justify-items: left;
display: block;
float: left;
width: 200px;
margin: auto auto 10px auto !important;
padding: 6px;
font-size: 0.9em;
}

#pun-messages .fs-box p, #pun-messages .fs-box fieldset {line-height: 150%;}

#pun-messages #profilenav ul {
margin: auto 14px;
padding: 0;
}

#pun-messages #profilenav li {
display: inline-block;
padding: 4px 6px;
}

#profilenav>h2:first-child {margin: 0px -7px 10px !important;}

#pun-messages #profilenav h2:first-child {
grid-column: 1 / 2;
grid-row: 1 / 2;
margin-top: -7px !important;
}

#pun-messages #profilenav h2:last-child {
grid-column: 1 / 2;
grid-row: 2 / 3;
margin-top: 0px;
}

#pun-messages #profilenav ul:first-child {
grid-column: 2 / 3;
grid-row: 1 / 2;
padding: 0 0 4px 0;
}

#pun-messages #profilenav ul:last-child {
grid-column: 2 / 3;
grid-row: 2 / 3;
}

/* уведомления и звук ЛС */
#notify-settings {
margin: auto -16px 12px !important;
padding: 1em 2em 0.5em;
border: 1px solid rgba(162, 142, 127, 0.46);
background-color: rgba(164, 149, 138, 0.25);
}


/**************************************************************/


/*** ОСНОВНОЙ ***/
/* Послать email и ЛС */
a.sendmail, a.sendpm, a.sendemail {
padding: 2px 8px;
margin: auto 0.2em;
}

/* заголовки части списков и статистика посещений */
.punbb .required label, .punbb .datafield span.input {font-weight: 600;}
.punbb .datafield span.input a {font-weight: 400;}

/*** ПЕРСОНАЛЬНЫЙ ***/
/* Пол */
#profile fieldset.radiofield {border-top: 0px none transparent;}

p#sex.infofield {padding: 0.3em 0 0.3em 0.2em;}

input[name="form[interests]"], input[name="form[fld1]"], input[name="form[fld2]"], input[name="form[fld3]"], input[name="form[fld4]"], input[name="form[fld5]"], input[readonly="readonly"], input[name="keywords"], input[name="req_email"] {max-width: 90%;}

/*** АВАТАР ***/
.punbb img.avatardemo {
float: right;
margin: 0 0 0.8em 1.8em;
}

/*** ПОДПИСЬ ***/
div.fs-box.hashelp span.label {font-weight: 600;}
dl.parsedsig {
margin: 0.7em 0.5em 0.5em;
line-height: 150%;
}
#profile #form-buttons #button-sticker, #profile #form-buttons #button-video,
#pun-messages .post-sig {display:none;}

/*** ОТОБРАЖЕНИЯ ***/
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
float: left;
margin-right: 1em;
}
.punbb .inline .infofield {clear:both;}

/*** УПРАВЛЕНИЕ ***/
#setmods dl {padding: 0.8em 0;}

#setmods dt {
font-weight: 600;
margin: 0.4em auto 0.4em 1.9em;
}

#setmods dd div.checkfield {padding: 3px 2px;}

/*** НАГРАДЫ ***/
#profileContainer .fs-box tr {display: table-row;}

#awards-content tr {
width: 100%;
margin: 0px;
padding: 0px;
}

#awards-content td.tc2, #awards-content td.tcl {width: 20% !important;}


/**************************************************************/


/* автор темы и правка шрифта для внутренностей тем */
span.byuser {font-size: 0.9em;}
span.byuser:before {content: '-'; padding: 0 5px;}
.tcr span.byuser:before {display:none;}
#pun-index span.lastpost span.byuser {font-size: 1em;}

/* отступы в табличках */
.punbb .main td {padding: 0.8em 0.4em;}

/* Табличное - общее */
.usertable {margin: 0.6em auto;}


/* фикс для ячеек в табличке */
.forum td, .usertable td, .fs-box .hasicon td {
width: 100% !important;
text-align: center;
}
.fs-box .post-content tr {display: table-row; border-width: 0px;}

/* загрузки */
#filetable .ft-version, #filetable .tc3 {text-align: center;}

/* ЛС табличка */
#messages .fs-box tr {
display: grid;
grid-template-columns: 1.7fr 1.2fr 0.8fr 0.3fr;
grid-template-rows: auto;
align-items: center;
justify-items: center;
}

/* иконки и текст заголовка ЛС */
#messages .fs-box .tcl {text-align: left;}

/* thead-фикс */
#messages th.pmtcl1, #messages th.pmtc22, #messages th.pmtc33, #messages th.pmtc24 {width: 100% !important;}

#messages .tc2.pmtc22 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}

#pun #messages .tc2.pmtc22 .user-avatar {margin: 0px 14px 2px 0px !important;}

/* Заголовок письма */
#messages .pmtcl1 .tclcon {text-align: left;}



/* участники */
.usertable .tcl, .usertable .tc2 {
justify-self: start;
text-align: left;
line-height: 110%;
}

.usertable .tcl {
padding-left: 1em !important;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}

.usertable td.tcl {font-weight: 400;}

.usertable tr {
display: grid;
grid-template-columns: 1fr 1fr 0.4fr 0.5fr 0.6fr 0.5fr;
grid-template-rows: auto;
align-items: center;
justify-items: center;
}

.online-list tr {
display: grid;
grid-template-columns: 0.9fr 1.3fr 0.8fr;
grid-template-rows: auto;
align-items: center;
justify-items: center;
}

.online-list td {padding: 1em 0.4em !important;}
.online-list td.tcl {justify-self: left;}
.online-list th.tcl {width: 100% !important;}
#pun-online .tcl.action {width: 100% !important;}


/* список активных тем */
.forum {margin: 0.5em auto 1em;}

.forum tr {
display: grid;
grid-template-columns: 1.7fr 1fr 0.4fr 0.9fr;
grid-template-rows: auto;
align-items: center;
justify-items: center;
}

.forum .tcl, .forum .tc2 {text-align: left;}

.forum .tcr span {
display: block;
font-size: 0.9em;
margin-top: 0em;
}

/* внутри категории */
#pun-viewforum .forum tr {
display: grid;
grid-template-columns: 1.8fr 0.4fr 1fr;
grid-template-rows: auto;
align-items: center;
justify-items: center;
}

#pun-viewforum thead tr {padding: 0;}
#pun-viewforum .forum .tc2 {text-align: center;}
#pun-viewforum .forum .tc3 {display: none;}

#pun-viewforum .modmenu {
margin: 0.7em -16px;
padding: 8px 16px 8px;
border-radius: 0px;
}

#pun-viewforum .modmenu span {display: none;}

/* страницы новая тема */
#pun-viewforum .linksb {
grid-template-columns: 1fr auto;
grid-template-rows: auto;
}

#pun-viewforum .linksb .pagelink {
grid-column: 1 / 2;
grid-row: 1 / 2;
}

#pun-viewforum .linksb .postlink {
grid-column: -2 / -1;
grid-row: 1 / 2;
justify-self: end;
}

.postlink.long {
grid-column: 1 / -1;
text-align: right;
margin: auto 0px auto auto;
}

/* модерирование списка тем */
#pun-modviewforum .forum tr {
grid-template-columns: 1.8fr 0.5fr 0.5fr 0.9fr 0.3fr;
grid-template-rows: auto;
padding-left: 20px;
}

#pun-modviewforum .forum .tc2 {text-align: center;}

#pun-modviewforum .modmenu {margin: 1.4em 1.5em 0.8em 0.5em;}

/* предпросмотр сообщения */
#post-preview .post-box {margin: 1.4em auto 1.1em;}
#post-preview.punbb .fs-box p, #pun-post.punbb .fs-box p {line-height:150%;}
#post-preview #post-form .formsubmit, #pun-post #post-form .formsubmit {margin-bottom:18px;}

#pun #pun-post .post h3+.container, #pun #post-preview .post h3+.container {overflow:hidden;}

/* заплатки для блоков */
.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;
}


/**************************************************************/


/***   ПОДФОРУМЫ   ***/
div.subforums {margin: 1em auto; font-family: PT Sans, Tahoma, sans-serif; font-size:0.9em;}

#pun-viewforum .category tr.isub {
padding: 0;
margin: 0px;
position: relative;
display: grid;
grid-template-columns: 1.8fr 1.2fr;
grid-template-rows: auto;
}

#pun-index tr.isub .tcl {
padding-left: 0px !important;
margin-left: 30px;
}

#pun-viewforum .category tr.isub .tcl {
grid-row: 1 / 2;
grid-column: 1 / 2;
padding: 10px 0px;
}

#pun-viewforum tr.isub td.tcl div.tclcon h3 {
text-align: center;
margin: -16px -16px 16px;
}

#pun-viewforum .category thead, #pun-viewforum .category tr.isub .tc2, #pun-viewforum .category tr.isub .tc3 {
display: none;
}

#pun-viewforum .category tr.isub .tcr {
grid-row: 1 / 2;
grid-column: 2 / 3;
text-align: center;
padding: 0.7em 0.4em;
display: flex;
flex-direction: column;
justify-content: center;
flex-wrap: nowrap;
}

#pun-viewforum .category tr.isub td.tcr a+br {display: none;}
#pun-viewforum .category tr.isub .tcr em.user-avatar {display: none;}
#pun-viewforum .category tr.isub td {padding: 0;}
#pun-viewforum .category tr.isub div.icon {display: none; float: left;}


/**************************************************************/


/*** ИКОНКИ ***/
.forum .tcl .intd, .fs-box .tcl .intd {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto;
align-items: center;
}

.intd div.icon {
opacity: 0.6;
display: block;
margin: auto 18px auto 0px;
width: 14px;
height: 14px;
border: 1px solid #8f7456;
box-shadow: inset 0 0 0 1px #e1dcd7, inset 0 0 0 2px #897460, inset -1px -1px 3px 2px #ae977c;
border-radius: 0%;
background: #d9d2d0;
transform: scaleY(1.2) rotate(45deg);
}

.inew .intd div.icon {
opacity: 1;
border: 1px solid #7f7060;
background: #c7e6ff;
box-shadow: inset 0 0 0 1px #e1dcd7, inset 0 0 0 2px #6e5d4d, inset -2px -2px 3px 2px #253047;
}

#pun-index .category tr.inew h3 {background: linear-gradient(0deg, #79b2c9 -10%, #506075 55%, #263348 110%), var(--bgh2);} 
.nightp #pun-index .category tr.inew h3 {background:linear-gradient(0deg, #99c8ce -10%, #5c8783 55%, #466067 110%), var(--bgh2);}

.iclosed .intd div.icon {
opacity: 1;
border: 1px solid #7f7060;
background: #7091c0;
box-shadow: inset 0 0 0 1px #e1dcd7, inset 0 0 0 2px #6e5d4d, inset -1px -1px 3px 2px #12161a;
}

.isticky .intd div.icon {
opacity: 1;
border: 1px solid #7f7060;
background: #baf0ff;
box-shadow: inset 0 0 0 1px #e1dcd7, inset 0 0 0 2px #6e5d4d, inset 2px 3px 4px 0px #1a242f;
}


/* Убрать Важно, Закрыто, Опрос */
span.stickytext, span.closedatafield, span.polltext {font-size: 0px;}


/* иконки на главной */
#pun-index .category .tcl {
margin-left: 30px;
margin-right: 18px;
padding: 12px 0px;
}

#pun-index div.icon {
display: block; overflow: hidden; pointer-events: none; position: absolute;
top: -25px;
left: -47px;
margin: 0px;
width: 90px;
height: 94px;
border: 0px solid transparent;
border-radius:0%;
transform: none;
box-shadow: none;
background: url(https://forumstatic.ru/files/001b/b6/23/32586.png) no-repeat transparent;
background-position: 100% 0px;
opacity:1; transform: scaleY(1) rotate(0deg);
}
#pun-index .inew div.icon {opacity:1; transform: scaleY(1) rotate(0deg); background-position: 0% 0px;}


/* цифры непрочитанных сообщений */
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
margin: 34px auto auto 8px !important;
opacity: 1;
text-shadow: 0 1px 2px #000;
background-color: #238b9f !important;
z-index: 10;
}


/**************************************************************/


/* ТОПИК ПАГИНАЦИЯ и Ответить-создать */
.linkst {display:grid; grid-template-columns: 1fr auto; grid-template-rows:auto; padding: 0.5em 0 0.7em; }

.linkst .pagelink {
grid-column: 1 / 2;
grid-row: 1 / 2;
}
.linkst .postlink {
grid-column: -2 / -1;
grid-row: 1 / 2;
justify-self: end;
}
.linksb {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto auto;
padding: 0.5em 0;
margin: 8px 0px 6px;
}

.linksb .pagelink {
grid-column: 1 / -1;
grid-row: 1 / 2;
}
.linksb .subscribelink {
grid-column: 1 / 2;
grid-row: -2 / -1;
justify-self: end;
font-size:0.9em;
}
.linksb .postlink {
grid-column: -2 / -1;
grid-row: -2 / -1;
justify-self: end;
}
.linkst, .linksb {
font-family: Tahoma, Verdana, sans-serif;
font-size: 1em;
}

/* ответить новая тема */
.postlink {
font-weight: 600;
padding: 0 0px 0 2em;
font-size: 1.05em;
}

.postlink a, .subscribelink a {
background: transparent;
border: 0px solid transparent;
padding: 2px 6px;
}

/* номера страниц */
.pagelink {font-size: 0.9em;}
.pagelink a, .pagelink strong {
padding: 2px 6px;
font-size: 1.1em;
line-height: 100%;
}
.pagelink strong {border-bottom: 1px solid #958679;}


/**************************************************************/


/* отступ для плавающей навигации */
.punbb div.post.toppost, .punbb div.post.firstpost, .punbb div.post.topicpost {padding-top: 0; margin-top: 0px;}

.punbb .post h3 {width: auto;}

/***   ДАТА ПОСТА И НОМЕР ПОСТА   ***/
h3 span {
display: block;
margin: 0px -16px;
padding: 5px 10px 3px;
font-size: 1em;
font-weight: 400;
letter-spacing: 0.03em;
font-family: PT Sans, Verdana, serif;
text-align: center;
border: 1px solid rgb(122 102 82 / 31%);
background-color: rgb(164 149 138 / 25%);
}
#pun-messages h3 span {margin: 0px 0px 0px 0px;}

h3 span .permalink {
grid-column: 1 / 2;
grid-row: 1 / 2;
}

h3 span strong:first-of-type {
margin: auto 0.7em auto 2em;
display: inline;
float: right;
font-size: 1em;
}

/* поделиться */
h3 a.sharelink {display: none;}

/* изменение скрипта кнопками */
h3 strong.fnt {
margin: auto 1.5em !important;
display: inline;
float: right;
}

/* делим пост на части */
.punbb .post h3+.container {
display: block;
margin: 0px 0px 0px 0px;
padding: 22px 6px 14px !important;
overflow-wrap: break-word;
}

/* обнуляем фон в ЛС-сообщении */
.punbb #profile .post h3+.container {
background: transparent;
box-shadow: none;
}


/**************************************************************/


/*** БЛОК АВТОРА ПОСТА ***/
.post-author {
position: relative;
float: left;
display: block;
margin: 0px auto 4px 0px;
padding: 0px 10px 10px;
width: var(--prwid);
text-align: center;
font-size: 0.9em;
color: var(--clrpun);
text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
background: linear-gradient(90deg, transparent -10%, rgb(70 170 222 / 11%) 50%, transparent 110%), url(https://forumstatic.ru/files/001b/b6/23/20793.jpg) 50% 0% repeat;
background-color: var(--bgpun);
box-shadow: inset 0 0 10px rgb(0 0 0 / 45%), #85644c 0px 0px 3px, #7d776e 0px 0px 12px;
}

.post-author:after {
content:'';
display:block; position:absolute; bottom:-1px; right:0px; 
width:100%; height:30px;
background: url(https://forumstatic.ru/files/001b/b6/23/80642.png) -46px calc(100% + 40px) no-repeat, url(https://forumstatic.ru/files/001b/b6/23/80642.png) calc(100% + 46px) calc(100% + 40px) no-repeat, transparent;
pointer-events:none;
}


/* расстояние между блоками по умолчанию */
.post-author li {margin: 0.3em auto;}
.post-author li:last-child {margin-bottom: 0px;}

.post-author li.pa-online {
margin: 1.2em auto -2px auto;
font-family: PT Sans, Times New Roman, serif;
font-size: 13px;
}

.post-author li.pa-online strong {font-weight: 600;}

#pun-main .post-author a {color:var(--puna);}
#pun-main .post-author a:hover {color:var(--punah);}


/***   НИКНЕЙМ   ***/
li.pa-author, .pa-author {
display: block;
position: relative;
overflow-wrap: break-word;
font-size: 16px;
font-weight: 400;
font-family: Helmswald, Amador, Tahoma, Verdana, sans-serif;
line-height: 0.9;
letter-spacing:0.03em;
word-spacing: 0.25em;
}

.pa-author strong {font-weight: 400;}

.pa-author {
position: relative;
margin: 0px -10px 12px !important;
padding: 15px 8px 12px !important;
color: #e0c6bd;
text-shadow: 0 1px 3px #000;
background: url(https://forumstatic.ru/files/001b/b6/23/80642.png) -46px -41px no-repeat, url(https://forumstatic.ru/files/001b/b6/23/80642.png) calc(100% + 46px) -41px no-repeat, rgba(0,0,0,0.35);
}

#pun .pa-author a {
color: #dcbda0;
text-shadow: 0 0 3px #000;
}
#pun .pa-author a:hover {
color: #e2cab4;
text-shadow: 0 0 2px #000, 0 0 4px #244e85, 0 0 10px #496998;
}


/* статус */
.pa-title {
padding: 0 0 4px;
font-size: 0.9em;
line-height: 100%;
letter-spacing: 0.02em;
}

/* аватар */
.post-author .pa-avatar {
margin: 8px auto 10px;
line-height: 0;
}

/* фикс высоты и ширины аватара */
.post-author .pa-avatar img {
max-width: 100%;
width: auto;
max-height: 330px;
height: auto;
border-radius: 0px;
}

/* рамка для аватара */
#profile-left #pa-avatar img, .post-author .pa-avatar img {
width: auto;
max-width: 100%;
line-height: 12px;
}
.post-author .pa-avatar img {box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); max-width: calc(100% + 6px);}
.post-author .pa-avatar img:hover {border-radius: 0px;}


/***  ПОСТЫ РЕПУТАЦИЯ в строчку ***/
.pa-posts, .pa-respect {
display: inline-block;
box-sizing: border-box;
width: 48%;
padding: 0 2px;
}
.pa-posts {margin-top: 6px;}

.pa-posts .fld-name, .pa-respect .fld-name {
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
font-size: 11px;
line-height: 1;
padding: 0 0 6px;
}

.pa-respect img, .post h3 img {filter: hue-rotate(144deg) brightness(0.82);}


/*** ЛИЧНОЕ ЗВАНИЕ ЛЗ ***/
.pa-fld1 {
position: relative; width: auto;
margin: 0px -10px 12px !important;
padding:10px 8px;
font-size: 1.05em;
line-height: 1.5;
color:#c8bab2;
background-color: rgba(0,0,0,0.35);
}

.pa-fld1:before, .pa-fld1:after {content:''; display:block; position:absolute; right:0px; width:100%; height:30px; pointer-events:none;}
.pa-fld1:before {
top:-32px;
background: url(https://forumstatic.ru/files/001b/b6/23/80642.png) -53px calc(100% + 41px) no-repeat, url(https://forumstatic.ru/files/001b/b6/23/80642.png) calc(100% + 53px) calc(100% + 41px) no-repeat, transparent;
}
.pa-fld1:after {
bottom: -32px;
background: url(https://forumstatic.ru/files/001b/b6/23/80642.png) -53px -41px no-repeat, url(https://forumstatic.ru/files/001b/b6/23/80642.png) calc(100% + 53px) -41px no-repeat, transparent;
}


/* названия доп. полей */
.pa-fld1 .fld-name, .pa-fld3 .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name, .pa-fld5 .fld-name {display:none;}

/**************************************************************/


/* ТЕКСТ СООБЩЕНИЯ-ПОСТА */
.post-body {
font-size:1.08em;
line-height: 1.5;
position: relative;
padding-left: 16px;
padding-right: 0px;
margin-left: var(--prwid);
}

.post-box {
position: relative;
padding: 0px 10px;
text-align: justify;
}

.punbb .post-content {width: 100%; padding: 0; margin: 0;}

/* ссылки под постом */
.post-links {
text-align: right;
margin: 12px 0px 4px;
font-size: 11px;
font-weight: 400;
letter-spacing: 0.02em;
text-shadow: 0 0 0px #afa08f;
}


.post-links li {
display: inline-block;
position: relative;
margin:auto 2px;
padding: 3px 10px;
background-color: #cecbca;
border: 1px solid #afa08f;
transform: skewX(-8deg);
-webkit-transition: 0.25s linear;
-moz-transition: 0.25s linear;
transition: 0.25s linear;
}

.pl-email, .pl-website {float: left;}


/*** ОТКЛЮЧАЕМ всякое в полях профиля ***/
.pa-positive, .pa-sex, .pa-from, .pa-time-visit, .pa-reg, .pa-age, .pa-invites, .pa-gifts,
.post-links li.pl-share, .pl-share, .pl-reports, li.pl-reports {
display: none;
}


/* Отступы для абзацев, таблички */
.post-content p {padding: 0 0 0.6em 0;}
.punbb .post-content tbody {vertical-align: middle;}

.punbb .post-content td {
display: table-cell;
border-width: 0px !important;
border-color: transparent;
border-style: none !important;
padding: 0;
height: auto;
overflow: hidden;
}


/*** РЕПУТАЦИЯ внутренний отступ ***/
#pun-respect #pun-main .container, #pun-positive #pun-main .container {padding: 6px 14px 0;}


/* подпись - разделитель и текст */
.post-sig dt {
display: block;
height: 1px;
width: 90%;
margin: 1.5em auto 1.1em;
opacity: 1;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, #7d8a94 25%, #7d8a94 75%, rgba(255, 255, 255, 0) 100%);
}
.post-sig dd {font-size: 0.9em; line-height: 150%;}


/* цитата, спойлер и код */
.post-content .quote-box,
.post-content .code-box,
.post-content .hide-box {
display: flex;
flex-direction: column;
position: relative;
padding: 16px 20px;
margin: 14px 0.6em 14px 0.6em;
background-color: #cecbca;
border: 1px solid #958679;
box-shadow:inset 0 0 0 1px #d2cbc9, inset 0 0 8px #b7aba6, 0 0 5px #c1b8b5;
}

.post-content .code-box {font-size: 0.8rem;}


/* отключаем декор внутри цитаты */
.post-content .quote-box .quote-box:after {display: none;}
.post-content .quote-box.spoiler-box:after {display: none;}


/*** УБИРАЕМ ЛИШНИЙ ОТСТУП В ЦИТАТЕ ***/
.quote-box p:last-of-type, blockquote p:last-of-type, .post-content p:last-of-type {padding-bottom: 0;}

/* АВТОР цитаты, выделить код, скрытый текст */
.quote-box cite,
.code-box .legend,
.hide-box cite {
display: block;
position: relative;
margin: -16px -20px 16px -20px;
padding: 6px 18px 5px;
width: auto;
text-align: left;
font-weight: 600;
font-size: 14px;
font-family: PT Sans, Tahoma, serif;
letter-spacing: 0.04em;
color: #e6e5e4;
text-shadow: 0 0 3px #000;
background: linear-gradient(1deg, #597a91 0%, #47576d 55%, #263348 110%), var(--bgh2);
border-bottom: 1px solid #958679;
box-shadow: 0 2px 0 -1px #d2cbc9, 0 7px 8px -7px #b7aba6, inset 0 1px 7px rgb(0 0 0 / 25%);
}


/*** максимальный скролл в блоке кода ***/
.post-content .scrollbox {overflow:auto; height:auto !important; max-height:180px; width:100%; padding-bottom:8px;}


/***   СПОЙЛЕР   ***/
/* свернуть спойлер ссылка */
.post-content .spoiler-box>blockquote a[onclick^="clickSP"] {
margin: 8px 0px -8px auto;
padding: 2px 6px 0;
font-size: 0.75em;
font-family: PT Sans, Tahoma, sans-serif;
border-top: 1px solid #b3a69f;
}

.spoiler-box>div[onclick]>p {margin: 0 !important; padding: 0 !important;}
.post-content .spoiler-box>blockquote.visible {overflow-x: hidden !important;}

/***   БЛОК СПОЙЛЕРА ВИДИМАЯ ЧАСТЬ   ***/
.post-content .quote-box.spoiler-box {padding: 0px;}
.post-content .spoiler-box>div {
background: url('/img/plus.png') no-repeat 12px 50%, linear-gradient(-1deg, #597a91 0%, #47576d 50%, #263348 110%) !important;
color: #e6e5e4;
text-shadow: 0 0px 5px #000;
padding: 12px 12px 12px 32px !important;
box-shadow: none;
font-weight: 400;
font-size: 0.9em;
letter-spacing: 0.02em;
display:block;
}
.post-content .spoiler-box>div.visible {
background: url('/img/minus.png') no-repeat 12px 50%, linear-gradient(0deg, #597a91 0%, #47576d 40%, #263348 110%) !important;
color: #e6e5e4;
text-shadow: 0 0px 5px #000;
border-bottom: 1px solid #958679;
box-shadow: 0 2px 0 -1px #d2cbc9, 0 7px 8px -7px #b7aba6;
}

/* отступ открытого текста от края названия*/
.post-content .spoiler-box>blockquote {padding: 16px 20px 18px !important;}


#pun-main .quote-box cite a, #pun-main .code-box .legend a, #pun-main .post-content .spoiler-box > div a {
color: #f7e3c9;
text-shadow: 0 0 3px #000;
}
#pun-main .quote-box cite a:hover, #pun-main .code-box .legend a:hover, #pun-main .post-content .spoiler-box > div a:hover {color:#d4ecf1;}

#pun div.post-rating a, #pun div.post-vote a {
font-size:14px !important; font-weight: 400; text-align:center;
padding: 3px 8px;
background-color: #cecbca;
border: 1px solid #afa08f;
}


/* html-темы */
.html-post-box {overflow:hidden;}


/**************************************************************/


/* Тему читают */
#pun-viewforum .modmenu, #topic-users-in {
border: 1px solid rgb(122 102 82 / 31%);
background-color: rgb(164 149 138 / 20%);
}

#topic-users-in {
margin: auto -16px;
padding: 0.8em 0em 0.7em;
line-height: 150%;
font-size: 0.9em;
font-family: Tahoma, Verdana, serif;
position: relative;
}

#topic-users-in a {font-size: 1.1em;}
#topic-users-in a:after {content: ',';}
#topic-users-in a:last-child:after {display:none;}

/* модераторское меню */
#pun-multimove .modmenu, #pun-multidelete .modmenu, #pun-multimegre .modmenu {
padding: 1em 0 1em 25px;
text-align: right;
}

#topic-modmenu {padding: 0.5em 0 0.8em 20px;}

#mod-options option {
padding: 0 10px;
filter: brightness(1.02);
}

/* RSS Atom*/
#pun-searchtopics div.modmenu {display:none;}
#pun-viewtopic #topic-modmenu span {display:none;}
.isuser #pun-viewtopic #topic-modmenu {display:none;}

.isadmin #pun-viewtopic #topic-modmenu,
.ismoderator #pun-viewtopic #topic-modmenu {display:block;}

#topic-feed {display:none;}


/**************************************************************/


/* скрыть отредактировано от пользователя */
.isuser .lastedit, .isguest .lastedit, .pa-awards, .pa-gifts {display:none;}
.isadmin .lastedit, .ismoderator .lastedit {display:none;}

.post-content p.lastedit {
padding: 0.6em 0;
text-align: right;
font-size: 0.85em;
font-style: italic;
opacity: 0.55;
}


/* РАЗДЕЛИТЕЛЬ hr */
hr, .post-content hr {
position: relative;
margin: 0.7em auto 1em auto !important;
height: 0px;
opacity: 1 !important;
}


/* картинки и текст рядом */
.punbb .post-content img.postimg {
vertical-align: middle;
max-height: 1000px;
max-width: 100%;
width: auto;
height: auto;
}

* img {width:auto; max-width:100%; height:auto;}


/* таблица опроса*/
#poll-special div.formal.vote-result table td {width: 33%;}

#poll-special td h1 {
display: block;
margin: auto 0px;
height: 8px !important;
background-image: none;
background-color: var(--bgh2);
padding: 2px;
}

#poll-special td h1:before, #poll-special td h1:after {display: none;}
#poll-special td span {padding: 0 1em;}
#poll-special table.poll2 tr td:first-child {text-align: right !important;}
#poll-special table.poll2 tr td.tac {text-align: center !important;}

/* опрос да-нет*/
#poll-special.section.type-3 div.formal.vote-result table td {width: auto;}


/**************************************************************/


/* bb-кнопки */
#form-buttons {
padding: 5px 4px 4px;
margin: 0.2em auto;
border: 1px solid #a79e94;
background: rgb(226 224 220 / 12%);
}

#post-form fieldset {padding: 0.35em 0 0.625em;}
#post-form fieldset .fs-box, #pun-messages form#post {
margin: 0.2em 0em 0.3em;
padding: 0 30px;
}
#pun-messages form#post {margin: 0.2em 0em 1.1em;}
#post-form #form-buttons {
padding: 4px 4px 4px 8px;
margin: 1em 0px;
}

/* оболочка поля ответа */
textarea {
outline: none;
max-width: 100%;
line-height: 155%;
padding: 14px;
margin: 0.5em 0px 0.1em;
font-size: 1.08em;
}

/* расширитель */
div.grippie {filter: contrast(0.3);}

/* чтобы не плясал текст */
textarea#main-reply {
text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}


/***   СПИСОК BB-КНОПОК   ***/
.punbb .hashelp {position: relative;}

#pun_wrap #post .container[id$="-area"],
#tags .container {
display: block;
overflow: auto;
max-height: 270px;
border: 1px solid #958679;
text-shadow: none;
background: var(--bgpum);
}

#form-buttons+#tags {position: relative;}

#tags .container {
position: absolute;
right: 6px;
top: 0px !important;
z-index: 2;
padding: 12px;
}

#tags tr {display: table-row;}

#pun-messages #post-form div.container {padding-left: 12px !important;}

#font-area div, #size-area div, #addition-area div {
height: auto !important;
padding: 4px 8px;
}

#font-area div:hover, #size-area div:hover, #addition-area div:hover {
background: var(--bgpum);
filter: brightness(1.05);
}

#image-area-tcon-computer {margin-bottom: 0.6em;}
#image-area {max-width: 430px;}

#pun #video-area-tinp, #pun #image-area-tinp {border: #958679 solid 1px;}

#keyboard-span input {
margin: 2px !important;
padding: 0px 10px !important;
border: 1px solid #958679 !important;
border-radius: 0px;
background-image: none;
background-color: var(--bgpum) !important;
box-shadow: none !important;
color: inherit !important;
text-shadow: none !important;
filter: brightness(1.05);
font-family: Arial, Helvetica, sans-serif !important;
font-weight:400 !important;
}
#keyboard-span input:hover {filter: brightness(1.13);}


/* BB-теги  */
#form-buttons tr {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(26px, 1fr));
grid-template-rows: auto;
gap: 5px 4px;
}

#form-buttons td {
height: 26px;
font-family: 'icomoon';
font-size: 16px;
font-weight: 400;
position: relative;
opacity: 1;
color: var(--clrpum);
}

#form-buttons td:hover {
opacity: 1;
color: var(--punah);
}

#form-buttons td img {
display: inline-block;
z-index: 10;
}

#button-files_rusff, #button-graffiti_rusff, #button-smile {display: none !important;}

/*дополнения*/
#button-styles:before {
position: relative;
display: inline-block;
height: 26px;
width: 26px;
line-height: 26px;
top: -6px;
}

#button-styles:before {content: "\f02c";}
#form-buttons td#button-styles img {margin-left: -26px;}
#form-buttons td:before {pointer-events: none;}
#post-form .fs-box p.checkfield {padding-top: 0.8em;}


/**************************************************************/

Поделиться112022-12-28 20:56:43

Автор: dessy
sdfgmgcbv
Откуда: asdcx
Сообщений: 27

Код:


/*** КНОПКИ ***/
/* центрируем кнопки */
#post-form .formsubmit {text-align: center;}

#imageupload-left input[type=button] {width: auto !important;}

#viewprofile-next #pa-edit a, 
input[class="button"],
input[class="button submit"],
input[type="button"], 
input[type="submit"],
.button {
margin: auto 0.2em;
padding: 6px 12px 4px;
letter-spacing: 0.05em;
text-transform: uppercase;
font-family: PT Sans, Tahoma, sans-serif;
font-size: 13px;
font-weight: 600 !important;
color: #c4b4ae !important;
text-shadow: 1px 1px 1px #000;
border: 2px solid #364156;
background: radial-gradient(ellipse at center, #3d557d 10%,#262c3d 100%);
box-shadow: 0px 0px 4px #191a1d inset, 0px 2px 5px rgb(11 7 6 / 35%);
cursor: pointer;
-webkit-transition: 0.22s linear;
-moz-transition: 0.22s linear;
transition: 0.22s linear;
}


/***   КНОПКИ ПРИ НАВЕДЕНИИ   ***/
#viewprofile-next #pa-edit a:hover,
input[class="button"]:hover,
input[class="button submit"]:hover,
input[type="button"]:hover,
.button:hover {
cursor: pointer;
filter: brightness(1.2);
}


/**************************************************************/


/*** АДМИНКА ***/
#pun .punbb-admin #pun-navlinks, #pun .punbb-admin #pun-ulinks {position:relative; top: 0px;}

#pun-admain {
background-color: var(--bgpum);
color: var(--clrpum);
}

.punbb-admin .linksb {
display: flex;
flex-wrap: wrap;
height: auto !important;
padding: 1em 0;
font-size: 1.1em;
}

div.adcontainer {background-color: var(--bgpum);}
#pun-adnav ul.adsubnav li {color: var(--punah) !important;}

#pun-admain h1, #pun-admain h2, #pun-admain h3, #pun-admain h4, .adformal h2, #pun-adnav h2, .adformal h2, #pun #pun-adnav h2 {
padding: 9px 0;
font-size: 11px !important;
font-family: Tahoma, Arial, sans-serif;
color: #fff !important;
box-shadow:none;
background-image:none;
background-color: var(--bgh2);
}
#pun-admain h2:before, #pun-adnav h2:before {display:none;}

/*для мелочи */
#pun-admain1 form.adcontainer, #pun-admain2 form.adcontainer, #pun-admain-new form.adcontainer, #pun-admain1 div.adcontainer, #pun-admain2 div.adcontainer {
padding: 16px 8px 12px !important;
}

#pun-admain span[class="adinput"] input:not([type="radio"]), #pun-admain input:not([type="radio"]), #pun-admain span[class="adinput"] input:not([type="checkbox"]), #pun-admain input:not([type="checkbox"]), #pun-admain input:not([type="submit"]), #pun-admain span[class="adinput"] label, #pun-admain textarea, #pun-admain select, #pun-admain optgroup {width: 100%;}

#pun-admain input[type="submit"], #pun-admain input[type="checkbox"], #pun-admain input[type="radio"], #pun-admain p.submitend input.button, #pun-admain input.button {width: auto !important;}
#pun-admain input[type="submit"], #pun-admain p.submitend input.button, #pun-admain input.button {font-size: 11px;width: auto; letter-spacing:0px;}

#pun-admain fieldset .handle, #pun-admain fieldset p {
border-left-width: 20em;
border-color: transparent !important;
background-color: rgb(218 214 212 / 50%) !important;
}

#pun-admain .adlabel {
margin-left: -18em !important;
width: 18em !important;
padding-left: 1em;
padding-right: 0em !important;
}

.punbb div.adminmain.post {padding: 0 0 0 15em !important; margin-top: 0px;}

#pun-adnav .isactive ul.adsubnav a {border-bottom: none;}
.award-edit {margin-right: 1em !important;}
#pun-admain input, #pun-admain select {width: auto;}
#pun #pun-admain fieldset, #pun .adcontainer, #pun .adformal {border-color: transparent;}
#pun #pun-admain .adcontainer td {border-width: 0px;}

/* сервисный баннер */
.admin-advert-block {
width: 100% !important;
margin-top: 80px;
text-align: center;
}
.admin-advert-block a {color: var(--puna);}

.punbb-admin #filetable {font-size: 11px;}

input[type="checkbox"] {
border: 1px solid #8e8e8b;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 5px !important;
cursor: pointer;
transition: all .22s ease-in-out 0s;
height: 1em;
}

input[type="radio"] {
border: 1px solid #8e8e8b;
border-radius: 100%;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 5px !important;
cursor: pointer;
transition: all .2s ease-in-out 0s;
height: 1em;
}

input[type="checkbox"]:checked, input[type="radio"]:checked {
height: 1em;
background: var(--bgh2) !important;
}


/**************************************************************/


/* страница нет новых сообщений */
h1+div.info {padding: 1.2em 2em 1.2em;}

/* заплатки для страницы регистрации */
form#register div.info-box {margin: 0.2em 1.35em 0.3em; text-align: justify; overflow:hidden;}

form#register div.info-box p {padding: 0 0 0.9em 0; line-height: 140%;}

/* списки на страницах VIP */
#forum-vip ul li,
#forum-foundation ul li {
list-style-type: disc;
padding-bottom: 0.5em;
margin-left: 2em;
}

#pun-help h3 {margin: 1.2em auto; width: 80%;}
#pun-help p {padding-bottom: 0.8em;}
#pun-help dl, #pun-help ul {padding-bottom: 0.6em;}
#pun-help dl dt, #pun-help ul li {padding: 0 0 0.6em 1em;}
#pun-help dd {padding: 0 0 2em 1em;}


/**************************************************************/


/*** ВСПЛЫВАЮЩИЕ ОКНА ***/
.modal-inner, .inner {
padding: 20px 20px;
color: var(--clrpum);
background: url(https://forumstatic.ru/files/001b/b6/23/17773.jpg) 0% 0% repeat;
background-color: var(--bgpum);
box-shadow: #523018 0px 0px 4px inset, #7a6e5d 0px 0px 12px inset, #856f50 0px 0px 18px inset, rgb(0 0 0 / 40%) 0px 0px 8px !important;
}

#pun .pun-modal .container {overflow: hidden;}

#pun .pun-modal .closer {
font-family: Verdana, sans-serif;
font-size: 18px !important;
margin-right: 4px !important;
}

.inner td {vertical-align: top;}

/* перемещение сообщений */
#move_posts_form thead tr, #move_posts_form tbody tr {
padding-right: 8px;
border-bottom: 1px solid rgba(7, 10, 14, 0.16);
display: grid !important;
align-items: center;
grid-template-columns: 1fr auto;
justify-items: start;
}

#pun #pun-report .bg, #pun #pun-reputation .bg, #pun #pun-admin-award-form .bg {background-color: #090909;}


/**************************************************************/


/***   ЗАКЛАДКИ   ***/
#BookmCntToggle {
top: 12px !important;
color: var(--bgh2) !important;
background: var(--bgpum) !important;
height: 26px !important;
width: 26px !important;
z-index: 11 !important;
}
#MyBookmarks {
margin-top: 80px;
background: var(--bgpum);
min-height: 150px;
max-height: 500px;
}
#MyBookmarks h2 {
margin: 0px;
padding: 8px 16px 6px 16px;
font-size: 14px;
border-width:0px;
background: linear-gradient(1deg, #597a91 0%, #47576d 55%, #263348 110%), var(--bgh2);
box-shadow: inset 0 0 10px rgb(0 0 0 / 45%);
}
#MyBookmarks .container {
height: auto;
overflow-y: auto;
overflow-x: hidden;
max-height: 440px;
}
.editBookmark {background-color: var(--bgpun);}


/**************************************************************/


/*** ОТСТУПЫ РАЗНЫХ БЛОКОВ ***/
#pun-stats li.item5.onlinelist {padding: 14px 20px 4px;}
#pun-stats li.item5.users_24h {padding: 12px 20px 8px;}
#pun-status {padding: 0 20px;}
#viewprofile div.container table {
margin: auto 20px;
width: calc(100% - 40px);
}
#pun-userlist .usertable, #pun-online div.online-list,
.linkst, .linksb, div.modmenu,
#pun-viewforum #pun-main div.container, #pun-searchtopics #pun-main div.container,
#topic-users-in,
#punbbsearch.container,
#userlist.container,
#pun-movetopic fieldset, #pun-movetopic p.formsubmit {
padding-left: 14px;
padding-right: 14px;
}
#pun-delete p.formsubmit {margin: 0.8em 22px;}

#pun-messages form#messages {
margin-left: 200px;
padding-left: 20px;
padding-right: 20px;
}

#pun-announcement div.container {padding-left: 0px; padding-right: 0px;}



/**************************************************************/


/*** СТРЕЛКИ ***/
.topbot {
position: absolute;
right: 0px;
z-index: 4;
display: block;
}
.go-up,
.go-down {
-webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; transition: 0.2s linear; cursor: pointer;
display: none;
position: fixed;
z-index: 12;
box-sizing: border-box;
width: 26px;
height: 54px;
text-align: center;
font-family: Tahoma, Verdana, sans-serif;
font-size: 20px;
line-height: 200%;
overflow: hidden;
color: #777c84;
text-shadow: 1px 0px 3px #000;
background: url(https://forumstatic.ru/files/001b/b6/23/20793.jpg) 50% 0% repeat;
background-color: var(--bgpun);
box-shadow: inset 0 0 6px 0px rgb(0 0 0 / 50%);
}
.go-up {bottom: calc(30% + 80px);}
.go-down {bottom: 30%;margin-left: 0px;}
.go-down:hover, .go-up:hover {filter: brightness(1.15);}


/*** РЕАКЦИИ ***/
/* .reactions-root, .reactions-container {display: none;} */
#pun .reactions-root {margin: 8px 0px 4px auto;}
#pun .post-body .reactions-container {justify-content: flex-end; margin-right: -8px;}
#pun .post-body .reaction-picker-panel {right: 0;}
#pun .post-body .emoji-mart {
border: 1px solid #958679;
border-radius:0px;
background:var(--bgpum);
box-shadow: 0 0 6px #bbbfc2 inset, 0px 1px 5px rgb(0 0 0 / 8%);
}
#pun .emoji-mart-bar {border:0px solid transparent;}
#pun .post-body .reaction-chip {
background-color: var(--bgpum); 
border: 1px solid #958679;
}
#pun .reaction-chip:not(.reaction-chip--disabled):hover {
background-color: var(--bgpum); 
filter: brightness(1.05);
}
#pun .post-body .reaction-picker-button {
border-radius: 0px; 
width: 18px; 
height: 18px; 
padding: 4px; 
margin-top: 4px;
}
#pun .post-body .reaction-chip.reaction-chip--clicked {
border: 1px solid rgb(65 65 65 / 22%); 
background: transparent; 
color: var(--clrpum);
box-shadow:none;
}
#pun .emoji-mart-search input {
margin-bottom: 6px;
color:var(--clrpum);
border: 1px solid #968e85;
box-shadow: none; border-radius: 0px;
background: #c4c1bc;
}
#pun .emoji-mart-category-label span {
color:var(--clrpun);
filter: brightness(1.07);
background: #c4c1bc;
border: 1px solid #968e85;
}
#pun .emoji-mart-anchor {color:var(--punamh);}
#pun .emoji-mart-anchor:hover, .emoji-mart-anchor:focus, .emoji-mart-anchor-selected {color:var(--punam);}
#pun .emoji-mart-anchor-selected {color:var(--punam)!important;}
#pun .emoji-mart-anchor-bar {background-color:var(--punam)!important;}


/**************************************************************/


/*** MOBILE STYLE ***/
@media screen and (max-width: 1030px) {
#pun {width:auto; max-width:1030px;}
.topbot {right: 20px;}
}

@media screen and (max-width: 948px) {
#pun {width: 100%; max-width: 948px;}
.shap {grid-template-columns:1fr; padding: 0 30px;}
.nazv {
grid-column: 1 / -1; grid-row: 1 / -1;
padding: 0px 16px 0 16px;
}
.shap:hover .nazv {display:none; opacity:0;}
.obj-src {
opacity:0; 
grid-column: 1 / -1; grid-row: 1 / -1;
margin: auto 0px;
padding: 0 10px 0 10px;
-webkit-transition: 0.28s linear; -moz-transition: 0.28s linear; transition: 0.28s linear;
}
.shap:hover .obj-src {opacity:1;}
}


@media screen and (max-width: 650px) {
#pun {width: 100%; max-width: 650px; margin-bottom:0px;}
#pun-main {margin: auto -3px;}

/* иконки на навигацию */
#pun-navlinks li a:before {
overflow: hidden;
display: inline;
font-family: 'icomoon', 'fontawesome';
font-size: 0px;
}
#pun-navlinks li#navindex a:before {content: "\e91e";}
#pun-navlinks li#navuserlist a:before {content: "\f0c0";}
#pun-navlinks li#navsearch a:before {content: "\f002";}
#pun-navlinks li#navprofile a:before {content: "\f2bc";}
#pun-navlinks li#navpm a:before {content: "\f003";}
#pun-navlinks li#navadmin a:before {content: "\f013";}
#pun-navlinks li#navlogout a:before {content: "\f08b";}
#pun-navlinks li#navregister a:before {content: "\f234";}
#pun-navlinks li#navlogin a:before {content: "\f090";}
#pun-navlinks li#navpr_1 a:before {content: "\f06e";} /* читатель */
#pun-navlinks li#navpr_2 a:before {content: "\f02d";} /* реклама */


/*** навигация ***/
#pun-navlinks {padding:0px 6px;}
#pun-navlinks .container {margin: 0px 0px 0px 0px; padding: 6px 0;}
#pun-navlinks .container {justify-content: space-evenly;}
#pun-navlinks li a span {font-size: 0px; display: none;}
#pun-navlinks li a:before {
font-size: 24px;
padding: 2px 2px 2px 6px;
}
#pun-navlinks li#navadmin span, #pun-navlinks li#navadmin span:before {font-size:0px; display:none;}
#pun-navlinks li#navadmin a:before {
content: "\f013";
font-family: 'icomoon', 'fontawesome';
}

#pun-ulinks {
text-align: center;
width: auto;
height: 32px;
padding: 10px 10px 0 10px;
}
#pun-ulinks .container {flex-direction: column; position: relative;}
#pun-ulinks:before {
content: 'Меню пользователя';
margin: auto;
text-transform: none;
font-family: Tahoma, sans-serif;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.05em;
color: #787f8c;
text-shadow: 0 1px 2px rgb(0 0 0 / 50%);
}
.nightp #pun-ulinks:before {color:#9aa4a6;}
#pun-ulinks ul {
position: absolute;
top: 5px;
width: 92%;
margin-left: 4%;
z-index: 10;
padding: 0 10px;
-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;
-webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0);
-webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0;
border: 1px solid #1c1e22;
background-color: var(--bgbody0);
box-shadow:inset 0 0 10px rgb(0 0 0 / 32%);
}
.nightp #pun-ulinks ul {border:1px solid #1e2e30;}
#pun-ulinks:hover ul {-webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);}
#pun-ulinks li {padding-right: 0; margin: auto 0px;}
#pun-ulinks ul li a {
padding: 8px 4px;
margin: 3px 0px 0px;
display: block;
font-size: 14px;
border-bottom: 1px solid #323944;
}
.nightp #pun-ulinks ul li a {border-bottom: 1px solid #38585b;}
#pun-ulinks ul li:last-child a {
margin-bottom: 2px;
border-bottom: 0px solid transparent;
}
#pun-ulinks li:nth-child(3), #pun-ulinks li.item5 {display: none;}


#pun .post-body div.html-post-box {overflow:hidden;}
#pun-navlinks .container {flex-wrap:nowrap;}
#pun-navlinks li {padding: 0 4px;}
select {width: 100%;}

/* предпросмотр профиля*/
#viewprofile div.container table {margin:auto; width:100%;}
#profile-right {padding:0 6px !important;}
#profile-right li {margin: 1em 0.3em 0em;}
#viewprofile-next #viewprofile .container tr {display: flex; flex-direction: column;}
#profile-left {width: 100% !important; padding-bottom: 6px !important;}
#profile-left #profile-name strong {padding-top: 0em;}

/* главная страница */
#pun-index .category tr {grid-template-columns: 1fr 1fr; grid-template-rows: auto;
grid-template-areas:
"lone lone"
"ltwo lthree"
"lfour lfour";
padding: 4px 4px 4px 0px;}
#pun-index .category tr:last-child {padding-bottom:14px;}

.category .tcl .intd {margin: auto 0px 4px;}
#pun-index .category .tcl {margin-right:0px;}
#pun-index .category .tcr {margin-right:0px; margin-left:0px; padding-left:30px; padding-right: 54px; border-left:0px solid transparent;}
#pun-index .user-avatar {right:5px !important; left:auto !important; margin: 0px 5px 2px 14px !important;}
#pun-index .user-avatar .avatar-image, #pun-index .user-avatar {width:36px !important; height:36px !important;}

#pun-stats ul.container {grid-template-columns: 1fr 6px 1fr; grid-template-rows: repeat(5, auto);
grid-template-areas:
 "ntemy . nrega"
 "nsoob . nposl"
 "nonln nonln nonln"
 "nusers nusers nusers"
 "nbirth nbirth nbirth";
padding:10px 20px 0;
}
#pun-stats li.item5.onlinelist {padding:8px 0px 4px;}
#pun-stats li.item5.users_24h {padding:12px 0px 8px;}

/* табла внутренняя */
#pun-viewforum .category tr.isub {grid-template-columns: 1fr; grid-template-rows: auto auto;}
#pun-viewforum .category tr.isub .tcl {padding: 0 0px 4px; border-width: 0px; grid-column: 1 / -1; grid-row: 1 / 2;}
#pun-viewforum .category tr.isub .tcr {padding: 0px 0 20px; grid-column: 1 / -1; grid-row: 2 / 3;}
#pun-viewforum .category tr.isub div.icon {display:none;}


/* внутри форума */
#pun-viewforum thead, #pun-messages thead, #pun-searchtopics thead {display:none; font-size:0px;}
#pun-viewforum .forum .tc2, #pun-viewforum .forum .tc3 {display:none;}
#pun-viewforum .forum tr {
grid-template-columns:1fr; grid-template-rows:auto auto; padding:4px 0;
border-bottom: 1px solid transparent;
border-image: linear-gradient(to right, transparent 0%, rgb(91 69 41 / 20%) 20%, rgb(91 69 41 / 20%) 80%, transparent 100%); border-image-slice:1;
}
#pun-viewforum .forum tr:last-child {border-bottom:0px solid transparent;}
#pun-viewforum .main td.tcl {padding:0.7em 0.4em 0em;}
#pun-viewforum .main td.tcr {font-size:11px; text-align:right; padding:6px 0.4em 10px 30px;}
.intd div.icon {margin:auto 18px auto 0px;}
.forum .tcr span {margin-top:0.2em;}

/* модерирование тем */
#pun-modviewforum .forum tr {
padding-left:4px; grid-template-columns:1fr 50px; grid-template-rows:auto auto; 
border-bottom:1px solid rgb(126 104 75 / 40%);
}
#pun-modviewforum .forum tr:last-child {border-bottom:0px solid transparent;}
#pun-modviewforum .forum .tcl {grid-column: 1 / 2; grid-row: 1 / 2;}
#pun-modviewforum .forum .tcmod {grid-column: 2 / 3; grid-row: 1 / 2;}
#pun-modviewforum .forum .tcr, #pun-modviewforum .forum .tc2, #pun-modviewforum .forum .tc3 {display:none;}
#pun-modviewforum .modmenu {padding-left:4px; padding-right:4px; margin:1.4em 0.5em 0.8em 0.5em}


/* посты, профиль, редактирование */
.punbb .post h3 + .container {grid-template-columns: 1fr; padding: 8px 5px 8px 5px !important;}
.post-author {
--prwid: 100%; font-size:1em; margin:12px 0px 18px 0px; padding: 12px 20px 10px; 
position: relative; top:0px; text-align:left; float:none; clear:both;
}
.post-body {grid-row:2 / 3; grid-column:1 / 2; padding-left:0; margin-left:0px; font-size:1.2em;}

/* скрываем раскрываем блоки профиля */
.post-author li, div.arrLeft, div.arrRight {display: none;}
.post-author .changeAvatar {margin:0px;}
#pun .post-author li.pa-author, .post-author li.pa-title, .post-author li.pa-avatar {
display:block; padding-right:70px;
}
#pun .post-author li.pa-author {padding:4px 70px 4px 0px !important;}
.post-author li.pa-title {font-size:0.9em;}

.post-author:hover li.pa-fld1 {display:block;}
li.pa-fld1{margin:0px -20px 0px !important; width:auto;}
li.pa-fld1 {margin-top:12px !important;}
.post-author:hover li.pa-respect, .post-author:hover li.pa-posts {display:inline-block; text-align:center; font-size:0.9em;}

/* автор */
#pun li.pa-author, #pun .pa-author {padding: 0; margin: 0.2em auto 8px auto !important; background-image:none !important; background-color: transparent; 
border:0px solid transparent !important; box-shadow:none; font-size: 1.3em;
}

/* аватарка */
.post-author li.pa-avatar img {object-fit:cover; width: 54px; height: 54px; }
.post-author li.pa-avatar {margin:auto; padding-right:0px; position:absolute; top:12px; right:20px;}
/* аватар в ЛС */
#pun-messages .post-author li.pa-avatar img {object-fit:cover; width:50px; height:50px;}

/* индикатор онлайн */
.post-author.online .pa-author:after {
display:inline-block; content:''; width:8px; height:8px; border-radius:50%; 
background-image:none;background-color: #99dfe0; box-shadow: inset 1px -3px 3px #13191c;
transform: translateY(-8%); margin-left:12px; position:relative; top:auto; right:auto;
}

/* посты и репутация */
li.pa-posts, li.pa-respect {margin-top: 10px;}

/* ссылки редактирования поста */
.post-links {margin:12px 4px 4px 4px;}
.post-links ul {display:flex; flex-direction:row; flex-wrap:wrap;}
.post-links li {flex:auto; text-align:center; margin:2px 3px;}

legend {margin:auto auto 0px 0px;}
#post-form fieldset .fs-box, #pun-messages form#post {padding:0 8px;}

/* пагинация */
.linkst, .linksb {padding-left:12px; padding-right:12px; row-gap: 12px;}
#pun-viewforum .linkst, #pun-viewforum .linksb {grid-template-columns: auto; row-gap: 10px;}
.linkst {grid-template-columns: 1fr; grid-template-rows: auto auto;}
.linkst .pagelink {grid-column: 1 / -1; grid-row: 1 / 2;}
.linkst .postlink {grid-row: 2 / 3;}
#pun-viewforum .postlink.long {width: auto; padding:0;}
/*
.linkst .pagelink {grid-column: 1 / -1; grid-row: 2 / -1; padding: 0 0 10px;}
.linkst .postlink {grid-column: 1 / -1; grid-row: 1 / 2;}
.linksb .pagelink {padding: 0px 0px 14px;}
*/

/* теги поля ответа */
#tags .container {position:static !important; width:100%; max-height:200px !important;}

/* хлебные крошки */
p.crumbs {margin:1.1em 14px 1em 14px;}

/***   RESPECTS PAGE   ***/
#pun-respect.punbb .main table th, #pun-positive.punbb .main table th {display: none;}
#pun-respect.punbb .main table tr, #pun-positive.punbb .main table tr {
display: flex; flex-wrap: wrap; padding: 4px 0px 0; background: transparent;
}
#pun-respect #pun-main .container, #pun-positive #pun-main .container {padding: 6px 0px 0;}
#pun-respect.punbb .main table tr *, #pun-positive.punbb .main table tr * {box-sizing:border-box;}
#pun-respect.punbb .main table tr .tcl, #pun-positive.punbb .main table tr .tcl {
order: 4; flex: 0 0 164px; line-height: 1.4rem;
}
#pun-respect.punbb .main table tr .tc2, #pun-positive.punbb .main table tr .tc2 {
order: 1; flex: 0 0 20px; font-weight: 700; font-size: 16px !important; line-height: 0.5rem;
}
#pun-respect.punbb .main table tr .tc3, #pun-positive.punbb .main table tr .tc3 {order: 2; flex: 0 0 180px;}
#pun-respect.punbb .main table tr .tc3 + .tc3, #pun-positive.punbb .main table tr .tc3 + .tc3 {
order: 5; flex: 0 0 100%; font-style: italic; padding-left:0px; padding-top: 0px; border-bottom: solid 1px #9f9b98;
}
#pun-respect.punbb .main table tr .tcr, #pun-positive.punbb .main table tr .tcr {order: 3; flex: 1 0 auto;}

/* список участников и активные участники */
#pun-userlist .relation, #pun-userlist .posts, #pun-userlist .num_posts, #pun-userlist .user_title, #pun-userlist .title {display:none;}
#pun-userlist .usertable tr {grid-template-columns: 1fr 0.6fr 0.6fr;}
.online-list tr {
margin-bottom:10px; grid-template-columns: 1fr 0.6fr; grid-template-rows:auto auto;
border-bottom: 1px solid transparent; 
border-image: linear-gradient(to right, transparent 0%, rgb(91 69 41 / 20%) 20%, rgb(91 69 41 / 20%) 80%, transparent 100%); border-image-slice: 1;
}
.online-list tr:last-child {margin-bottom:0px;border-bottom: 0px solid transparent;}
#pun .online-list td {padding:0.4em 0.4em}
.online-list .tcl.username {grid-column: 1 / 2; grid-row: 1 / 2;}
.online-list .tc3 {grid-column: -2 / -1; grid-row: 1 / 2;}
.online-list .tcl.action {grid-column: 1 / -1; grid-row: 2 / 3;}

#punbbsearch.container, #pun-userlist .usertable, #login.container {margin-bottom:12px !important;}

/* активные темы */
#pun-searchtopics .tc2, #pun-searchtopics .tc3 {display:none;}
#pun-searchtopics tr {
grid-template-columns:1fr; grid-template-rows:auto auto; padding:5px 0;
border-bottom: 1px solid transparent; 
border-image: linear-gradient(to right, transparent 0%, rgb(91 69 41 / 20%) 20%, rgb(91 69 41 / 20%) 80%, transparent 100%); border-image-slice: 1;
}
#pun-searchtopics tr:last-child {border-bottom:0px solid transparent;}
#pun-searchtopics .tcl {grid-column: 1 / -1; grid-row: 1 / 2;}
#pun-searchtopics .tcr {grid-column: 1 / -1; grid-row: 2 / -1; text-align:right; padding-right:18px !important; font-size:0.9em;}
.forum .tcr span {font-size:1em;}
#pun-searchtopics .forum td {padding:0.4em;}
#pun .punbb .user-avatar {float:right; margin:0px 0px 2px 14px !important;}
#pun #pun-userlist.punbb .user-avatar {float:left; margin:0px 14px 2px 0px !important;}

/* ЛС */
#pun #messages td {padding:0.4em 0.4em;}
#messages .fs-box tr {grid-template-columns: 1fr 0.7fr 40px; grid-template-rows:auto auto; padding:7px 0;}
#messages .tcl.pmtcl1 {grid-column: 1 / 3; grid-row: 1 / 2;}
#messages .tc2.pmtc24 {grid-column: -2 / -1; grid-row: 1 / 2;}
#messages .tc2.pmtc22 {grid-column: 2 / -1; grid-row: 2 / 3;}
#messages .tc3.pmtc33 {grid-column: 1 / 2; grid-row: 2 / 3;}
#messages legend {display:none;}

/* профиль */
#profile > .container {margin-left:0px; margin-right:6px;}
#pun #profilenav {width:100%; float:none; clear:both; margin-top:4px; margin-left:0px; margin-right:0px;}
#profilenav ul li {display:inline-block;}
span.input input {margin-bottom: 6px;}
#viewprofile-next #profilenav {display:none;}

/* страница поиска */
form#userlist p.inputfield, form#userlist p.selectfield, form#punbbsearch p.inputfield, form#punbbsearch p.selectfield {width:100%;}

#pun-messages form#messages {margin-left:0px; padding-left: 0px; padding-right: 8px;}
#profile .fs-box {margin: 0.2em 0em 0.6em 0em;}

#punbbsearch.container, #pun-userlist .usertable, #login.container {padding-left:0px; padding-right:0px;}
#pun-searchtopics #pun-main div.container, #pun-online div.online-list {padding-left:0px; padding-right:0px;}
#pun-edit #post {padding-left:10px; padding-right:10px;}
#userlist.container {padding-left:0px; padding-right:0px;}
}


@media screen and (max-width: 626px) {
.akpers {display:none;}
.obj-src {row-gap: 16px;}
}



@media screen and (max-width: 540px) {
#MyBookmarks, #BookmCntToggle {display:none !important;}
#pun #pun-navlinks li#navpm span.num_msg {font-size:11px !important; height:18px; line-height:0px !important;}

textarea {font-size:1.3em;}

/* фикс для таблиц в постах */
#pun .post .post-content td, #pun #post-preview .post-content td {display:block; width:100% !important;}
#pun .post .post-content dl.post-sig {font-size:0.8em;}
#pun .post .post-content dl.post-sig td {display:table-cell;}
#pun-messages .post-content td {display:block; width:100% !important; box-sizing:border-box;}
#pun-messages .post-content dl.post-sig td {display:table-cell;}

form#register .inline .inputfield {float:none;}


/* админка */
.punbb-admin {width: 100%; max-width: 540px;}
.punbb-admin .admin-advert-block {width:100%;}
.punbb-admin #pun-navlinks .container{flex-direction:row; flex-wrap:wrap; margin: 0px !important;}

#pun-adnav ul {display: flex; flex-wrap: wrap; flex-direction: row;}
div.adcontainer {background-color: var(--bgpum);}

.punbb div.adminmain.post {padding: 0 0 0 0em !important;}
.punbb-admin #pun-navlinks a, .punbb-admin #pun-navlinks li#navadmin span:before {font-size:0px; margin: 0px;}
.punbb-admin #pun-navlinks a:before {font-size: 24px;}
.punbb-admin #pun-navlinks li {padding:0;}
.punbb-admin span.num_msg {font-size: 16px !important;}
.punbb-admin #pun-ulinks .container {flex-direction:column; flex-wrap:nowrap;}

.punbb-admin .adminmain {padding:0em 0px !important;}
.punbb-admin #pun-adnav {float:none; clear:both; width:100%; margin-left:0em; display:block; box-sizing: border-box;}
.punbb-admin #pun-admain fieldset {padding: 0 4px 0 4px !important;}
.punbb-admin #pun-adnav li {display:inline-block;}

.punbb-admin #pun-admain fieldset p, #pun-admain fieldset p, .punbb-admin #pun-admain fieldset .handle {border-left-width:0em !important; border-left:none; padding-left:6px; box-sizing:border-box;}
.punbb-admin #pun-admain fieldset p {margin-bottom:6px;}
.punbb-admin #pun-admain2 fieldset .subforums {margin-left:0em;}
.punbb-admin #pun-admain .adlabel {width:100%; box-sizing:border-box; display:block; float:none; clear:both; margin-left:0em;}
#pun-admain fieldset .handle, #pun-admain fieldset p {border-left-width:0em !important;}
#pun-admain .adlabel {margin-left:0em !important; width:100% !important;}

.punbb-admin #pun-admain .adinput {padding:0px 26px 0 0 !important;}
.punbb-admin #pun-admain span.adsubmit {position:relative; display:block; left:1em !important; margin-bottom:6px;}
.punbb-admin #pun-admain p.adsubmitfield span.adsubmit {top:2px;}

#pun-admain textarea {width:98% !important; box-sizing:border-box;}

.punbb-admin #pun-admain1 form.adcontainer, .punbb-admin #pun-admain2 form.adcontainer,
.punbb-admin #pun-admain1 div.adcontainer, .punbb-admin #pun-admain2 div.adcontainer {padding: 18px 0px 12px 0px; overflow:hidden;}

#pun-admain1 form.adcontainer, #pun-admain2 form.adcontainer, #pun-admain1 div.adcontainer, #pun-admain2 div.adcontainer {padding-left:0; padding-right:0;}

.punbb-admin #pun-admain p span.astable label {float:none; clear:both;}
}


@media screen and (max-width: 480px) {
#pun-stats ul.container {grid-template-columns: 1fr; grid-template-rows: repeat(7, auto);
grid-template-areas:
 "ntemy"
 "nsoob"
 "nrega"
 "nposl"
 "nonln"
 "nusers"
 "nbirth";}

.punbb select, .checkfield input[type="checkbox"], .radiofield input[type="radio"], .punbb .longinput input {width:auto; max-width:280px;}
}



@media screen and (max-width: 440px) {
.shap {padding: 0 8px;}
.nazv {padding:0px;}
.nazv em {font-size: 80px;}
}

Поделиться122022-12-28 20:58:46

Автор: dessy
sdfgmgcbv
Откуда: asdcx
Сообщений: 27

Код:

/*** АВАТАР ДЛЯ ГОСТЯ ***/
.punbb .user-avatar.no-avatar span.avatar-image {
background-image: url(https://forumavatars.ru/img/avatars/001b/b6/23/13-1671040560.png) !important;
}


/*** РАМКИ ДЛЯ ОТДЕЛЬНЫХ ТАБЛИЦ ***/
div#p31 td, div#p38 td {border: 1px solid #9f9b98 !important;}



/**************************************************************/


/*** СЛАЙДЕР АВАТАРОК by Lerage***/
li.pa-fld2 {display: none;}
.changeAvatar {
margin: 8px -2px 10px; 
display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center;
}

/***   стрелочки от скрипта переключения аватарок   ***/
div.arrLeft {
order:-1;
margin: auto 0px auto auto;
float: left;
cursor: pointer;
background-image: url(https://forumstatic.ru/files/001b/b6/23/16252.png);
background-size: 12px;
transform: scale(-1, 1);
background-repeat: no-repeat;
width:14px; height:33px;
}
div.arrRight {
margin: auto auto auto 0px;
float: right;
cursor: pointer;
background-image: url(https://forumstatic.ru/files/001b/b6/23/16252.png);
background-size: 12px;
background-repeat: no-repeat;
width:14px; height:33px;
}


/**************************************************************/



/***   ОБЩИЙ БЛОК ШАПКИ   ***/
.shap {
position:absolute;
height:var(--logopad);
top: calc(-3px - var(--logopad));
right:0px;
width:100%;
background: rgba(255,0,255,0.0);
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto;
align-items: center;
}


/***   НАЗВАНИЕ   ***/
.nazv {
grid-column: 1 / 2;
grid-row: 1 / -1;
padding: 0px 30px 0 40px;
align-self: center;
}
.nazv em {
display:block;
padding:14px 0;
text-align:center;
font-style:normal;
font-family: Helmswald, Amador, Georgia, serif;
font-size: 90px;
line-height:1;
letter-spacing:10px;
}
.nazv span {
display:block;
margin-top:4px;
text-align:center;
font-size:0.9em;
font-family: PT Sans, Tahoma, sans-serif;
line-height: 1.2;
text-shadow: -1px 1px 2px #000;
color: #667183;
}


/***   ИНФОБЛОК   ***/
.obj-src {
grid-column: 2 / -1;
grid-row: 1 / -1;
margin: auto 0px;
padding: 0 20px 0 10px;
height: var(--logopad);
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
align-content: center;
justify-items: center;
text-shadow: -1px 1px 2px #000;
}


/***   НАВИГАЦИЯ   ***/
.naviga {display:flex; flex-wrap:wrap; flex-direction:row; margin: auto 0px;  width:100%;}
.naviga li {
flex: auto;
display: inline-block;
margin: 2px 2px;
letter-spacing: 0.07em;
text-align:center;
font-weight: 400;
font-size:12px;
font-family: PT Sans, Tahoma, sans-serif;
}
#pun .naviga li a {
display:block;
padding: 2px 14px;
border-radius: 4px;
border: 1px solid #13151d;
color:#778291;
text-shadow: 0 1px 3px #000;
background: rgb(16 21 29 / 40%);
box-shadow: 0 -1px 5px rgb(0 0 0 / 10%), inset 0 -4px 6px -2px rgb(81 121 186 / 25%);
transition: 0.15s linear;
}
#pun .naviga li a:hover {
color:#9fb2cd;
background: rgb(16 21 29 / 52%);
box-shadow: 0 -1px 5px rgb(0 0 0 / 10%), inset 0 -6px 6px -2px rgb(81 121 186 / 30%);
}


/***   НОВОСТИ   ***/
.nov0 {
display:block;
margin:auto 0px;
padding: 10px 16px;
width:100%;
text-align: center;
background: url(https://forumstatic.ru/files/001b/b6/23/80642.png) -53px -41px no-repeat, url(https://forumstatic.ru/files/001b/b6/23/80642.png) calc(100% + 53px) -41px no-repeat, url(https://forumstatic.ru/files/001b/b6/23/80642.png) -53px calc(100% + 41px) no-repeat, url(https://forumstatic.ru/files/001b/b6/23/80642.png) calc(100% + 53px) calc(100% + 41px) no-repeat;
background-color: rgb(16 21 29 / 40%);
box-shadow: 0 0px 5px rgb(0 0 0 / 20%), inset 0 0px 8px 0px rgb(0 0 0 / 25%);
}
.nov0 p {
display:block;
overflow:auto;
max-height:80px;
font-family: PT Sans, Tahoma, sans-serif;
font-size: 12px;
}
.nov0 em {
display:block;
margin-top:8px;
font-style:normal;
line-height: 1.1;
overflow: hidden;
}


/***  ИСКОМЫЕ ПЕРСОНАЖИ ***/
.akpers {
display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center;
position:relative;
margin: 13px 0px;
width:100%;
}
.pacv, .pacv em, .pacv a img {transition: all .3s linear;}
.pacv {
z-index: 6;
position:relative;
margin: 2px 3px;
border-radius: 0%;
border: 1px solid #13151d;
box-shadow: 0 0px 5px rgb(0 0 0 / 20%);
opacity:0.6;
}
.pacv:hover {opacity:1; z-index:7;}
.pacv a {display:block; position:relative;}
.pacv em {
position: absolute; z-index:8; left: 50%;
bottom: -3px; padding: 10px; box-sizing: border-box; pointer-events:none;
max-width: 220px; min-width: 140px;
text-align: center; font-size: 11px; text-transform: none; font-style:normal;
background-color: rgba(0,0,0,0.95);
border-width: 0px;
transform: translate(-50%, 80%); transform-origin: 0% 50%; opacity:0;
}
.pacv:hover em {transform: translate(-50%, 100%); opacity:1; pointer-events:auto;}
.pacv a img {
display: block;
width: 80px;
height: 38px;
object-fit: cover; object-position: 50% 50%; margin: auto;
filter: grayscale(0.5) brightness(0.6);
}
.pacv:hover img {filter: grayscale(0) brightness(1);}

.pacv>a:before {
content: ''; position: absolute; top: 0px;
display: block;
width: 100%; height: 100%;
mix-blend-mode: color;
opacity: 0.5;
background-color: #93a7c0;
z-index: 3;
}
.pacv>a:hover:before {opacity: 0;}
.pacv em p {line-height: 1.2;}



/**************************************************************/



/***   СТИКЕРЫ   ***/
.hvStickerPackModal {
background: var(--bgpum) !important;
border-color: #958679 !important;
}
.hvStickerPackModalContent {
border-color: #958679 !important;
}
.hvStickerPackModalContent::-webkit-scrollbar {
background: rgba(0, 0, 0, 0.15);
width: 6px;
height: 6px;
}
.hvStickerPackModalContent::-webkit-scrollbar-thumb {
background: #6b747b;
}
.hvStickerPackModalTab {
border-radius: 2px !important;
padding: 6px 12px !important;
font-size: 11px !important;
color:var(--clrpum);
background: #afa57f;
}
.hvStickerPackModalTab.active {
background: #c8c8ad;
border: 1px solid #958679;
}



/***   МАСКА ПРОФИЛЯ, СМЕНА ИМИДЖА   ***/
#mask_dialog .inner {
padding: 8px;
border-radius: 0px;
background: url(https://forumstatic.ru/files/001b/b6/23/17773.jpg) 0% 0% repeat var(--bgpum) !important;
}

#mask_dialog .hv-mask-dialog-title {
font-family: Amador, Times New Roman, serif;
font-weight: 400;
font-size: 21px;
}

#mask_dialog .hv-form-block {margin-left:10px;}
#mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {width: 96%;}
#mask_dialog .hv-form-block textarea {margin-left: 6px;}



/***  Регулировка размера шрифта в постах © Alex_63  ***/
/* Слайдер звука в ЛС */
.FNTslider, #volSlider {
position: relative;
z-index: 8;
float: right;
margin: 6px 4px 3px !important;
width: 120px !important;
height: 8px !important;
background: #c0c1c3 !important;
border-radius: 0px !important;
border: 1px solid #91816b !important;
}

.FNTslider .before, #volSlider .before {
position: absolute;
margin-top: 0px !important;
height: 6px !important;
border: solid 0px transparent !important;
border-radius: 0px !important;
background: var(--bgh2) !important;
}

.FNTslider .thumb, #volSlider .thumb {
position: relative;
top: -2px !important;
cursor: pointer;
width: 12px !important;
height: 10px !important;
border-radius: 0px !important;
background: #d4d8e0 !important;
border: 1px solid #7e6b50 !important;
box-shadow: none !important;
}
#volSlider .thumb {top: -5px !important;}



/*** Кнопка ПРЕДПРОСМОТРА поста ***/
small#togglePreview {margin-top: -30px;}



/*** СЧЕТЧИК СИМВОЛОВ ***/
small#plng {
padding: 5px 8px 4px !important;
color: #4b5056;
font-weight: 400;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
small#plng span {font-family: Times New Roman, serif;}



/*** ГРАДИЕНТ-ТЕКСТ ***/
.nazv em {
color: rgb(234 184 153 / 0%) !important;
background: linear-gradient(-90deg, #b8967b 22%, #4d596e 70%, #6e9fbf 115%) !important;
background: -moz-linear-gradient(-90deg, #b8967b 22%, #4d596e 70%, #6e9fbf 115%) !important;
background: -webkit-linear-gradient(-90deg, #b8967b 22%, #4d596e 70%, #6e9fbf 115%) !important;
background: -ms-linear-gradient(-90deg, #b8967b 22%, #4d596e 70%, #6e9fbf 115%) !important;
background-clip: text !important;
-webkit-background-clip: text !important;
-moz-background-clip: text !important;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
text-shadow: -2px 1px 1px rgb(0 0 0 / 35%);
filter: contrast(1.28) brightness(1.12);
transition: all .2s ease-in-out 0s;
}



/*******************************************************************************/


/*** рамки-золотце светлое ***/
.post-author, #profile-left #pa-avatar img,
.punbb h2,
.nightp #pun, .nightp #pun-main, .nightp #pun-navlinks, .nightp .post-author .pa-avatar img, .inner,
.nightp .pa-author, .nightp .pa-fld1, .nightp .nov0, .nightp .go-up, .nightp .go-down {
border-style: solid;
border-width: 3px;
-moz-border-image: url(https://forumstatic.ru/files/001b/b6/23/68630.png) 3 3 repeat;
-webkit-border-image: url(https://forumstatic.ru/files/001b/b6/23/68630.png) 3 3 repeat;
border-image: url(https://forumstatic.ru/files/001b/b6/23/68630.png) 3 3 repeat;
}

/*** рамки-золотце темное ***/
#pun, #pun-main,
#pun-navlinks,
.post-author .pa-avatar img,
.pa-author,
.pa-fld1, .nov0, .go-up, .go-down {
border-style: solid;
border-width: 3px;
-moz-border-image: url(https://forumstatic.ru/files/001b/b6/23/11902.png) 3 3 repeat;
-webkit-border-image: url(https://forumstatic.ru/files/001b/b6/23/11902.png) 3 3 repeat;
border-image: url(https://forumstatic.ru/files/001b/b6/23/11902.png) 3 3 repeat;
}

.punbb h2, .pa-fld1,
.nightp .punbb h2, .nightp .pa-fld1 {border-width:3px 0;}
#pun-navlinks, #pun #pun-category1 > h2, .pa-author,
.nightp #pun-navlinks, .nightp #pun #pun-category1 > h2, .nightp .pa-author {border-width:0 0 3px 0;}


/*******************************************************************************/


/*** градиент-граница ***/
#pun-index .category tr,
#profile-signature ul,
.usertable tr,
#messages .fs-box tr,
#filetable tr,
.online-list tr,
#profileContainer .fs-box tr {
border-style: solid;
border-width: 0px;
border-image: linear-gradient(to right, transparent 0%, rgb(159 155 152 / 46%) 20%, rgb(159 155 152 / 46%) 80%, transparent 100%);
border-image-slice: 1;
}

hr, .post-content hr {
border-style: solid;
border-width: 1px 0 0 0;
border-image: linear-gradient(to right, transparent 0%, rgb(123 102 82 / 25%) 20%, #728598 50%, rgb(123 102 82 / 25%) 80%, transparent 100%);
border-image-slice: 1;
}

#profile-signature ul, hr, .post-content hr {border-width: 1px 0 0 0;}

.usertable tr,
#messages .fs-box tr,
#filetable tr,
.online-list tr,
#profileContainer .fs-box tr {
border-width: 0 0 1px 0;
}
#form-buttons tr {border-width: 0px;}
#pun-index .category tr {border-width: 0 0 0px 0 !important;}



/*******************************************************************************/


/*** ЗАДЕРЖКА ***/
.punbb .usertable .user-avatar .avatar-image,
.post-author .pa-avatar img {
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
transition: 0.3s linear;
}


/*******************************************************************************/


/***   СМЕНА ДИЗАЙНА   ***/
ul#stylelist {
display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center;
position: relative; z-index: 5;
left: 50%;
margin: 0px 0px -4px;
transform: translateX(-50%);
}
ul#stylelist li {padding: 0 14px; text-align:center;}
ul#stylelist li a {
font-size: 0px;
display: block;
height: 24px;
width: 24px;
line-height: 24px;
border-radius: 0%;
}
ul#stylelist li a {
background: var(--bgpun);
color: var(--punah);
box-shadow: 0 0 0px 1px #4c5768, 0 0 0px 2px #2b2929, inset 0 2px 4px rgb(0 0 0 / 25%);
border: 1px solid #252424;
}
ul#stylelist li a:hover {color:var(--punah);}
ul#stylelist li.active a {
color: #d6cabb;
text-shadow: 0 0px 2px #000000, 0 0px 4px #8bd0f3;
}
#stylelist [data="dayp"] a:before {
content: '\f130';
font-family: icomoon, FontAwesome;
font-size: 12px;
}
#stylelist [data="nightp"] a:before {
content: '\f0c3';
font-family: icomoon, FontAwesome;
font-size: 12px;
}
.nightp ul#stylelist li a {
background: var(--bgbody0);
color: #748b8e;
box-shadow: 0 0 0px 1px #446771, 0 0 0px 2px #2f393b, inset 0 2px 4px rgb(0 0 0 / 25%);
border: 1px solid #313f43;
}
.nightp ul#stylelist li.active a {
color: #e0c7a9;
text-shadow: 0 0px 2px #000000, 0 0px 4px #8be3f3;
}


/***   СВЕТЛЫЙ ДИЗАЙН   ***/
body.nightp {
--bgbody0: #28434a;
--bgpun: #3c5c5e;
--bgpum: #ceccc8;
--bgh2: #51777e;

--puna: #aeb477;
--punah: #96bca5;
--punam: #225962;
--punamh: #183236;
--clrpun: #beb8ae;
--clrpum: #141717;
}

/* общефон */
body.nightp {background:url(https://forumstatic.ru/files/001b/b6/23/42311.jpg) 0% 0% repeat;
background-attachment: fixed;
background-color: var(--bgbody0);
}
.nightp #pun {
background: linear-gradient(90deg, transparent 0%, rgb(37 63 83 / 25%) 50%, transparent 100%), url(https://forumstatic.ru/files/001b/b6/23/78316.jpg) 50% 0% repeat;
box-shadow: 0 0 8px 0px rgb(0 0 0 / 25%), inset 0 0 12px rgb(0 0 0 / 50%);
}


/* навигация */
.nightp #pun-navlinks {background:url(https://forumstatic.ru/files/001b/b6/23/80642.png) -47px -41px no-repeat, url(https://forumstatic.ru/files/001b/b6/23/80642.png) calc(100% + 47px) -41px no-repeat, rgba(0,0,0,0.35);}
.nightp #pun-navlinks a {color: #d5b398; text-shadow: 0px 1px 3px #000;}
.nightp #pun-navlinks a:hover {color: #e0d0bf; text-shadow: 0 0 2px #000, 0 0 4px #2b524d, 0 0 10px #4eabb0;}

.nightp #pun-ulinks a {color: #8ca2a5;}
.nightp #pun-ulinks a:hover {color: #b9cfce;}


/* заголовки */
.nightp .punbb h2 {
background: url(https://forumstatic.ru/files/001b/b6/23/54696.jpg) 50% 0px repeat;
color:#ffdfc1;
}

/* блок автора */
.nightp .post-author {background: linear-gradient(90deg, transparent 0%, rgb(37 63 83 / 25%) 50%, transparent 100%), url(https://forumstatic.ru/files/001b/b6/23/78316.jpg) 50% 0% repeat;}
.nightp #pun .pa-author a {color: #e9cbaf;}
.nightp #pun .pa-author a:hover {color: #e0d0bf; text-shadow: 0 0 2px #000, 0 0 4px #2b524d, 0 0 10px #4eabb0;}


/* градиент-фон */
.nightp div.tclcon h3,
.nightp .quote-box cite, .nightp .code-box .legend, .nightp .hide-box cite {
background:linear-gradient(1deg, #93a6a9 0%, #53787a 55%, #466067 110%), var(--bgh2);
}
.nightp #pun-main div.tclcon h3 a {color: #f2e3ce;}

.nightp .post-content .spoiler-box > div {
background: url(/img/plus.png) 12px 50% no-repeat, linear-gradient(-1deg, #93a6a9 0%, #53787a 50%, #466067 110%) !important;
}
.nightp .post-content .spoiler-box > div.visible {
background: url(/img/minus.png) 12px 50% no-repeat, linear-gradient(1deg, #93a6a9 0%, #53787a 40%, #466067 110%) !important;
}


/* разделители */
.nightp hr, .nightp .post-content hr {
border-style: solid;
border-width: 1px 0 0 0;
border-image: linear-gradient(to right, transparent 0%, rgb(123 102 82 / 25%) 20%, #608a8d 50%, rgb(123 102 82 / 25%) 80%, transparent 100%);
border-image-slice: 1;
}


/* Новые сообщения иконки */
.nightp .inew .intd div.icon {background: #adf6f8; box-shadow: inset 0 0 0 1px #e1dcd7, inset 0 0 0 2px #6e5d4d, inset -1px -1px 3px 2px #1d2f2f;}
.nightp .iclosed .intd div.icon {background: #8db5b8; box-shadow: inset 0 0 0 1px #e1dcd7, inset 0 0 0 2px #6e5d4d, inset -2px -2px 3px 2px #1c2526;}


/* кнопки */
.nightp  #viewprofile-next #pa-edit a, 
.nightp input[class="button"],
.nightp input[class="button submit"],
.nightp input[type="button"], 
.nightp input[type="submit"],
.nightp .button {
color: #e8d3c4 !important;
text-shadow: 1px 1px 1px #000;
border: 2px solid #3c5c5e !important;
background: radial-gradient(ellipse at center, #507d85 10%,#304c53 100%);
box-shadow: 0px 0px 4px #233236 inset, 0px 2px 5px rgb(11 7 6 / 35%) !important;
}


/* стрелки */
.nightp .go-up, .nightp .go-down {
color: #b8a08a;
text-shadow: 0px 1px 2px #000;
background: url(https://forumstatic.ru/files/001b/b6/23/78316.jpg) 50% 0% repeat;
background-color: var(--bgpun);
box-shadow: inset 0 0 6px 0px rgb(0 0 0 / 50%);
}


/* объявление */
.nightp .nov0 {background-color: rgb(16 27 29 / 35%);}
.nightp #pun .naviga li a {
border: 1px solid #19282c;
color: #819395;
text-shadow: 0 1px 3px #000;
background: rgb(14 22 23 / 40%);
box-shadow: 0 -1px 5px rgb(0 0 0 / 10%), inset 0 -4px 6px -2px rgb(103 186 200 / 25%);
}
.nightp #pun .naviga li a:hover {
color: #c2bbae;
background: rgb(25 37 39 / 65%);
box-shadow: 0 -1px 5px rgb(0 0 0 / 10%), inset 0 -4px 6px -2px rgb(141 245 230 / 30%);
}
.nightp .pacv {border: 1px solid #19282c;}
.nightp .pacv>a:before {background-color: #93c0be;}

.nightp .nazv span {color:#769192;}
.nightp .nazv em {
background: -ms-linear-gradient(180deg, #bbaa7e 26%, #4d656e 72%, #6ebfbe 115%) !important;
background: -moz-linear-gradient(180deg, #bbaa7e 26%, #4d656e 72%, #6ebfbe 115%) !important;
background: -webkit-linear-gradient(180deg, #bbaa7e 26%, #4d656e 72%, #6ebfbe 115%) !important;
background: linear-gradient(180deg, #bbaa7e 26%, #4d656e 72%, #6ebfbe 115%) !important;
background-clip: text !important; -webkit-background-clip: text !important; -moz-background-clip: text !important;
box-decoration-break: clone; -webkit-box-decoration-break: clone;
}


/* скролл */
.nightp #pun * {scrollbar-width: thin; scrollbar-color: #4c6164 rgb(0 0 0 / 16%);}
.nightp #pun *::-webkit-scrollbar {
width:5px; height:5px;
background: rgb(0 0 0 / 16%);
border-radius: 2px;
}
.nightp #pun *::-webkit-scrollbar-thumb {
background: #4c6164;
box-shadow: none;
border-radius: 2px;
}

.nightp #pun-main * {scrollbar-width: thin; scrollbar-color: #768a8b rgb(156 150 144 / 30%);}
.nightp #pun-main *::-webkit-scrollbar {
width: 5px;
height: 5px;
background: rgb(156 150 144 / 30%);
border-radius: 2px;
}
.nightp #pun-main *::-webkit-scrollbar-thumb {
background: #768a8b;
box-shadow: none;
border-radius: 2px;
}

Поделиться132023-01-01 21:04:26

Автор: dessy
sdfgmgcbv
Откуда: asdcx
Сообщений: 27

структурат

Код:

/* ПОДГРУЗКА ШРИФТОВ */

/* базовые шрифты - поддержка кириллицы */
@import url(style_cs.1672158288.css);
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Amatic+SC&family=Anton&family=Arima:wght@100&family=Bad+Script&family=Bebas+Neue&family=Caveat&family=Cinzel&family=Comfortaa:wght@300&family=Comforter+Brush&family=Cormorant+Garamond:wght@300&family=Cormorant+SC:wght@300&family=Edu+QLD+Beginner&family=Gloria+Hallelujah&family=Gochi+Hand&family=Great+Vibes&family=Hachi+Maru+Pop&family=Homemade+Apple&family=Indie+Flower&family=Kaushan+Script&family=Klee+One&family=Koulen&family=Lobster&family=Merienda&family=Montserrat+Alternates:wght@100&family=Nanum+Brush+Script&family=Neucha&family=Nothing+You+Could+Do&family=Pacifico&family=Playfair+Display+SC&family=Poiret+One&family=Roboto+Flex:opsz,wght@8..144,100&family=Roboto:wght@100&family=Ruslan+Display&family=Satisfy&family=Shadows+Into+Light&family=Sigmar+One&family=The+Nautigal&family=Yeseva+One&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2forumna?family=Comfortaa&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');
@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;1,200;1,300;1,400;1,600&display=swap');
@font-face {
font-family: 'FontAwesome';
src: local("FontAwesome"), url(https://forumstatic.ru/files/001b/ae/02/82214.otf);
url('https://forumstatic.ru/files/001b/ae/02/10475.eot'),
url('https://forumstatic.ru/files/001b/ae/02/33873.woff'),
url(https://forumstatic.ru/files/001b/ae/02/11858.ttf');
}


/* шрифты специально для данного форума*/
@font-face { font-family: Comic CAT;
src: local("ComicCATRegular"), url(https://forumstatic.ru/files/001b/bf/bc/94728.ttf) format('truetype');}
@font-face { font-family: Beware;
src: local("BewareRegular"), url(https://forumstatic.ru/files/001b/bf/bc/58860.ttf) format('truetype');}


/* 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 шрифты*/
 
 /* A3.1 размер */
body {
  font-size: 1.1vw;
  }
  

/* A3.2 Шрифт в поле ввода */

/* A3.2 тело*/

#pun-index.punbb {
  padding-left: 5%;
  width: 95%;
  }


.punbb {
  font: normal 1vw 'Times New Roman', sans-serif;
  letter-spacing: 0.1px; 
  }



/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }

/* A3.4 заголовки */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1.1vw;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb legend span {
  font-size: 1.1vw;
  }
  
/* A3.6 */
.punbb pre {
  font-family: 'Times New Roman';
  }

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

/* A3.10 ссылки*/
.punbb a {
    transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    text-decoration:none;
    color: #6f6c9e;}

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

/* фон */
body {margin: 0; padding: 0;}

body {
background: url("https://forumstatic.ru/files/001b/bf/bc/55023.jpg")  bottom center no-repeat fixed #20281d;
    background-size: cover;                           
}

/* A5.1 тело */
#pun { 
    width: 70%;
    margin: auto;
    float: none;
    padding: 0px 0px 0px 0px;
    border: none;
    height: auto;
    position: relative;
    z-index: 9;
}

#pun-post .topic {  margin-top: 1em;  }

 
/* A5.2 */   
.punbb {
    height: auto;  
    padding: 0px 8px 0px 15px; 
    position: relative;    
    margin-bottom: 0px;
}

/* A5.3 переадресация */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }

/* 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.10 название категорий*/
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
    padding: 8px 10px; /* отступы в пикселях */
    color: #000; /* цвет текста */
    font-weight: bold; /* жирный */
    text-align: center; /* выравнивание текста по центру */
  }

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

/* B1.3 Абзацы внутри постов*/
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
  }

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

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

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

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

/* B1.8 Отступы у цитат и кодов*/
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4vw 1.8vw 1.4vw 1.8vw;
  padding: 1vw;
  border-style: solid;
  }

/* B1.9 выделить код*/
.punbb .quote-box cite, .punbb .code-box strong.legend {
    text-align: center;
    display: block;
    padding: 2vw 0 2.1vw 2vw;
    font-style: normal;
    font-size: 1.2vw;
    font-family: 'Times New Roman';
    color: #847d5b;
    min-height: 1vw;
    border: 0.05vw solid #847d5b;
}

/* внешний вид цитаты кода и т д */
.punbb #pun-main .quote-box, .punbb #pun-main .code-box, .pun-modal .modal-inner {
    background-clip: padding-box;
    position: relative;
    color: #343d2d;
    border: 0.05vw solid #847d5b;
    -webkit-border-radius: 0.2vw;
}

/* перекраска выделить код*/
.legend a {   
 color: #a8ad9f !important;}

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1vw;
  font-weight: bold;
  }


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1vw;
  height: 0;
  }

/* B3.2 */
.multipage {
  margin-top: 3em;
  }

/* B3.3 номер страницы сверху*/
.linkst .pagelink {
  width: 24em;
  margin-top: -3%;
  font-size: 0vw;
}

  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4em;
  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.1vw;
  }

/* B3.6 строчка страница снизу*/
.linksb .pagelink {
  padding: 0.2vw;
  min-width: 10.6vw;
  min-height: 0.8vw;
  float: left;
  text-align: center;
  background: #686948;
  border: 0.05vw solid #343d2d;
   -webkit-border-radius: 0.4vw;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  padding: 0.2vw;
  min-width: 10.6vw;
  min-height: 0.8vw;
  text-align: center;
  }

/* 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;
  text-align: left;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 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.1vw;
  }

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0px 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;
  margin: 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;
  border: 1px solid #7c7653;
  outline: 1px solid #b6af88;
  box-shadow: 0px 0px 4px 1px #b6af88 inset;
  background-color: #e8e1d2;
  }

/* 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%;
  position: relative;
  opacity: 0.8;
  font-family: 'Times New Roman';
  text-align: justify;
  font-weight: 500;
  font-size: 1.2vw;
  }

/* 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 {
height: 2vw;
padding: 0.2vw;
font-family: 'Comic CAT';
}

/* в спокойном состоянии*/
.tcl h3 a {
color: #31311b!important;
font-size: 1.5vw;
text-align: left;
}

/* при наведении*/
.tcl h3 a:hover {
color: #a4602c!important;
font-size: 1.5vw;
text-align: left;
}

/* 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 {
   padding: 8px 10px; /* для ячеек таблицы */
  }

/* C2.12 */
.punbb .main th {
   padding: 5px 10px 5px 10px; /* для заголовка таблицы (где надписи "форум", "тем", "сообщений") */
  }

/* текстовое название быстрый ответ */
#post-form.formal h2 span { 
  position: relative;
  font-family: 'Comic CAT';
  text-transform: lowercase;
  font-size: 1.5vw!important;
  text-align: center;
  color: #1f2820;
  text-shadow: 
    -0   -0.5px 0   #E2AF80,
     0   -0.5px 0   #E2AF80,
    -0    0.5px 0   #E2AF80,
     0    0.5px 0   #E2AF80,
    -0.5px -0   0   #E2AF80,
     0.5px -0   0   #E2AF80,
    -0.5px  0   0   #E2AF80,
     0.5px  0   0   #E2AF80,
    -0.5px -0.5px 0   #E2AF80,
     0.5px -0.5px 0   #E2AF80,
    -0.5px  0.5px 0   #E2AF80,
     0.5px  0.5px 0   #E2AF80,
    -0.5px -0.5px 0   #E2AF80,
     0.5px -0.5px 0   #E2AF80,
    -0.5px  0.5px 0   #E2AF80,
     0.5px  0.5px 0   #E2AF80;
}

/* текстовое название категории и статистики */
.punbb .main h2 span, #pun-stats h2 span { 
  position: relative;
  top: 0.3vw!important;
  margin-left: 1vw;
  font-family: 'Comic CAT';
  text-transform: lowercase;
  font-size: 1.8vw!important;
  color: #1f2820;
  text-shadow: 
    -0   -0.5px 0   #E2AF80,
     0   -0.5px 0   #E2AF80,
    -0    0.5px 0   #E2AF80,
     0    0.5px 0   #E2AF80,
    -0.5px -0   0   #E2AF80,
     0.5px -0   0   #E2AF80,
    -0.5px  0   0   #E2AF80,
     0.5px  0   0   #E2AF80,
    -0.5px -0.5px 0   #E2AF80,
     0.5px -0.5px 0   #E2AF80,
    -0.5px  0.5px 0   #E2AF80,
     0.5px  0.5px 0   #E2AF80,
    -0.5px -0.5px 0   #E2AF80,
     0.5px -0.5px 0   #E2AF80,
    -0.5px  0.5px 0   #E2AF80,
     0.5px  0.5px 0   #E2AF80;
}




/* C2.14 иконки в подфорум на главной*/
.punbb tbody.hasicon td.tcl {
  padding-left: 3.2vw; /* отступ описания форума от левого края для размещения иконки */
  }

/* подфоорум на главной */
.punbb .main .tcl, punbb .main th { 
  position: relative;
  text-transform: lowercase;
  opacity: 0.8;
  padding: 2%;
  font-family: 'Times New Roman';
  text-align: justify;
  font-weight: 500;
  font-size: 1.2vw;}


/* C2.15 иконки на главной*/
.punbb div.icon {
  border-style: solid;
  border-width: 0.6em 0.6em 0.6em 0.6em;
  height: 0;
  line-height: 0.0;
  margin-top: 0.1em;
  width: 0;
}

#pun-messages.punbb div.icon{
  margin-top: 0px!important;
}

/* C2.16 */
.punbb  table div.icon {
  font-size: 1.05vw;
  position: absolute;
  margin-left: -2.2em;
  }


 /* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container, #post-form.formal #post.container {
  position: relative;
    display: inline-block;
    border-image-source: url(https://forumstatic.ru/files/001b/bf/bc/39055.png);
    border-image-slice: 55 200 35 fill; /* Вырезка рамки верх-право-низ-лево 3 значения — верх, одинаковые бока и низ, 2 значения — верх-низ и бока, 1 значение — одинаковая толщина со всех 4 сторон */
    border-image-repeat: repeat round;    
    border-image-width: auto; /* можно просто auto, эффект будет тот же */
    width: 92%; /* ширина строки */
    margin: 0px 0; /* отступы блоков сверху и снизу */
    padding: 1vw 2.5vw; /* отступы блоков справа и слева */ 
  }

div .post-rating, div.post-vote {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: 0.8vw !important;
    margin-left: 95%;
}


div.post-vote p>a {
    margin-left: 90%;
}


/* C3.2 подложка под дату и номер поста в теме*/
.punbb .post h3 {
    display: block;
    margin-bottom: -2%;
    margin-left: 5%;
    font-family: 'Times New Roman';
    height: 25px;
    width: 90%;
    border-image-source: url(https://forumstatic.ru/files/001b/bf/bc/97992.png);
    border-image-slice: 25 200 15 fill;
    border-image-repeat: repeat round;
    border-image-width: auto;
    padding: 1% 1%;
  }

/* C3.3 */
 .punbb .post h3 span {
  display: block;
  width: 70%;
  margin-left: 30%;
  }
  

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: center;
  font-weight: normal;
  }

/* C3.5 оформление аватара*/
.punbb .post .post-author {
  float: left;
  text-align: center;
  position: relative;
  border-image-source: url(https://forumstatic.ru/files/001b/bf/bc/97992.png?v=1);
    border-image-slice: 55 200 35 fill; /* Вырезка рамки верх-право-низ-лево 3 значения — верх, одинаковые бока и низ, 2 значения — верх-низ и бока, 1 значение — одинаковая толщина со всех 4 сторон */
    border-image-repeat: repeat round;    
    border-image-width: auto; /* можно просто auto, эффект будет тот же */
    border-image-outset: 8px 10px 2px 10px;
    width: 20%; /* ширина строки */
    margin-left: -10%; 
   padding: 2% 2%; /* отступы блоков справа и слева */ 
   box-shadow: -11px 0px 9px 0px rgba(0,0,0,0.55);
  }

/* C3.6 */
.punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

.punbb .post .post-author ul {
     padding: 0px;
    margin-top: 10px;
    line-height: 140%;
}

/* C3.7 */
.pa-author {
    font-size: 1.4vw;
    font-family: 'Comic CAT';
    margin-top: 0;
    width: 100%;
  }

/* C3.8 */
.pa-author a {
 text-decoration: none;
    color: #d3b163 !important;
    font-weight: 600;
}

/* C3.9 */
li.pa-title {
  padding-bottom: 0.5em;
    font-size: 1.1vw;
    width: 100%;
    line-height: initial;
   color: #bbb8b0 !important;
    text-transform: lowercase;
}

/* cтатус онлайн в теме рядом с ником */
li.pa-online {
width: 4%;
height: 3%;
border-radius: 50%;
display: block;
position: absolute;
top: 8%;
right: 10%;
font-size: 0px;
animation: blinkColor .9s linear infinite;
-moz-animation: blinkColor .9s linear infinite;
-webkit-animation: blinkColor .9s linear infinite;
background: #8ac176;
z-index: 100;
}

/* сообщений/репутация в теме рядом под авой */
li.pa-posts, li.pa-respect {
    font-size: 0.7vw;
    font-family: 'Times New Roman';
    display:inline-block;
    width: 50px;
    color: #dfdddd;
    letter-spacing: .5px;
    text-transform: lowercase;
    text-align:center;
    padding-top: 0.9vw;
  }

li.pa-respect {
    padding-left: 1.9vw;
  }

li.pa-respect a {
color: #cac7c7 !important;
}

/* должность/возраст */
li.pa-fld1 {
font-size: 1.25vw;
font-family: 'Times New Roman';
color: #e5decf!important;
padding-top: 3.5%;
width: 100%;
min-height: 3vw;
text-align: center;
}
li.pa-fld1 a {
  color: #e5decf !important;
}

li.pa-fld1 a:hover {
  color: #fff !important;
}

.pa-fld2 {
  font-size: 1vw!important;
  line-height: 125%;
  text-align: center;
}
 
.pa-fld3 {
  font-size: 1vw!important;
  line-height: 125%;
  padding: auto;
  text-align: center;
}



/* C3.11 сдвиг поста в теме*/
.punbb .post-body {
  margin-left: 14.5em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

/* C3.12 отступ в посте от края*/
.punbb .post-box {
  padding: 1vw;
  margin-left: 0vw;
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  }

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 0.4vw;
  padding-right: 0.4vw;
  }

/* C3.17 профиль/лс/мыло под профилем в теме*/
 .pl-email, .pl-website {
  float: left;
  text-align: center;
  top: -1.1vw;
  }

 .pl-email.profile  {
   left: -2.6vw;
   position: relative;
  }

 .pl-email.pm  {
   left: -1.8vw;
   position: relative;
  }

 .pl-email.email  {
   left: -0.5vw;
   position: relative;
  }


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

#pun-profile #pun-main.main {
    text-align: center;
    display: block;
    width: 94%;
    border-image-source: url(https://forumstatic.ru/files/001b/bf/bc/39055.png);
    border-image-slice: 55 200 35 fill;
    border-image-repeat: repeat round;
    border-image-width: auto;
    padding: 1%;
    margin: 1%;
    
}

/* колонка на стр профиля с именем аватаром активностью и редактировать*/

li#pa-avatar img {
  width: 100%;
  height: 100%;
  background-position: center center;
  }

li#profile-name, li#profile-title, li#pa-online , li#pa-edit {
  text-align: center !important;
  }

/*блок аватар в теме*/
li.pa-avatar.item2{
  width: 100%!important;
  margin-left: 0%;
  background-size: contain;
  }

/* аватар_картинка в теме*/
li.pa-avatar.item2 img {
  width: 100%!important;
  margin-left: 2%;
  background-size: contain;
  }

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 страница профиля */
#viewprofile ul, #profilenav ul {
  text-align: left;
  border-style: solid;
  border-width: 0px;
  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: 0px 14px -0.6em 14px;
  }

/* C6.6 заголовки папки и действия на странице сообщений*/
#viewprofile h2 span, #profilenav h2 span {
  height: 16px;
  position: relative;
  top:-10px!important;
  font-family: 'Times New Roman';
  text-transform: lowercase;
  font-size: 1.2vw!important;
  text-align: left;
  margin-left: -15px;
  color: #343b29;
  text-shadow: 0px 1px 1px #a8ad9f;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  margin-left: 1.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -15em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }


/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }


/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  border-style: solid solid none solid;
  border-width: 1px 1px 0 1px;
  }

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em;
  }

/* D1.3 */
#pun-title .container {
  border-style: none solid none solid;
  margin-top: -100px;
  }

/* D1.4 текстовое название форума в шапке*/
#pun-title h1 span  {
  font-size: 0em;
  }

#pun-title, #pun-title .container { 
    background-color: transparent; 
    border-color: transparent;
    border: 0px !important; 
}

#pun-title table tbody tr .title-logo-tdr {  
    position: absolute; 
    z-index: 1; 
    left: 0px;   
    top:0px;  
    opacity: 0.3;
}


#pun-title h1 {  display : block;  padding: 2em 1em 0 1em;  }
#pun-title .container {  border-style: none none none none;  }
#pun-title h1 span  {  font-size: 1.5vw;  }
#pun-title h1 span  {  display: none;  }

#pun-about {  margin-top: 0;  }
#pun-about p span { margin-top: 10px;}

div#html-footer {margin: -95px 0px 0px 0px;}

#pun-qjump {  margin: 0;  border: none;  width: 50%;  position: relative;  float: left;  }
#pun-qjump .container {  border: none;   background: transparent;  padding: 0.8em 1em;  }
div.punbb-admin #pun-about .container {  border-top-style: solid;  border-top-width: 1px;  }

/* 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.2vw;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 форум участники поиск и т д */

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
    text-align: center;
}


/* D3.2 */
#pun-navlinks .container {
    font-family: 'Times New Roman';
    font-size: 1.1vw;
    margin-top: -0.2vw;
    margin-left: -2.1vw;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
}

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

/* D3.4 Ссылки навигации */
#pun-navlinks li a {
    letter-spacing: 0.1vw;
    color: #efe1c9!important;
  }
  
 /* при наведении */
#pun-navlinks li a:hover {  
    color: #847d5b!important;
}

/* D4 ссылки акт темы,мои сообщения и тд */

/* D4.1 */


/* D4.2 */
#pun-ulinks .container {
    position: absolute;
    width: 90%;
    text-align: center !important;
    text-transform: lowercase;
    text-decoration: none !important;
    font-style: normal;
    top: 2vw;
    font-size: 1.05vw!important;
    font-family: 'Times New Roman'!important;
    background-color: transparent;
    border-color: transparent;
  }
  
/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    white-space: nowrap;
}

/* D4.4 */
#pun-ulinks li a {
    padding-left: 1vw;
    color: #dcd6c8!important;
}

/* D4.5 */
#pun-ulinks li a:hover{
    padding-left: 1vw;
    color: #847d5b!important;
}

/* 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: 1.5vw;
  background-color: transparent;
  border: none;
  }



/* D5.3 текст привет ваш последний визит*/
#pun-status span {
  white-space: nowrap;
  margin-right: 0.2vw;
  color: #e6dfd1;
  }

/* D5.4 сдвигаем начало тела форума */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: -3.5vw;
  }

/* D5.5 верхний контейнер название форума - форум- тема*/
#pun-crumbs1 p.container {
   position: absolute !important;
   text-align: center!important;
   margin-top: -1.2vw;
   width: 100%;
   background-color: transperent;
   text-transform: lowercase;
  }
  
#pun-crumbs1 p.container a {
    color: #dcd6c8 !important;
}

#pun-crumbs1 p.container a:hover {
    color: #847d5b !important;
}

#pun-crumbs1 p.container, #pun-crumbs2 .container {
    letter-spacing: 0.5px;
    word-spacing: 2px;
    white-space: nowrap;
    font-size: 1vw;
    font-family: "Times New Roman";
    color: #dcd6c8 !important;
}

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  }

/* 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: 4.3em 1em 1em 1em;
  }

/* D7 Statistics
-------------------------------------------------------------*/

/* D7 Статистика */

/* D7.1 контейнер статистики*/
#pun-stats .container {
    width: 95%;
    min-height: 5vw;
    text-align: center;
    border-image-source: url(https://forumstatic.ru/files/001b/bf/bc/39055.png);
    border-image-slice: 55 200 35 fill; /* Вырезка рамки верх-право-низ-лево 3 значения — верх, одинаковые бока и низ, 2 значения — верх-низ и бока, 1 значение — одинаковая толщина со всех 4 сторон */
    border-image-repeat: repeat round;    
    border-image-width: auto; /* можно просто auto, эффект будет тот же */
    padding: 0.5vw;
}

/* D7.2 ссылки в статистике*/
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    display: inline-block;
    text-align: center;
    line-height: 150%;
    font-size: 1vw;
    padding: 0.3vw 0.6vw;
    letter-spacing: .5px;
    font-weight: bold;
    color: #343d2d !important;

}

#pun-stats li.item3, #pun-stats li.item4 a {
    color: #847d5b !important;
}

#pun-stats li.item3, #pun-stats li.item4 a:hover {
    color: #847d5b !important;
}

/* D7.4 список актив за сутки */
li#onlinelist {
    margin-top: 1vw;
    margin-left: 2vw;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    width: 95%;
    text-align: justify;
    line-height: 140%;
    font-family: 'Times New Roman';
    font-size: 1vw;
    letter-spacing: .3px;
    color: #343d2d;
}

li#onlinelist a {
    color: #847d5b;
}

li#onlinelist a.group1 {
    color: #847d5b;
}

li#onlinelist a:hover {
    color: #a7ac9e;
}

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

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }
  
/* Рейтинг и создание форума внизу*/
#pun-about .container .item1 {
    position: absolute;
    width: 87%;
    margin-top: -3.1vw!important;
    font-family: 'Times New Roman';
    font-size: 1vw;
    text-align: right;
    color: #ffffff;
}

#pun-about .container .item1 a {
    color: #847d5b;
}

#pun-about .container .item1 a:hover {
    color: #ffffff;
}

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 3.1vw;
  border-bottom: none;
  }

/* D8.7 нижний контейнер название форума - форум - тема*/
#pun-crumbs2 .container {
  border-bottom: none;
  }
  
#pun-crumbs2 p.container a {
   color: #dcd6c8 !important;
}

#pun-crumbs2 p.container a:hover {
    color: #847d5b !important;
}

#pun-crumbs2 p.container, #pun-crumbs2 .container {
    width: 90%;
    white-space: nowrap;
    text-align: left;

}

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 1px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }


/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1vw;
  }

/* 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 .user-avatar .avatar-image {
    border-radius: 10px 10px 10px 10px!important;
    border: 1px solid #343b29;
    height: 35px !important;
    width: 35px !important;
    opacity: 1 !important;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    margin: 0px -6px !important;
    box-shadow: 0 0 6px #343b29 !important;
}
  

    
  


/* убираем границы блоков*/
.punbb .container {border-color: transparent;}
.punbb .post-body {border-color: transparent;}
.post h3 {border-color: transparent;}
#pun-title {border-color: transparent;}
.punbb .section {border-color: transparent;}
.punbb .forum {border-color: transparent;}
.punbb .formal {border-color: transparent;}
.punbb .modmenu {border-color: transparent;}
.punbb .info {border-color: transparent;}
.punbb .category {border-color: transparent;}
.punbb .post {border-color: transparent;}
/* #pun-stats h2 {border-color: transparent;}*/ /*граница статистики*/
.punbb .main h1 {border-color: transparent;}
/*.punbb .main h2 {border-color: transparent;}*/ /*граница категорий*/
#pun-debug h2 {border-color: transparent;}
.punbb-admin #pun-admain h2 {border-color: transparent;}
.punbb td {border-color: transparent;}
#profilenav ul {border-color: transparent;}
.punbb .post .post-body {border-color: transparent;}
/*.punbb .post h3 span {border-color: transparent;}*//*подложка под дату и номер поста в теме*/
.post-links ul {border-color: transparent;}
.post-links {border-color: transparent;}
.usertable table {border-color: transparent;}
#pun-ulinks li {border-color: transparent;}
#pun-announcement h2 span {border-color: transparent;}
li#onlinelist {border-color: transparent;}
#pun-help .formal .info-box h3.legend span {border-color: transparent;}
#pun-ulinks li a {border-color: transparent;}
#pun-announcement h2 {border-color: transparent;}
li#onlinelist div {border-color: transparent;}
#pun-help .formal .info-box h3.legend {border-color: transparent;}
.punbb .divider {border-color: transparent;}
.punbb .quote-box {border-color: transparent;}
.punbb .code-box {border-color: transparent;}
/*.punbb .formal fieldset .post-box {border-color: transparent;}*/
.punbb .info-box {border-color: transparent;}
.punbb .post-sig dt {border-color: transparent;}

/* шапка */
#pun_wrap {
 background: url(https://forumstatic.ru/files/001b/bf/bc/21331.png) top no-repeat;
 padding-top: 40%;
  background-size: contain;
   min-width:100%;
  } /*что б был виден левый край на мобиле*/


  /* сокрытие элементов */
#pun-main.main.mod-page, #pun-main div.catleft, .subscribelink, .linkst .postlink, .acchide, .punbb h1, #pun-navlinks h2, #pun-ulinks h2, .punbb .multipage .topic h2, form#post.container legend span, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, #pun-userlist .main h2,.lastedit, #pun .modlist, .stickytext, .closedatafield, div#pun-live-rusff, .topic a.sharelink, .postlink .closed, li.pl-share, li.pl-reports, .pa-last-visit, #pun-announcement h2, #pun-break4, #pun-index #pun-main thead, .pa-reg, .pa-gifts, .pa-replies, #pun-main div.catright, #pun-viewforum .modmenu .container span, #pun-searchtopics .modmenu .container span,  #pun-messages .post-sig, #pun-profile #viewprofile-next #profilenav, #profile-right li#pa-invites, #profile-gifts, #pun-post #pun-main h2, .tipsy-arrow, .clearer, #pun-main .info h2, div#pun-searchposts h3 em, li.pa-ip, #pun-messages .pa-title, #pun-profile #profile-signature, #pun-searchtopics #pun-main h2, #pun-searchposts h3 a:last-child:after, #onlinelist .e2, #onlinelist .e3, span.num_msg:before, .pl a:last-child:after, #topic-feed.modmenu, #topic-modmenu.modmenu .container span, #BookmCntToggle.default-style:before, #BookmCntToggle.default-style:after, #pun-searchtopics table Div.icon, #pun-searchtopics .tcr .user-avatar, .newtext .bracket.bracket-left, .newtext .bracket.bracket-right, #pun-online tr:last-child td.tcl.username:after, #pun-respect .multipage .container tr:last-child td.tcl:after, #pun-positive .multipage .container tr:last-child td.tcl:after, #pun-searchtopics .multipage .container tr:last-child td.tcl:after, #pun-index .tcl a:last-child:after, #pun-index .main .tcr .user-avatar a:before, #pun-index .main .tcr .user-avatar a:after, .ban a:last-child:after, #pun-viewforum tr:last-child .tclcon:after, #pun-userlist thead tr:after,  #pun-userlist tr:last-child:after, #pun-userlist .container thead tr:before, #profile-right li#pa-email span, #profile-right li#pa-email strong a:first-child, .punbb .post-content .quote-box hr:before, .punbb .post-content .code-box hr:before, .tem tem1:first-child:before, .tem1:first-child:before, #pun-index .subforums:last-child:after, .post-content .tem span hr:before, .gost span p:first-child:before, .gost span p:last-child:before, .pa-fld4 span a:before, .pa-fld4 span a:after, #pun-profile #profile-right li#pa-fld4 span:last-child, #pun-navlinks #form-login .Rega:before, #pun-navlinks #form-login .Rega:after, #pun-navlinks #form-login .Forgot:before, #pun-navlinks #form-login .Forgot:after, #pun-messages #image-area.container tr:before, #pun-main .forum h2, .modal-inner.section.moved h2 span:first-child, .hv-mask-field.title, #mask_dialog .hv-preview-block .hv-preview-title
    {display: none !important;}
    
  /*убираем отображения*/

/* убираем загрузки в пользовательских ссылках */
#pun-ulinks .item5 {
    display: none;
}
/* убираем подписка в пользовательских ссылках */
#pun-ulinks .item6 {
    display: none;
}

/* убираем загрузки в пользовательских ссылках */
#pun-ulinks .item5 {
    display: none;
}

/* убираем последнее изменение и награды*/
.lastedit {
    display: none !important;
}

/* не отображать подарки*/
.pa-gifts {
    display: none;
}

/* убираем айпи под авой*/
.pa-ip {
    clear: both;
    color: #5f5446!important;
    width: 190px;
    font-size: 7px;
    display: none;
}
/* убираем приглашения под авой*/
.pa-invites {
    display: none;
}

/* убираем провел на форуме под авой*/
.pa-time-visit {
    display: none;
}

/* убираем иконку страны*/
.pa-author img {
    display: none;
}
/* убираем кнопку поделиться*/
.topic a.sharelink {
    display: none;

}
/* убираем награды*/
.pa-awards, li#navawards, li#pa-awards {
    display: none;

}

/* убираем "улучшить профиль"*/
span.item4.status-right {
    display: none;
}

/* убираем систему оценки постов самйлами*/
div.reactions-container{
    display: none;
}

/* двигаем рекламу*/
.punbb div#yandex_rtb_R-A-1623045-1 {
    margin-top: 20px;
}






#pun.ru.isguest.gid3 #pun-main.main.multipage .punbb {background-color: #FFA07A!important;}

Поделиться142023-01-01 21:14:36

Автор: dessy
sdfgmgcbv
Откуда: asdcx
Сообщений: 27

стиль

Код:

/* цвет текста */
.linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb,.punbb .post-box,.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    border-color: transparent;
    color: #11140c;
}

/* поле ввода */
 .punbb select, #pun-admain textarea {
    text-shadow: none;
    background-color: #e5dfd0;
    color: rgb(33 41 14);
    border: 1px solid #eed7af;
    outline: 1px solid #eed7af;
    box-shadow: 0px 0px 4px 1px #eed7af inset;
}

.punbb textarea {
    text-shadow: none;
    background: transparent;
    color: rgb(33 41 14);
    border: 1px solid #7c7653;
    outline: 1px solid #b6af88;
    box-shadow: 0px 0px 4px 1px #b6af88 inset;
}


/*строка над формой ответа */
#form-buttons table {
    width: 100.8%!important;
    text-transform: uppercase;
    font-size: 15px;
    font-family: "Roboto Condensed" !important;
    color: rgb(33 41 14); 
    border: 1px solid #eed7af;
    box-shadow: 0px 0px 7px 1px #eed7af inset;
   border-image-source: url(https://forumstatic.ru/files/001b/bf/bc/97992.png);
   border-image-slice: 25 200 15 fill;
   border-image-repeat: repeat round;
   border-image-width: auto;
   padding: 1% 1%;

}


/* выпадающие меню в форме ответа */
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area {
    padding: 1vw!important;
    border-radius: 0.2vw;
    color: #847d5b;
    border: 0.1px solid #847d5b;
}

/* ширина высота и прокрутка в выпадающем меню формы ответа */
#font-area {
width: 12vw;
height: 17vw;
overflow-y: auto;
padding: 0.5vw;
text-align: left;
}

/*перекраска подложки выпадающего меню в форме ответа*/

#tags .container
{
    background-color: #dcd6c8;
}

/* кнопки отправить посмотреть */
#post-form.formal #post.container p.formsubmit {
    text-align: center !important;
}

/* кнопки  */
input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
   border-image-source: url(https://forumstatic.ru/files/001b/bf/bc/97992.png?v=1);
   border-image-slice: 55 200 35 fill;
   border-image-repeat: repeat round;
   border-image-width: auto;
   border-image-outset: 0.2vw;
    font-size: 0.85vw!important;
    color: #e7e0d0!important;
    padding: 0.2vw!important;
    cursor: pointer!important;
    -webkit-transition: .1s all;
    -moz-transition: .1s all;
    -ms-transition: .1s all;
    -o-transition: .1s all;
    transition: .1s all;
}

/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
    cursor: pointer!important;
    color: #575e4e!important
  }

/* внешний вид текста при выделении */
::selection {   
    background: #a8ad9f;
    /*color: #252b1a;*/
}

/* ширина прокрутки */
::-webkit-scrollbar {
    width: 4px;
    height: 4px;}

/* бегунок прокрутки*/

::-webkit-scrollbar-thumb {
    background-color: #343d2d;
    box-shadow: inset 0 0 0.1vw #847d5b;
}
/* подложка прокрутки */
::-webkit-scrollbar-track {
    background-color: #e8e1d2;
    box-shadow: inset 0 0 0.1vw #847d5b;
}


/* CS1 Background and text colours. .punbb .formal fieldset .post-box
-------------------------------------------------------------*/

/* страница участники и поиск, активные темы, темы без ответов и т д*/
#pun-userlist.punbb #pun-main.main.multipage, #pun-search.punbb #pun-main.main, #pun-searchtopics.punbb #pun-main.main.multipage, #pun-viewforum.punbb #pun-main.main.multipage, #register.container, #pun-login.punbb #pun-main.main, #pun-redirect, #pun-maint {
    position: relative;
    display: inline-block;
    border-image-source: url(https://forumstatic.ru/files/001b/bf/bc/39055.png);
    border-image-slice: 55 200 35 fill; /* Вырезка рамки верх-право-низ-лево 3 значения — верх, одинаковые бока и низ, 2 значения — верх-низ и бока, 1 значение — одинаковая толщина со всех 4 сторон */
    border-image-repeat: repeat round;    
    border-image-width: auto; /* можно просто auto, эффект будет тот же */
    background-color: transparent;
    vertical-align: top; /* выравнивание по верху */
    width: 96%; /* ширина строки */
    margin-left: -1%;  
    padding: 2% 2%; /* отступы блоков справа и слева */ 
}

/* страница сообщений и админка левая колонка*/
#pun-messages #pun-main.main #profilenav {
    border-image-source: url(https://forumstatic.ru/files/001b/bf/bc/39055.png);
    border-image-slice: 55 200 35 fill; /* Вырезка рамки верх-право-низ-лево 3 значения — верх, одинаковые бока и низ, 2 значения — верх-низ и бока, 1 значение — одинаковая толщина со всех 4 сторон */
    border-image-repeat: repeat round;    
    border-image-width: auto; /* можно просто auto, эффект будет тот же */
    background-color: transparent;
    vertical-align: top; /* выравнивание по верху */
    width: 30%; /* ширина строки */
    padding: 2% 1%; /* отступы блоков справа и слева */ 
}

/* админка левая колонка*/
#pun-admain.adminmain #pun-adnav {
    margin-left: -18vw;
    border-image-source: url(https://forumstatic.ru/files/001b/bf/bc/39055.png);
    border-image-slice: 55 200 35 fill; /* Вырезка рамки верх-право-низ-лево 3 значения — верх, одинаковые бока и низ, 2 значения — верх-низ и бока, 1 значение — одинаковая толщина со всех 4 сторон */
    border-image-repeat: repeat round;    
    border-image-width: auto; /* можно просто auto, эффект будет тот же */
    background-color: transparent;
    vertical-align: top; /* выравнивание по верху */
    width: 30%; /* ширина строки */
    padding: 2% 1%; /* отступы блоков справа и слева */ 
}

/* страница сообщений правая колонка*/
#pun-messages #pun-main.main #messages, #pun-messages #pun-main.main #post-new {
    border-image-source: url(https://forumstatic.ru/files/001b/bf/bc/39055.png);
    border-image-slice: 55 200 35 fill; /* Вырезка рамки верх-право-низ-лево 3 значения — верх, одинаковые бока и низ, 2 значения — верх-низ и бока, 1 значение — одинаковая толщина со всех 4 сторон */
    border-image-repeat: repeat round;    
    border-image-width: auto; /* можно просто auto, эффект будет тот же */
    background-color: transparent;
    vertical-align: top; /* выравнивание по верху */
    width: 100%; /* ширина строки */
    padding: 2% 2%; /* отступы блоков справа и слева */ 
}


/* страница профиль_редактировать*/
/* #pun-profile #pun-main.main #profile.formal {
    border-image-source: url(https://forumstatic.ru/files/001b/bf/bc/39055.png);
    border-image-slice: 55 200 35 fill; /* Вырезка рамки верх-право-низ-лево 3 значения — верх, одинаковые бока и низ, 2 значения — верх-низ и бока, 1 значение — одинаковая толщина со всех 4 сторон */
    border-image-repeat: repeat round;    
    border-image-width: auto; /* можно просто auto, эффект будет тот же */
    background-color: transparent;
    vertical-align: top; /* выравнивание по верху */
    width: 92%; /* ширина строки */
    margin-left: 2%; 
    padding: 2% 2%; /* отступы блоков справа и слева */ 
}*/

/* контейнер на перечисление тем на странице подфорума*/
#pun-viewforum #pun-main.main.multipage/* контейнер на перечисление тем на странице подфорума*/, #pun-searchtopics #pun-main.main.multipage/* контейнер на перечисление тем на странице акт тем*/, #pun-userlist #pun-main.main.multipage/* контейнер на странице участники*/, #pun-message #pun-main.main/* результаты поиска*/ {
    position: relative;
    display: inline-block;
    border-image-source: url(https://forumstatic.ru/files/001b/bf/bc/39055.png);
    border-image-slice: 55 200 35 fill; /* Вырезка рамки верх-право-низ-лево 3 значения — верх, одинаковые бока и низ, 2 значения — верх-низ и бока, 1 значение — одинаковая толщина со всех 4 сторон */
    border-image-repeat: repeat round;    
    border-image-width: auto; /* можно просто auto, эффект будет тот же */
    background-color: transparent;
    vertical-align: top; /* выравнивание по верху */
    width: 95%; /* ширина строки */
    margin: 0px 0; /* отступы блоков сверху и снизу */
    padding: 2% 2%; /* отступы блоков справа и слева */ 
    z-index: 2;
}


#pun-index #pun-category1 tr, #pun-index #pun-category2 tr, #pun-index #pun-category3 tr, #pun-index #pun-category4 tr, #pun-index #pun-category6 tr, #pun-index #pun-category7 tr{
    position: relative;
    display: inline-block;
    border-image-source: url(https://forumstatic.ru/files/001b/bf/bc/39055.png);
    border-image-slice: 35 190 35 fill; /* Вырезка рамки верх-право-низ-лево 3 значения — верх, одинаковые бока и низ, 2 значения — верх-низ и бока, 1 значение — одинаковая толщина со всех 4 сторон */
    border-image-repeat: repeat round;    
    border-image-width: auto; /* можно просто auto, эффект будет тот же */
    background-color: transparent;
    vertical-align: top; /* выравнивание по верху */
    width: 46%; /* ширина строки */
    margin: 0px 0; /* отступы блоков сверху и снизу */
    padding: 10px 10px; /* отступы блоков справа и слева */ 
}

#pun-index #pun-category5 tr {
    position: relative;
    display: inline-block;
    border-image-source: url(https://forumstatic.ru/files/001b/bf/bc/39055.png);
    border-image-slice: 55 200 35 fill; /* Вырезка рамки верх-право-низ-лево 3 значения — верх, одинаковые бока и низ, 2 значения — верх-низ и бока, 1 значение — одинаковая толщина со всех 4 сторон */
    border-image-repeat: repeat round;    
    border-image-width: auto; /* можно просто auto, эффект будет тот же */
    border-image-outset: -1px -3px -1px 0px; /* Вынос рамки за габариты блока*/
    vertical-align: top; /* выравнивание по верху */
    width: 92%; /* ширина строки */
    margin: 0px 0; /* отступы блоков сверху и снизу */
    padding: 10px 0px 10px 40px; /* top | right | bottom | left */ 
}

/* CS1.1 */
 .punbb .post-body, .punbb .post-links, .punbb .formal fieldset .post-box,  #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #333;
  }
  
/* текст на странице профиля */
#viewprofile li strong {
  background-color: transparent;
  color: #343d2d;
  }
#viewprofile li span{
  background-color: transparent;
  color: #847d5b;
  }



/* CS1.2 оформление форумов на главной*/   
/* колонка последнее сообщение в описании раздела*/
#pun-index #pun-category1 td.tcl, #pun-index #pun-category2 td.tcl, #pun-index #pun-category3 td.tcl, #pun-index #pun-category4 td.tcl, #pun-index #pun-category6 td.tcl, #pun-index #pun-category7 td.tcl {
    display: inline-block; 
    float: left; /* расположение слева */
    width:  88%; /* ширина ячейки */ 
    height: 4vw;
    padding-bottom: 20%; /* отступ снизу для размещения под описанием других ячеек */ 
}

#pun-index #pun-category5 td.tcl {
    display: inline-block; 
    float: left; /* расположение слева */
    width: 92%; /* ширина ячейки */ 
    height: 10%;
    padding-bottom: auto; /* отступ снизу для размещения под описанием других ячеек */ 
}

/* Ячейка с последним сообщением */
#pun-index #pun-category1 td.tcr, #pun-index #pun-category2 td.tcr, #pun-index #pun-category3 td.tcr, #pun-index #pun-category4 td.tcr, #pun-index #pun-category6 td.tcr, #pun-index #pun-category7 td.tcr {
display: block;
margin-left: 1vw; /* Отступ влево */
width: 90%; /* ширина */
height: 10%;
}

#pun-index #pun-category5 td.tcr  {
display: block;
margin-left: 1vw; /* Отступ влево */
width: 92%; /* ширина */
height: 10%;
}

/* Ячейки "Тем" и "Сообщений" */
#pun-index #pun-category1 td.tc2, #pun-index #pun-category1 td.tc3, #pun-index #pun-category2 td.tc2, #pun-index #pun-category2 td.tc3, #pun-index #pun-category3 td.tc2, #pun-index #pun-category3 td.tc3, #pun-index #pun-category4 td.tc2, #pun-index #pun-category4 td.tc3, #pun-index #pun-category6 td.tc2, #pun-index #pun-category6 td.tc3, #pun-index #pun-category7 td.tc2, #pun-index #pun-category7 td.tc3, #pun-index #pun-category5 td.tc2, #pun-index #pun-category5 td.tc3 {
    position: absolute;
    color: #847d5b!important;
    font-size: 1.2vw!important;
    font-family: 'Comic CAT';
    display: block;
    width: 1.6vw; /* ширина */
    height: 0.8vw;
    -webkit-border-radius: 0.4vw;
}

/* Ячейка "Тем" */
#pun-index #pun-category1 td.tc2, #pun-index #pun-category2 td.tc2, #pun-index #pun-category3 td.tc2, #pun-index #pun-category4 td.tc2, #pun-index #pun-category6 td.tc2, #pun-index #pun-category7 td.tc2 { 
    margin-left: 22vw; /* Отступ слева */
    margin-top: 11vw;
}

#pun-index #pun-category5 td.tc2 { 
    margin-left: 53vw; /* Отступ слева */
    margin-top: 9.1vw;
}

/* Ячейка "Сообщений" */
#pun-index #pun-category1 td.tc3, #pun-index #pun-category2 td.tc3, #pun-index #pun-category3 td.tc3,  #pun-index #pun-category4 td.tc3, #pun-index #pun-category6 td.tc3, #pun-index #pun-category7 td.tc3 { 
    margin-left: 26vw; /* Отступ слева */
    margin-top: 11vw;
}

#pun-index #pun-category5 td.tc3 { 
    margin-left: 57vw;/* Отступ слева */
    margin-top: 9.1vw;
}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #343b29;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #343d2d;
  }

/* CS1.6*/
 #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #343d2d;
  }

.punbb th{ /* строка тема ответов просмотром посл соо на стр подфорума */
counter-increment: categories;
    height: auto;
    padding: 5px; 
    color: #343d2d;
}

.punbb td.tcl { /* для ячейки с названием и описанием */
counter-increment: categories;
    background: transperent;
    height: auto;
    overflow: hidden;
    color: #343d2d;
}


/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
  color: #333
  }

/* CS1.8 */

.offline li.pa-online strong {
  font-weight: normal
  }

/* CS3 Links
-------------------------------------------------------------*/
/* название подфорума на главной*/
.punbb a, .punbb a:link, .punbb a:visited {
    transition: color 0.3s ease-in-out;
    color: #25350c;
    text-decoration: none;
}

/* CS3.1 цвета в админке*/
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #343d2d;
  text-decoration: none;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #333;
  text-decoration: none;
  }

/* CS3.2 */
/* название подфорума на главное при наведении*/
.punbb a:hover {
    color: #d2691e;
}

/* цвет времени поста в теме сверху*/
.punbb a.permalink{
    color: #d2d7c9;
}

.punbb a.permalink:hover{
    color: #a8ad9f;
}



.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: #343d2d;
  text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #eee;
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #fff;
  text-decoration: none;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  text-decoration: none;
  }

/* CS4 иконки */
/* III. ИКОНКИ
-------------------------------------------------------------*/
div.icon {
    border-color: #89815e #5d5d46 #4a4a2e #5d5d46; /* вверх лево низ право*/
    border-radius: 10px 10px 10px 10px!important;
    box-shadow: 0 2px 6px #4e523a !important;
}
/* закрытая */
tr.iclosed div.icon {
    border-color: #eae1d3 #dfd3bf #cbc1ae #e9e0d2;
    border-radius: 10px 10px 10px 10px!important;
    box-shadow: 0 2px 6px #706b61 !important;
}
/* новая */
div.inew {
    border-color: #957c3e #7b6637 #57482a #86703b;
    border-radius: 10px 10px 10px 10px!important;
    box-shadow: 0 2px 6px #62a2a1 !important;
}
/* важная */
tr.isticky div.icon {
    border-color: #d6930f #a44300 #eac68b #d99714;
    border-radius: 10px 10px 10px 10px!important;
    box-shadow: 0 2px 6px #53563c !important;
}

#pun-main div.catleft, #pun-main div.catright {display: none}

/* иконки в форме ответа */
#form-buttons #button-font, /* шрифты */
#form-buttons #button-size, /* размер */
#form-buttons #button-bold, /* толщина */
#form-buttons #button-italic, /* наклонный */
#form-buttons #button-underline, /* подчеркнутый */
#form-buttons #button-strike, /* зачеркнутый */
#form-buttons #button-left, /* выравнивание слева */
#form-buttons #button-center, /* выравнивание по центру */
#form-buttons #button-right, /* выравнивание справа */
#form-buttons #button-link,/* ссылка */
#form-buttons #button-spoiler,/* свернутый текст */
#form-buttons #button-image,/* изображение */
#form-buttons #button-image2,/* изображение2 */
#form-buttons #button-video, /* видео */
#form-buttons #button-hide, /* скрытый текст */
#form-buttons #button-quote,/* цитата */
#form-buttons #button-code,/* код */
#form-buttons #button-color,/* цвет */
#form-buttons #button-table,/* таблица */
#form-buttons #button-smile,/* смайлы */
#form-buttons #button-keyboard,/* виртуальная клавиатура */
#form-buttons #button-addition,/* дополнительно */
#form-buttons #button-dice, /* кубики */
#form-buttons #button-html {
    font-family: 'cappuccicons', 'fontawesome';
    background: transparent!important;
    margin-top: 15px !important;
    position: relative;
    width: 27px;
    height: 13px;
    color: #e8e0d2;
}


#form-buttons td {display: inline-block; margin: 0 3px 3px;  line-height: 4px; /* отступы кнопок друг от друга */}

#form-buttons td img {
    height: 28px;
    width: 100%;
    margin-top: -12px !important;
}

#form-buttons #button-indent {
display: none
}

#button-font:before {content: "\f031"} 
#button-size:before {content: "\f034";}
#button-bold:before {content: "\f032"} 
#button-italic:before {content: "\f033"} 
#button-underline:before {content: "\f0cd"} 
#button-strike:before {content: "\f0cc"} 
#button-left:before {content: "\f036"}
#button-center:before {content: "\f037"}
#button-right:before {content: "\f038"}
#button-link:before {content: "\f0c1"} 
#button-spoiler:before {content: "\f187"} 
td#button-image:before {content: "\f03e"}
td#button-image2:before {content:"\f0ee";}  
#button-image:before {content: "\f007"} 
#button-image2:before {content: "\f007"} 
#button-video:before {content: "\f03d"} 
#button-hide:before {content: "\f070"} 
#button-quote:before {content: "\f10d"} 
td#button-code:before {content: "\f121"}  
td#button-color:before {content: "\f1fc"} 
#button-table:before {content: "\f0ce"} 
#button-smile:before {content: "\f118"}
#button-keyboard:before {content: "\f11c"} 
#button-addition:before {content:"\f067";}
#button-dice:before {content:"\f1b2";}



.post-img-Sp.Spb1 {
display: inline-block;
font-size: 0.9vw!important;
width: 45%; 
border-bottom: 1px solid #e5decf;
color: #e5decf;
}
.post-img-Sp.Spb2 {
font-size: 0.9vw!important;
display: inline-block;
width: 45%;
margin-left: 4%;
border-bottom: 1px solid #e5decf;
color: #e5decf;

}


 .poforumIndex {
    height: 3vw;
    padding: 5px; 
    overflow: auto;
    color: #1d212c;
    font-size: 1.02vw!important;
}

 .poforumIndex1 {
    width: 90%;
    height: 5vw;
    overflow: auto;
    color: #1d212c;
    font-size: 1.02vw; 
 }

.forumpic img {
    width: 44vw;
    height: 3vw;
    position: absolute;
    top: 0.4vw;
    left: 15.3vw;
    background-size: contain;
    z-index: 22;
 }

 .weather_name {
    font-family: 'Comic CAT';
    font-size: 1.2vw;
    color: #44412f;
    border-bottom: 1px solid #7c7653;
    text-align: center;
 }

.data_name {
    font-family: 'Comic CAT';
    font-size: 1.2vw;
    color: #44412f;
   border-bottom: 1px solid #7c7653;
   text-align: center;
 }

 /* название форума */
 #html-header info1 {
    position: absolute !important;
    top: -39vw;
    text-align: center;
    width: 100%;
    height: auto;
    text-transform: uppercase;
    font-family: 'Comic CAT';
    letter-spacing: 0.2vw;
    font-size: 5vw;
    color: #42412a!important;
    text-shadow: -0   -0.5px 0   #E2AF80,
0   -0.5px 0   #E2AF80,
-0    0.5px 0   #E2AF80,
0    0.5px 0   #E2AF80,
-0.5px -0   0   #E2AF80,
0.5px -0   0   #E2AF80,
-0.5px  0   0   #E2AF80,
0.5px  0   0   #E2AF80,
-0.5px -0.5px 0   #E2AF80,
0.5px -0.5px 0   #E2AF80,
-0.5px  0.5px 0   #E2AF80,
0.5px  0.5px 0   #E2AF80,
-0.5px -0.5px 0   #E2AF80,
0.5px -0.5px 0   #E2AF80,
-0.5px  0.5px 0   #E2AF80,
0.5px  0.5px 0   #E2AF80;
    } 

/* баннеры */
.banners { 
    position: absolute;
    width: 90%;
    height: 1.6vw;
    overflow: auto;
    padding: 0.2vw 0.5vw;
    transition: .5s all!important;
}
.banners img {opacity: 0.3; filter: grayscale(0.5);}
.banners img:hover {opacity: 1; filter: grayscale(0);}

Поделиться152023-01-01 21:17:47

Автор: dessy
sdfgmgcbv
Откуда: asdcx
Сообщений: 27

хтмл верх

Код:

<div id="html-header">
	<!-- Пиар-вход v.2 -->
    <script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
    <script type="text/javascript">
    PR.nick = 'Реклама'; //Ник PR-аккаунта
    PR.pass = '1111'; //Пароль PR-аккаунта
    PR.btn_text = 'PR-вход'; //Надпись на кнопке PR-входа(или ссылка на картинку);
    PR.set();</script>

<!---------------------------- Название ---------------------------->
<info1>Сказание о кошках </info1>


<!-- html-верх - Cпойлер для cкрытия полей мини-профиля в топиках, (с) ForumD.ru, satsana, 2021 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0017/b3/fc/83644.js"></script>
<script type="text/javascript">
//  satMSP.vertical = 1; // вертикальный спойлер (кнопки расположены в столбик, вкладка открывается под кнопкой); по умолчанию кнопки расположены в одну строку над вкладками
//  satMSP.nofold = 1; // не закрывать открытые ранее вкладки при открытии новой; по умолчанию закрываются
//  satMSP.showtab = 2; // номер отображаемой при загрузке вкладки; по умолчанию все вкладки свёрнуты
//  satMSP.showbut = 1; // 1 - показывать все кнопки; по умолчанию копки пустых вкладок не отображаются
//  satMSP.speed = 600; // время сворачивания-разворачивания вкладок в мс (1 секунда = 1000мс), 0 - мгновенно, значение по умолчанию 400.
  satMSP.fields = [
    { // Список полей перед спойлером
      flist: [
"pa-author",	// Ник
"pa-title",	// Статус
"pa-avatar",	// Аватар
"pa-fld1",	// должность, значок клана, возраст
      ""] // Конец списка полей перед спойлером
    },
    { // Первая вкладка
      name: "Игрок",
      img: "",
      flist: [
"pa-fld2",	// игрок
      ""]
    }, // Конец первой вкладки
    { // Вторая вкладка
      name: "Персонаж",
      img: "",
      flist: [
"pa-fld3",	// Доп.поле3
      ""]
    }, // Конец второй вкладки
    { // Третья вкладка
      name: "Награды",
      img: "",
      flist: [
//"award",	// Награды rusff
//"gift",	// Подарки rusff
      ""]
    }, // Конец третьей вкладки
    {} // Конец списка вкладок
  ];
</script><!-- Cпойлер cкрытия полей мини-профиля - КОНЕЦ -->

<!-- Подсчет символов в постах пользователя -->
    <script type="text/javascript">var PostSymbols = {};
    PostSymbols.forums  = [1,5];  // Форумы, в постах которых учитываем символы
    PostSymbols.BBtags  = 1;      // Учитывать символы, входящие в состав BB-Тегов?, 0 - да, 1 - нет
    </script>
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/79967.js"></script>

<!--Выделение кода в блоке "Код" с перемещение в буфер обмена // © Damassk, версия 2019г. --> 
<script type="text/javascript" src="https://forumstatic.ru/files/0016/4a/bf/98029.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'выделить [копируется сразу]' //текст ссылки</script>
<!-- конец -->

<!-- Убираем граффити из формы ответа -->
<script type="text/javascript">
RusffCore.sets.graffiti = false;
</script>

<!-- Убираем файлы из формы ответа -->
<script type="text/javascript">
RusffCore.sets.files = false;
</script>
</div>

<div id="pun-title" class="section">
	<table id="title-logo-table" cellspacing="0">
    <tbody id="title-logo-tbody">
    	<tr id="title-logo-tr">
        <td id="title-logo-tdl" class="title-logo-tdl">
        	<h1 class="title-logo"><span>sweet dreams</span></h1>
        </td>
        <td id="title-logo-tdr" class="title-logo-tdr"><!-- banner_top --></td>
    	</tr>
    </tbody>
	</table>
</div>

<div id="pun-navlinks" class="section">
	<h2><span>Меню навигации</span></h2>
	<ul class="container">
    <li id="navindex"><a href="http://disshi10.rusff.me/"><span>Форум</span></a></li>
    <li id="navuserlist"><a href="http://disshi10.rusff.me/userlist.php" rel="nofollow"><span>Участники</span></a></li>
    <li id="navsearch"><a href="http://disshi10.rusff.me/search.php" rel="nofollow"><span>Поиск</span></a></li>
    <li id="navregister"><a href="http://disshi10.rusff.me/register.php" rel="nofollow"><span>Регистрация</span></a></li>
    <li id="navlogin"><a href="http://disshi10.rusff.me/login.php" rel="nofollow"><span>Войти</span></a></li>
	</ul>
</div>

<div id="pun-ulinks" class="section" onclick="void(0)">
	<h2><span>Пользовательские ссылки</span></h2>
	<ul class="container">
    <li class="item1"><a href="http://disshi10.rusff.me/search.php?action=show_recent">Активные темы</a></li>
	</ul>
</div>

<!--noindex-->
<div id="pun-announcement" class="section">
	<h2><span>Объявление</span></h2>
	<div class="container">
    <div class="html-box">
    	<div id="tabs">

<div id="submenu"> 
<!-- блок игра -->
<div id="game" class="submenutext">
   <!-- блок новости -->
   <div id="news">
           <div class="zag">
           Новости: 
           </div>
      <div class="text">
       ⁃ в клан Солнцекошек пришлый одиночка принёс блох. Львы до сих пор борются с их нашествием <br>
       ⁃ Тигры и горные кошки поймали огромного яка: чтобы он не сгнил, ели его два клана сразу. <br>
       ⁃ Землетрясение прогремело в тропических горах. Вольные кошки могут исследовать местность по правилам ивента. <br>
       ⁃ Пестрокошки плохо молились духам и были наказаны: молния сожгла лес колючих деревьев <br>
       ⁃ в клан Солнцекошек пришлый одиночка принёс блох. Львы до сих пор борются с их нашествием <br>
       ⁃ Тигры и горные кошки поймали огромного яка: чтобы он не сгнил, ели его два клана сразу. <br>
       ⁃ Землетрясение прогремело в тропических горах. Вольные кошки могут исследовать местность по правилам ивента. <br>
       ⁃ Пестрокошки плохо молились духам и были наказаны: молния сожгла лес колючих деревьев <br>
     </div>
   </div>
   <!-- конец  блока новости -->
   <!-- блок объявление -->
   <div id="ad">
              <div class="zag">
              Объявления: 
              </div>
              <div class="text">
              ⁃ в акциях появилось несколько новых предложений от амс. Нам нужна ваша помощь! <br>
              ⁃ погода на этот месяц определена, а какая будет в следующем? Пишите в этой теме свои пожелания <br>
              ⁃ Проходит ивент. Подробнее читайте тут <br>
              ⁃ Проголосуйте за награды!<br>
              </div>
    </div>
    <!-- конец блока объявление-->
</div>
</div>
<!-- конец блока игра -->


    <!-- блок помощь -->
<div id="help">
    <div class="zag1">
     Я хочу спросить про ...
    </div>
    <div id="pic">
    <div class="help_pic">
        <a href="#"><img src="https://forumstatic.ru/files/001b/bf/bc/68461.png" title="гепардов"></a> <a href="#"><img src="https://forumstatic.ru/files/001b/bf/bc/90386.png" title="пум/ирбисов"></a>
        <a href="#"><img src="https://forumstatic.ru/files/001b/bf/bc/86365.png" title="тигров"></a>
        <a href="#"><img src="https://forumstatic.ru/files/001b/bf/bc/58657.png" title="ягуаров"></a>
        <a href="#"><img src="https://forumstatic.ru/files/001b/bf/bc/89372.png" title="львов"></a>
        <a href="#"><img src="https://forumstatic.ru/files/001b/bf/bc/86063.png" title="леопардов"></a>
    </div>
    </div>
</div>
    <!-- конец блока помощь -->

<!-- блок ссылки -->
<div id="link">
              <div class="link">
              <a href="#"><span> Гостевая </span></a> •
              <a href="#"><span> Правила </span></a> •
              <a href="#"> <span> Реклама </span></a> •
              <a href="#"><span> Гостевая </span></a> •
              <a href="#"><span> Правила </span></a> •
              <a href="#"> <span> Реклама </span></a> •
              </div>
</div>
<!-- конец блока ссылки -->

</div>

<style>

Поделиться162025-11-28 23:04:37

Автор: dessy
sdfgmgcbv
Откуда: asdcx
Сообщений: 27

Код:

/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
@import url(style_cs.css);
@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Amatic+SC&family=Anton&family=Arima:wght@100&family=Bad+Script&family=Bebas+Neue&family=Caveat&family=Cinzel&family=Comfortaa:wght@300&family=Comforter+Brush&family=Cormorant+Garamond:wght@300&family=Cormorant+SC:wght@300&family=Edu+QLD+Beginner&family=Gloria+Hallelujah&family=Gochi+Hand&family=Great+Vibes&family=Hachi+Maru+Pop&family=Homemade+Apple&family=Indie+Flower&family=Kaushan+Script&family=Klee+One&family=Koulen&family=Lobster&family=Merienda&family=Montserrat+Alternates:wght@100&family=Nanum+Brush+Script&family=Neucha&family=Nothing+You+Could+Do&family=Pacifico&family=Playfair+Display+SC&family=Poiret+One&family=Roboto+Flex:opsz,wght@8..144,100&family=Roboto:wght@100&family=Ruslan+Display&family=Satisfy&family=Shadows+Into+Light&family=Sigmar+One&family=The+Nautigal&family=Yeseva+One&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2forumna?family=Comfortaa&display=swap');
@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");

@font-face {
font-family: 'First Reign PERSONAL USE ONLY';
src: url('https://forumstatic.ru/files/0018/20/d2/47750.otf');
font-weight: normal;
font-style: normal;
}



/* 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: auto;
  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, arial, helvetica, sans-serif;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
    font: 1em verdana, arial, helvetica, sans-serif;
    background-color: #b7b6ad;
    border: 1px solid rgb(158 156 152);
    border-radius: 0px;
}

/* 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: italic
  }

/* A3.9 */
.post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
}

/* A3.10 */
.punbb a {
  text-decoration: none; 
  }

/* A3.11 */
.punbb optgroup {
  font-weight: normal;
  }


/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
.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: auto;
    margin-top: 330px;
    margin-bottom: 140px;
    width: 980px;
    background-color: #b2b0a8;
}

/* A5.2 */
.punbb {
  margin-left: 20px;
  float: none;
  width: 920px;
  height: auto;
  }


/* A5.3 */
 #pun-redirect, #pun-maint {
  margin: 10px 10% 12px 10%;
  width: auto;
  float: none;}


/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px
  }

/* A5.9 */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 0.5em 1em;
  border-style: none solid solid none;
  border-width: 0 1px 1px 0;
text-transform: lowercase;
 background: b2b0a8 !important;
  }

#pun-main h2 {
    background: #b2b0a8;
    border-radius: 1px 1px 0 0;
}

/* скрываем быстрый ответ */
#post-form h2 span {
    font-size: 0px;
}

/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
     padding: 0;
    margin: 30px;
    width: 95%;
    text-align: justify;
}

/* B1.2 */
.punbb .post-sig dt {
display: block;
    text-align: center;
    border-top: 1px solid #7b76664f;
    margin-left: 385px;
    padding-bottom: 5px;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
  }


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

/* 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: 15px;
    padding: 1.5em;
    border-style: solid;
    color: rgb(32, 33, 36) !important;
    text-align: justify;
    margin-top: 15px;
    background: #c0c0c066;
    border-radius: 0px;
    border: 1px solid #6c6b6b7a;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    width: auto;
    font-size: 10.5px;
    font-family: 'Philosopher';
    text-transform: uppercase;
    margin-top: -10px !important;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 600;
    color: #3e3e41;
    padding: 5px !important;
    letter-spacing: 0.6px;
    text-align: center;
}
  
.punbb .quote-box cite a, .punbb .code-box strong.legend a {
color: #3e3e41 !important;
}
  


/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }

/* B3.2 */
.multipage {
  margin-top: 3em;
  }

/* B3.3 */
.linkst .pagelink {
  font-family: Philosopher;
    text-transform: lowercase;
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
    font-size: 12.3px;
color: #000000cc;
  }

/* B3.4 */
.linkst .postlink {
font-family: Philosopher;
    font-size: 12.3px;
    text-transform: lowercase;
  position: absolute;
  top: -4em;
  right: 1em;
  width: 16em;
  text-align: right;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
     font-size: 12.3px;
     font-family: Philosopher;
    text-transform: lowercase;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
    font-size: 12.3px;
  }


/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
    padding: 1.8em 0.3em 1em 1.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, .punbb select, .punbb input {
    margin: 0 1em 0 0;
    font-family: Philosopher;
    padding: 5px 15px;
    color: #222222e6;
    background: #b8b7b2;
    border: 1px solid #00000030;
    font-size: 13px!important;
    border-radius: 0px;
}

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
    padding: 0 5px;
    margin: 0px;
    font-family: Philosopher;
    text-transform: uppercase;
    font-size: 11px!important;
}

/* 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: right;
width: 30%;
 font-family: Tahoma;
 text-transform: lowercase; 
font-size: 10.8px;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
 font-family: Tahoma;
 text-transform: lowercase; 
  }

/* C2.3 */
.punbb .main .tcr {
    overflow: hidden;
    text-align: left;
    width: 20%;
    font-family: Philosopher;
    font-size: 12.2px;
    text-transform: lowercase;
}

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%;
      text-align: left;
  }


/* 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 {
    -webkit-text-size-adjust: none;
    text-align: left;
    font-size: 16px;
    letter-spacing: 0px;
    font-family: Philosopher;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-text-size-adjust: none;
}

#pun-index .tcl h3 a {
    color: #552323 !important;
    transition: all 0.5s;
    -webkit-text-size-adjust: none;
}


/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 0.4em 0.4em 1em;
   display: none;
  }




/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }

/* C2.14 */
.punbb tbody.hasicon td.tcl {
  padding-left: 3.2em;
  }


/* C2.15 */
.punbb div.icon {
  border-style: solid;
  border-width: 0.7em;
  height: 0;
  line-height: 0.0;
  margin-top: 1.1em;
  width: 0;
  }

.punbb td div.tclcon {
    text-align: justify;
    text-transform: lowercase;
    color: #151515de;
    font-weight: 500;
    font-family: Philosopher;
    font-size: 12.2px;
    background: #c0c0c066;
    border-radius: 0px;
    border: 1px solid #6c6b6b7a;
    padding: 10px;
}

/* C2.16 */
.punbb  table div.icon {
  font-size: 7px;
  position: absolute;
  margin-left: -2.7em;
  }



 /* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
 padding: 0em 1em;   
  display: block;
  margin-left: 0em;
  border-left-style: solid;
  border-left-width: 1px
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

#pun-viewtopic .post h3 {
    width: 950px;
    font-size: 9px;
    text-transform: uppercase;
    font-family: Philosopher;
    color: #3f3e3e;
    background-color: #a5a39d9e;
    margin-bottom: 0px;
    height: 18px;
    line-height: 18px;
    border-radius: 0px;
    margin-left: -6px;
}

/* C3.5 */
.punbb .post .post-author {
    float: left;
    width: 230px;
    text-align: center;
    margin-top: 40px;
       margin-left: -5px;
   background: #c0c0c066;
    border-radius: 10px;
    border: 1px solid #6c6b6b7a;
}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  color: #581f1f  !important;
    font-family: 'FIRST REIGN PERSONAL USE ONLY', 'Philosopher';
    text-transform: uppercase;
   letter-spacing: 0.1px;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    width: 200px;
    margin-top: 5px;
    margin-bottom: 5px;
      line-height: 21px;
}

/* C3.8 */
.pa-author a {
   color: #581f1f !important;
    display: inline-block;
}


#pun .post-author .pa-author a:hover {
     color: #393939!important;
    transition: 0.5s;
}


#pun .post-author .pa-author a {
    color: #581f1f !important;
    font-family: 'FIRST REIGN PERSONAL USE ONLY', 'Philosopher';
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.1px;
    font-size: 20px;
    margin-left: 0px;
    margin-top: 5px;
    padding: 2px 10px;
    transition: 0.5s;
    line-height: 21px;
}


/* C3.9 */
li.pa-title {
    font-family: Philosopher!important;
    color: #080808 !important;
    font-size: 9px!important;
    line-height: 115%;
    letter-spacing: 0.5px;
    border-radius: 0px;
    padding: 3px 3px!important;
    margin-top: -5px;
    margin-bottom: 5px;
    text-transform: lowercase;
}

.pa-reg { 
font-size: 9px;
    font-family: 'Philosopher';
    color: #000;
    letter-spacing: 0.3px;
    text-transform: uppercase;}

.pa-ip { 
 margin-top: 10px;
font-size: 9px;
    font-family: 'Philosopher';
    color: #000;
    letter-spacing: 0.3px;
    text-transform: uppercase;}

.pa-time-visit { 
font-size: 9px;
    font-family: 'Philosopher';
    color: #000;
    letter-spacing: 0.3px;
    text-transform: uppercase;}

.pa-awards {
  display: none;
}

/* 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;
    margin-left: 28px;
}

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
    padding: 0 1em 0 0;
    height: 2em;
    line-height: 2em;
    margin-left: -16em;
    border-top-style: dashed;
    border-top-width: 1px;
    background: transparent;
    text-align: right;
    font-size: 12.3px;
    font-family: Philosopher;
    text-transform: lowercase;
}

/* 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 {
    font-size: 12.3px;
  padding: 0.5em 1em;
  text-align: right;
font-family: Philosopher;
    text-transform: lowercase;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }


/* C6.4 */
#viewprofile ul  {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  background: #c0c0c066;
    border: 1px solid #6c6b6b7a;
    font-size: 10.7px;
    text-transform: lowercase;
    position: relative;
  border-radius: 0px;
  }

#profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
    font-size: 10.7px;
    text-transform: lowercase;
    position: relative;
  }


/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }


/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }


/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  border-style: solid solid none solid;
  border-width: 1px 1px 0 1px;
  }

/* D1.2 */
#pun-title h1 {
  display : block;
 margin: -74px 0px 0px 200px;
  }

/* D1.3 */
#pun-title .container {
  border-style: none solid none solid;
  }

/* D1.4 */
#pun-title h1 span {
  display : none;
}

.forumname {
    width: auto;
    cursor: default;
    display: block;
    font-size: 60px;
    color: transparent;
    -webkit-text-stroke: 1px #8f6f56;
    line-height: 70px;
    margin: -165px 0 0 410px;
    position: absolute;
    letter-spacing: 0px;
    font-family: First Reign PERSONAL USE ONLY;
    transition: 0.5s;
    z-index: -1;
}

.forumname:hover {
   -webkit-text-stroke: 1px #8f6f56;
    transform: rotate(1turn);
    transition: 0.5s;
  scale: 0.85;
}



#pun-title table {
   display: none;
}

#pun-title td.title-logo-tdl {
	border: none;
	width: 100%;
}

#pun-title td.title-logo-tdr {
	border: none;
	width: 700px;
}

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

/* D3.2 */
#pun-navlinks .container {
    font-family: Philosopher;
    line-height: 38px;
    margin-top: -330px;
    font-size: 11px;
    text-transform: uppercase;
    word-spacing: 15px;
    position: fixed;
    width: 800px;
    text-align: center;
    margin-left: 75px;
    z-index: 999;
}


#pun-navlinks a {
    color: #8d8b86;
transition: 1s;
}

#pun-navlinks a:hover {
       border-radius: 0px;
    background: #451f1f;
padding: 0 5px;
     color: #8d8b86;
transition: 1s;
}


/* D3.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  {
  margin-top: 0;
  }

/* D4.2 */
#pun-ulinks .container {
    position: fixed;
    font-size: 9.5px;
    text-align: center;
    margin-left: 70px !important;
    margin-top: -300px;
    font-family: Philosopher;
    letter-spacing: 0.7px;
    padding: 0 !important;
    text-transform: lowercase;
      width: 800px;
    text-align: center;
    word-spacing: -0.7px;
    display: inline-block;
    z-index: 9999;
}

#pun-ulinks a {
     color: #7a7975;
}

#pun-ulinks a:hover {
     color: #7a7975;
}

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

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

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status {
    position: absolute;
    text-align: center;
    height: 20px;
    font-size: 10.5px;
    letter-spacing: 0.3px;
    font-family: Philosopher;
    text-transform: lowercase;
    width: 900px;
    padding: 0 50px;
    margin-left: -24px;
    top: 71px;
}

#pun-status .container {
    padding: 0 5px;
    line-height: 16px;
    display: inline-block;
    color: #7a7975;
}

#pun-status .container a { 
    font-size: 10.5px;
    font-family: Philosopher;
       letter-spacing: 0.7px;
     text-transform: lowercase;
color: #7a7975;
}
 
/* 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-bottom: none;
    padding: 0.8em 1em;
    text-transform: uppercase;
    font-size: 9px;
    text-align: center;
    letter-spacing: 1px;
    font-family: Philosopher;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
display: none;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 0em;
  }

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
 margin-top: -30px !important;
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
    float: left;
    display: inline-block;
    line-height: 110%;
    font-size: 10px;
    color: #413c3c;
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 0.2px;
    margin-left: 3px;
    font-family: Philosopher;
    font-weight: 500;
    background: #c0c0c066;
    border-radius: 0px;
    border: 1px solid #6c6b6b7a;
    padding: 7px;
}

#pun-stats li.item1 {
    width: 140px;
}

#pun-stats li.item2 {
    width: 165px;
}

/* D7.3 */
 #pun-stats li.item3, #pun-stats li.item4  {
  float: right;
  display: inline-block;
  line-height: 110%;
   font-size: 10.5px;
    color: #413c3c;
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 0.2px;
    margin-left: 3px;
    font-family: Philosopher;
    font-weight: 500;
    background: #c0c0c066;
    border-radius: 0px;
    border: 1px solid #6c6b6b7a;
    padding: 7px;
  }

#pun-stats li.item3 {
    width: 235px;
}

#pun-stats li.item4 {
    width: 300px;
}

/* D7.4 */
li#onlinelist {
    margin-top: 1em;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    width: 100%;
    margin-left: 15px;
    line-height: 130%;
}

/* D7.5 */
li#onlinelist div {
    width: 868px;
    border-top-style: solid;
    border-top-width: 1px;
    padding: 0.7em 0 0 0;
    font-family: Philosopher;
    text-transform: lowercase;
    font-size: 11.7px;
    font-weight: 500;
    letter-spacing: 0.3px;
    text-align: justify;
}

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 0;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: center;
  line-height: 150%;
  padding: 0.8em 1em;
    font-size: 8px;
    font-family: Philosopher;
  text-transform: lowercase;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
 border-bottom: none;
    padding: 0.8em 1em;
    text-transform: uppercase;
    font-size: 9px;
    text-align: center;
    letter-spacing: 1px;
    font-family: Philosopher;
}

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 1px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }


/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }


/*ОТКЛЮЧЕНИЕ ПЛАШКИ СМЕНЫ DNS*/
#dns-ip-replace-notify {display:none!important;}
#pun_wrap{position:static!important;}




/*БЛЮР ЗАЧЕРКИВАНИЯ*/
.punbb .post-content del {
    filter: blur(2px);
    text-decoration: none;
    }

.punbb .post-content del:hover { 
filter: none; 
text-decoration: none;}






.punbb #size-area {
    padding: 0 9px!important;
    overflow: hidden;
    overflow-y: auto;
    height: 355px;
    z-ndex: 100000;
}

/* окошко переноса соо */
.pun-modal .container {
    background: #b2b0a8;
    border-radius: 0 0 1px 1px;
}

.p-message {
    background: #000000 !important;
}

.p-advert, .p-promo, .p-notice, .p-award, .p-reputation, .p-report {
    background: #7e7c79 !important;
}


#pun-index .tc2, #pun-index .tc3, #pun-index .tcmod {
    font-family: montserrat;
    font-size: 9px;
    font-weight: 500;
    width: 20px;
display: none
}


.Tems_And_messages  {
    display: inline-block;
    width: auto;
    font-family: roboto !important;
    height: 20px;
    font-size: 7.5px;
    text-transform: uppercase;
    color: #38353b;
    font-weight: normal;
    text-align: center;
    width: 131px;
    display: flex;
    justify-content: space-between;
    line-height: 27px;
    margin-left: 370px !important;
}

.Tems_And_messages span {font-weight: normal;
    display: block;
    height: 21px;
    }


/* стрелки */
.go-up, .go-down {
    display: none;
    position: fixed;
    margin-left: 981px;
    z-index: 100;
    border-radius: 10%;
    cursor: pointer;
    outline: 2px solid #4b2424;
    margin-bottom: 40px;
    width: 16px;
    height: 16px;
    background: #1c1c1c;
}
.go-up {
bottom:250px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:180px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}


/* сообщения */
span.num_msg {
    z-index: 999;
    margin-top: 6px!important;
    margin-left: 6px!important;
   background: #581f1f!important;
    color: #97958e!important;
    border-radius: 0px;
    font: bolder 10px/1.6 Tahoma!important;
    cursor: pointer;
}

span.num_msg:before {
    content: " ";
    display: inline-block;
    position: absolute;
    width: 5px;
    height: 5px;
    background:  #581f1f!important;
    top: 14px!important;
    margin-left: 1px;
}


/* уведомления */
.bubble {
    background: #581f1f!important;
    border: 0 none;
    border-radius: 0px;
    color: #97958e!important;
    display: inline-block;
    font: bolder 8px/1.6 Tahoma;
    margin: 0;
    min-width: 14px;
    padding: 0 1px;
    position: absolute;
    right: -9px !important;
    text-align: center;
    top: -8px!important;
}

.bubble:after {
    border-color:  #581f1f transparent !important;
   border-style: solid;
    border-width: 3px 3px 0;
    content: "";
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
}


/*БыстроПлюсы для Топика!*/
.noNull:before {
  content: "+";
  font-size: 9px;
  display: inline-block;
  margin-left: -6px;
  margin-top: 0px;
  position: absolute;
}
div .post-rating p>a {
    text-align: center;
    outline: 1px solid transparent;
    font-weight: 700;
    background: url(https://forumstatic.ru/files/001b/a6/d4/26514.svg) no-repeat center;
    filter: brightness(0.65);
    background-size: 38px auto;
    position: relative;
    padding-left: 1px;
    z-index: 3;
    width: 38px;
    height: 38px;
    text-align: center;
    font-size: 12px !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    letter-spacing: -1px;
    color: #000000d4;
}
div.dark-style .post-rating p>a {
  color: #6BC8AF !important;
}
div.post-vote {
    margin-bottom: 65px;
}
div.post-vote p>a {
    font-size: 0 !important;
    position: absolute;
    cursor: pointer;
    z-index: 200;
    width: 23px;
    height: 23px;
    background: url(https://forumstatic.ru/files/0012/d8/04/75043.png?) no-repeat;
   filter: brightness(0.7);
    display: block;
    background-size: 100%;
    margin-left: -9px;
    margin-top: 8.5px;
       z-index: 1;
}
.post.dark-style div.post-vote p>a {
  background: url(https://forumstatic.ru/files/0012/d8/04/38128.png?) no-repeat;
  background-size: 100%;
}

.textblock {
    height: 80px;
    width: 320px;
    cursor: default;
    margin-top: -170px;
    overflow: auto;
    margin-left: -20px;
    position: absolute;
    color: #919997 !important;
    border-radius: 0px;
    font-family: Philosopher;
    font-size: 11px;
    letter-spacing: 0.2px;
    line-height: 15px;
    text-transform: lowercase;
    text-align: justify;
    padding: 5px;
  z-index: -1;
}

.textblock2 {
    width: 320px;
    font: 300 11px Philosopher;
    letter-spacing: 0.7px;
    position: absolute;
    z-index: -1;
    padding: 2px 6px;
    margin-left: -20px;
    margin-top: -75px;
   color: #9d9d9be0;
}


.textblock2 a {
    color: #9d9d9be0 !important;
}

.textblock3 {
    width: 290px;
    font: 300 11px Philosopher;
    letter-spacing: 0.7px;
    position: absolute;
    padding: 2px 6px;
    margin-left: 645px;
    margin-top: -170px;
    color: #9d9d9be0;
    text-align: center;
    line-height: 17px;
    z-index: -1;
      cursor: default;
}

.textblock3 a {
    color: #9d9d9be0 !important;
}

/* активен */
.pa-last-visit,
.pa-online {
	display: none
}

.indOnline, .indOffline {
    position: absolute;
    margin: -25px -7px;
    z-index: 10;
    display: block;
    width: 8px;
    border-radius: 0px;
    height: 8px;
}

.indOnline {
   background: #131313;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor 1.3s linear infinite;
}

.indOffline {
    background: transparent;
}

@media only screen and (max-device-width: 600px) {
  .hvStickerPackModal.active {
    display: block;
    width: 500px!important;
background: #b8b7b2 !important;
    text-transform: lowercase;
    border-radius: 0px;
    box-shadow: 0 0 0 0.1px inset #595959;
    z-index: 99999;
}}

.hvStickerPackModal.active {
    display: block;
    width: 930px !important;
 background: #b8b7b2 !important;
    text-transform: lowercase;
    border-radius: 0px;
    box-shadow: 0 0 0 0.1px inset #595959;
    z-index: 99999;
}


.hvStickerPackModalContent {
    border: none !important;
    padding: 0px 12px;
    min-height: 70px;;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-height: 230px;
    overflow-x: hidden;
    overflow-y: auto;
}

input.hvStickerPackModalAddButton {
    margin: 0 1em 1.5em 0;
    min-width: 90px;
    padding: 6px 15px 6px 15px !important;
    transition: all 0.5s ease-in-out 0s;
    font-family: 'Comfortaa';
    font-size: 11px!important;
    text-transform: lowercase;
    letter-spacing: 0.2px;
    color: #191819f7 !important;
}

.hvStickerPackModalInput {
    background: #b8b7b2;
    border: solid 1px #8e8e8e !important;
    color: #000 !important;
}

.bestpost {
    height: 40px;
    width: 290px;
    cursor: default;
    margin-top: -123px;
    overflow: auto;
    margin-left: 645px;
    position: absolute;
    color: #919997 !important;
    border-radius: 0px;
    font-family: Philosopher;
    font-size: 11px;
    letter-spacing: 0.3px;
    line-height: 15px;
    text-transform: lowercase;
    text-align: justify;
    padding: 5px;
    z-index: -1;
}


.bestpost  a {
    color: #919997 !important;
}


.ep {
    width: 300px;
    cursor: default;
    margin-top: -60px;
    margin-left: 645px;
    position: absolute;
    color: #919997 !important;
    border-radius: 0px;
    font-family: Philosopher;
    font-size: 11px;
   letter-spacing: 0.7px;
    line-height: 15px;
    text-transform: lowercase;
    text-align: justify;
    padding: 5px;
  z-index: -1;
}

.ep a {
    color: #919997 !important;
}


/* оформление тем, идея iand */
.theme {
    margin: auto;
    background: url(https://forumstatic.ru/files/0018/20/d2/16312.png) no-repeat, #b8b7b2;
    width: 699px;
    padding: 5px 0 15px 0;
    border-radius: 0px;
    border: 1px solid #8181818f;
}

.theme_title {
    width: 700px;
    margin-top: -10px;
    text-align: center;
    font-size: 48px;
    overflow-y: hidden;
    color: transparent;
    -webkit-text-stroke: 1px #8d8b86;
    font-family: 'FIRST REIGN PERSONAL USE ONLY';
    font-weight: normal;
    line-height: 90px;
    cursor: default;
}

.theme_title span {
    display: block;
    text-align: center;
    border-radius: 0px;
    background: #1b1b1b;
    color: #a6a6a6 !important;
    width: 300px;
    margin-left: 200px;
    font-size: 10px;
    letter-spacing: 0.8px;
    -webkit-text-stroke: 0px #706f6d;
    font-weight: normal;
    font-family: Philosopher;
    text-transform: uppercase;
    cursor: default;
    line-height: 21px;
    margin-top: -18px;
}

.theme-text {
    width: 92%;
    margin: auto;
    font-size: 12.3px;
    padding-top: 17px;
    font-weight: 500;
    font-family: Philosopher;
    color: #000000db;
    text-transform: lowercase;
    line-height: 19px;
    letter-spacing: 0.1px;
    cursor: default;
}

.theme-text b {
font-weight: 700 !important;
 color: #582626 !important;
}

.theme-text span {
    display: block;
    font-size: 17px;
    font-family: Philosopher;
    font-weight: 700;
    color: #582626;
    padding-top: 10px;
    padding-bottom: 4px;
}


/* иконки в форме ответа */
#form-buttons #button-font,
#form-buttons #button-transL,
#form-buttons #button-indent,
#form-buttons #button-size,
#form-buttons #button-bold,
#form-buttons #button-italic,
#form-buttons #button-underline,
#form-buttons #button-strike,
#form-buttons #button-left,
#form-buttons #button-center,
#form-buttons #button-right,
#form-buttons #button-justify,
#form-buttons #button-spoiler,
#form-buttons #button-quote,
#form-buttons #button-code,
#form-buttons #button-color,
#form-buttons #button-smile,
#form-buttons #button-link,
#form-buttons #button-image,
#form-buttons #button-image2,
#form-buttons #button-video,
#form-buttons #button-hide,
#form-buttons #button-table,
#form-buttons #button-keyboard,
#form-buttons #button-addition,
#form-buttons #button-html,
#form-buttons #floatbut,
#form-buttons td#button-styles,
#form-buttons #button-pr,
#form-buttons #button-sticker,
#form-buttons #button-mask {
    font-family: 'cappuccicons', 'fontawesome';
    background: transparent!important;
    top: 12px !important;
    position: relative;
    width: 27px;
    height: 23px;
   color: rgb(59 59 59);
}

#form-buttons  #button-servimg  {
    top: 6px !important;
    position: relative;
    width: 27px;
    height: 20px;
}

#form-buttons td {display: inline-block; margin: 0 3px 3px;  line-height: 24px; /* отступы кнопок друг от друга */}


#form-buttons td img {
    height: 26px;
    width: 100%;
    margin-top: -12px !important;
}

#form-buttons #button-indent {
display: none
}

#button-font:before {content: "\f031"} 
#button-transL:before {content: "\f031"} 
#button-size:before {content: "\f034";}
#button-bold:before {content: "\f032"} 
#button-italic:before {content: "\f033"} 
#button-underline:before {content: "\f0cd"} 
#button-strike:before {content: "\f0cc"} 
#button-indent:before {content:"\f03c";} 
td#button-image:before {content: "\f03e"}
td#button-image2:before {content:"\f0ee";} 
#button-left:before {content: "\f036"}
#button-right:before {content: "\f038"}
#button-center:before {content: "\f037"}
 #button-spoiler:before {content: "\f187"} 
 #button-quote:before {content: "\f10d"} 
 td#button-code:before {content: "\f121"} 
 td#button-color:before {content: "\ebc3"} 
 #button-smile:before {content: "\ea84"} 
 #button-link:before {content: "\f0c1"} 
 #button-image:before {content: "\f007"} 
 #button-image2:before {content: "\f007"} 
 #button-video:before {content: "\f03d"} 
 #button-hide:before {content: "\f070"} 
 #button-table:before {content: "\f0ce"} 
 #button-keyboard:before {content: "\f11c"} 
td#button-sticker:before {content: "\f004";} 
#floatbut:before {content:"\2a";} 
#button-addition:before {content:"\f005";} 
#button-mask:before {content: "\f007"} 
td#button-styles:before {content:"\f03c";} 
td#button-pr:before {content: "\ea3f";}
#button-servimg:before {content: "\ea3f";}

#form-buttons tr {
    text-align: left;
}

/* внешности */
.bookface {
    margin: auto;
    border-radius: 0px;
    background: url(https://forumstatic.ru/files/0018/20/d2/85714.jpg);
    box-shadow: 0 0 350px 100px #5c5c5c78 inset;
        border: 1.5px solid #2d2d2d;
    width: 750px;
    height: 510px;
}

.titleface {
    float: left;
    width: 650px;
    text-align: center;
    font-size: 47px;
    color: transparent;
    -webkit-text-stroke: 1px #8d8b86;
    font-family: 'FIRST REIGN PERSONAL USE ONLY';
    background-clip: text !important;
    padding: 10px;
    height: 10px;
    line-height: 10px;
    text-transform: uppercase;
    margin-top: 40px;
    margin-left: 40px;
    cursor: default;
}

.infoface {
    float: left;
    display: block;
    text-align: center;
    border-radius: 0px;
    background: #1b1b1b;
    height: 20px;
    color: #989998 !important;
    width: 556px;
    margin-left: 98px;
    font-size: 9.5px;
    letter-spacing: 0.8px;
    font-weight: 300;
    font-family: Philosopher !important;
    text-transform: uppercase;
    cursor: default;
    line-height: 21px;
    margin-top: 18px;
}

.blockface, .blockface1 {
    float: left;
    text-align: justify;
    margin-top: 20px;
    margin-left: 30px;
    width: 320px;
    height: 350px;
    overflow: auto;
       color: #a2a2a1d9 !important;
    font-family: 'Philosopher';
    text-transform: lowercase;
    letter-spacing: .2px;
    cursor: default;
}


.face-text {
    text-align: center;
    width: 290px;
    padding: 5px;
    font-size: 15.5px;
    color: #9d9b99db;
    font-family: Philosopher !important;
    text-transform: uppercase;
    cursor: default;
}

.face1 {
    float: left;
    text-align: center;
    line-height: 20px;
    width: 300px;
    overflow: auto;
    font-size: 11.5px;
    padding: 4px;
    display: block;
    color: #9d9b99;
    font-family: Philosopher !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.face1 a, .face0 a {
   color: #9d9b99 !important;
}

.face0 {
    float: left;
    text-align: center;
    line-height: 20px;
    width: 300px;
    height: 155px;
    overflow: auto;
    font-size: 11.5px;
    padding: 4px;
    display: block;
    color: #9d9b99;
    font-family: Philosopher !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.employment {
    margin: 0 auto;
    margin-left: 28px;
    border-radius: 0px;
    background: url(https://forumstatic.ru/files/0018/20/d2/85714.jpg) right;
        box-shadow: 0 0 350px 100px #1f1e1e99 inset;
    border: 1.5px solid #2d2d2d;
    width: 750px;
    height: 510px;
}

.empl1 {
    float: left;
    text-align: center;
    line-height: 20px;
    width: 300px;
    font-size: 11.5px;
    padding: 4px;
    display: block;
    color: #7c7b7a;
    font-family: Philosopher !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.infoface2 {
    float: left;
    display: block;
    text-align: center;
    border-radius: 0px;
    background: #1b1b1b;
    height: 20px;
    color: #989998 !important;
    width: 410px;
    margin-left: 172px;
    font-size: 9.5px;
    letter-spacing: 0.8px;
    font-weight: 300;
    font-family: Philosopher !important;
    text-transform: uppercase;
    cursor: default;
    line-height: 21px;
    margin-top: 18px;
}

.employment-text {
    position: relative;
    text-align: center;
    width: 190px;
    padding: 5px;
    font-size: 15.5px;
    color: #8f8f8f;
    font-family: Philosopher !important;
    text-transform: uppercase;
    cursor: default;
}

.employment1, .employment2, .employment3 {
    float: left;
    text-align: justify;
    margin-top: 20px;
    margin-left: 20px;
    width: 220px;
    height: 350px;
    overflow: auto;
    color: #9d9b99!important;
    font-family: 'Playfair Display';
    text-transform: lowercase;
    letter-spacing: .2px;
    cursor: default;
}

.empl {
    float: left;
    text-align: center;
    line-height: 20px;
    width: 190px;
    font-size: 11.5px;
    padding: 4px;
    display: block;
   color: #9d9b99!important;
    font-family: Philosopher !important;
    margin-bottom: 10px;
}

.empl a {
   color: #9d9b99!important;
}


/* гостевая */
.bookguest {
   margin: 0 auto;
    margin-left: 28px;
    margin-left: 28px;
    border-radius: 0px;
    background: url(https://forumstatic.ru/files/0018/20/d2/85714.jpg) bottom;
    box-shadow: 0 0 350px 100px #5a595978 inset;
    border: 1.5px solid #2d2d2d;
    width: 750px;
    height: 540px;
}

.infguest {
    float: left;
    display: block;
    text-align: center;
    border-radius: 0px;
    background: #1b1b1b;
    height: 20px;
    color: #989998 !important;
    width: 490px;
    margin-left: 149px;
    font-size: 9.5px;
    letter-spacing: 0.8px;
    font-weight: 300;
    font-family: Philosopher !important;
    text-transform: uppercase;
    cursor: default;
    line-height: 21px;
    margin-top: 18px;
}

.forumguest {
    float: left;
    width: 500px;
    text-align: center;
    font-size: 50px;
    color: transparent;
    -webkit-text-stroke: 1px #8d8b86;
    font-family: 'FIRST REIGN PERSONAL USE ONLY';
    padding: 10px;
    height: 10px;
    line-height: 10px;
    text-transform: uppercase;
    margin-top: 45px;
    margin-left: 130px;
    cursor: default;
}

.infoguest {
    position: relative;
    float: left;
    text-align: justify;
    line-height: 16px;
    margin-top: 15px;
    margin-left: 58px;
    width: 640px;
    color: #898787 !important;
    font-family: 'Philosopher';
    text-transform: lowercase;
    letter-spacing: .2px;
    cursor: default;
}

.info2 {
    position: relative;
    float: left;
    text-align: center;
    line-height: 16px;
    margin-top: -5px;
    margin-left: 58px;
    width: 625px;
    color: #898787 !important;
    font-family: 'Philosopher';
    text-transform: lowercase;
    letter-spacing: .2px;
    cursor: default;
}

.guest-face1 {
    float: left;
    text-align: center;
    background: #2530284a;
    box-shadow: 0px 0px 100px 0px #303933 inset;
    border: 1px solid #92824e99;
    border-radius: 0px;
    line-height: 23px;
    margin-top: 55px;
    margin-left: 35px;
    width: 315px;
    height: 94px;
    font-family: 'Playfair Display';
    font-size: 11.5px;
    letter-spacing: .2px;
    overflow-y: auto;
    padding: 6px;
     color: #b7a386d9 !important;
}

.guest-face1 a, .guest-face2 a {
  color: #b7a386d9 !important;
}

.guest-face2 {
    float: left;
    text-align: center;
    background: #2530284a;
    box-shadow: 0px 0px 100px 0px #303933 inset;
    border: 1px solid #92824e99;
    border-radius: 0px;
    line-height: 23px;
    font-family: 'Playfair Display';
    font-size: 11.5px;
    letter-spacing: .2px;
    margin-top: 55px;
    margin-left: 25px;
    width: 315px;
    height: 94px;
    overflow-y: auto;
    padding: 6px;
    color: #b7a386d9 !important;
}

.guest-needblock {
    position: relative;
    width: 720px;
    float: left;
    text-align: center;
    margin-top: 55px;
    margin-left: 15px;
    height: 105px;
}

.guest-need{
position: relative;
    max-width: 75px;
    max-height: 75px;
    margin-top: 10px;
    padding: 15px;
}

.guest-need img {
    max-width: 75px;
    max-height: 75px;
    filter: brightness(0.5) opacity(0.6) grayscale(1);
    background-blend-mode: soft-light;
    border-radius: 10%;
    border: 1px solid #636663;
    transition: 0.4s linear;
}

.guest-need span {
    position: absolute;
    width: 75px;
    height: 75px;
    font-family: 'Philosopher';
    text-transform: uppercase;
    font-size: 10px;
    line-height: 12px;
    font-weight: normal;
    color: #9e9e9d;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    top: -60px;
    left: 0px;
    opacity: 1;
  padding: 15px;
}

.guest-need span:hover {
    opacity: 0;
    transition: all 0.6s ease;
    filter: none;
  transition: 0.4s linear;
}


.infguest2 {
    float: left;
    display: block;
    text-align: center;
    border-radius: 0px;
    background: #1b1b1b;
    color: #989998 !important;
    width: 300px;
    margin-left: 10px;
    font-size: 9.5px;
    letter-spacing: 0.8px;
    font-weight: 300;
    font-family: Philosopher !important;
    text-transform: uppercase;
    cursor: default;
    line-height: 21px;
    margin-top: 10px;
}

.blockguest, .blockguest1 {
    float: left;
    text-align: justify;
    margin-top: 0px;
    margin-left: 30px;
    width: 320px;
    height: 190px;
    color: #a2a2a1d9 !important;
    font-family: 'Philosopher';
    text-transform: lowercase;
    letter-spacing: .2px;
    cursor: default;
}


.infguest2 {
    float: left;
    display: block;
    text-align: center;
    border-radius: 0px;
    background: #1b1b1b;
    color: #989998 !important;
    width: 300px;
    margin-left: 10px;
    font-size: 9.5px;
    letter-spacing: 0.8px;
    font-weight: 300;
    font-family: Philosopher !important;
    text-transform: uppercase;
    cursor: default;
    line-height: 21px;
    margin-top: 18px;
}




/* плашки */
#newstime {
    text-align: center;
    font-family: Philosopher;
    font-weight: 600;
    font-size: 8.5px;
    padding: 3px 0 3px 0px;
    color: #191919;
    margin: 7px 0 0 0 !important;
    width: 965px;
    height: 35px;
    line-height: 20px;
    border-radius: 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
}

.newstime_title {
    text-align: center;
    font-family: Philosopher;
    font-weight: 600;
    font-size: 10.5px;
    background: #c0c0c066;
    border-radius: 0px;
    border: 1px solid #6c6b6b7a;
    width: auto;
    padding: 0px 10px;
    border-radius: 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    line-height: 17px;
    padding-top: 5px;
    height: 35px;
    color: rgb(71 29 29) !important;
}

.newstime_title a {
    color: rgb(128 138 172) !important;
}

.newstime_title span {
    display: block;
    font-size: 8.5px;
    letter-spacing: 0.8px;
    line-height: 14px;
    color: #0b0b0b !important;
    border-radius: 0px;
}

#newstime:hover  {
    filter: grayscale(1) brightness(0.95);
    transition: ease-out 1.4s;
}



/* новости */

.booknews {
    margin: 0 auto;
    margin-left: 28px;
    margin-left: 28px;
    border-radius: 0px;
    background: url(https://forumstatic.ru/files/0018/20/d2/85714.jpg) top;
    box-shadow: 0 0 350px 100px #28272778 inset;
    border: 1.5px solid #2d2d2d;
    width: 750px;
    height: 450px;
}

.bookivent {
    margin: 0 auto;
    margin-left: 28px;
    margin-left: 28px;
    border-radius: 0px;
    background: url(https://forumstatic.ru/files/0018/20/d2/85714.jpg) bottom;
    box-shadow: 0 0 650px 100px #4f4e4e70 inset;
    border: 1.5px solid #2d2d2d;
    width: 750px;
    height: 370px;
}

.infonews {
    position: relative;
    float: left;
    text-align: justify;
    line-height: 16px;
    margin-top: 25px;
    margin-left: 53px;
    overflow: auto;
    height: 250px;
    width: 640px;
    padding-right: 10px;
    color: #898787 !important;
    font-family: 'Philosopher';
    text-transform: lowercase;
    letter-spacing: .2px; 
   font-size: 11.1px;
    cursor: default;
}

.infonews a {
    color: #898787 !important;
}

.infonews span {
    /* display: block; */
    text-align: center;
    padding: 2px 10px;
    color: #898787 !important;
    border-radius: 0px;
    background: #1b1b1b;
}

.inews {
    float: left;
    display: block;
    text-align: center;
    border-radius: 10px;
    background: #1b1b1b;
    height: 20px;
    color: #989998 !important;
    width: 650px;
    margin-left: 59px;
    font-size: 9.5px;
    letter-spacing: 0.8px;
    font-weight: 300;
    font-family: Philosopher !important;
    text-transform: uppercase;
    cursor: default;
    line-height: 21px;
    margin-top: 30px;
}

.inews a {
    color: #989998 !important;
}

.newstit {
    float: left;
    width: 390px;
    text-align: left;
    font-size: 50px;
    color: transparent;
    -webkit-text-stroke: 1px #8d8b86;
    font-family: 'FIRST REIGN PERSONAL USE ONLY';
    padding: 10px;
    height: 10px;
    line-height: 10px;
    text-transform: uppercase;
    margin-top: 45px;
    margin-left: 50px;
    cursor: default;
}

.htmlimg {
    max-width: 230px !important;
    border-radius: 0px;
    margin-top: -57px;
    margin-left: 465px;
    filter: brightness(0.8) opacity(0.4) grayscale(1);
    outline: 1px solid #767575;
}

Поделиться172025-11-28 23:04:43

Автор: dessy
sdfgmgcbv
Откуда: asdcx
Сообщений: 27

Код:

/* скрыть VIP-аккаунт*/
#pun-status .item4.status-right{
  display: none;
}


#leavegif6 {
    background: url(https://forumstatic.ru/files/0018/20/d2/98747.png);
    width: 330px;
    height: 300px;
    filter: brightness(0.7) sepia(1) hue-rotate(135deg) opacity(0.9) contrast(1) blur(0.1px);
    position: absolute;
    top: 135px;
    margin-left: 305px;
    z-index: -1;
}

#leavegif5 {
    background: url(https://forumstatic.ru/files/0018/20/d2/37290.png);
    width: 300px;
    height: 340px;
    filter: brightness(0.65) sepia(1) hue-rotate(135deg) opacity(0.3) contrast(1) blur(0.1px);
    position: absolute;
    top: 76px;
    margin-left: 325px;
    z-index: -1;
}

/* маска */
#mask_dialog .inner {
      width: 800px !important;
    background: #b8b7b2 !important;
    box-shadow: 0 0 0 0.1px inset #595959;
    text-transform: lowercase;
    border-radius: 0px;
    color: #3a3a3a !important;
}
#mask_dialog .hv-preview-block img {
    max-width: 100px;
    border-radius: 0px;
}

.hv-storage-count {
    flex: 1 1 100%;
    width: 100%;
    text-align: center;
    padding-bottom: 6px;
    color: #262424 !important;
    font-size: 10px;
}

#mask_dialog .hv-add-template {
    cursor: pointer;
    float: right;
    padding: 5px;
    border-radius: 0px !important;
    border: 1px solid #00000030 !important;
}

.helloworld {
    position: fixed;
    height: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #181818;
    border-top: 1px solid #353434!important;
    z-index: 300;
}

.helloworld-text {
    cursor: default;
    color: #919997 !important;
    font-family: Philosopher;
    font-size: 12px;
    letter-spacing: 0.2px;
    height: 50px;
    line-height: 45px;
}



.line {
    border-top: 2px solid #562222;
    border-left: 2px solid #562222;
    margin-left: -320px !important;
    width: 400px;
    height: 100% !important;
    left: 50%;
    position: fixed;
    top: 118px;
    transform: translateX(-50%);
    z-index: -400;
}

.line2 {
    border-top: 2px solid #562222;
    border-right: 2px solid #562222;
    margin-left: 320px !important;
    width: 400px;
    height: 100% !important;
    left: 50%;
    position: fixed;
    top: 118px;
    transform: translateX(-50%);
    z-index: -400;
}

.line3 {
      position: fixed;
    left: 0px;
    top: 0px;
    background: #181818;
    border-bottom: 1px solid #353434!important;
    height: 50px;
    width: 100%;
    z-index: 101;
}

@media only screen and (max-device-width: 1000px) {
.line, .line2   {
    display: none;
}}



.shapka {
    z-index: -2;
    background: url(https://forumstatic.ru/files/0018/20/d2/51271.png);
    width: 300px;
    height: 300px;
    position: absolute;
    top: 118px;
    display: block;
    margin-left: 325px !important;
}


.pa-fld1 {
    display: block;
    position: absolute;
    width: 228px;
    margin-top: -29px !important;
    margin-left: -10.5px !important;
    border-radius: 0px;
    text-align: center;
    text-transform: lowercase;
    font-family: Philosopher;
    font-size: 11px;
    line-height: 15px;
    background: #3e4f4b;
    color: #b8b7b2;
}

/* сообщение не вылазит за границы */
#pun .post-content {
    word-wrap: break-word;
}

/* фиксация поля ответа в телефоне */
textarea {
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

/* для мобильных устройств */
body{
  overflow-y: scroll;
}
#pun_wrap  {
    min-width: 1250px !important;
}

HTML, body {
	min-width: 540px!important;
}

/* айфон */
html {
-webkit-text-size-adjust: none;
}
/* подсказки */
@media (pointer: coarse), (hover: none) {
      [title] {
        position: relative;
        display: inline-flex;
        justify-content: center;
      }
      [title]:focus::after {
        content: attr(title);
        position: absolute;
        top: 90%;
        color: #000;
        background-color: #fff;
        border: 1px solid;
        width: fit-content;
        padding: 3px;
      }
    }


/* копирайт */
.footer-copy {
    width: 300px;
    height: 15px;
    display: inline-block;
    position: absolute;
    margin-top: 67px!important;
    line-height: 12px;
    margin-left: 310px!important;
    font-weight: 600;
    text-align: center;
    padding: 0px 5px;
    font-family: Philosopher;
    font-size: 9px;
    letter-spacing: 1.2px;
      color: rgb(131 57 57) !important;
    text-transform: uppercase;
    z-index: 10;
    transition: ease-out 1.9s;
}

.footer-copy a {
    color: rgb(131 57 57) !important;
}

/* фиксация поля ответа в телефоне */
textarea {
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

/* для мобильных устройств */
HTML, body {
	min-width: 540px!important;
}
body{
  overflow-y: scroll;
}
#pun_wrap  {
    min-width: 1100px !important;
}


/* фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
    background: #b2b0a8;
border-radius: 0px;
}


/* линия */
hr {
    border: 1px dotted #00000057;
}


/* категории */
#pun-index .category h2 span, #pun-stats.section h2 span  {
     cursor: default;
    font-family: 'FIRST REIGN PERSONAL USE ONLY';
    margin-top: 0px;
    border-bottom: 1px dotted #00000021;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #4c5f60;
    -webkit-text-fill-color: transparent;
    -moz-text-stroke-width: 1px;
    -moz-text-stroke-color: #4c5f60;
    -moz-text-fill-color: transparent;
    font-size: 33px !important;
    display: inline-block;
    padding: 3px 0px;
    width: 940px;
    letter-spacing: 5px;
    text-align: center;
    margin-left: -10px;
    z-index: -9999;
}



/* фон */
body {
background-color: #181818!important;
background: url("https://forumstatic.ru/files/0018/20/d2/51759.jpg");
background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
     background-size: cover;
overflow-x: hidden !important;
}


/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
   background-color: #transparent;
  color: #333;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
   background-color: #transparent;
  color: #333;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
   background-color: #transparent;
  color: #464646;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
 background-color: #transparent;
  color: #333;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #transparent;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #transparent;
  color: #333
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  color: #282828;
  }

/* CS1.8 */
#pun-navlinks .container {
 background-color: #transparent;
  color: #2d2d2d;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: transparent;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
     color: #2f2c2a;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #3f3f3f;
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #3f3f3f;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #3f3f3f;
  text-decoration: none
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #3d3b3b;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  text-decoration: none
  color: #3f3f3f;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/
/* иконки сообщений*/
#pun-index table Div.icon {margin: 9px 0px 0px -25px;
border-radius: 10%;}
#pun-index table Div.icon:before {
 background: #4f4d524d;
}

#pun-index table div.inew {margin: 9px 0px 0px -25px;
border-radius: 10%;}
#pun-index table div.inew:before {
background: #444343;
}

#pun-viewforum table Div.icon, #pun-messages table Div.icon {
    position: relative;
    float: left;
    background: #4f4d524d;
    width: 10px;
    height: 10px;
   border: none;
    margin-left: -25px !important;
    margin-top: 3px!important;
border-radius: 10%;
}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon  {
   background: #444343;
border-radius: 10%;
}

#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon {
   background: #623232;
   border-radius: 10%;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon {
 background: #4f4d524d;
   border-radius: 10%;
}


/* убирает голубую обводку в форме ответа */
input, textarea { outline: none; }  input:active, textarea:active { outline: none; } :focus { outline: none; }



/* выделение */
    ::selection { 
    background: none repeat scroll 0 0 rgb(106 45 38 / 90%);
    color: #c3c1ba;
    opacity: 0.4;
    }  
*::-moz-selection {
    background: none repeat scroll 0 0 rgb(106 45 38 / 90%);
    color: #c3c1ba;
}


/* профиль */
.pa-posts, .pa-respect, .pa-fld4 {
    display: inline-block;
    width: 56px;
    text-align: center;
    padding: 0px 5px !important;
    margin-top: 0px!important;
    margin-bottom: 8px!important;
    font-size: 9px;
    font-family: Philosopher;
    color: #000;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}
.pa-respect a {color: #000!important;}
.pa-respect a img {
  filter: brightness(0.36);
}

.pa-avatar img {
    border-radius: 0px;
    margin-bottom: 5px;
    transition: 1s;
    max-width: 180px;
    max-height: 180px;
}


.pa-avatar img:hover {
    filter: grayscale(1);
    transition: 1s;
}

.punbb li.pa-avatar {
position: relative;
display: inline-block;
padding: 5px 7px 0 !important;
}
 
.pa-avatar:before {
    content: "";
    position: absolute;
    display: inline-block;
    z-index: 10;
    top: -12px;
    left: -10px;
    width: 45px;
    height: 45px;
    transform: scale(0.85);
    background: url(https://forumstatic.ru/files/0018/20/d2/80460.png) no-repeat top left;
}
 
li.pa-avatar img {
width: 100%;
height: auto;
}

/* шрифты, размер и другое */
#font-area, #size-area, #spoiler-sels {
       background-color: #b4b3ac;
    color: #464544 !important;
    border: 1px solid #9c9996;
    border-radius: 0px;
    width: 150px !important;
     margin-left: 10px;
    padding: 8px;
    margin-top: 4px;
    max-height: 148px;
    overflow-y: auto;
}

#color-area, #table-area, #image-area, #imageup-area, #imageattach-area, #video-area, #addition-area {
       background-color: #b4b3ac;
    color: #464544 !important;
    border: 1px solid #9c9996;
    border-radius: 0px;
    width: 220px !important;
     margin-left: 555px;
    padding: 8px;
    margin-top: 4px;
    max-height: 148px;
    overflow-y: auto;
}

#smilies-area {
        background-color: #b4b3ac;
    color: #464544 !important;
    border: 1px solid #9c9996;
    border-radius: 0px;
    width: 400px !important;
    margin-left: 430px;
    padding: 8px;
    margin-top: 3px;
    max-height: 148px;
    overflow-y: auto;
    z-index: 9999;
}

div#image-area.container {
    width: 600px !important;
}
#imageupload-left input[type=button] {
    width: 14em !important;
    text-align: center;
}


/* БАННЕРЫ
----------------------------------------------------------------------------------------------------------------------*/
#banners {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    height: 31px;
    width: 980px;
    margin-left: -19px;
    margin-top: 20px;
    letter-spacing: 6px;
    opacity: 0.7;
}

#banners a img {
opacity:0.5;
-moz-opacity:0.5;   
filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}


#banners a img:hover {
filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}


/* прокрутка */
::-webkit-scrollbar-thumb:vertical {
background-color: #522121; height: 4px; }

::-webkit-scrollbar-thumb:horizontal {
background-color: #522121; height: 4px; }

::-webkit-scrollbar {
    background-color: #121212;
    height: 7px;
    width: 6px;
}

::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: rgb(20 18 15 / 12%);}

::-webkit-scrollbar-thumb {
  background-color: #7f4405;
  width:6px !important;}



/* аватар */
.punbb .user-avatar .avatar-image {
    filter: brightness(0.7) sepia(1) grayscale(1);
}

#pun .user-avatar.user-avatar .avatar-image {
    border-radius: 0px !important;
    border: 1px solid #6a767b91;
    height: 30px;
    width: 30px;
    opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
}

.punbb .user-avatar .isonline {
    width: 7px!important;
    height: 7px!important;
    border-radius: 0px;
    top: 2px!important;
    right: 4px!important;
    z-index: 100;
    background-color: #5b2e2e !important;
}


a.lastpost-link {
    margin-left: 2px;
    margin-top: 3px !important;
    font-family: Philosopher;
    font-size: 14px;
    font-weight: 500;
    text-transform: lowercase;
    line-height: 19px !important;
    color: #581f1f!important;
}

.podforum {
    padding-top: 3px;
    font-size: 10.5px;
    cursor: default;
}


div#meny-styles.container {
 font-family: Tahoma;
  background: #b2b0a8;
    border: 1px solid #8e8b92;
    border-radius: 0px;
    color: #464544 !important;
    width: 200px !important;
    padding: 8px;
    max-height: 148px;
    overflow-y: auto;
    z-index: 9999;
}


div#keyboard-area {
  border: 1px solid #8e8b92;
    border-radius: 0px;
    color: #464544 !important;
    width: 620px !important;
    padding: 8px;
    max-height: 148px;
    overflow-y: auto;
    z-index: 9999;
}

#keyboard-span input {
    color: #070707 !important;
    background-color: #a29c9d42 !important;
    border: 1px solid #98918e !important;

}


/* не отображать */

.stickytext,.closedatafield, .li#navawards, .lastedit, .pl-reports, .topic .sharelink
{display:none!important;}
#button-files_rusff, #button-graffiti_rusff
{display: none !important;}
 #pun-main h1, #pun-debug h2 {display: none;}
.punbb .modmenu .container span {display: none;}
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun td .modlist, .modlist {display: none !important;}
.li#navrules {display: none;}
#pun-ulinks .item5 {display:none}
#pun-index thead {display: none}
#pun-index .tcmod {display: none}
.pa-gifts {display: none;}


/* личное звание */
.pa-fld2 {
    position: relative;
    width: 190px !important;
    margin-left: 4px !important;
    margin-top: 8px !important;
    margin-bottom: 10px!important;
    text-transform: lowercase;
    cursor: default;
    font-family: 'Philosopher';
    font-size: 10.5px;
    text-align: center;
    color: #000000e0;
    border-bottom: 1px dotted #00000057;
}

.lzname {
    position: relative;
    font-size: 11px;
    font-weight: 600;
    font-family: 'Philosopher';
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #070707!important;
    top: -1px !important;
}

.pa-fld2 a {
     color: #070707 !important;
}

.pa-fld2 b {
    color: #472020;
}


/* плашку предоставили на прекрасном рено, с моей доработкой */
li.pa-fld3 {
    width: 218px;
    border-radius: 0px;
    left: 0px;
    top: 0px;
    padding: 2px 2px 2px 2px!important;
    text-align: justify;
    display: block;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.pa-fld3 {
    height: 32px;
    position: relative;
    margin-bottom: 10px !important;
    margin-left: -7px !important;
    margin-top: 0px!important;
    background: #56808254;
    cursor: default;
}

.pa-fld3 kt {
    width: 160px;
    font-size: 10.3px;
    font-family: 'Philosopher';
    height: 14px;
    position: absolute;
    margin-left: 55px;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin-top: 3px;
    color: #040404;
    text-transform: uppercase;
    text-align: left;
}

.pa-fld3 mt {
    width: 160px;
    height: 14px;
    margin-left: 55px;
    position: absolute;
    font-size: 10.3px;
    font-family: 'Philosopher';
    font-weight: 400;
    margin-top: 15px;
    letter-spacing: 0.1px;
    color: #040404;
    text-transform: lowercase;
    text-align: left;
}

.pa-fld3 ici{position: absolute; margin-left: -95px; margin-top: -7px;}
.pa-fld3 ici img {
    opacity: .9;
    max-width: 40px;
    position: absolute;
    margin-top: 0px;
    margin-left: 103px;
}

Поделиться182025-11-28 23:05:18

Автор: dessy
sdfgmgcbv
Откуда: asdcx
Сообщений: 27

Код:

<!---------------- профилактика ------------------>
<div id="pircs2"><!-- std.v.1/0/profilaktika --><link rel="stylesheet" type="text/css" href="http://hostjs-mybb2011.narod.ru/css/profilaktika.css" /><div id="msg-n2">У Вас отключён javascript.<br>В данном режиме, отображение ресурса<br/>браузером не поддерживается <br/></div><div id="LogIn_Window" style="display:none"><center>Закрытый форум</center><br/></div></div><!-- --><script type="text/javascript">

    var ON_button=1; //Cвитч включения: 1 - включено!; 0 - выключено
    var  moderDostyp_ON=0; //?Модер-доступ включён?: 1 - включен!; 0 - выключен

    if(ON_button!=1||GroupID ==1||moderDostyp_ON*GroupID==2){
    $("style.#style_st,div.#pircs2").replaceWith("");}
      else {$("#msg-n2").replaceWith("");
    if(GroupID ==3) {$("#LogIn_Window").show();if(document.URL.indexOf("/login.php")==-1){
    document.location.href = "../login.php"}else {
    $(document).ready(function(){$("form#login").appendTo("#LogIn_Window");
    $("#LogIn_Window").find("p.formsubmit a[href*='register.php']").text("");
    var v=$("#LogIn_Window").find("p.formsubmit a[href*='action=forget']");
    v.replaceWith("<span>Вход только для Администраторов</span>");});};}
    else {document.location.href = "../login.php?action=out&id="+UserID};}
    </script><!--end/profilaktika-->


<!-------------------------------------------- ЛУЧШИЙ ПОСТ ---------------------------------------------->
 <div class="bestpost">лучший пост от <a href="http://anevermore.ru/profile.php?id=79" title="перейти в профиль">evelina encre</a> ✦ Колокол на башне прогремел девять ударов. Настал заветный час, когда ночь опускалась на городок мягким, темным одеялом, залетала в открытые окна библиотеки и выпроваживала немногочисленных учеников академии. Тут и там на столах гасли лампы, захлопывались толстые тома. Скрипящие половицы вели неверморцев к массивным, деревянным дверям, что с минуты на минуту должны были закрыться... ✦ <a href="http://anevermore.ru/viewtopic.php?id=139#p15516" title="перейти к посту">читать</a>
</div>

<!-------------------------------------------- ЛУЧШИЙ ЭПИЗОД ---------------------------------------------->
 <div class="ep">эпизоды ✦ <a href="http://anevermore.ru/viewtopic.php?id=101" title="перейти в эпизод">dark enough</a> & <a href="http://anevermore.ru/viewtopic.php?id=46" title="перейти в эпизод">джентльмен (не)удачи</a>
</div>

<!-------------------------------------------- ЛУЧШИЕ ИГРОКИ (40x40) --------------------------------------->
<div class="textblock3">✦  лучшие игроки ✦ <br> <a href="http://anevermore.ru/profile.php?id=26" title="10 постов">liliane </a> * <a href="http://anevermore.ru/profile.php?id=4" title="8 постов">lucrecia</a> * <a href="http://anevermore.ru/profile.php?id=73"  title="5 постов">leonard</a> * <a href="http://anevermore.ru/profile.php?id=3"  title="4 поста">yago</a> * <a href="http://anevermore.ru/profile.php?id=99"  title="3 поста"> roland</a> * <a href="http://anevermore.ru/profile.php?id=10"  title="3 поста">nerissa </a></div>


<div class="fonchik"></div>
<div class="line"></div>
<div class="line2"></div>
<div class="line3"></div>
<div class="shapka"></div>
<div class="forumname">Never<br>more</div>
<div class="textblock2"><a href="http://anevermore.ru/viewtopic.php?id=24&p=10#p17287">гостевая</a> ✦ <a href="http://anevermore.ru/viewtopic.php?id=22">о мире & f.a.q</a> ✦ <a href="http://anevermore.ru/viewtopic.php?id=23">внешности & должности</a> ✦ <a href="http://anevermore.ru/viewtopic.php?id=21">правила</a> ✦ <a href="http://anevermore.ru/viewtopic.php?id=19&p=2#p16634">хочу видеть</a> ✦ <a href="http://anevermore.ru/viewtopic.php?id=18">хочу к вам</a> ✦ <a href="http://anevermore.ru/viewtopic.php?id=17#p20">шаблон анкеты</a></div>
<div class="textblock ">добро пожаловать в академию "невермор", место, где каждый может найти себя и главное — быть самим собой. реализуй самые заветные мистические желания в стенах нашего учебного заведения для существ. не стоит скрываться, ведь люди в курсе об изгоях. на дворе сентябрь 2022 года</div>



<!-- ЧТОБЫ НЕ ПРОПАДАЛИ ПОСТЫ V.3 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0017/b2/f5/47120.js"></script>

<script src="//pull.cappuccicons.com/cpf.js"></script>

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

<!------------ Смена аватара в топике (в HTML верх) © Deff, Alex_63 ------------>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/67169.js"></script>


<!--Скрытие профиля в теме тегом-->
<style type="text/css">.hideprofile .post-author,.hideprofile .pl-email,.hideprofile .pl-website{display:none!important}
.hideprofile .post-body,.hideprofile .post-links,.hideprofile .post-links ul,.post.hideprofile h3>span{margin-left:0!important}</style>
<script>
    FORUM.set('editor.addition.tags.hideprofile',{name:'Скрыть минипрофиль',onclick:function(){insert('[hideprofile]');}});
    $().pun_mainReady(function(){$('.post:contains("[hideprofile]")').addClass('hideprofile').html(function(){return $(this).html().replace(/\[hideprofile\]/gim,'')})});
</script>
<!-- Конец -->


<!-- HTML в постах с допуском по группам © Alex_63 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/52361.js"></script>
<script type="text/javascript">
HTMLinPost.groups = [1,2,3,4,5]; // Группы, допущенные к вставке HTML в посты
HTMLinPost.noAccess = ['user','newTst2']; // Пользователи с запретом вставки HTML в посты
HTMLinPost.parseHTMLinPosts()
</script>


<!-------------------------------------- ПОДСКАЗКА. ЧАСТЬ 1 -------------------------------------->
<style>
#tooltip {
position:absolute;
    background: #522121!important;
    border-radius: 3px;
z-index: 99999;
letter-spacing: 1px;
max-width:200px; /* максимальная ширина подсказки */
font-family: Philosopher; /* шрифт подсказки */
font-size: 9px; /* размер текста */
display:none;
color: #97958e!important;
text-align:center;
text-transform: lowercase;
padding:5px;
}
</style>




<!-- КОММЕНТАРИИ К РЕПУТАЦИИ -->
<script type="text/javascript">
if(FORUM.PartnerVote.toString().replace(/function\s*\(post_id,vote\)\s*/,"")==="{return true;}")
FORUM.PartnerVote = function(post_id,vote){return false}
</script>

<!-- УСКОРЯЕМ ЗАГРУЗКУ --> </noscript><script type="text/javascript">
$().pun_mainReady(function(){$($('#Forum_header').text()).insertAfter($('#Forum_header'));});
//$('#Forum_header').remove();
</script>

<script type="text/javascript">
RusffCore.sets.share = false;
RusffCore.sets.show_reportBtn = 0;
</script>


<!-- СКРЫВАЕМ НАГРАДЫ ИЗ НАВИГАЦИИ -->
<style type="text/css">
li#navawards {display: none;}
</style>


<!-- ОТКЛЮЧИТЬ СЕРВИС РЕКОМЕНДАЦИЙ  -->
<script type="text/javascript">
rusffLive.enable = false;
</script>
<!-- конец -- >

<!-- ЗАМЕНА ТИРЕ -->
<script type="text/javascript">
$('.post-content p').each(function(){
  function replacer(str){return str.replace(/-\s|–\s/gm,'— ');}
  var a = $(this).clone().wrap('<div></div>').parent().html();
  var b = a.replace(/>[^<>]+</gim,replacer);
  if(a!=b)$(this).replaceWith(b)
});
</script>


<!-- БЫСТРОЕ РЕДАКТИРОВАНИЕ ПОСТОВ © Alex_63 // V.3 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/97896.js"></script>


<!-- ЗАПРЕТ ПЕРЕХОДА НА ПЕРВУЮ СТРАНИЦУ  При удалении Тем и сообщений -->
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/33839.js"></script>


<!-- ВОССТАНОВЛЕНИЕ ПОСЛЕДНЕГО ПОСТА при утере by Человек-Шаман -->
<script>
$(document).ready(function() {
  $('#addition-area').append(function() {
    return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
  });
  function restoreLastPost() {
    $('#main-reply').val(localStorage.ReservePost);
  };
});
</script>
<!--конец-->


<!--выделить код. Alex_63 new.2019--> 
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'выделить [копируется сразу]' //текст ссылки</script>
<!-- конец -->


<script>
ReactionsPlugin.setConfig({
  disable: true
});
</script>


<!------------------------------------------ шапка --------------------------------------->
<script>
$(window).on('scroll', function() {
var scrollCoef = 0.0096;

$('.forumname, .shapka, #pun-status .container, .textblock, .textblock2, .textblock3, .bestpost, .ep, .posts, #leavegif5, #leavegif6').css({
  opacity: 1 - $(window).scrollTop() * scrollCoef
})
});
</script>

<!--// Быстроплюсы v.2 РЕНО by Deff //-->
<script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js" addComment="1"></script>



<!--Гирлянда -->
<ul class="lightrope">
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>


<style type="text/css"> 
#pun-navlinks .container {font-size: 0.9em; text-transform:uppercase}
#pun-status .container, #pun-crumbs1 .container, #pun-crumbs2 .container, #pun-stats .container,  #pun-stats h2, .punbb a:link, .punbb a:visited  {color: #78766f;}

#pun-main .post-author ul {background-color: transparent; color: #78766f;}

#pun .tcl a {color: #3c3e40;}
</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 type="text/javascript">
RusffCore.sets.use_awards = 0;
</script>

<script type="text/javascript">
RusffCore.sets.use_gifts = 0;
</script>

 <!-- Быстрое редактирование постов © Alex_63 // V.3 -->
    <script src="https://forumstatic.ru/files/0015/c4/3f/97896.js" type="text/javascript"></script>


<!-- Загрузчик изображений в форме ответа © 2018 Alex_63 -->
<script>FORUM.defaultHost = 'imgur'; // Хостинг по умолчанию: 'uploads' 'imgur' 'imageban'</script>
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0015/c4/3f/18002.css" />
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/18001.js"></script>

Страница: 1