Код:

@import url(style_cs.css);

/* шрифты */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://use.fontawesome.com/releases/v5.14.0/css/all.css');
@font-face { font-family: "Material Icons";
  font-style: normal; font-weight: normal;
  src: local("Material Icons"), url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2"); }

@font-face {font-family: 'FontAwesome';src: local("FontAwesome"), url('https://forumstatic.ru/files/001b/ae/02/82214.otf'); url('https://forumstatic.ru/files/001b/ae/02/10475.eot'), url('https://forumstatic.ru/files/001b/ae/02/33873.woff'), url(https://forumstatic.ru/files/001b/ae/02/11858.ttf');
}

@font-face {
    font-family: 'cappuccicons';
    src: url('//source.cappuccicons.com/cappuccicons.eot');
    src: url('//source.cappuccicons.com/cappuccicons.eot#iefix') format('embedded-opentype'), url('//source.cappuccicons.com/cappuccicons.ttf') format('truetype'), url('//source.cappuccicons.com/cappuccicons.woff') format('woff'), url('//source.cappuccicons.com/cappuccicons.svg#cappuccicons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}


/* Стандартные коды майбб, которые пригодятся */

.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0; list-style: none;}
.punbb img {border:none; vertical-align: middle;}
.punbb .main table {table-layout: fixed; 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.8em; vertical-align: middle}
.punbb .post-content em {font-style: italic}
.punbb optgroup {font-weight: bold;}
.acchide,#pun-index #pun-main h1,#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,#pun-title h1 {font-size: 0;height: 0;width: 0;line-height: 0.0; position:absolute; left: -9999px; overflow: hidden}
.punbb * {margin: 0;}
.punbb .hashelp {position: relative;}/* позиционирование выпадающего меню */
.post-content em.bbuline {font-style: normal; text-decoration: underline;}
.punbb .post-content .scrollbox {overflow-x: hidden; max-height: 40px; padding: 5px; }
::-webkit-scrollbar { width: 4px; height: 4px;}

/* основное */
body {margin: 0;}
html {line-height: 1.15; -webkit-text-size-adjust: 100%;}
html * {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; line-height: 1.25; text-rendering: optimizeLegibility;}
#pun-main {padding: 2px;}
a {transition: color 0.3s ease-in-out; text-decoration: none;}
#pun {width: 1140px; margin: 346px auto 20px auto; padding: 0px 35px 10px; box-sizing: border-box; border-radius: 0px 0px 30px 30px;}
#pun-break1 {height: 0px;}
.punbb {font: normal 77.75% 'Times New Roman', sans-serif; box-sizing: border-box;}
h1, h2, h3 {font-weight: normal;}
#pun-title {position: relative;}
#title-logo-table {position: relative; width: 1140px; height: 306px; margin: -338px 0 0 -35px; border-start-start-radius: 30px; border-start-end-radius: 30px;}
#pun-about {width: 100%; text-align: center; padding-top: 6px;}
#pun-navlinks { position: relative; width: 1105px; height: 32px; border-radius: 0px 30px; z-index: 999; top: -305px;}
#pun-navlinks ul.container {position: relative; width: 764px; height: 100%; left: calc(1105px - 764px); border-radius: 0px 30px; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0px; gap: 20px; text-transform: uppercase;}
#pun-ulinks li, #pun-navlinks li {display: inline; }
#pun-status {top: 0; position: absolute; text-align: end; width: 1020px;}
#pun-status p.container {font-family: 'Open Sans'; position: relative; float: right; width: 25%; display: grid; grid-template-columns: 92% 5%; grid-column-gap: 14px; align-items: center; z-index: 999;}
#pun-status span.status_userava { text-align: center; grid-area: 1 / 2 / 3 / 3; width: 30px; height: 30px; border-radius: 15%; transform: rotate(45deg); margin-top: 4px;}
#pun-status span.status_userava img { width: 30px; height: 30px; border-radius: 15%; transform: rotate(-45deg); filter: grayscale(100%) contrast(90%) brightness(110%); cursor: pointer;}
#pun-status span.status_userava img:hover {filter: none;}
#pun-status span.item1 {grid-area: 1 / 1 / 2 / 2; text-transform: uppercase;}
#pun-status span.item2 {grid-area: 2 / 1 / 3 / 2; font-size: 0.6rem; margin-top: -8px;    opacity: 0.6;}
#pun-status span.item4 {display: none;}
#pun-status a {font-weight: 100;}
p.container.crumbs {}
#pun-crumbs1, #pun-crumbs2 { position: relative; margin: 6px 0; padding: 5px; opacity: 0.6;}
.linkst, .linksb  {position: relative;}
.linksb {margin-bottom: 16px;}
noindex { position: relative; top: -16px; float: right;}
#pun-viewforum .intd, #pun-messages td.tcl .intd {display: flex; align-items: center;}
#pun-messages td.tcl .intd .icon {order: 1;}
#pun-messages td.tcl .intd .tclcon {order: 2;}
input[type='checkbox'], input[type='radio'] {width: 15px; height: 15px; cursor: pointer; appearance: none; padding: 0;}
input[type='checkbox']:checked {background-image: url(/files/001b/a7/bb/90984.png); background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #fff;}
#pun-announcement {height: 1px; top: -64px; width: 100%; display: flex; position: relative; justify-content: center;}
.pagelink {padding: 5px 0; text-transform: lowercase; font-size: 0.7rem;}

/* на главной странице */
.category, .forum .container {position: relative; padding: 10px 0;}
.catleft {width: 90px; height: 100px; position: absolute; display: flex; align-items: center; justify-content: center;}
.catleft:before { content: ' '; width: 50px; height: 50px; border-radius: 100%;}
.statscon { margin: 8px 0;}
.category h2 span, #pun-stats h2 span { display: block; font-size: 1.9rem; font-family: 'Montserrat'; text-transform: uppercase; padding: 20px 90px; height: 100px; width: 64%; border-start-end-radius: 50px; border-end-end-radius: 50px; }
.category h2 span:after, #pun-stats h2 span:after { text-transform: lowercase; font-size: 0.9rem; display: block; content: 'что-то на красивом';}
.category table {border-collapse: separate;}
#pun-index .category tbody {display: grid; grid-template-columns: 2fr 2fr; grid-template-rows: auto; grid-column-gap: 10px; grid-row-gap: 10px;}
#pun-index .category tr {display: grid; grid-template-columns: 1fr 3fr; grid-template-rows: auto; grid-column-gap: 10px; grid-row-gap: 2px; margin: 10px 0; padding: 5px;}
.category tr:last-of-type {margin-bottom: 20px;}
#pun-index .category .tcl {grid-area: 1 / 1 / 2 / 3;}
#pun-index .category .tcl .intd {display: grid; grid-template-columns: 1fr 3fr; grid-template-rows: auto; grid-column-gap: 0px; grid-row-gap: 0px;}
#pun-index .category .icon { grid-area: 1 / 1 / 2 / 2; z-index: 10; height: 50px; width: 50px; line-height: 45px; text-align: center; font-size: 25px; border-radius: 0px 0 75% 0; padding: 25px 25px 10px 10px; margin: -6px 0 0 -6px; cursor: pointer; display: block; transition: 0.3s all;}
#pun-index .category .tclcon {margin: 10px 0 0; grid-area: 1 / 1 / 4 / 3; display: grid; grid-template-columns: 1fr 9fr; grid-template-rows: auto; grid-column-gap: 0px; grid-row-gap: 4px; padding: 0 20px;}
#pun-index .category .tclcon h3 {grid-area: 1 / 2 / 2 / 3; font: 800 1.3rem Poppins; text-transform: uppercase; letter-spacing: -0.75px; padding-bottom: 5px; transition: 0.3s all;}
#pun-index .category .podf-text {grid-area: 2 / 1 / 3 / 3;}
#pun-index .category .podf-links {grid-area: 3 / 1 / 4 / 3; margin: 6px 0;}
#pun-index .category .podf-links a { padding: 4px 6px; font: bold 0.6rem Open Sans; text-transform: uppercase; text-align: center; letter-spacing: .5px; border-radius: 3px; transition: 0.3s all;}
#pun-index .tc2 {grid-area: 2 / 1 / 3 / 2; align-items: center;}
#pun-index .tc3 {grid-area: 3 / 1 / 4 / 2;}
#pun-index .tc2, #pun-index .tc3 {display: flex; justify-content: flex-start; font: bold 0.6rem Open Sans; margin-left: 22px; letter-spacing: 1px; text-transform: uppercase; }
#pun-index .tc2:before {content: 'тем: ';}
#pun-index .tc3:before {content: 'сообщений: ';}
#pun-index .category .tcr { display: grid; grid-template-columns: 1fr 5fr; grid-template-rows: auto; grid-area: 2 / 2 / 4 / 3; align-items: center;}
span.modlist {text-align: center; display: none;}
#pun-index .category .tcr a {font: 800 1.3rem Poppins; line-height: 1rem; letter-spacing: -0.5px; font-size: 1.3rem; }
#pun-index .category span.byuser {font: bold 0.8rem Open Sans; line-height: 0.5rem; padding: 5px 0px;}
#pun-index .category span.datetime {font: 0.6rem Open Sans; letter-spacing: 1.5px;}
#pun-index em.user-avatar {grid-area: 1 / 1 / 2 / 2; display: flex; align-items: center; padding: 9px; height: 75px; width: 75px; justify-content: center;}
#pun-index .tcr_all {grid-area: 1 / 2 / 2 / 3;}
#pun-index a.lastpost-link {}
#pun-index span.lastpost {display: flex; flex-direction: column-reverse;}
#pun-index span.avatar-image, #pun-index span.isonline {z-index: 1; position: relative;}
.punbb em.user-avatar .avatar-image {border-radius: 0; filter: grayscale(100%) contrast(90%) brightness(110%);}
#pun-index em.user-avatar .avatar-image {border-radius: 0; height: 55px; width: 55px;}
#pun-stats {}
#pun-stats ul {display: flex; flex-wrap: wrap; justify-content: space-between; margin-block: 10px; padding: 10px 18px; padding: 0 18px;}
#pun-stats ul li:not(#onlinelist) span, #pun-stats ul li a {}
ul.container {padding-left: 0;}
#pun-stats ul li:not(#onlinelist) {text-align: center; width: calc(25% - 6px); padding: 4px; margin-right: 6px; margin-bottom: 6px;}
#pun-stats ul li:not(#onlinelist) span {font-weight: 600;}
#pun-stats ul li:not(#onlinelist) strong {font-weight: 400;}
#pun-stats ul li.item1 {order: 1;}
#pun-stats ul li.item2 {order: 2;}
#pun-stats ul li.item3 {order: 3;}
#pun-stats ul li.item4 {order: 4;}
#pun-stats ul li.item5 {order: 5; text-align: justify; width: 100%; font-size: 0.7rem;}
#pun-stats li#onlinelist.item5.onlinelist, #pun-stats li#onlinelist.item5.users_24h {padding: 4px 2px;}
#pun-stats ul li.item5.statistics {text-align: center; margin-bottom: 10px;}

/* оформление навигационных страниц и страницы статистики */
#pun-statistic h1 span {line-height: 2rem;}
#pun-statistic #pun-main.main .container { position: relative; padding: 10px 0; margin-bottom: 15px;}
#pun-statistic table td { text-transform: lowercase; padding-block: 10px;}
#pun-statistic table tr:last-child td {border: none;}
#pun-main.main.multipage.show_recent, #pun-main.main.multipage.show_replies, #pun-main.main.multipage.show_unanswered, #pun-userlist #pun-main.main.multipage, #pun-statistic #pun-main.main {position: relative; top: 10px;}
.formal {padding: 10px; margin: 10px 0;}
h1 {text-align: center; font-size: 26px; text-transform: lowercase;}
.punbb .forum .hasicon tr {display: flex; padding: 5px; margin: 10px 0; text-transform: lowercase; align-items: center;}
div#pun-respect tr, div#pun-online tr {display: flex; padding: 10px; margin: 10px 0; text-transform: lowercase; align-items: center;}
div#pun-online tr td.tcl.username {width: 40%;}
div#pun-online tr td.tcl.action {width: 40%;}
div#pun-online tr td.tc3 {}
div#pun-respect tr td.tcl {width: 30% !important;}
div#pun-respect td.tc2 {}
div#pun-respect td.tc3 {}
div#pun-respect td.tcr {width: 20% !important;}
.forum td.tcl {width: 40%;}
.forum td.tcl .intd { display: flex; align-items: center;}
.forum td.tcl .icon { order: 1; margin-right: 10px;}
.forum td.tcl .tclcon { order: 2;}
.forum td.tcr {width: 34%; display: flex; align-items: center;}
#pun-searchtopics .forum td.tcr {display: grid; grid-template-columns: 15% 42% 43%;}
#pun-searchtopics .forum td.tcr .punbb .forum .user-avatar {grid-area: 1 / 1 / 2 / 2;}
#pun-searchtopics .forum td.tcr a {grid-area: 1 / 3 / 2 / 4;}
#pun-searchtopics .forum td.tcr span.byuser {grid-area: 1 / 2 / 2 / 3;}
.punbb em.user-avatar .isonline {right: -10px;}
#pun-index em.user-avatar span.isonline {right: 0px;}
.punbb .forum .user-avatar {float: right;}
.linkst .postlink.long { width: 100%; text-align: end;}
.postlink.long .new-topic, .postlink.long span.new-poll, .linkst .postlink span {padding: 6px 18px;  margin-inline: 10px;}
#pun-main table {}
.post-links a {margin-inline: 10px;}
.forum td.tc2 { width: 20%; text-align: center;}
.forum td.tc3 {width: 5%;}
span.closedatafield, span.stickytext {font: bold 0.7rem Open Sans; letter-spacing: 1px; }

/* оформление странице профиля и лс */
#profile-gifts {text-align: center;}
#viewprofile tr {display: flex; justify-content: space-between; align-items: flex-start;}
#viewprofile #profile-left {width: 222px; z-index: 1; position: relative;}
#viewprofile #profile-left li { text-align: center; padding: 2px; position: relative; z-index: 99;}
li#profile-title { position: relative; padding: 2px 0px; display: grid; width: 100%;}
#viewprofile #profile-left li#pa-edit {padding: 4px 0 12px; text-transform: lowercase; font-size: 0.65rem;}
#viewprofile #profile-left li:first-child {padding-top: 6px;}
#viewprofile #profile-left li:last-child {padding-bottom: 6px; }
li#profile-name {text-transform: capitalize; width: 100%; font-size: 1rem; padding: 4px;}
#profile-title {text-transform: lowercase; font-size: 0.6rem;}
#viewprofile #profile-right {width: calc(100% - 230px); display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; grid-column-gap: 5px; grid-row-gap: 10px;}
#profile-right li {display: flex; padding: 5px 10px; align-items: center;}
#profile-right span:not(.GamePst) { font-size: 0.8rem;}
#profile-right span.pers_plash_text:not(.GamePst) {width: 100%; font-size: 8px; font-family: arial; padding: 0 4px; margin-left: 4px;}
#viewprofile #profile-right strong {font-weight: 400;}
#profile #profilenav {float: left; width: auto;}
#profile #profilenav li {position: relative; left: 10px; font-weight: 900; margin-bottom: 4px; padding: 6px 20px;}
#profile fieldset, #profile .formsubmit, #profile10 .select-file, #profile10 .adfs-box, #messages .linksb {width: calc(100% - 202px); margin-left: auto; text-align: left;}
#profile fieldset, #profile .formsubmit, #profile10 .select-file { margin-top: 14px;}
#profile fieldset.radiofield {width: 100%;}
#pun-profile #profile.formal {background: transparent; border:none; min-height: 400px;}
#pun-messages #profile.formal {min-height: 240px;}
fieldset, #profile10 .adfs-box { padding: 10px; position: relative;}
#pun-profile fieldset legend, #pun-messages fieldset legend {width: 50%; text-align: center; padding: 4px; }
fieldset legend {text-align: center; padding: 4px 10px; display: flex; justify-content: center;}
.punbb .formal fieldset { margin-bottom: 16px;}
fieldset .infofield, fieldset .datafield, fieldset #num-posts, fieldset #location, fieldset #birthday, fieldset .checkfield {width: 100%;}
fieldset .radiofield .radio {width: 100%; display: flex; align-items: center;}
fieldset .radiofield .radio:first-child {margin-top: 10px;}
#filetable tr { display: flex!important; justify-content: space-between; align-items: center; padding: 10px 0;}
#profile10 .tc3.checker {text-align: end;}
#profile10 .tc3 {text-align: center;}
#setmods dl {margin: 10px 0;}
#setmods dt {font-size: 1.6rem;}
#setmods dd {text-transform: lowercase; padding: 0 10px; line-height: 24px;}
#messages .linksb { display: flex; justify-content: space-between; background: transparent; outline: none; border: none;}
#messages .fs-box tr {display: flex; align-items: center; padding: 4px 10px;     margin-bottom: 10px;}
td.tcl.pmtcl1 {width: 47% !important;}
td.tc2.pmtc22 {width: 30% !important;}
#messages .pmtc22 {display: flex; align-items: center;}
#pun-messages td.tc2, #pun-messages td.tc3 {overflow: visible!important;}

/* оформление страницы форума */
.multipage h1, #pun-profile h1 {font-size: 0;}
.modmenu {text-align: center;}
.modmenu strong {margin-right: 20px;}
#pun-viewtopic .multipage {text-align: center;}
#pun-viewtopic .linkst, #topic-modmenu .container {display: flex; align-items: center; justify-content: space-between; z-index: 1;}
#pun-viewtopic .linkst {padding: 4px 0 0 2px;}
#topic-modmenu .container {padding: 4px}
#topic-modmenu, #topic-users-in {padding-top: 10px;}
#topic-users-in {font: bold 0.7rem Open Sans; letter-spacing: 1px;}
#topic-users-in a {letter-spacing: 0px; font-weight: normal;}
#pun-viewtopic .linksb {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
#pun-viewtopic .linksb .pagelink {order: 1; margin: 0; width: 65%; text-align: start;}
#pun-viewtopic .linksb .postlink {order: 2; margin-right: 10px;}
.linksb .postlink {width: 10%; padding: 4px;}
#pun-viewtopic .linksb .subscribelink {order: 3; width: calc(25% - 10px); padding: 4px;}
.topic {position: relative; text-align: left; padding: 10px 0 10px; z-index: 0;}
.post {position: relative; margin-bottom: 10px;}
.post h3 {margin: 0 0 10px;}
#pun-searchposts .post h3 span {justify-content: space-between;}
.post h3 span {display: flex; padding: 0 22px; width: 64%; height: 40px; font-size: 0.8rem; border-start-end-radius: 50px; border-end-end-radius: 50px; align-items: center;}
.post h3 span .permalink {order: 1; flex-grow: 1;}
.post h3 span strong {order: 3;}
.post h3 span strong:before {content: '№ '; font-size: 0.7rem;}

/*
.post .container {display: flex; flex-wrap: wrap; justify-content: space-between; padding-right: 20px;}
.post-author {width: 222px; position: relative; z-index: 1;}
.post-author ul:not(.wrapper) {text-align: center; width: 100%; padding-top: 5px; padding-bottom: 28px; margin-left: 1px;}
li.pa-author {text-transform: capitalize;width: 100%;font-size: 1rem; padding: 4px;}
li.pa-online {padding: 2px;}
li.pa-online strong, li#pa-online strong {display: none;}
li.pa-online:before, li#pa-online:before {content: 'Online';}
li.pa-title {text-transform: lowercase; font-size: 0.7rem; padding: 2px 0px; display: grid;}
li.pa-title:after, li#profile-title:after {padding: 3px 0; position: absolute; width: 100%; content: '/';}
li.pa-title:after {margin-top: -4px;}
li#profile-title:after {margin-top: -2px;}
li.pa-posts, li.pa-respect {font-size: 0.7rem;display: flex; justify-content: center;}
li.pa-posts span.fld-name, li.pa-respect span.fld-name {font-size: 0;}
li.pa-posts span.fld-name:before, li.pa-respect span.fld-name a:before, li.pa-fld2:before {font-size: 0.7rem; font-family: "Material Icons"; margin-right: 6px;}
li.pa-posts span.fld-name:before {content:'\e158';}
li.pa-respect span.fld-name a:before, .gid3 .pa-respect .fld-name:before {content:'\e87d';}
li.pa-avatar.item2 {padding-block: 6px;}
.post-body {width: calc(100% - 231px); text-align: justify; position: relative; border: none; border-radius: 0; padding: 0 0 0 25px;}
.post-box p {position: relative; z-index: 2;}
.post-author ul .post-author-Sp {text-align: center;margin-top: 8px;}
.post-author ul .post-author-Sp .aw {transition: .3s all ease-in-out;}
.post-author ul .post-author-Sp .aw:hover {opacity: .7;}
.post-author ul .post-author-Sp .wrapper { padding-left: 0; padding-top: 25px; }
.post-rating .container {box-shadow: none; background: transparent;}
*/

.post .container {display: grid; grid-template-columns: 2fr 7fr; grid-template-rows: auto; grid-column-gap: 10px; grid-row-gap: 10px; padding: 6px;}
.post-author {grid-area: 1 / 1 / 2 / 2; justify-items: center;}
.post-body {grid-area: 1 / 2 / 3 / 3;}
.post-links {grid-area: 3 / 1 / 4 / 3;}
.post-author ul {text-align: center; width: 100%; position: relative;}
.post-author li {position: relative; z-index: 2;}
.post-author li.pa-author {font-family: 'Open Sans'; text-transform: uppercase; font-size: 0.9rem; letter-spacing: 1px; padding: 6px 0 2px;}
.post-author li.pa-title {font: 0.7rem Open Sans; letter-spacing: 1px; text-transform: lowercase; padding: 0 0 4px;}
li.pa-posts, li.pa-respect {width: 40%; padding: 4px; margin: 10px 2px; display: inline-flex; align-items: center; justify-content: center;}
span.fld-name {font-size: 0;}
li.pa-posts span.fld-name:before, li.pa-respect span.fld-name a:before {font-size: 0.7rem; font-family: "Material Icons"; margin-right: 6px;}
li.pa-posts span.fld-name:before {content: '\e158';}
li.pa-respect span.fld-name a:before, .gid3 .pa-respect .fld-name:before {content: '\e87d';}
li.pa-online {width: 12px; height: 12px; display: block; position: absolute; top: 8px; right: 8px; font-size: 0px; -webkit-animation: blinkColor .9s linear infinite; z-index: 100; background: var(--color5); border-radius: 15px;}
.post-box p.container {display: flex;}
.post-content > p {margin: 12px 0;}
.post-links { width: 100%; padding: 4px 15px; position: relative; top: -6px;}
.post-links ul {display: inline-block; width: 100%; height: 100%; text-align: right; padding-left: 0; margin: 0;}
.post-links ul li.pl-email {float: left;}
.post-links ul li {display: inline; margin-right: 10px; padding: 4px;}
.post-links ul li:last-child, .post-links ul li.pl-BBquote {margin-right: 0;}

#pun-messages .post .container {display: flex; flex-wrap: wrap; justify-content: space-between;}
#pun-messages .post-author { width: 222px; margin: 6px; position: relative; z-index: 1;}
#pun-messages .post-body { width: calc(100% - 244px); text-align: justify; position: relative; border: none; border-radius: 0; padding: 0 0 0 5px;}

/* кнопки отправить посмотреть */
p.formsubmit {padding: 5px; margin: 5px;}
.formal input.button, #post fieldset .hashelp div input, .button, #pun-admain input, input#sub4 {padding: 5px 10px; cursor: pointer; transition: .8s all;}
.formal input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {cursor: pointer;}
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {margin: 0 5px 0 0;} 
select, input, .punbb .formal textarea {padding: 5px 5px; }

/*цитаты и выделить код, форма ответа*/ 
#post-form { text-transform: none; margin-top: 20px; padding: 10px;}
.quote-box {display: grid; padding: 10px; grid-template-columns: 20% 80%; margin: 20px 4px 14px; position: relative; z-index: 3; overflow: hidden;}
.quote-box.hide-box > blockquote {padding-bottom: 10px;}
blockquote {grid-area: 2 / 1 / 3 / 3; z-index: 3;}
.post-content blockquote p { font-size: 0.7rem; margin: 0; padding: 0 20px;}
.quote-box cite {font-size: 0.9rem; font-style: normal; grid-area: 1 / 1 / 2 / 3; display: inline-block; position: relative;}
.quote-box cite:before {content: "- ";}
.quote-box cite:after {display: block; margin-block: 4px; margin-left: 20px; width: calc(100% - 32px); content: ' ';}
.post .post-content .spoiler-box > blockquote.visible {margin: 4px; padding: 10px; overflow-x: hidden;}
.quote-box.spoiler-box:before {display:none;}
blockquote.visible:before {display:none;}
blockquote.visible p {width: 94%; position: relative; left: 2%; padding: 3px 0px 0 20px; min-height: 40px;}
blockquote.visible p:last-child {}
.code-box { display: grid; grid-template-columns: 100%; padding: 10px; margin: 10px 4px 4px; height: 100px;}
.code-box .blockcode {grid-area: 2 / 1 / 3 / 2; padding: 0 6px;}
.code-box strong.legend { grid-area: 1 / 1 / 2 / 2; display: grid; text-transform: lowercase; position: relative; align-items: center; justify-content: center;}
.code-box strong.legend a, .post-content .spoiler-box > div {}
.punbb #tags .container {height: 220px; overflow: auto; padding: 5px 15px; top: auto; margin-top: 6px;}
.quote-box.spoiler-box p {margin: 0;}

/*иконки*/ 
div.icon {height: 26px; width: 26px;}

/*реклама яндекс*/
#yandex_rtb_R-A-1623045-3 {box-sizing: border-box;}

/* разное */
p.inputfield.required.longinput label {display: block; height: 10px;}
#pun-login fieldset legend, #pun-login p.formsubmit {justify-content: flex-start; text-align: left;}
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {float: left; margin-right: 1em;}
.punbb .fs-box p, .punbb .fs-box fieldset {padding: 4px 14px 4px 0;}
.punbb .inline .infofield {clear: both;}
#form-buttons table, .punbb .formal textarea {box-sizing: border-box;}


/* сокрытие элементов */
.admin-advert-block .admin-advert-block-buttons, th.tcl, th.tc2, th.tc3, th.tcr, #pun-live-rusff, ul li.pa-ua, .linksb .postlink.long, #pun-navlinks h2, #pun-ulinks h2, #pun-status h2, .pa-gifts, #pun-userlist thead, #pun-messages thead, #title-logo-tbody, li#navawards, #pun-index .category thead tr, #post-form h2, .topic a.sharelink, .topic li.pl-reports, form#post fieldset legend span, #viewprofile-next #profilenav, .formal h2, #profile small#plng, #pun-announcement h2, .fa-heart:before, #pun-main #s-block, #pun-login h1, #pun-register h1, #pun.ru.isuser.ismoderator.isadmin.gid1 h1, #pun.ru.isguest.gid3 h1, li.pa-awards, li.pa-fld1 hr, #topic-modmenu .container span, .modmenu span, .pa-respect a[href*="&v=1&cod"] img, li.pa-fld1 img, li.pa-fld1 br, li#h-unanswered, li#h-uploads, li#pa-ua, div#profile-gifts, #profile-right li#pa-invites, #profile-right li#pa-gifts, #profile-right li#pa-fld3, #profile-right li#pa-fld2, #profile-right #pa-fld1 span, div#pun-respect thead tr, div#pun-online thead tr, .postlink span.closed, .post-links ul li.pl-share, p.lastedit, #viewprofile #profile-left li#pa-online, .punbb .pa-author .flag-i,div#pun-messages li.pa-reg {display: none;}


/*БыстроПлюсы для Топика!*/
.noNull:before { content: "+"; font-size: 9px; display: inline-block; margin-left: -6px; margin-top: 0px; position: absolute;}
div .post-rating p>a {color: var(--color8); text-align: center; outline: 1px solid transparent; font-weight: 700; background: url(https://forumstatic.ru/files/001b/a6/d4/26514.svg) no-repeat center; background-size: 38px auto; position: relative; padding-left: 1px; z-index: 100; width: 38px; height: 38px; text-align: center; display: inline-block; vertical-align: middle; line-height: 34px; letter-spacing: -1px;}
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; 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%;}
div.post-vote p>a:after { content: 'question_answer'; position: relative; font-family: 'Material Icons'; color: #dadbdb; left: 4px; font-size: 1rem !important;}


/*Страница участников карточками*/
#pun-userlist .usertable .container table tbody {display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; grid-column-gap: 10px; grid-row-gap: 10px; justify-items: center;}
#pun-userlist .usertable .container table tbody tr.group, #pun-userlist .usertable .container table tbody tr.group1, #pun-userlist .usertable .container table tbody tr.group2, #pun-userlist .usertable .container table tbody tr.group3, #pun-userlist .usertable .container table tbody tr.group4, #pun-userlist .usertable .container table tbody tr.group5, #pun-userlist .usertable .container table tbody tr.group6, #pun-userlist .usertable .container table tbody tr.group7 { display: grid; width: 100%; text-align: center; grid-template-columns: repeat(2, 1fr);grid-area: auto;}
.usertable td.tcl.username {grid-area: 1 / 1 / 2 / 3; display: grid; grid-template-columns: 1fr; grid-template-rows: auto; justify-items: center; align-items: center; padding: 10px 0 0;}
.usertable td.tcl.username span.isonline {display: none;}
.usertable td.tcl.username span.usersname, li#profile-name { font-family: 'Open Sans'; text-transform: uppercase; font-size: 0.9rem; letter-spacing: 1px; grid-area: 1 / 1 / 2 / 2;}
.usertable td.tcl.username em.user-avatar { position: relative; display: grid; grid-area: 2 / 1 / 3 / 2; width: 100%; height: 200px; margin: 0; justify-items: center; align-items: center;}
.punbb .usertable td.tcl.username em.user-avatar .avatar-image {width: 180px; height: 180px; }
.usertable td.tc2.user_title {display: flex; grid-area: 2 / 1 / 3 / 3; text-transform: lowercase; position: relative; margin: -20px 0 0 20%; width: 60%; font-size: 0.65rem; justify-content: center; align-items: center;}
.usertable td.tc3.relation {grid-area: 5 / 1 / 6 / 2;}
.usertable td.tc3.num_posts {grid-area: 5 / 2 / 6 / 3;}
.usertable td.tc3.num_posts, .usertable td.tc3.relation { display: flex; justify-content: center; padding-block: 6px;}
.usertable td.tc3.relation:before, .usertable td.tc3.num_posts:before {padding-right: 6px; font-family: 'Material Icons';}
.usertable td.tc3.relation:before {content: 'thumb_up';}
.usertable td.tc3.num_posts:before {content: 'mail';}
.usertable td.tc3.registered {grid-area: 3 / 1 / 4 / 3; text-transform: lowercase; padding: 10px 0 4px;}
.usertable td.tc3.registered:before {content:'С нами с: '; font-weight: bold;}
.usertable td.tc3.last_visit {grid-area: 4 / 1 / 5 / 3; text-transform: lowercase;}
.usertable td.tc3.last_visit:before {content:'Был: '; font-weight: bold;}
.usertable tr {grid-area: 1 / 1 / 2 / 5; width: 100%;}
.usertable tr td.tcl {padding: 10px;}