Здесь делается вжух 🪄

Test by devls

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Test by devls » страниу » капкан надежды другой код


капкан надежды другой код

Сообщений 1 страница 5 из 5

1

первое
Код:
/*************************************************************
a - setup
**************************************************************/

/* a1 import the colour scheme
-------------------------------------------------------------*/

/* a1.1 */
@import url(style_cs.1674489362.css);
@import "https://forumstatic.ru/files/0010/a8/ca/42983.css";
@import url('https://fonts.googleapis.com/css?family=abel|abril+fatface|alegreya+sans+sc|allerta+stencil|amatic+sc|arizonia|arvo|bangers|cabin+sketch|caveat|chewy|cinzel|concert+one|cormorant+unicase|francois+one|fredericka+the+great|gaegu|gamja+flower|gloria+hallelujah|hi+melody|indie+flower|julius+sans+one|kaushan+script|krona+one|limelight|lobster|merriweather|nanum+brush+script|nothing+you+could+do|open+sans|open+sans+condensed:300|pt+sans|pacifico|permanent+marker|playfair+display|playfair+display+sc|prata|questrial|raleway|reenie+beanie|roboto+condensed|shadows+into+light|six+caps|song+myung|special+elite|spirax|teko|ubuntu|ultra|yanone+kaffeesatz|alex+brush|dancing+script|dawning+of+a+new+day|great+vibes|jura|sail|satisfy|unifrakturmaguntia|zilla+slab+highlight');
@import url('https://fonts.googleapis.com/css?family=eb+garamond:400,400i,500,500i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,latin-ext');

@font-face {font-family: franklin gothic heavy; 
src: local("franklin gothic heavy"), url(https://forumstatic.ru/files/0010/a8/ca/92110.ttf);}

@font-face {
font-family: 'intro';
font-style: normal;
font-weight: normal;
src: local('intro'), url('https://forumstatic.ru/files/0019/34/94/34318.woff') format('woff');}

@font-face { font-family: icon; 
src: local("icon"), url(https://forumstatic.ru/files/0017/c0/20/82953.ttf); }

@font-face { font-family: segoe ui; 
src: local("segoe ui"), url(https://forumstatic.ru/files/0017/c0/20/61080.ttf); }

@font-face {
  font-family: 'icons';
  src: local('icons'), url('https://forumstatic.ru/files/001b/67/90/67409.woff') format('woff');
  font-weight: light;
  font-style: normal;
}

/* a2 deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* a2.1 */
html, body {margin: 0; padding: 0}

/* a2.2 */
.punbb {
  width: 970px;
  margin: 0 auto;
}

#pun-main {
  margin: 0px;
}

#pun-index .category table  thead {
display:none;
}

/* a2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  list-style: none;
}

dd {
  margin: 0;
}

/* a2.4 */
.punbb img {
border:none
}

.punbb .main table {
    table-layout: fixed;
    width: 108%;
    margin-left: -4%;
}

/* 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 optgroup{
  background-color: #75391f!important;
}*/

/* a3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4 {
font-size: 10px;
font-weight: normal;
}

.punbb table, .punbb th {
font-weight: normal;
}

/* a3.5 */
.main h1 span, .main h2 span {
    font-family: 'el messiri';
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 1px;
}

.category h2 span {
  color: transparent!important;
  font-size: 22px;
  text-transform: lowercase;
  font-family: sans-serif;
  font-weight: 100;
}


.punbb legend span {
  font-size: 13px;
  font-weight: 900;
  font-family: arial;
}

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

.post-content table {
  border-collapse: separate !important; 
  border-spacing: 1px;
}

.post-content td {
  border-width: 0px !important;
}

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

/* a3.11 */
.punbb optgroup {
font-weight: bold;
}


/* a4 float clearing and hidden items
-------------------------------------------------------------*/

/* a4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
overflow:hidden;
line-height: 0.0;
font-size: 0;
}

/* a4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
font-size: 0;
height: 0;
width: 0;
line-height: 0.0;
position:absolute;
left: -9999px;
overflow: hidden;
}


/* a5 basic page layout and borders
-------------------------------------------------------------*/

/* a5.1 */
#pun {
  margin-top: 50px;
  margin-bottom: 80px;
  padding: 0px 0px 0px 0px;
}

/* a5.2 */
.punbb {
float: none;
height: auto;
}

/* переадрессация */
/* a5.3 */
#pun-redirect {
margin: auto;
padding: 0;
left: 0;
right: 0;
top: 100px;
bottom: 0;
position: fixed;
width:100%;
height: 100%;
text-align: center;
/*  background: url(https://i.imgur.com/dle2k8j.jpg)!important; */
}

#pun-redirect #pun-main .info {
margin-left: 25%;
width: 50%;  
background-image: url(https://i.imgur.com/u9lkn27.jpg);
border-bottom: 5px solid #fff;
padding: 25px 0px 25px 0px;
border-radius: 0 32px;
margin-top: -30px;
}

#pun-redirect h1 span {
  color: #ffffff90!important;
  letter-spacing: 3px!important;
}

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

/* a5.5 */
.punbb .category, .punbb .post {
margin-top: 0.4em;
}

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

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

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

/* a5.9 */
.punbb .container {
border-style: none;
border-width: 0px;
}

/* категория */

.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
    padding: 0.7em 0;
    border-style: none none none none;
    border-width: 0 0px 0px 0;
    height: 50px !important;
    font-weight: bold;
}


/* меню */

/* b1.1 */
.punbb .post-content {
    padding: 0;
    margin: 0;
    width: 110%;
    overflow: hidden;
    text-align: justify;
    margin-top: -5.5em;
    margin-left: -25px;
}

/* b1.2 */
.punbb .post-sig dt {
display: block;
text-align: center;
border-top: 1px dashed #6a8541;
width: 70%;
margin-left: 120px;
margin-bottom: 5px;
    }

img.sigimage {
  max-height: 140px;
}

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

/* 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;
padding-top: 6px;
}

/* b1.7 */
.punbb .post-content .scrollbox {
width: 100%;
overflow: auto;
color: #000;
}

/* b1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 0.4em 1.8em 1.4em 1.8em;
padding: 1em;
}

.post-content .spoiler-box > div {
    background: url(https://i.imgur.com/eaubr5p.png) no-repeat left center!important;
    cursor: pointer!important;
    padding-left: 17px!important;
}

/* вложенные цитаты и код, чтобы не сливалось */
.quote-box .quote-box, .quote-box .code-box {
border-bottom: 2px solid #6a8541;
}

/* b1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  font-size: 14px;
  padding: 2px 5px 5px 8px;
  letter-spacing: 0.4px;
  font-style: normal;
  color: #000;
  text-transform: lowercase;
  text-align: left;
  font-family: roboto;
  border-bottom: 1px solid #000;
  max-width: 500px;
}

punbb .code-box strong.legend{
  margin: -5px 0 5px 420px;
}

.code-box a {
  font-size: 12px;
}

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

.linkst .pagelink {
    position: absolute;
    top: -3em;
    left: 0em;
    width: 24em;
    color: #1a0f0f;
    text-transform: lowercase;
}

.pagelink a {
  font-family: trebuchet ms;
}

.pagelink strong {
font-weight: bold;
color: #1f3424;
font-size: 13px;
}

.linkst .postlink {
    position: absolute;
    top: -3em;
    right: 0em;
    width: 16em;
    text-align: right;
    font-weight: bold;
    text-transform: lowercase;
}

.punbb .linksb {
    text-align: right;
    padding: 0.4em 1em 0.5em 1em;
    font-size: 1.1em;
    text-transform: lowercase;
}

.linksb .pagelink {
    float: left;
    width: 24em;
    text-align: left;
}

.linksb .postlink {
    float: right;
    width: 16em;
    font-weight: bold;
    text-transform: lowercase;
}

/* 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: -0.3em 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;
  font-family: verdana;
  font-size: 10px;
  text-transform: uppercase;
  color: #0000;
}

/* 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;
width: 96%;
}

/* c1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0;
  margin: 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;
background-color: #ededed66;
border: 1px solid #6a8541 !important;
font: 1em verdana, arial, helvetica, sans-serif;
transition-duration: 0.5s;
outline: none;
}


/* 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!important;
width: 45%;
}

/* c2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
background-color: transparent;
text-align: center;
width: 7%;
}

/* c2.3 */
.punbb .main .category .tcr {
  text-align: left;
}

.punbb .main .tcr {
    text-align: left !important;
    width: 20%;
    font-family: 'helvetica';
}

.lastpost {
    text-transform: lowercase;
    font-size: 9px;
}

.punbb .main .tcr a {
    font-family: 'helvetica';
    text-transform: lowercase;
    font-size: 12px;
    /* font-weight: normal; */
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* c2.4 */
#pun-userlist .main .tcl,
#pun-modviewforum .main .tcl {
background-color: transparent;
width: 40%
}

#pun-searchtopics .main .tcl, {
background-color: transparent;
width: 20%
}

/* c2.5 */
#pun-userlist .main .tc2, {
background-color: transparent;
text-align: center;
width: 20%;
}

#pun-searchtopics .main .tc2 {
background-color: transparent;
text-align: center;
width: 15%;
}

/* c2.6 */
#pun-debug table .tcl {
background-color: transparent;
width: 15%;
white-space:normal;
}

/* c2.7 */
#pun-debug .tcr {
background-color: transparent;
width: 90%;
white-space: normal;
}

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

/* c2.10 */
.punbb td .modlist {
padding-top: 0.3em
}

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

/* c2.12 */
.punbb .main th {
border-style: none none none solid;
border-width: 0 0 0 1px;
padding: 0.4em 1em 0.4em 1em;
}

/* c2.13 */
.punbb .main .tcl {
 
}

  * html .tclcon {height: 1px}

/* форумы */

#pun-index td div.tclcon {
    width: 90%;
    padding: 0px 0 30px 55px;
    box-sizing: border-box;
    text-align: justify;
    text-align-last: left;
    font-family: 'helvetica';
    font-size: 9px;
    letter-spacing: 0px;
    color: rgb(0 0 0);
    line-height: 13px;
}

#pun-index .tcl h3 {
    padding: 5px 0px 10px 2px;
    height: 7px;
    font-size: 13px;
    text-align: right;
    text-transform: uppercase;
    position: relative;
    font-family: 'roboto';
    font-weight: 700;
    z-index: 50;
    letter-spacing: 1px;
    line-height: 7px;
    margin: 2px 30px 10px -1px;
    width: 478px !important;
    border-bottom: 1px solid #000;
}

#pun-index .tcl h3 a:hover {
    color: #6a8541;
    filter: none;
}

/* c2.15 */
.punbb .category div.icon {
  position: absolute;
  height: 15px;
  width: 15px;
  background-size: 40px;
}

.punbb .category div.intd {
  position: relative;
  height: 100%;
}


#pun-messages.punbb div.icon{
margin-top: 10px!important;
}

.punbb div.icon {
float: left;
display: block; 
margin-right: 5px;
}


/* c3 topics

-------------------------------------------------------------*/
#pun-title, #pun-navlinks {
border-color: #1a0f0f ;
}

/* cs2.1 */
.punbb .container, .punbb .post-body, .punbb .post h3 {
border-color:  transparent;
}

/* cs2.2 */
.punbb .section, .punbb .forum, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none;
  border-width: 0;
}

/* 10-07 */
.punbb .formal{
  padding-top: 0px;
  border-style: none;
  border-width: 0;
}

/* cs2.3 */
.punbb .main h1, #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 */

#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 .info-box {
border: 1px solid transparent ;

}

/* правки от 10-07 */
.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid transparent ;
margin-left: -40px;
}

li.pa-online {
border-left-color: transparent;
/*margin-bottom: 15px;*/
}

li.pa-replies {
  margin-bottom: 9px;
}

.punbb .post .container {
    border-style: none solid solid solid;
    border-width: 1px;
    margin-left: 60px;
    margin-top: 70px;
}

/* c3.2 */

.post h3 {
    margin-top: -46px;
}
   
.punbb .post h3 {
border-style: solid solid none solid;
border-width: 1px;
margin-top: -46px;
}

.punbb .post h3 span {
    margin-bottom: -10px;
    padding: 5px 28px 10px;
    display: block;
    text-transform: lowercase;
    font-size: 8px;
    margin-left: -17px;
    margin-right: -9px;
    border-bottom: 1px solid rgb(235, 235, 235);
    margin-top: 46px !important;
}

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

/* c3.5 */
.punbb .post .post-author {
  float: left;
  width: 200px;
  margin-left: -90px!important;
  margin-top: -25px!important;
     }

/* c3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  margin-top: 1px;
  padding: 0em 0em 1em 0em;
  line-height: 110%;
}

/* профиль */

.pa-author {
    padding: 5px 0px 24px 0px! important;
    margin: -15px 2px 0px 2px;
    text-align: center !important;

}

.pa-author, .pa-author a {
    font-size: 17px;
    margin-top: 0px;
    padding-bottom: 8px !important;
    font-family: 'helvetica';
    letter-spacing: 1px;
    font-weight: bold;
    line-height: 20px;
}

.pa-author a:hover {
    color: #6a8541 !important;
    transition-duration: filter 0.5s ease-in-out;
    filter: drop-shadow(1px 1px #ffffff);
}

.pa-fld1 {
    letter-spacing: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    height: 0px;
    position: absolute;
    top: -14px;
    left: 16px;
    padding: 2px 2px 23px 2px;
    float: left;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #e0e0e0;
}

.pa-fld1 img {
    max-width: 18px;
    max-height: 18px;
    margin: 1px 2px 0px 1px;
}

.pa-fld2 {
    color: #000000;
    margin: 7px auto;
    font-size: 10px;
    font-family: 'roboto';
    margin-top: 7px!important;
    text-transform: uppercase;
    text-align: center;
}

.pa-fld4 {
    width: 215px;
    padding: 7px 0px;
    box-sizing: border-box;
    border-radius: 0px 0px 0px 0px;
    font-size: 8.5px;
    line-height: 12px;
    text-align: left;
    position: relative;
    text-align: justify;
    z-index: 0;
    font-family: 'helvetica';
    color: #000000;
    margin-left: -6px !important;
    border-bottom: 1px solid #e9e9e9;
}

.rng {
    background-repeat: no-repeat;
    width: 235px;
    height: 28px;
    display: flex;
    flex-wrap: wrap;
    margin-left: -16px !important;
}

.rng text {
    width: 100%;
    z-index: 1;
    position: relative;
    color: #ffffff;
    font-family: 'helvetica';
    font-size: 6px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 11px;
    padding: 3px 0px;
}

.pa-posts, .pa-respect {
    overflow: hidden;
    display: inline-block;
    width: 97px;
    line-height: 14px;
    margin-top: 6px!important;
    text-transform: uppercase;
    font-size: 7px;
    letter-spacing: 0.8px;
    font-family: 'roboto';
    color: #1d1d1e !important;
}

.pa-fld5 {
    display: inline-block!important;
    width: 110px !important;
    text-transform: uppercase;
    text-align: center;
    margin: 2px auto 0px;
    padding: 0px 0px;
    box-sizing: border-box;
    font-size: 9px;
    line-height: 15px;
    position: relative;
    z-index: 0;
    font-family: 'roboto';
}

li.pa-title {
    padding-bottom: 4px;
    padding-top: 9px;
    margin-top: -12px;
    margin-bottom: 7px;
    letter-spacing: 1px;
    font-weight: normal;
    font-family: 'roboto';
    font-size: 8px;
    text-transform: lowercase;
    background: transparent;
    text-align: center;
    margin-right: 0px;
}

li.pa-online {
    line-height: 0.8em;
    margin: 10px 0px 12px 0px;
    text-transform: uppercase;
    font-size: 7.2px;
    font-family: 'roboti';
    color: #6a8541;
    margin-top: 15px;
}

/* c3.11 */
.punbb .post-body {
margin-left: 22em;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
}

.punbb .post-box {
   padding: 31px 22px 25px 25px;
    width: 100%;
    margin-left: -8%;
}

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

/* ссылки */

.punbb .post-links {
    margin-left: 158px;
    border-left-style: solid;
    border-left-width: 0px;
    text-transform: lowercase;
    font-size: 10px;
}

/* c3.15 */
.punbb .post-links ul {
padding: 0 10px 0 10px;
margin-left: -225px;
border-top-style: solid;
border-top-width: 1px;
width: 935px;
background: transparent;
text-align: right;
}

/* c3.16 */


.punbb .post-links li {
display: inline;
padding-left: 0.8em;
}

/* c3.17 */
.pl-email, .pl-website {
float: left;
}

/* c3.18 */
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}


.punbb .modmenu .container {
    padding: 0.5em 1em;
    text-align: right;
    text-transform: lowercase;
}

.punbb .modmenu strong, .punbb .modmenu a {
height: 1.8em;
line-height: 1.8em;
}

.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;
}

/* -------- ссылки внутри профиля ----- */
#profilenav ul {
border-style: solid;
border-width: 1px;
padding: 1.5em 18px 0.8em 18px;
margin: 10px 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 1.5em 2.3em 1.5em;
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: none none none none;
border-width: 0px 0px 0 0px;}

/* d1.2 */
#pun-title h1 {
display : block;}

/* d1.3 */
#pun-title .container {
border-style: none none none none;}


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

#pun-title h1 span  {
font-size: 1.5em;}


/* d2 page navigation
-------------------------------------------------------------*/

/* d2.1 */
#pun-pagelinks {
position: absolute;
top: 55px;
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}

/* навигация */

#pun-navlinks {
    position: absolute;
    margin-top: -15px;
    text-align: center;
    font-family: 'roboto';
    font-size: 11px;
    text-transform: uppercase;
    width: 600px;
    margin-left: 170px;
    word-spacing: -5px;
}

#pun-navlinks .container {
    padding-top: 50px;
    height: 2px;
    font-weight: 700;
}

#pun-navlinks li {
    display: inline;
    padding-right: 1em;
}

#pun-ulinks {
    margin-left: -12px;
    margin-top: 70px;
    position: relative;
}

#pun-ulinks .container {
    text-transform: uppercase;
    margin-top: -5px;
    margin-left: -37px;
    text-align: center;
}

#pun-ulinks .container li.item5 {
    display: none;
}

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

#pun-ulinks li a {
    padding: 0 0.3em 0 0.6em
}

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

/* приветствие */

#pun-status, #pun-status .container {
    border-bottom: none;
    padding-top: 10px;
    margin-bottom: 0;
}

#pun-status .container {
    margin: 10px 0px 0px 0px;
    color: #000000;
    text-transform: lowercase;
    letter-spacing: 0px;
    font-size: 9px;
    font-family: 'helvetica';
}

#pun-status span {
    white-space: nowrap;
    margin-right: 0em;
}

/* капкан надежд */

#pun-crumbs1 {
    font-family: 'helvetica';
    text-transform: lowercase;
    font-size: 11px;
}

#pun-crumbs1 p.container {
    color: #000000;
    border-top: none;
    padding: 1em 1em 0.8em 0em;
    font-size: 1.1em;
}

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

/* d6 announcement
-------------------------------------------------------------*/

/* d6.1 */
#pun-announcement h2 {
padding: 0;
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: 1.5em 0em 0em 0em;
  line-height: 1.1;
  text-align: center;
}


/* статистика */

#pun-stats .container {
    position: relative;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 var(--pun-padding);
    text-transform: lowercase;
    font-size: 10px
}

#pun-stats li.item1,
#pun-stats li.item2 {
    float: left;
    clear: both;
    margin-left: 10px;
    text-transform: lowercase;
    line-height: 150%;
    margin-left: -40px !important;
}

#pun-stats li.item3,
#pun-stats li.item4 {
    text-align: right;
    line-height: 150%;
    padding-right: 10px;
    text-transform: lowercase;
}

li#onlinelist {
    margin: 1em;
    width: 100%;
    line-height: 167%;
    text-align: justify;
    margin-left: -40px !important;
}

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: 190px;
margin-bottom: -105px;
}

/* d8.4 */
#pun-about .container {
border-top-style: none;
text-align: center;
line-height: 150%;}

/* d8.5 */
#pun-about p span {
display: none;
padding-left: 50%;
margin-top: -200px;
}

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

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

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



/* d9 help file
-------------------------------------------------------------*/

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

/* d9.2 */

#pun-help .formal .info-box h3.legend span {
padding-bottom: 0.6em;
display: block;
border-bottom-style: none;
border-bottom-width: 0px;
font-size: 1.1em;
}

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

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

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

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

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

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

blockquote {
  margin: 0;
}

/* отключаем награды */
#pun-navlinks #navawards{display:none;}

.leftimg {
  float:left; /* выравнивание по левому краю */
  /* margin: 7px 7px 7px 0; отступы вокруг картинки */
 }


 .rightimg  {
  float: right; /* выравнивание по правому краю  */ 
  margin: 7px 0 7px 7px; /* отступы вокруг картинки */
 }

/* отключение rss-atom*/
.modmenu .container span {display: none;}


/* запятая между ников в теме */
#topic-users-in a:after {content: ','; font-size: 13px;}
#topic-users-in a:last-child:after {display: none;}



/*------------ код сириус и астарта ------------------*/

[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icons', 'icons' !important;
speak: never;
font-style: normal;
font-weight: light;
font-variant: normal;
text-transform: none;
line-height: 1;

/* better font rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

div#form-buttons {
     margin-left: 60px;
}

#pun-messages #form-buttons table {
  display:inline-table;
}

.punbb-admin div#form-buttons table tr > td {
 width:unset;
}


div#form-buttons table tr > td {
  border: 1px solid #0000;
  border-radius: 3px;
  background-image:none!important;
  width: auto;
  height: 40px;
  position: relative;
  transition: 0.2s ease-in-out;
}

#form-buttons table {
 border-spacing: 0px 10px;
}

#form-buttons td img {
  z-index: 10;
  position: absolute;
  opacity: 0;
  margin-top: -19px;
  margin-left: -7px;
  width: 15px!important;
  height: 100%;
}

#form-buttons td:hover,
#post-form td#button-files_rusff:hover,
#post-form td#button-graffiti_rusff:hover {
 /* background: #f4f1e9!important;
  border: 1px solid #7cc577;
  box-shadow: 0 0 4px #a09c94;*/
}

#form-buttons td:hover:before {
 color:#000;
}

td#button-font:before,
td#button-size:before,
td#button-bold:before,
td#button-italic:before,
td#button-strike:before,
td#button-underline:before,
td#button-indent:before,
td#button-floatbut:before,
td#button-my:before,
td#button-left:before,
td#button-center:before,
td#button-right:before,
td#button-link:before,
td#button-spoiler:before,
td#button-image:before,
td#button-artp:before,
td#button-video:before,
td#button-hide:before,
td#button-quote:before,
td#button-code:before,
td#button-html:before,
td#button-color:before,
td#button-table:before,
td#button-smile:before,
td#button-sticker:before,
td#button-keyboard:before,
td#button-addition:before,
td#button-files_rusff:before,
td#button-graffiti_rusff:before,
td#floatbut:before,
td#button-mask:before {
  width: 100%;
  max-height: 40px;
  margin-top: -8px;
  font-family: icons;
  font-size: 16px;
  display: block;
  color: #6a8541;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  z-index: 0;
}

td#button-font:before {
  content: '\f031';
}

td#button-size:before {
  content: '\f034';
}

td#button-bold:before {
  content: '\f032';
}

td#button-italic:before {
  content: '\f033';
}

td#button-indent:before {
  content: '\f03c';
}

td#button-my:before {
  content: '\f013'; 
 } 

td#button-floatbut:before {
  content: '\f6d3';
}

td#button-underline:before {
  content: '\f0cd';
}

td#button-strike:before {
  content: '\f0cc';
}

td#button-left:before {
  content: '\f036';
}

td#button-center:before {
  content: '\f037';
}

td#button-right:before {
  content: '\f038';
}

td#button-link:before {
  content: '\f0c1';
}

td#button-spoiler:before {
  content: '\f518';
}

td#button-image:before {
  content: '\f083';
}

td#button-artp:before {
 content: '\f03e';
}

td#button-video:before {
  content: '\f03d';
}

td#button-hide:before {
  content: '\f023';
}

td#button-quote:before {
  content: '\f10d';
}

td#button-code:before {
  content: '\f121';
}

td#button-html:before {
  content: '\f1c9';
}

td#button-color:before {
  content: '\f1fb';
}

td#button-table:before {
  content: '\f0ce';
}

td#button-smile:before {
  content: '\f118';
}

td#button-sticker:before {
  content: '\ea76';
}

td#button-keyboard:before {
  content: '\f11c';
}

td#button-addition:before {
  content: '\f161';
}

td#button-files_rusff:before {
  content: '\f07c';
}

td#button-graffiti_rusff:before {
  content: '\f1fc';
}

td#floatbut:before{
  content: '\f1fe';
}

td#button-mask:before{
 content: '\f630';
}

#form-buttons td#button-sticker {
  width:4%;
}

.icons-search:before {
  font-family:'icons';
  content:'\e986';
  font-size: 16px;
}

ul.tabs li.tab-current a{
 color: #6a8541 !important;
}

#imgnik-sig {
 margin-top: -49px!important;
 margin-left: 100%!important;
}

/* шрифты */

@font-face {
    font-family: 'helvetica';
    src: local("helvetica"), url(https://forumstatic.ru/files/0014/65/a2/81309.ttf);
}

/* быстроплюсы для топика! */

.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;
    background: url(https://forumstatic.ru/files/001b/a6/d4/26514.svg) no-repeat center;
    background-size: 36px auto;
    position: relative;
    padding-left: 0px;
    z-index: 100;
    width: 36px;
    height: 36px;
    text-align: center;
    font-size: 12px !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 33px;
    letter-spacing: 0px;
    color: #000000;
}

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;
  display: block;
  background-size: 100%;
  margin-left: 29px;
  margin-top: 42px;
}

.post.dark-style div.post-vote p>a {
  background: url(https://forumstatic.ru/files/0012/d8/04/38128.png?) no-repeat;
  background-size: 100%;
}

2

второе
Код:
/* основной фон */

body:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1000;
    background: url(https://forumstatic.ru/files/001b/cd/48/87668.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
  /* прокрутка */
  
::-webkit-scrollbar-thumb:vertical {
    background-color: #6a8541;
    height: 4px;
  }
  
::-webkit-scrollbar-thumb:horizontal {
    background-color: #6a8541;
    height: 4px;
  }
  
::-webkit-scrollbar {
    background-color: #4f4c4c;
    height: 5px;
    width: 5px;
  }

  /* шапка */

#pun-title table {
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    background-image: url(https://forumstatic.ru/files/001b/cd/48/53541.jpg);
    width: 1050px;
    height: 520px;
    margin-left: -40px;
    position: relative;
    margin-top: -60px;
  }
  
  /* тело форума */
  
#pun_wrap {
    min-width:1150px;
  }
  
#pun {
    width: 1048px;
/* background-image: url(https://i.imgur.com/0vr3809.png);*/
    background-color: #fff;
    background-attachment: scroll;
    background-repeat: repeat-y;
    margin: 0 auto;
    position: relative;
    border: 1px solid #000000 !important;
    top: 50px;
  }
  
  /* футер */

#pun-about p.container {
  /* background-image: url(https://forumstatic.ru/files/001b/cd/48/19757.png); */
      margin: -200px 0 27px -40px;
      background-position: center top;
      background-repeat: no-repeat;
      width: 1050px;
      height: 124px;
  }
  
  /* cs1.1 фон и цвет текста на форуме */
  .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
  .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
  .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  {background-color: transpanent;
  color: #1c1c1c;
  font-weight: normal;
  font-style: normal;
  }
  
  #pun-admain .adformal, #pun-admain .adcontainer
  {border: none;
  border-color:  transparent;}
  
  .punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #1c1c1c;
  text-align:center; 
  font-size: 12px; 
  font-style: normal;
  font-weight: bold;;
  }
  
  /* цитата и выделить код */
  .punbb .quote-box, .punbb .code-box {
    background: #f9f9f9;
    border: 1px solid #ebebeb;
    padding: 15px;
    border-radius: 0px;
    margin: 0 auto 15px;
  }
  
  .punbb .code-box a {
      text-decoration: none!important;
  }
  
  /* область для ввода текста в форме ответа и админке */

 .punbb textarea, .punbb select {
    background-color: #ededed66;
    color: #000;
    outline: none;
    border-width: 0px 0 0px 0;
    text-transform: lowercase;
    font-size: 12px;
  }
  
  /* большой красный текст в жалобе */

 #pun-report span {
    color: red !important;
    font-weight: bold;
    font-size: 20px;
  }
  
  /* стиль кнопок (отправить, посмотреть) + админские кнопки */

  .punbb input.button, input#pustoj2, .answerbutton input, input[type="submit"] {
    color: #000000;
    height: 26px;
    min-width: 111px;
    transition-duration: 0.5s;
    padding: 5px 10px;
    margin: 5px 3px;
    background-color: #dbdbdb66;
    letter-spacing: 1px;
    font-family: sans-serif;
    font-size: 11px;
    text-transform: lowercase;
    border-bottom: 2px solid #000000;
  }
  
  .punbb input.button:hover, input#pustoj2:hover, .answerbutton input:hover, input[type="submit"]:hover {
      border-bottom: 2px solid #fff!important;
  }
  
  .punbb input {
      border-width: 0 0 1px 0;
      border-color: #6a8541;
      outline: none;
      background: #ededed66;
      margin: 5px 0 0 0;
  }
  
  input::-internal-autofill-selected {
  background-color: #ededed66;
  }

/* реакции */

.reactions-root {
    margin-left: -110px !important;
}

.reaction-picker-panel {
    right: 0;
}

.reaction-picker-button {
    width: 20px !important;
}

.reaction-chip {
    height: 20px !important;
    border: 1px solid #ebebeb !important;
    background-color: #f8f8f8 !important;
}

.reaction-chip:not(.reaction-chip--disabled):not(.reaction-counter):hover {
    background-color: #f5f5f5 !important;
}

.reaction-chip svg {
    width: 6px;
}
  
  /* cs2 ссылки
  -------------------------------------------------------------*/
  
  /* cs2.1 */
  .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited
  {
    color: #000000;
    text-decoration: none;
    }
  
  /* cs2.2 */
  .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: #000000; 
    transition-duration: filter 0.5s ease-in-out;
    filter: drop-shadow(1px 1px #ffffff);
    }
  
  .punbb a:focus {
    color: #6a8541; 
    filter: none!important;
  }
  
  .punbb a:hover {
      color: #6a8541;
      transition-duration: filter 0.5s ease-in-out;
      filter: drop-shadow(1px 1px #ffffff);
    }
   
  /* верхние ссылки */

  #pun-ulinks a, #pun-ulinks a:focus {
    font-size: 7px !important;
    color: #000000 !important;
    font-family: sans-serif;
    letter-spacing: 0.7px;
    filter: none;
  }
  
  
  #pun-ulinks a:hover, #pun-ulinks a:active {
    color: #6a8541;
    transition-duration: filter 0.5s ease-in-out;
    filter: drop-shadow(1px 1px #ffffff);
  }
  
  #pun-navlinks a:hover {
    color: #6a8541;
  /*  text-decoration: overline; */
    transition-duration: filter 0.5s ease-in-out;
    filter: drop-shadow(1px 1px #6a8541);
  }
  
  .punbb-admin #pun-navlinks a, .punbb-admin #pun-ulinks a {
      color: #000000 !important;
  }

/* новостные плашки*/
  
.plashka {   
     position: absolute; 
     -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%; 
     width: 900px;
     height: auto;
     text-align: center;
     white-space: nowrap;
     overflow-x: auto;
     padding: 0px 0px 17px 0px!important;
     margin-left: 40px!important; 
     top: 430px;
}

.plh {       
    width: 170px;
    display: inline-block;
    border-radius: 0px;
    margin-right: 20px !important;
    border: 1px #bdbcbc solid;
    text-align: center;
    padding: 6px 0px 6px 0px !important;
    background: #ffffff;
}

.icon { 
    position: absolute;   
    width: 35px;
    height: 35px;
    margin-left: 6px;
    margin-top: -6px;
}

.plashka icon img {
     padding: 8px;
}
 
.zag {       
    font: 700 9px roboto;
    text-transform: uppercase;
    letter-spacing: 0px;
    padding-bottom: 2px!important;
    margin-left: 23px;
}

.txt {    
    font: 599 7px helvetica;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000; 
}
  
 /* новое сообщение */
  
  
tr.inew div.icon {
    background: url(https://forumstatic.ru/files/001b/cd/48/16363.png);
    float: left;
    margin: -5px 0 0 -20px;
    margin-left: -6px;
  }
  
  @keyframes blinker { 
    0% { opacity: 1.0; } 
    40% {opacity: 0.8; }
    60%  { opacity: 1.0; } 
    80%  { opacity: 0.8; } 
    100%{ opacity: 1.0; } 
  }
  
  @-webkit-keyframes blinker { 
    0% { opacity: 1.0; } 
    40% {opacity: 0.8; }
    60%  { opacity: 1.0; } 
    80%  { opacity: 0.8; } 
    100%{ opacity: 1.0; } 
  }
  
  tr.iclosed div.icon {
          /*background: url(https://i.imgur.com/xah35ex.png) no-repeat;*/
         border-radius: 50%;
         background-color: #888!important;
  }
  
  tr.isticky div.icon {
          /*background: url(https://i.imgur.com/1dq6rdq.png) no-repeat;*/
          border-radius: 50%;
  }
  
  table tr div.icon {
          margin-right: 10px!important;
  /*        margin-top: 10px!important; */
          width: 15px!important;
          height: 15px!important;
  }
  
  
  table tr.iclosed div.icon {
          margin-right: 10px!important;
  /*        margin-top: 10px!important; */
          width: 15px!important;
          height: 15px!important;
          background-color: #ссс!important;
  }
  
  table tr.inew div.icon {
          width: 40px !important;
          height: 30px !important;
  }
  
  table tr.isticky div.icon {
          margin-right: 10px!important;
  /*        margin-top: 10px!important; */
          width: 15px!important;
          height: 15px!important;
          background-color: #efefef!important;
  }
  
  .tcl .tclcon span.byuser {
     line-height: 0px;
  }
  
  
  /* cs3.2 всё подряд*/
  #pun-main div.catleft, #pun-main div.catright {display: none;}
  #pun-live-rusff {
      display: none;
  }
  
  #pun-main .post-author ul {
    text-align: center;
    float: left;
    width: 235px;
    padding: 15px;
    background: #f8f8f8;
    box-sizing: border-box;
    letter-spacing: 0.08em;
    color: #000000;
    position: relative;
    margin-left: 12px!important;
    border: 1px solid #ebebeb;
  }
  
  ul.post-ul-sp, .post-img-sp {text-align:center;}
  #pun th, #pun-main h2 {
  text-align: center;
  letter-spacing: 1px;
  }
  
  #pun-announcement .container {font-size: 101%; font-family: "arial";}
  #pun-stats h2 span {visibility: hidden;}
  #pun td .modlist{display:none;}
  .lastedit {display:none}
  #pun-announcement h2 {display: none}
  .pa-gifts{display:none}
  .stickytext, .closedatafield{display:none}
  
  #font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #spoiler-area {
      position: absolute;
      right: 6px;
      background-color: #d9dbde;
      top: 43px;
      overflow-y: auto;
      padding: 10px;
      border: #6a8541 1px solid;
  }
  
  #font-area {
      max-height: 250px;
      overflow: auto;
  }
  
  #smilies-area {
      width: 500px !important;
  }
 
  
  /*фон мини-профиля в топике*/
  .punbb .post .post-author {
      margin: -10px 0px 0px -60px !important;
      overflow: visible!important;
  }
  
  /*
  .punbb .post .post-author > ul {
      background: url(https://i.imgur.com/e0oibkg.jpg) left top no-repeat, url(https://i.imgur.com/ctxuj8x.jpg) 0 bottom no-repeat, url(https://i.imgur.com/ywtl9vy.jpg) repeat-y;
      margin: 0px 0px 0px 10px !important;
      padding: 18px 0px 15px 3px!important;
      width: 204px;
  }
  */
  
  /*выравниваем в одну строку число постов и уважение*/
  .pa-posts, .pa-respect {
      text-align: center;
      height: 10px;
      width: 196px;
      padding: 3px 0px 3px 0px !important;
      margin: 0px -2px 0px -1px !important;
      letter-spacing: 1px;
      font-family: trebuchet ms;
      text-transform: uppercase;
      line-height: 16px;
      font-size: 10px;
      display: inline-block;
  }
  
  .pa-posts {
      padding-top: 3px!important;
  }
  
  .punbb .post-content a, 
  .punbb .post-content a:link {
      color: #6a8541;
      font-weight: bold!important;
  }
  
  .punbb .post-content a:focus,
  .punbb .post-content a:active {
    color: #6a8541; 
  }
  
  .punbb .post-content a:hover{
  color: #6a8541;
  transition-duration: filter 0.5s ease-in-out;
  filter: drop-shadow(1px 1px #ffffff);
  }
  
  #post-preview .post-box {
      width: 80%;
      margin-left: 0px;
  }
  
  .punbb .pa-avatar img {
      max-width: 180px;
  }
  
  .punbb .pa-ip {
      margin: 8px 0 8px 0;
      font-family: trebuchet ms;
      font-size: 10px;
  }
  
  
  .topic .post {
    margin-left:10px;
  }
  
  
  #bookmcnttoggle.default-style {
      background: #ffffff!important;
      border-left: solid 5px currentcolor!important;
      color: #82afd2!important;
      display: block;
      height: 26px;
      width: 21px;
  }
  
  
  #mybookmarks {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      right: 0;
      height: 100%;
      box-shadow: 0 0 20px rgb(0 0 0 / 50%);
      width: 240px;
      z-index: 2000 !important;
      background: url(https://i.imgur.com/sibcyha.jpg);
      border-right: 1px solid black;
  }
  
  .editbookmark {
      background-color: #dcdcdc;
  }
  
  #mybookmarks span.scrl {
  text-shadow: none!important;
  color: #6a8541 !important;
  }
  
  #mybookmarks h2 {
  padding-left: 2em!important;
  }
  
  .post .bookmark {
  color: #82afd2!important;
  }
  
  /* отключаю поделиться и rss-atom */
  .sharelink {
  display: none!important;
  }

  .punbb .modmenu .container span 
  {
    display: none; 
  }

  
  div#pun-live-rusff {
      display: none;
  }
  
  .admin-advert-block {
      margin-left: 90px;
      margin-top: 46px;
  }
  
  /* опросы */
  table.poll2 h1 {
      background-color: #333532 !important;
      margin: 0 !important;
  }
  
  #pun-edit #tags .container {
      top: 59px !important;
  }
  
  #tags .container {
      top: 37px !important;
  }
  
  dd {
      margin-left: 0px;
  }
  
  #awards-content .tcl {
      width: 5%;
      padding-left: 10px;
  }
    
  /* репутация */
  
.post-rating {
    background-repeat: no-repeat;
    width: 10px;
    height: 30px;
    margin-left: 755px;
    margin-top: 10px;
    text-align: center;
}
  
div.post-rating p.container a {
    cursor: default!important;
    margin-left: -200px;
    margin-top: -100px;
}
 
  
  div.post-vote p{
  margin-top: -25px;
  background: transparent!important;
  }
  
  .post-vote a.positive{
  font-size: 0!important;
  }
  
  .post-vote p.container{
  padding: 1px!important;
  }
  
  .post-vote {
  display: block!important;
  }
  
  .post-vote a:after { 
      font-family: icons; 
      color:#6a8541;  
      content: "\f004"; 
      font-size: 26px; 
      text-shadow: none!important;
      visibility: visible!important; transition: 0.5s;
  }  
  
  .post-vote :hover>a:after{ 
      color: #6a8541;  
     }  
  
  /* ------  подпись  ------ */
  
  .post-sig{
  margin-left: -5px;
  padding: 10px;
  background: transparent!important;
  }
  
  /* просмотр профиля */
  
#profile-right{
    padding: 25px !important;
    background-color: #fdfdfd;
    border-radius: 0 0px 0 0;
  }
  
#profile-left{
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 16px !important;
    background-color: #fdfdfd;
    border-radius: 0 0 0 0px;
  }
  
#profile-name strong {
    color: #000 !important;
    font-family: 'roboto';
    font-size: 20px!important;
    text-align: center;
    letter-spacing: 1px;
    padding-bottom: 0!important;
    padding-left: 0!important;
    padding-right: 0!important;
    padding-top: 25px!important;
 }
  
#profile-title strong {
    font-family: roboto;
    font-size: 9px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: lowercase;
    padding-top: 0!important;
    padding-right: 0!important;
    font-weight: normal !important;
}
  
#pa-avatar strong {
    font-family: roboto;
    font-size: 9px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: lowercase;
    padding-top: 10!important;
  }
  
li#pa-avatar {
    text-align: center;
    padding-left: 0px!important;
}
  
#pa-online strong {
    text-align: center;
    text-transform: lowercase !important;
    letter-spacing: 0.5px;
    font-size: 10px;
    padding-top: 10 !important;
    font-weight: normal !important;
}
  
#pa-edit strong {
    font-size: 9px;
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 2px;
    padding-top: 0 !important;
    background-color: #dbdbdb66;
    line-height: 25px;
    height: 25px;
    width: 75%;
    margin-left: 22px !important;
    font-weight: normal !important;
}
  
#pa-edit strong a, #viewprofile #profile-left #profile-title strong, #viewprofile #profile-left #pa-online strong {
    font-weight: normal !important;
}
  
.user-agent {
    text-align: left;
}
  
#profile-left li div {
    text-align: left;
}
  
#pa-fld1 strong {
    text-align: left;
    letter-spacing: 2px;
    padding-top: 0!important;
}
  
#pa-fld2 strong {
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.5px;
    padding-top: 0!important;
    background: #ffffff66;
    border-bottom: 1px solid #000;
}
  
#pa-fld3 strong {
  
}

#pa-rng text strong {
    text-align: center;
    font-family: 'helvetica';
    font-size: 6px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 11px;
    padding: 3px 0px;
}
  
#pa-fld4 strong {
    text-align: left;
    padding-top: 0 !important; 
}
  
#pa-fld5 strong, #pa-fld5 span  {
    padding-top: 25px!important;
}
  
#pa-positive strong, #pa-positive span{
    padding-bottom: 25px!important;
}
  
#profile-right #pa-fld4 span {
    color: transparent!important;
}
  
#profile-right #pa-fld1 span {
    color: transparent!important;
}
  
#profile-right #pa-fld2 span {
    color: transparent!important;
}

 /* новости */

.trp_pst {
    z-index: 1;
    position: absolute;
    color: #000000;
    font-family: 'helvetica';
    font-weight: 100;
    letter-spacing: 0px;
    font-size: 9px;
    text-transform: lowercase;
    text-align: left;
    text-align-last: left;
    width: 880px;
    height: 40px;
    overflow: hidden;
    margin-top: -31px;
    margin-left: 28px;
    line-height: 10px;
}

.trp_pst span {
    color: #000000;
}

.trp_pst_link {
    z-index: 1;
    position: absolute;
    margin-top: -2px;
    margin-left: 763px;
    display: block;
    color: #6a8541 !important;
    background: #ffffff;
    padding: 0px 10px;
    font-family: 'helvetica';
    letter-spacing: 3px;
    font-size: 11px !important;
    text-transform: uppercase;
    font-weight: 700;
}

.trp_pst_link:hover {
    color: #6a8541;
    padding: 0px 10px;
}

.weekly_totals>* {
    z-index: 1;
    position: absolute;
}

.weekly_totals {
    opacity: 0;
    position: absolute;
    margin-top: 200px;
    z-index: 1;    
    transition: 1s;
}

.weekly_totals:hover {
    opacity: 1;
}

.trp_akt {
    margin-left: 213px;
    margin-top: -165px;
    width: 200px;
    height: 100px;
    line-height: 26px;
}

.trp_psn {
    margin-left: 18px;
    margin-top: -165px;
    width: 200px;
    height: 100px;
    line-height: 26px;
}

.trp_prg span {
    color: #ffffff;
}

.trp_prg {
    color: #ffffff;
    font-family: 'helvetica';
    letter-spacing: 1px;
    font-size: 6px;
    width: 200px;
    text-transform: uppercase;
    text-align: justify;
    text-align-last: left;
    overflow: hidden;
    margin-top: -61px;
    margin-left: 800px;
    line-height: 6.5px;
}

.trp_epn {
    color: #fff;
    font-family: 'helvetica';
    letter-spacing: 1px;
    font-size: 6px;
    text-transform: uppercase;
    text-align: justify;
    text-align-last: left;
    width: 200px;
    overflow: hidden;
    margin-top: 0px;
    margin-left: 776px;
    line-height: 6px;
}

.trp_epn span {
    color: #ffffff;
}

.trp_epn_link {
    color: #ffffff !important;
    font-family: 'helvetica';
}

.weekly_totals img {
    transition: opacity 300ms;
    filter: contrast(77%) saturate(128%);
}

.weekly_totals img:hover {
    opacity: .7;
}

.trp_akt img,
.trp_psn img {
    margin: 0 5px;
}

/* новостная таблица */

#pun-announcement .trp_news {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


#pun-announcement .trp_news a {
    background: linear-gradient(to right, #e7e6e6, #e7e6e6);
    border-radius: 10px;
    height: 27px;
    width: 190px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 4fr;
    align-items: center;
    padding: 0 11px;
    box-sizing: border-box;
    transition: opacity 250ms;
    margin: 10px 5px 0;
    font-family: var(--trpng-font-mini);
}


#pun-announcement .trp_news a:hover {
    opacity: .9;
}

#pun-announcement .trp_news img {
    max-width: 25px;
    max-height: 25px;
    grid-row: 2 span;
}


#pun-announcement .trp_news .big_txt {
    color: #520808;
    font-size: 7px;
    height: 10px;
    line-height: 10px;
    letter-spacing: 0.5px;
    margin-bottom: -7px;
}

#pun-announcement .trp_news .small_txt {
    color: #b1adad;
    height: 6px;
    font-size: 5px;
    line-height: 6px;
    letter-spacing: 1px;
    margin-top: -4px;
}


  
  /* ---------       баннеры         ------ */
  
  .banners-footer {
  position: absolute;
  width: 760px;
  height: 33px;
  overflow-y: hidden;
  /* border: 1px solid red; */
  margin: -25px 0 0 166px !important;
  }
  
  
  .banners-footer-content {
      text-align: center;
      overflow: hidden;
      animation: carousel 10s linear infinite forwards;
  }
  
  .banners-footer-content:hover {
      animation-play-state: paused;
  }
  
  .banners-footer-content img {
      opacity: 0.5;
      -webkit-transition: opacity .3s ease;
      transition: opacity .3s ease;
  }
  
  .banners-footer-content img:hover {
      opacity: 1;
  }
  
  @keyframes carousel {
      0% {
          transform: translatey(0);
      }
      50% {
          transform: translatey(-80%);
      }
      100% {
          transform: translatey(0);
      }
  }
  
  /* ------- заголовок быстрого ответа -------- */
       div.formal h2 {
       height: 10px!important;
  }
  
  
  /* ------ инфо панель -------- */
  #info {
        width: 96%;
        margin-left: 2.25%;
        background: #efefef66;
        border-radius: 0 32px!important;
        border-bottom: 2px solid #000;
       
  }
  
  #info a:hover{
      transition-duration: filter 0.5s ease-in-out;
      filter: drop-shadow(1px 1px #ffffff);
  }
  
  .info-link img:hover {
      filter: grayscale(1);
      transition: ease 1s;
  }
   
  /* аватар в подфоруме */

  .punbb .user-avatar .avatar-image {
    border-radius: 0px !important;
    height: 30px !important;
    width: 30px !important;
    filter: grayscale(100%);
  }
  
  .punbb .user-avatar .avatar-image:hover {
    transition: ease 1s;
  }
  
  .punbb .user-avatar {
    margin: -1px 7px -2px 0px !important;
    float: left !important;
  }
  
.punbb .user-avatar a:hover{
    filter: none;
  }
  
  .punbb .user-avatar .isonline {
    top: 2px !important;
    right: 2px !important;
    width: 6px !important;
    height: 6px !important;
    background: #fafafa !important;
    border-radius: 3px;
    border: 1px #c6c6c6 solid;
  }

/* ссылки в подфоруме */

.tclcon-links a {
    margin: 6px 6px 0 0;
    padding: 4px 0;
    font-family: 'helvetica';
    font-size: 11px;
    line-height: 32px;
    height: 8px;
    width: 478px;
    transition: background-color 250ms;

/* пока такие стрелки */

 .go-up,
 .go-down {
        display: none !important;
 }

.go-up,
.go-down {
    position: fixed;
    z-index: 3;
    cursor: pointer;
    opacity: .8;
    transition: opacity 200ms;
}

.go-up {
    bottom: 40px;
    margin-left: calc(75% - 3px);
}

.go-down {
    bottom: 37px;
    margin-left: calc(75% - 2px);
}

.go-down:hover,
.go-up:hover {
    opacity: 1;
}
  
  
  /*----------    статистика    -------*/
  .statscon ul{
  width: 950px;
  }
  
  
  /*------- отображение ника в активные темы, новые сообщения и т.д. -------*/
  .punbb .usersname {
  font-size: 12px;
  padding: 20px!important;
  line-height: 36px;
  }
  
  .punbb .byuser {
  line-height: 36px;
  }
  
  .lastpost .byuser {
  line-height: 10px;
  }
  
  
  /*--------- сейчас онлайн --------*/
  .section.online-list .tcl.action, .section.online-list .tcl.username {
  padding-left: 20px;
  }
  
  .section.online-list th {
      text-align: left!important;
      padding-left: 20px!important;
      font-weight: 700;
      letter-spacing: 1px;
  }
  
  .quote-box.spoiler-box  span{
  color: #6a8541 !important;
  }
  
  
  /* ----------- личные сообщения -------------*/
  .tc2.pmtc22 a{
  line-height: 36px;
  }
  
  #messages .intd div.tclcon a{
  line-height: 36px;
  }
  
  
  .fs-box .container .post-links ul{
      margin-left: -215px!important;
      width: 140%!important;
         }
  
  .inp2 input {
    margin: 0;
  }
  
  .inp2 label {
    line-height: 10px!important;
  }
  
  #profile.formal.messages-container .fs-box {
    margin-left: 50px;
    margin-top: -20px;
  }
  
  #profile.formal.messages-container div#profilenav{
    padding-top: 10px;
    margin-top: -30px;
  }
  
  #profile.formal.messages-container div#profilenav h2{
     text-align: left!important;
  }
  
  #profile.formal.messages-container div#profilenav h2 span{
     font-weight: bold!important;
     letter-spacing: 2px;
  }
  
  .tcl.pmtcl1 {
  width: 30%!important;
  }
  
  .tc2.pmtc22 {
  width: 17%!important;
  }
  
  
  /*------ заголовки --------*/
  .main.pages h1{
    height: 16px!important;
  }
  
  /*------------- форма ответа -------------*/

  #main-reply {
    width: 115%;
    margin-left: -50px;
  }
  
  #messages .fs-box .container {
   padding: 10px!important;
   width: 104%!important;
   margin-left: -60px!important;
  }
  
  .formal.messages-container #notify-settings {
   margin-left: 40px!important;
  }
  
  .formal.messages-container #post-form.formal {
   margin-left: -20px!important;
   margin-right: 20px;
  }
  
  
  .fs-box .post-box {
   margin-left: -55px!important;
  }
  
  #history_selected_version textarea {
  width: 104%!important;
  }
  
  .fs-box .post.toppost .post-box {
   margin-left: -130px!important;
  }
  
  /*--------- уведомления --------*/
  .bubble {
   top: -15px!important;
   right: 2px!important;
   background: #6a8541 !important;
  }
  
  .bubble:after{
    border-top-color: #6a8541 !important;
    border-bottom-color: #6a8541 !important;
  }
  
  
  /*---------- фикс ширины в профиле и лс ------------*/
  .main.multipage {
    width: 98%;
    margin-left: 1%!important;
    margin-right: 1%!important;
    
  }
  
  /*----- фикс активные темы, новые сообщения и т.д. ------*/
  .main.multipage.show_recent, .main.multipage.show_unanswered, .main.multipage.show_replies, .main.multipage.show_subscriptions {
  width: 100%;
  margin-left: 1%!important;
  }
  
  .main.multipage.show_recent .forum .tcr, .main.multipage.show_unanswered .tcr, .main.multipage.show_replies .tcr, .main.multipage.show_subscriptions .tcr{
  width: 40%!important;
  }
  
  .main.multipage .tcr {
  width: 15%!important;
  }
  
  .main.multipage .forum .tcr {
  width: 30%!important;
  }
  
  .usertable .user-avatar{
  float: left!important;
  }
  
  .main.multipage.show_user_posts .post-links ul {
    margin-left: -225px;
  }
  
  #post-form.formal p span input[type="submit"]:first-child {
  margin-left: 45px;
  }
  
  #administration th.tc2.tc-title, #administration th.tcl.tc-username, #most_active th.tcl.tc-username, 
  #most_active th.tcl.tc-title, #most_connected th.tcl.tc-username, #most_connected th.tcl.tc-title,
  #most_viewed_topics th.tcl.tc-topic, #most_replied_topics th.tcl.tc-topic{
  letter-spacing: 1px;
  padding-left: 0!important;
  }
  
  #most_viewed_topics td.tcl.tc-topic, #most_replied_topics td.tcl.tc-topic{
  padding-right: 5px;
  }
  
  
  /*---------- фикс колонок везде ----------*/
  .usertable .tc3.last_visit {
  width: 8%!important;
  }
  
  .usertable .tc3.registered {
  width: 15%!important;
  }
  
  .usertable .tc2.title {
  width: 15%!important;
  }
  
  .usertable .tc3.posts {
  width: 10%!important;
  }
  
  .usertable .usersname {
    padding: 10px!important;
  }
  
  /* --------- фикс рекомендуемых тем, новых тем и т.д. -----------*/
  
  #administration.section, #most_active.section, #most_connected.section, #most_invitations.sections, #most_viewed_topics.section, #most_replied_topics.section {
  margin-left: 1%;
  }
  
  
  /*----- репутация ------*/
  .inner.post_reputation h1 {
  height: 10px!important;
  }
  
  
  /*------баннеры-------*/
  .banners2{
      text-align: center;
      overflow: hidden;
      opacity: 0.5;
      transition: 1s ease-out;
  }
  
  .banners2:hover{
      opacity: 1;
  }
  
  
  
  /*-------- стиль зачёркнутого текста ----------*/
  del {
  text-decoration: none;
  filter: blur(2px);
  }
  
  del:hover{
  filter: none;
   transition: filter .25s ease-in-out;
  }
  
  
  
  /*------------- правки предпросмотра --------------*/
  #post-preview .fs-box .post-box .post-content{
  width: 95%;
  }
  
  /*---------- расширение полей ------------*/
  input[name='form[fld4]'], input[name='form[fld2]'], input[name='form[fld1]']{
  width: 100%;
  }
  
  /*---------- жалобы ------------*/
  .inner.post_report h1{
  height: 24px!important;
  }
  
  .inner.post_report td.tcl span{
  font-size: 12px!important;
  }
  
  /*---------- правки перемещения сообщений ----------------*/
  #movepoststable{
  padding-top: 0px;
  }
  
  #pmove_1, #pmove_2 {
  padding: 0px!important;
  }
  
  #pmove_2 span{
  width: 100%;
  margin-right: 0px;
  }
  
  #pmove_2 .fs-box .select_topics th.tcl, #pmove_2 .fs-box .select_topics th.tc2 {
  font-weight: bold;
  letter-spacing: 1px;
  border-bottom: 1px solid #6a8541;
  }
  
  #move_posts_form .formal .fs-box .select_topics table.container tbody {
  margin-top: 10px!important;
  }
  
  .pun-modal.move_posts_form .modal-inner.section h2{
  height: 24px!important;
  }
  
  .pun-modal.move_posts_form .modal-inner.section h2 span.closer{
  font-size: 3em!important;
  }
  
  #aftermove .container.moved_success {
  padding-top: 20px;
  padding-bottom: 20px;
  }
  
  #aftermove .container.moved_success strong{
  padding-bottom: 5px;
  }
  
  /* смена названий навигации на картинки
  -------------------------------------------------------------*/
  
  #pun-navlinks a {
      font-size:0!important;
      display: inline-block;
      transition: 0.5s;
   }
  
  
  /*------ hide текста в категории -----*/
  #pun-main .category h2 span{
   display: none;
  }
  
  /*-------- корректировка стиля смены аватара из темы ---------*/
  .pa-avatar.item2 img.allow_change:hover{
  outline-color: transparent!important;
  filter: grayscale(1);
  }
  
  .pa-avatar.item2 img.allow_change{
  transition: filter .8s ease!important;
  }

  
  
  /*----------------- правки страниц ------------- */
  #post-errors{
  margin-left: -20px!important;
  }
  
  #post-new #post #post-form p span.checkfield {
  margin-right: -5%;
  }
  
  #pun-main #profile div.container #notify-settings{
  margin-left: 18px!important;
  }
  
  /*---------------- количество соо --------------------*/
  .num_msg {
  font-size: 9px!important;
  background: #6a8541 !important;
  color: #efefef!important;
  min-width: 10px;
  height: 11px!important;
  text-align: center;
  font-family: tahoma;
  font-size: 8px!important;
  margin-left: -8px!important;
  margin-top: -5px!important;
  font-weight: normal!important;
  }
  
  span.num_msg:before {
  width: 0!important;
  height: 0!important;
  transform: none!important;
  background: #6a8541;
  }
  
  /*------------- соо при регистрации ----------------*/
  #register .info-box{
  margin-left: -10px;
  }
  
  /*------------- кнопка теги -----------------------*/
  input[name='addtag_button']{
  font-size: 9px!important;
  height: 18px!important;
  text-align: center;
  padding: 0px!important;
  }
  
  /*--------- лейблы -------------*/
  .punbb label {
  line-height: 20px;
  }
  
  /*--------- наградки в админке -------------*/
  #pun-admin-award-form .inner{
  background: #d9dbde;
  }
  
  /*------------- наградки в профиле ----------------*/
  #profilecontainer > fieldset:nth-child(1) > div > table > thead > tr > th:nth-child(1), 
  #profilecontainer > fieldset:nth-child(2) > div > div:nth-child(2) > table > thead > tr > th:nth-child(1) {
  text-align: left!important;
  padding-left: 0!important;
  }
  
  #profile.formal #profilecontainer fieldset div.fs-box table td.tcl{
  width: 5%!important;
  }
  
  #profile.formal #profilecontainer fieldset div.fs-box table td.tc2{
  width: 30%!important;
  }
  
  #profile.formal #profilecontainer fieldset div.fs-box table td.tc3{
  width: 5%!important;
  }
  
  #profilecontainer > fieldset:nth-child(1) > div > table{
  table-layout: auto;
  }
  
  #profilecontainer > fieldset:nth-child(2) > div > div:nth-child(2){
  max-height: 500px!important;
  }
  
  /*----------- редактирование закладок -----------*/
  .editbookmark h1 {
  height: 16px!important;
  }
  
  
  /*------------------- опросы ---------------------*/
  .formal.vote-result{
    background: #efefef66;
    border-radius: 0 32px;
    border-bottom: 2px solid #000 !important;
    padding-top: 0!important;
  }
  
  .question td.tac strong{
    font-family: 'el messiri';
    font-size: 20px;
    color: #6a8541;
    letter-spacing: 1px;
  }
  
  
  /*-------------------- маска профиля -------------------*/
  #mask_dialog .inner{
  width: 900px!important;
  }
  
  #mask_dialog .hv-form-block {
  padding: 20px;
  width: 550px;
  }
  
  #mask_dialog .hv-preview-block {
  flex: 0 0 180px!important;
  max-width: 180px!important;
  }
  
  .hv-preview-author {
  font-size: 12px;
  font-weight: bold;
  }
  
  .hv-preview-title{
  text-transform: lowercase;
  letter-spacing: 2px;
  }
  
  #mask_dialog .inner.container .hv-mask-block .description{
  font-size: 10px;
  line-height: 14px;
  }
  
  .permalink {
  font-size: 0.5vw!important;
  }
  
  .main.multipage.show_user_posts .post.altstyle span a,
  .main.multipage.show_user_posts .post span a {
  font-size: 0.5vw!important;
  }

3

Код:
#pun-navlinks {
    position: absolute;
    height: calc(100% + 4.6px);
    top: -3.2px;
    left: 0;
    margin-left: -51px;
    width: 50px;
    background: linear-gradient(180deg, rgb(26 26 26) 0%, rgb(34 33 33) 100%);
    border-radius: 20px 0 0 20px;
    border-left: 1px solid #2f4445!important;
    border-top: 1px solid #2f4445!important;
    border-bottom: 1px solid #2f4445!important;
    z-index: 100;
}
Код:
#pun-navlinks .container {
    display: block;
    font-family: playfair display;
    line-height: 43px;
    font-size: 15px;
    justify-content: center;
    align-items: start;
    -webkit-text-size-adjust: 100%;
    position: sticky;
    width: 20px;
    top: 110px;
    margin-left: 14px;
    z-index: 999;
}

4

первое
Код:
/*************************************************************
a - setup
**************************************************************/

/*шрифты*/
  @import url(style_cs.css);
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css";
@import url('https://fonts.cdnfonts.com/css/glorious');
@import url('https://fonts.cdnfonts.com/css/helvetica-255');


/* привет, ваш последний визит*/
#pun-status, #pun-status .container {    border-bottom: none;    margin-bottom: 0;    margin-top: -16px;    border-top: none;    font-size: 10px;    color: #2b2528;    font-family: roboto;    letter-spacing: 0px;    text-transform: lowercase;    text-align: left;    margin: -1em 0em 0em 24px;}
#pun-status .container {    padding: 0em 0em 0em 0em;    display: none;}
#pun-status span {    white-space: nowrap;    margin-right: 0.2em;}

/* верхняя ссылка фора */
#pun-crumbs1 {    font-size: 12px;    text-align: left;    overflow: hidden;    margin: 13px 0em 1em 22px;}
#pun-crumbs1 p.container {    font-family: arial;    text-transform: lowercase;    margin-top: 27px;    color: #000;    text-align: left;    font-size: 10px;    font-weight: bold;    letter-spacing: 1px;}
#pun-break1 {    margin: 0 2em;    border-style: solid none;    border-width: 0;    height: 0;    margin: -33px 1em;    position: relative;    z-index: 1;}

/* верхняя навигация */
#pun-navlinks, #pun-navlinks .container {    border-style: none;    border-width: 0;    margin-top: 2px;}
#pun-navlinks .container {    font-size: 15px;    text-align: center;    margin-top: -274px !important;    position: absolute;
    font-family: glorious;    width: 1000px;    letter-spacing: 2px;    font-weight: bold;}
#pun-navlinks li {    display: inline;    padding-right: 1em; }
#pun-navlinks li a {    font-size: 1em;    -webkit-transition: all linear 0.2s;     -moz-transition: all linear 0.2s;    -ms-transition: all linear 0.2s;    -o-transition: all linear 0.2s;    transition: all linear 0.2s;}

/* уведы и тд */
#pun-ulinks {    letter-spacing: 3px;    font-size: 9px;    font-family: corbel;    text-transform: lowercase;    position: absolute;    margin-top: -32px;    word-spacing: 2px;}
#pun-ulinks .container {    border-top: none;    text-align: center;    margin-top: -3px;    width: 1000px;}
#pun-ulinks li, #pun-ulinks li a {    display: contents;    color: #fff !important;    letter-spacing: 0.9px;    font-family: arial;    font-size: 10px;}
#pun-ulinks li a {    padding: 0 0.3em 0 0.3em; }
#pun-ulinks li.item1, #pun-ulinks li.item1 a {    border-left-style: none;    border-left-width: 0;    padding-left: 0;}

/* подпись*/
.punbb .post-sig dt {    display: block;    border-top: 1px solid #888;    width: 250px;    margin: 5px 0;}

/*подфорум, кол-во соо, последнее*/
.punbb th {    font-weight: normal;    font-size: 0px;    font-family: roboto;    text-transform: uppercase;    color: transparent;}

/* текст в быстром ответе*/
.punbb textarea {    color: #212227;    font-family: verdana!important;    font-size: 1em!important;}
.punbb textarea {    -webkit-text-size-adjust: 100%;    -moz-text-size-adjust: 100%;    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;}

/* названия тем*/
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table {    font-size: 12px;    font-weight: normal;    font-family: corbel;}

/* настройки иконок*/
.punbb td div.tclcon {    line-height: 35px;    margin-left: 0;    text-align: left;}
.punbb div.icon {    float: left;    height: 28px;    width: 28px;    padding: 0px 7px 0px 0px;    margin: 16px 0px 0px 24px !important;}

/*ширина фора*/
#pun {  margin: auto; width: 1048px;  position: relative;margin-bottom: 0px;  }

/* ширина тела и отступ */
.punbb {  margin-left: 17px;  position: top center;  float: none;  width: 1000px;  height: auto;  float: none;  }

/* переадресация */
#pun-redirect {    border: 0 none!important;    margin: -200px 0px 0px -1px;    bottom: 0;    right: 0;    left: 0;    position: fixed;    width: 100%;    height: 100%;    text-align: center;    font-size: 10px !important;    background: url(https://upforme.ru/uploads/001b/13/c9/2/306946.jpg) top center no-repeat !important;
    background-size: cover;}
#pun-redirect *{  border:0 none;}
#pun-redirect .main-title {    display: flex;    margin-top: 100px;    margin-left: 620px;}
.punbb .info .container {    padding: 0.8em 1em;}
.punbb .info .container .backlink {    padding-top: 0.8em;}


/* настройки тела профиля */
.punbb .post .post-author {
    float: left;
    width: 210px;
    margin-top: -2.5em;
    margin-left: 7px;
    overflow: hidden;
    border-bottom: 13px solid black;
    background: #fff;
    border-left: 1px solid black;
    border-top: 20px solid black;
    border-right: 1px solid black;
}

/* настройки ника */
.pa-author {    margin-top: 5px!important;}
.pa-author a {
    font-size: 14px;
    font-family: arial;
    text-transform: lowercase;
    letter-spacing: 0.6px;
    color: #fff !important;
    background: black;
    padding: 4px 0px;
    margin-left: -11px;
    margin-top: -25px;
    width: 211px;
    position: absolute;
    display: block;
}

/* статус*/
li.pa-title {
    padding: 5px !important;
    font-size: 9px;
    font-family: arial;
    text-transform: lowercase;
    color: #000000ab;
    text-align: center;
}
/*онлайн*/
li.pa-online {   color: #fff;     text-transform: lowercase;    font-family: arial;    letter-spacing: 1px;    font-size: 8px;  }
/* последний визит*/
.pa-last-visit {     font-size: 10px;     font-family: arial;  letter-spacing: 1px;   line-height: 0.8em; text-transform: lowercase; }
.post-author ul li.pa-avatar img {background: transparent none !important;max-width: 180px;height: auto;width: auto !important;border: none none none;margin-left: 0px;}

/* профиль такого-то в редакте профа*/
#pun-main h1 {    display: none !important;}

/* статистика*/
.punbb .section h2, #pun-stats h2, #pun-debug h2 {    width: 1050px;    height: 32px;    background: url(http://upforme.ru/uploads/001b/ce/0e/2/548243.jpg);    margin: -9px 0 2px -18px;}

/* быстрый ответ*/
#pun-main h2 {        /* padding: 1em 1em; */
    border-style: none solid solid none;
    border-width: 0 1px 1px 0;
    text-align: center;}

/* ссылки майл, профиль, вебсайт и тд*/
.punbb .post-body {    margin-left: 19em;    border-left-style: none;    border-left-width: 0px;    padding: 0 0 1px 0;    padding-right: 20px;}
.punbb .post-box {    padding: 1em 0em 1em 1em;}
.punbb fieldset .post-box {    margin-bottom: 0.8em;}
.punbb .post-links {    margin-left: 1em;    border-left-style: solid;    border-left-width: 1px;    margin-right: 1em;}
.punbb .post-links ul {    padding: 0 2em 0 0;    height: 2em;    text-align: right;    text-transform: lowercase;    font-family: corbel;    font-size: 12px;}
.punbb .post-links li {    display: inline;    padding-left: 1em;}
.pl-email {    float: left;}
.pl-website {     visibility: hidden; }
.punbb .clearer {    clear: both;    height: 0;    font-size: 0;}

/* модменю*/
.punbb .modmenu .container {    padding: 0.5em 2em;    text-align: right;    font-size: 10px;    font-family: arial;    font-weight: 600;    letter-spacing: 1px;    color: #000000ab;}
.punbb .modmenu strong {    height: 1.8em;    line-height: 1.8em;    padding-left: 1em;}
.punbb .modmenu a {    height: 1.8em;    line-height: 1.8em;}
.punbb .modmenu .container strong {    float: left;}
.punbb .modmenu input {    margin-left: 1em;}

/* просмотр профиля*/
#profile .container {    padding-left: 18.6em;}
#profilenav {    float: left;    width: 14em;    margin-left: -16.3em;    display: inline;}
#profilenav li {    padding-bottom: 0.8em;    font-weight: bold;}
#viewprofile ul, #profilenav ul {    border-style: solid;    border-width: 1px;    padding: 1.5em 18px 0.8em 18px;    margin: 0 0 1em 0;}
#viewprofile h2, #profilenav h2 {    background: transparent;    border: none;    padding: 0 0 0 0;    margin: 0 14px -2.6em -424px;    font-size: 12px;    font-family: fradm;    letter-spacing: 2px;}
#viewprofile h2 span, #profilenav h2 span {    padding: 0 5px;    position: relative;    display: none;}
#viewprofile li, #setmods dl {    padding: 0 0 0 16em;    margin-bottom: 0.2em;}
#viewprofile li span {    float: left;    width: 14em;    margin-left: -16em;    padding: 0.5em 1em;    font-weight: bold;}
#setmods dt {    float: left;    width: 14em;    margin-left: -16em;    padding: 0.8em 1em;    font-weight: bold;    display: inline;}
#viewprofile li strong, #viewprofile li div, #setmods dd {    display: block;    padding: 0.5em 1em;    font-weight: normal;}
.punbb img.avatardemo {    float: right;    margin: 0 0 0.8em 1.8em;}

/* всего тем, соо, посл зарегистрирован*/
#pun-stats .item1, #pun-stats .item2, #pun-stats .item3, #pun-stats .item4 {    width: 198px;    margin: 0px 2px 2px 1px;    background: #fff;    display: inline-grid;    padding: 4px 16px;    color: black;    font-family: arial;    letter-spacing: 0.3px;    border: 1px solid black;    font-size: 9px;}
#pun-stats li.item3, #pun-stats li.item4 {    text-align: center;}
#pun-stats li.item1, #pun-stats li.item2 {    text-align: center;    clear: both;}
#pun-stats .container {    padding: 0.8em 1em;    text-transform: lowercase; font-family: arial;}

/* нижняя ссылка фора */
#pun-crumbs2 {    font-size: 12px;    text-align: center;    overflow: hidden;    margin-left: 1.5em;    margin-top: 8px;}
#pun-crumbs2 .container {    font-family: arial;    text-transform: lowercase;    font-weight: bold;    letter-spacing: 1px;    color: #000;    font-size: 11px;    text-align: left;}

/*список онлайн на главной*/
.statscon {    font-size: 12px;    letter-spacing: 0.3px;    font-family: 'FRADM';    color: #575a6b;    text-transform: lowercase;    margin: 0em -3em 0em -3em;    padding: 1em 1em 0em 1em;}

/*убрать полосу в личных соо*/
#pun-messages .linksb {    text-align: right;    padding: 0.4em 0em 1.5em 0.5em;    font-size: 10px;    text-transform: lowercase;    margin: 10px 0px 0px 0px;   background: transparent;}

/*значок спойлера*/
.post-content .spoiler-box > div {    background: url(https://upforme.ru/uploads/001b/13/c9/2/790948.png) no-repeat left center !important;    cursor: pointer;    padding: 2px 0px 5px 18px !important;    margin-top: -6px !important;}


html, body {    margin: 0;     padding: 0;    -webkit-font-smoothing: antialiased;}
.punbb * {    margin: 0;}
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {    padding: 0;    list-style: none;  }
.punbb img {    border:none;}
.punbb .main table {    padding: 2px 8px 0px 0px;    width: 100%;}

.checkfield input[type="checkbox"], .radiofield input[type="radio"] {    margin: 0 0.3em;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {    height: 1.7em;    vertical-align: middle;}

body {    font-size: 100%;}
.punbb {    font: normal 68.70%  verdana, arial, helvetica, sans-serif;    text-align: justify;}
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {    font: 1em verdana, arial, helvetica, sans-serif;}
.punbb h1 span {}
.punbb legend span {    font-size: 10px !important;    font-family: corbel;    letter-spacing: 1px;    text-transform: lowercase;    font-weight: 600;    color: #888b97;}
#pun-viewtopic h2 span {    display: none;}
.punbb pre {    font: 1.1em/140% arial, "bitstream vera sans mono", "courier new", courier, monospace;}
.punbb address, .punbb em {    font-style: normal;}
.punbb .post-content em {    font-style: italic;}
.punbb .post-content em.bbuline {    font-style: normal;    text-decoration: underline;}
.punbb a {    text-decoration: underline;}
.punbb optgroup {    font-weight: bold;}


#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;}

.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;}

.punbb .section, .punbb .main {    margin-bottom: 1em;}

.punbb .category, .punbb .post {    margin-top: 0.4em;}

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

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

.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,.punbb .category {    border-style: none none none none;    border-width: 0px 0px 0px 0px;    text-transform: lowercase;}
.punbb .container {    border-style: none;    border-width: 0;}
.punbb .post-content {padding: 0;margin: 0px 0 0 7px;width: 100%;overflow: hidden;}
.punbb .post-content p {    margin: 0;    padding: 0 10px 1em 5px;    line-height: 150%;}
.punbb .post-content img {    vertical-align: text-bottom;}
.punbb .post-content img.postimg {    vertical-align: middle;}
.punbb .post-content .blockcode, .punbb .post-content blockquote {    width: 100%;    overflow: hidden;}
.punbb .post-content .scrollbox {    width: 100%;    overflow-y: auto;    overflow-x: hidden;    height: 3.5em !important;}
.punbb .post-content .quote-box, .punbb .post-content .code-box {    margin: 0.4em 1.8em 1.8em 1.8em;    padding: 7px 8px 0px 8px;}
.punbb .quote-box cite, .punbb .code-box strong.legend {    display: block;    padding-bottom: 0.7em;    font-size: 1.1em;
    font-weight: bold;    font-style: normal;    margin: 0;}
.punbb .info-box {    padding: 1.1em 1.7em 1em 1.7em;    border-style: none;    border-width: 0px;    margin: 0 0 1.1em 0;}
.punbb .info-box * {    padding: 0 0 0.7em 0;}
.punbb #pun-main .info-box .legend {    font-size: 1.1em;    font-weight: bold;}
.punbb .linkst {    float: left;    position: relative;    width: 100%;    font-size: 1.1em;    height: 0;}
.multipage {    margin-top: 3em;}
.linkst .pagelink {    position: absolute;    top: -28px;    left: 20px;    width: 23em;    font-family: arial;    color: #000;
    font-size: 10px;    text-transform: lowercase;    word-spacing: 2px;}
.linkst .postlink {    position: absolute;    top: -27px;    right: 1em;    width: 16em;    font-family: arial;    font-size: 10px;    text-transform: lowercase;    word-spacing: 2px;    text-align: right;}
.punbb .linksb {    text-align: right;    padding: 0.4em 0em 1.5em 1.5em;    font-size: 10px;    text-transform: lowercase;}
.linksb .pagelink {text-align: left;padding-left: 0.8em;position: absolute;width: 23em;font-family: arial;color: #000;font-size: 10px;text-transform: lowercase;word-spacing: 2px;}
.linksb .postlink {float: right;font-size: 10px;font-family: arial;margin: 3px 14px -5px 0px;}
.subscribelink {clear: both;padding-top: 0.3em;padding-bottom: 0em;margin-right: 13px;}


.punbb .formal .container {    padding: 1.7em 2.3em 1.1em 2.3em;}
.punbb .formsubmit {    padding: 0 0 0 1.7em;    margin: -1em 0 0 0;}
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {    margin: 8px 0.5em 0 -2px;    font-family: alice;    text-transform: lowercase;    font-size: 11px;    padding: 6px;}

.punbb fieldset {    border-style: none;    border-width: 0px;    padding: 0 18px 0 18px;    margin: 0 0 1em 0;}
.punbb fieldset legend {    padding: 0;    margin: 0 0 0 -5px;    font-size: 0.8em;    font-family: arial;    text-transform: uppercase;    font-weight: bold;    letter-spacing: 0.04em;}
.punbb fieldset legend span {    padding: 0 5px;    margin: 0 0 0 5px;}
.punbb fieldset fieldset {    border-style: none;    margin: 0;    padding: 0 0 8px 0;}


.punbb .fs-box {    padding: 1em 0 0.8em 0;}
.punbb .fs-box p, .punbb .fs-box fieldset {    padding: 0 0 0.8em 0;}

.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {    float: left;    margin-right: 1em;}
.punbb .inline .infofield {    clear:both;}
.punbb .datafield br {    display: none;}
.punbb .required label, .punbb .datafield span.input {    font-weight: bold;}
.punbb .datafield span.input a {    font-weight: normal;}

.punbb .areafield span.input, .punbb p.longinput span.input {    display: block;    padding: 0 12em 0 0;    height: 100%;}
.punbb textarea, .punbb .longinput input {    width: 64%;    margin: 0;}
.punbb .hashelp {    position: relative;}
.punbb .helplinks {    display: block;    position: absolute;    top: 1em;    right: 0;    font-weight: normal;    width: 36%;}

.punbb #profile .helplinks {    top: 1.5em;}

.punbb .helplinks span {    display: block;    padding-bottom: 0.2em;}

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

.punbb .main .tcl {  overflow: hidden;  text-align: left;  }
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {    text-align: center;    width: 9%;}
.category .hasicon .tc2, .category .hasicon .tc3 {    font-size: 10px;    font-family: corbel;    color: #ffaeaf80;}
.punbb .main .tcr {    overflow: hidden;    text-align: center;    width: 30%;}


#pun-userlist .main .tcl,#pun-searchtopics .main .tcl,#pun-modviewforum .main .tcl {  width: 40%;  }
#pun-userlist .main .tc2,#pun-searchtopics .main .tc2 {  text-align: left;  width: 20%;  }
#pun-debug table .tcl {  width: 15%;  white-space:normal;  }
#pun-debug .tcr {  width: 90%;  white-space: normal;  }
.punbb td span.youposted {  font-weight: bold;  margin-left: -1em;  position: absolute;  }
.punbb td .modlist {  display: none;  padding-top: 0.3em;  }
.punbb .main td {  border-style: none;  border-width: 0px 0 0 0px;  padding: 0.5em 1em;  }

#pun-index .main td {  padding: 0.4em 1em;}
.punbb .main th {  border-style: none none none solid;  border-width: 0 0 0 1px;  padding: 0.4em 1em 0.4em 1em;  }
.punbb .main .tcl {  border-left-style: none;  border-left-width: 0;  }
* html .tclcon {height: 1px;}


.punbb .post .container {    border-style: none none none none;    border-width: 0px;    margin-top: -1px;    padding-bottom: 1px;}
.punbb .post h3 {    border-style: none none none none;    border-width: 0px;}
.punbb .post h3 span {    padding: 0.5em 1em;    display: block;    margin-left: 21em;    border-left-style: none;    border-left-width: 0px;    text-transform: lowercase;}
.punbb .post h3 strong {    float: right;    width: 5em;    text-align: right;    font-weight: normal;    padding-right: 30 px;}

.punbb .post .post-author ul, .punbb .post .post-author p {padding: 0 1em 1em 1em;margin-bottom: 5px;text-align: justify;}

#pun-userlist .formal, #pun-userlist .formal .container {    border-bottom: none;    margin-bottom: 0;}
#pun-userlist .usertable .container {    padding: 0 2.3em 2.3em 2.3em;    border-top: none;}
#pun-userlist .usertable table {    border-style: solid;    border-width: 1px;}


#pun-title {  margin: 0;  border-style: none none none none;  border-width: 1px 1px 0 1px;  }
#pun-title h1 {  display : block;  height : 40px;  padding: 2em 1em 0 1em;  }
#pun-title .container {  border-style: none none none none;  }
#pun-title h1 span  {  font-size: 1.5em;  }

#pun-pagelinks {    position: absolute;    top: -15px;    left: 0;    margin: 0;    border: none;    padding: 0;    width: 100%;}
#pun-pagelinks .container {    background: transparent;    border: none;    padding: 0;}
#pun-pagelinks .container li {    display: inline;}
#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%;}
#pun-pagelinks a:active, #pun-pagelinks a:focus {    position:relative;    margin: 0;}
#pun-pagelinks li a span {    display:block;    margin: 0 1em;}


#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;}
#pun-announcement h2 span {    display: block;    padding: 1em 0 0.8em 0;    border-bottom-style: solid;    border-bottom-width: 1px;}
#pun-announcement .container {    padding-top: 0em;    margin: -287px 0em 20em -6px;}


li#onlinelist {    margin-top: 1em;    border-top-style: solid;    border-top-width: 1px;    float: left;    width: 100%;    line-height: 130%;}
li#onlinelist div {
    border-top-style: solid;
    border-top-width: 1px;
    color: #000000c7;
    padding: 0.7em 0 0 0;
}


#pun-qjump {    margin: 0;    border: none;    width: 50%;    position: relative;    float: left;}
#pun-qjump .container {    border: none;    background: transparent;    padding: 0.8em 1em;}
#pun-about {    margin-top: 0;}
#pun-about .container {    border-top-style: none;    text-align: right;    line-height: 150%;    padding: 0.8em 1em;}
#pun-about p span {    display: none;    padding-left: 50%;}

#pun-break4 {    margin: -2px 1em;    border-style: solid none;    border-width: 1px 0;    position: relative;    height: 0;    z-index: 1;}
div.punbb-admin #pun-about .container {    border-top-style: solid;    border-top-width: 1px;}


#pun-help .formal .info-box h3.legend {    border-bottom-style: none;    border-bottom-width: 0px;    padding-bottom: 0;    margin-bottom: 0.8em;}
#pun-help .formal .info-box h3.legend span {    padding-bottom: 0.6em;    display: block;    border-bottom-style: none;    border-bottom-width: 0px;    font-size: 1.1em;}
#pun-help .formal p, #pun-help .formal dd {    margin-bottom: 1em;}
#pun-help .formal ul, #pun-help .formal dl {    padding: 0 0 0 1em;}
#pun-help .formal li {    padding: 0;    line-height: 130%;}
#pun-help .formal li * {    vertical-align: text-top;}
#pun-help .formal dt span {    font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace;}
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {    padding-bottom: 0;}
.permalink {    padding-left: 0.5em;}
.sharelink {    display: none;}

/*для телефона*/
html{min-width: 1200px!important;}
0

ПРОФИЛЬЛС

5

второе
Код:
#pun-navlinks a span {    display: none;}

#navindex a::before {    content: 'FORUM';}
#navuserlist a::before {    content: 'USERS';}
#navsearch a::before {    content: 'SEARCH';}
#navprofile a::before {    content: 'PROFILE';}
#navpm a::before {    content: 'SMS';}
#navadmin a::before {    content: 'ADMIN';}
#navlogout a::before {    content: 'LOG OUT';}
#navregister a::before {    content: 'JOIN';}
#navlogin a::before {    content: 'LOG IN';}
#navpr_1 a::before {    content: 'PR';}

/* background and text colours
-------------------------------------------------------------
*/

/* бегунок шрифта*/
.FNTslider {    border-radius: 4px;    position: relative;    z-index: 1000;    background: #d3c0b2;    width: 110px;
    height: 5px;    margin: 3px 5px;    border: solid 0px #;    float: right;    margin-top: 5px;    margin-right: 7%;}
.FNTslider .before {    height: 6px;    border: solid 0px transparent;    border-right: none 0;    border-radius: 4px 0 0 4px;    position: absolute;    background: #b6b7bc;    margin-top: -1px;    box-shadow: 0px 0px 2px 0px rgb(164 170 192) inset;}
.FNTslider .thumb {    width: 8px;    height: 13px;    border-radius: 3px;    position: relative;    top: -4px;    background: #848ba7;    cursor: pointer;}

/*ползунок*/
::-webkit-scrollbar {    width: 3px;    height: 3px;}
::-webkit-scrollbar-track {    background: #d1bbb0;}
::-webkit-scrollbar-thumb {    background: #9ea4ba;}

/* выделение*/
::selection {    background: #cdd2e6;    color: #262626;}
::-moz-selection { background: #cdd2e6;    color: #262626;}

/*шапка*/
#pun-title table {  border: none;  background: url("http://upforme.ru/uploads/001b/ce/0e/2/527095.jpg") no-repeat top center;background-color: transparent;    height: 280px;    width: 1050px;    margin-left: -18px;    margin-top: -1px;}

/*фон*/
html, body {background: url(http://upforme.ru/uploads/001b/ce/0e/2/663031.jpg)100% 100% no-repeat fixed; background-position: top center;
background-color: #6c6f7b;
background-size: cover;}

/*тело*/
#pun {    background-color: #fff;    border: solid 1px black;    margin-top: 25px !important;    padding-bottom: 14px;}

/*футер*/
#pun-about p.container {    background-image: url(http://upforme.ru/uploads/001b/ce/0e/2/672408.jpg);
background-repeat: no-repeat;    background-position: center top;    width: 1050px;    height: 77px;    margin-top: 0px;    margin-bottom: -55px;    border-color: transparent;    font-size: 0 !important;    margin-left: -18px;}

/*подфоры*/
#pun-index .tcl h3 {    font-family: 'glorious';    font-size: 18px !important;    letter-spacing: 2px;   text-transform: uppercase;    margin-bottom: 2px;    font-weight: bold;    text-align: left;    position: relative;}
#pun-index .tclcon {    font-size: 10px;    text-align: justify;    color: #737680 !important;    margin-left: 1px;    padding: 12px 13px 13px 24px;    position: relative;    font-family: arial;    line-height: 13px;}

/*иконки*/
Div.icon {background-image : url(https://upforme.ru/uploads/001b/13/c9/2/295611.png); background-repeat: no-repeat; display: none;}
TR.inew Div.icon {background-image : url(http://upforme.ru/uploads/001b/ce/0e/2/477975.jpg); background-repeat: no-repeat;display: block;}

/*категории*/
#pun-category1.category h2, #pun-category2.category h2 { height: 32px;    width: 1048px;    font-size: 0 !important;    margin-left: -18px;    margin-top: -14px;} 
#pun-category1.category h2 {    background: url(http://upforme.ru/uploads/001b/ce/0e/2/554829.jpg); }
#pun-category2.category h2 {    background: url(http://upforme.ru/uploads/001b/ce/0e/2/548243.jpg); }

/* цитата и код */
.punbb .quote-box, .punbb .code-box {    border-color: #b2b5c8 !important;}
.punbb .quote-box, .punbb .code-box {    background-color: #f5f6ff;    text-align: justify;    background-position-x: right;    border: 2px solid;}

/*оформление выпадашек в быстром ответе*/
#font-area {    max-height: 158px;   overflow: auto;}
#smilies-area, #video-area, #spoiler-area {    width: 450px;    /* margin-top: 5px; */}
#smilies-area {    height: 158px !important;    overflow: auto !important;}
#keyboard-area {    height: 166px !important;    overflow: auto !important;}
#color-area, #table-area {    width: auto;}
#image-area {    width: 550px; }
#size-area {    right: unset !important;    max-height: 158px;    overflow: auto;}
#tags .container {    top: 39px !important;    height: 158px;    overflow: auto;}

/* все ссылки */
.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: #000;    text-decoration: none;    transition: all .5s ease-in-out .1s;}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {    color: #687daa;}
.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: #687daa;    text-decoration: none;}

/*ссылки навигации*/
#pun-navlinks a {    color: #fff;    text-decoration: none;}
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {    color: #687daa !important;}
#pun-pagelinks a:active, #pun-pagelinks a:focus {    background-color: #000000;    color: #000000;}
#pun-index.punbb .tclcon h3 > a {    color: #000;    -moz-transition: all linear 0.3s;    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;    transition: all linear 0.3s;}
#pun-index.punbb .tclcon h3 > a:active, #pun-index.punbb .tclcon h3 > a:hover {    color: #687daa;}

/*фон выпадающее меню*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {    border: 1px #c6c8ce solid;    background-color: #f5f6ff;    padding-top: 5px;}


/*подфорум*/ 
.wishpod {
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    text-transform: lowercase;
    padding-bottom: 10px;
    color: #000000a1;
}
.sseulki {    padding: 3px 10px 3px 10px;    background-color: #000000;    font-size: 9px;    font-family: arial;    font-variant: small-caps;     text-transform: lowercase;    text-align: center;    letter-spacing: 1px;}
.sseulki a {    padding: 0px 15px;    color: #fff !important;}

/*тем и соо под подфор в строчку*/ 
#pun-index .tcmod {    display: none}
.Tems_And_messages {
    font-size: 9px;
    text-transform: lowercase;
    font-family: corbel !important;
    color: #9a9ca8;
    width: 213px;
    display: -webkit-inline-box;
    position: absolute;
    /* line-height: 21px; */
    z-index: 1;
    letter-spacing: 2px;
    margin-top: -93px !important;
    font-weight: bold;
    margin-left: 379px !important;
}
.Tems_And_messages span {    display: block;    height: 10px;    width: 110px;}
.main table .Add {
    /* padding: 5px; */
    /* left: 346px; */
    width: auto;
    letter-spacing: 2px;
}
#pun-index .tcr a {font-size: 13px;font-weight: 600;}
#pun-index .tcr {
    text-align: left;
    font-family: arial;
    font-size: 10px;
    text-transform: lowercase;
    width: 25% !important;
    letter-spacing: 1px;
    margin-left: 10px !important;
    vertical-align: top;
    padding-top: 40px !important;
    color: #000000b3;
}
#pun-index .tcl {width:60% !important;}
#pun-index .tc2, #pun-index .tc3, #pun-index .tcmod {    font-family: montserrat;    font-size: 9px;    font-weight: 500;    width: 20px;display: none}
.category .container thead {    display: none;}

/* ава на главной */ 
.punbb .user-avatar .avatar-image {    height: 32px!important;    width: 32px!important;    border-radius: 0!important;    border: solid 1px black;    filter: grayscale(0.5);}
/* значок онлайна на аве на главной*/ 
.punbb .user-avatar .isonline {    width: 6px !important;    height: 6px !important;    border-radius: 50%;    display: block;    position: absolute;    top: 3px !important;    right: 2px!important;    animation: blinkColor .9s linear infinite;    -moz-animation: blinkColor .9s linear infinite;    -webkit-animation: blinkColor 1.9s linear infinite!important;    background: #96a0c1!important;}

.pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name, .pa-fld5 .fld-name {display:none;}
.pa-online {
    position: absolute;
    display: block;
    width: 210px;
    text-align: center;
    background: #000;
    margin-top: 41px !important;
    padding: 2px 0px !important;
    margin-left: -10px !important;
}

/*соо и репа в одну строчку*/
.pa-posts {    display: inline-block;    font-size: 9px;    margin-left: 0px !important;    text-align: center;    max-width: 60px;    line-height: 13px;    padding: 1px 2px! important;    margin-top: 5px!important;    color: #63646d;    background-color: #ffffff;    text-transform: lowercase;}
.pa-respect {    display: inline-block;    margin-left: 0px !important;    text-align: center;    font-size: 9px;    background-color: #ffffff;    width: 62px;    color: #63646d;    text-transform: lowercase;    max-width: 58px;    line-height: 13px;    padding: 1px 2px! important;}

/*окно быстрого ответа и кнопки*/
.punbb textarea, .punbb select, .punbb input {    background-color: #f5f6ff;    border: 2px solid #b2b5c8 !important;}

#pun-title .title-logo {     display: none; }
.lastedit {    display: none;}
#pun-main .post-author ul  {    text-align: center;}
#pun-announcement h2 {    display: none;}
.stickytext, .closedatafield {    display: none;}
.resizable-textarea textarea {    display: block;    margin-bottom: 0pt;    color: #000000;}
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer  {    background-color: transparent;    color: #00000; }
.punbb .formal fieldset .post-box {    padding-right: 1em;}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {    color:  transparent;
    font-size: 12px;    font-family: corbel;    text-align: center;    text-transform: lowercase;background-color: transparent;}
#pun-title, #pun-title .container, .punbb .modmenu .container {    background-color: transparent;    color: #000000;}
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {    background-color: transparent;    color: #000000;}
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {    background-color:transparent;    color: #000000;}
#pun-navlinks .container {    background: transparent;    color: #100000;}
.offline li.pa-online strong {    font-weight: normal}

/*рамки*/
.punbb .container, .punbb .post-body, .post h3, #pun-title {    border-color: #000000;  }
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,.punbb .category, .punbb .post {    border-color: transparent;}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {    border-color: transparent;  }
.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;}
 .punbb th {color: #000000;    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 #ffffff;}
li.pa-online {    border-left-color: transparent;  }
li.pa-ip {    font-family: corbel;    font-size: 8px;    color: rgb(147 155 185);    letter-spacing: 1px;}

.punbb .post-sig dt {    border-top-color: transparent !important;}
#pun-userlist .main .tcl, #pun-userlist .main .tc2 {    width: 15%!important;}

/*окно репы*/
.inner.post_reputation {    background: #f9f9f9;    border: 2px double solid #a6acc1; }

/*выключает граффити*/
#button-graffiti_rusff {display: none !important;}

/*блок смайлов*/
button.sml {    background-color: #b9c0d4;    border: 1px solid #747B8F;    display: inline-block;    cursor: pointer;    color: #ffffff;    font-family: "ImpactRegular"!important;    text-transform: uppercase;    font-size: 7px!important;    letter-spacing: 1.2px;    height: 20px!important;    padding: 5px 5px 5px 5px;}


/* гостевая */ 
.maw-gost {    background: url(https://forumstatic.ru/files/001b/12/8a/68883.png); width: 606px;  height: 349px; position: relative; overflow: hidden;     margin: 0px 0px 0px 55px !important;}
.maw-gost maw-gost1 v {    text-align: left;    width: 160px;    display: block;    height: 11px;    font-family: fradm;    font-size: 10px;    color: #5E626E;    text-shadow: 1px 1px 0 #fff;    letter-spacing: 0.5px;    margin-bottom: 2px;    text-transform: lowercase;}
.maw-gost maw-gost1 d {    padding: 2px 4px 4px 2px;    text-align:center;    width: 140px;    display: block;    height: 10px;    font-family: arial;    font-size: 10px;    color: #585B67;    text-shadow: 1px 1px 0 #fff; background-color: #F3E2DA; border: 1px solid #F3E2DA!important;outline: 1px solid #A7AEC2; outline-offset: -2px;letter-spacing: 0.5px;    margin-bottom: 4px; }
.maw-gost maw-gost1 z {    padding: 2px 4px 4px 2px;    text-align:center;    width: 140px;    display: block;    height: 10px;    font-family: arial;    font-size: 10px;    color: #f0edf3;    text-shadow: 1px 1px 0 #75717d; background-color: #A7AEC2; border: 1px solid #A7AEC2!important; outline: 1px solid #F3E2DA; outline-offset: -2px;letter-spacing: 0.5px;    margin-bottom: 4px; }
.maw-gost maw-gost1 {    position: absolute;    margin-top: 160px;    height: 144px;    overflow: auto;}
.maw-gost maw-gost2 {position: absolute; margin-top:247px;}

/*  стиль уведомлений */
span.num_msg, .bubble {    border: 1px solid rgb(255 255 255);    border-radius:2px !important;    background: rgb(222 162 129) !important;    color: rgb(236 249 255) !important;}
.bubble {    border: 0 none;    display: inline-block;    font: bolder 8px/1.6 Tahoma;    margin: 0;    min-width: 14px;    padding: 0 1px;    position: absolute;    right: 129px !important;    text-align: center;    top: -15px !important;}
span.num_msg:before {background: #a1a1bb !important;}
.bubble:after {    border-color: #dea281 transparent !important;}

Вы здесь » Test by devls » страниу » капкан надежды другой код


Рейтинг форумов | Создать форум бесплатно