@import url(style_cs.1777898137.css);

/* Иконический шрифт */
@import url('https://fonts.googleapis.com/css2?family=Material+Icons+Outlined');
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0");
@import url('https://fonts.googleapis.com/css2?family=Bahiana&family=Golos+Text:wght@400..900&display=swap');
@import url('https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css');

/****************************************
Чистый стиль by Alex Kolmar (бродяга)
****************************************/

/* Полезные сервисные настройки
-------------------------------------------------------------*/

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

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


/* Основные переменные
------------------------------------------*/

:root, .light, .light html{
  --body-bg: #575754;
  --pun-bg: #e8e8e8;
  --sec-bg: cornsilk;
  --link: #9b3520;
  --link-hover: #9b3520;
  --pwidth: 220px;
  --pad1: 10px 20px;
  --pad2: 5px 20px;
  --pad3: 5px 10px;
  --font-family: "Golos Text", sans-serif;
  --second-family: "Bahiana", sans-serif;
  --fa: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands';
  --mat: "Material Symbols Outlined";
  --pun-title: #22281D url(https://forumstatic.ru/files/0019/d4/9a/80347.jpg) no-repeat top center;
  --bg: url(https://forumstatic.ru/files/0019/d4/9a/77676.jpg);
  --navlink: #292f22;
  --link2: #b9bc9f;
  --status: #c0c0b9;
  --nav: #4d5742;
  --green: #4e5744;
  --newplank: #1b1f17;
  --stats_hr: #d4d4d0;
  --link3: #767e6d;
  --text: #464646;
  --plast_hand: url(https://forumstatic.ru/files/0019/d4/9a/61740.png) no-repeat top center;
  --hand: url(https://forumstatic.ru/files/0019/d4/9a/80481.png) no-repeat top center;
  --logo:  url(https://forumstatic.ru/files/0019/d4/9a/97634.png) no-repeat top center;
  --activl: url(https://forumstatic.ru/files/0019/d4/9a/46083.png) no-repeat;
  --activ_nev: url(https://forumstatic.ru/files/0019/d4/9a/25327.png);
  --post_img: url(https://forumstatic.ru/files/0019/d4/9a/67727.png);
  --post_label: url(https://forumstatic.ru/files/0019/d4/9a/46369.png) no-repeat;
  --writers_img: url(https://forumstatic.ru/files/0019/d4/9a/11219.png);
  --writers_label: url(https://forumstatic.ru/files/0019/d4/9a/96106.png) no-repeat;
  --plast: url(https://forumstatic.ru/files/0019/d4/9a/41288.png?v=1) no-repeat;
  --border: 1px solid rgba(77, 87, 66, 0.5);
  --nav_button: #4D5742;
--linkstats: #767e6d;
--textstats: #464646;
--icon: var(--link3);
--profiletext: #767E6D;
--profileactive: #464646;
--profilelink: #9B3520;
--icon_old: var(--stats_hr);
--icon_new: var(--link);
--icon_closed: var(--linkstats);
--texthead: var(--textstats);
--h3link: #4e5744;
}

.medium, .medium html {
--pun-title: #000 url(https://forumstatic.ru/files/0019/d4/9a/35478.jpg) no-repeat top center;
--bg: url(https://forumstatic.ru/files/0019/d4/9a/97273.jpg);
--pun-bg: #A7A7A7;
--link: #734940;
--navlink: #000;
--link2: #767864;
--status: #808079;
--nav: #0D0E0C;
--newplank: #222715;
--stats_hr: #9a9a9a;
--link3: #808079;
--text: #050505;
 --plast_hand: url(https://forumstatic.ru/files/0019/d4/9a/44644.png) no-repeat top center;
--hand: url(https://forumstatic.ru/files/0019/d4/9a/33215.png?v=1) no-repeat top center;
 --logo:  url(https://forumstatic.ru/files/0019/d4/9a/91068.png?v=1) no-repeat top center;
--activl: url(https://forumstatic.ru/files/0019/d4/9a/97660.png?v=1) no-repeat;
 --activ_nev: url(https://forumstatic.ru/files/0019/d4/9a/25455.png?v=1);
 --post_img: url(https://forumstatic.ru/files/0019/d4/9a/82794.png?v=1);
  --post_label: url(https://forumstatic.ru/files/0019/d4/9a/36389.png?v=1) no-repeat;
--writers_img: url(https://forumstatic.ru/files/0019/d4/9a/46533.png?v=1);
  --writers_label: url(https://forumstatic.ru/files/0019/d4/9a/11763.png?v=1) no-repeat;
 --plast: url(https://forumstatic.ru/files/0019/d4/9a/95184.png?v=1) no-repeat;
  --border: 1px solid rgba(13, 14, 12, 0.5);
--nav_button: #0D0E0C;
--linkstats: #292f22;
--textstats: #464646;
--icon: var(--green);
--profiletext: #4B4B4B;
--profileactive: #464646;
--profilelink: #9B3520;
--icon_old: #D4D4D0;
--icon_new: var(--profilelink);
--icon_closed: var(--linkstats);
--texthead: var(--textstats);
--h3link: #4d5742;
}

.dark, .dark html {
--pun-title: #000 url(https://forumstatic.ru/files/0019/d4/9a/35478.jpg) no-repeat top center;
--bg: url(https://forumstatic.ru/files/0019/d4/9a/57915.jpg);
--pun-bg: #5B5B5B;
--link: #B9BC9F;
--navlink: #000;
--link2: #767864;
--status: #808079;
--nav: #B9BC9F;
--newplank: #222715;
--stats_hr: #515151;
--link3: #808079;
--text: #E8E8E8;
 --plast_hand: url(https://forumstatic.ru/files/0019/d4/9a/44644.png) no-repeat top center;
--hand: url(https://forumstatic.ru/files/0019/d4/9a/33215.png?v=1) no-repeat top center;
 --logo:  url(https://forumstatic.ru/files/0019/d4/9a/91068.png?v=1) no-repeat top center;
--activl: url(https://forumstatic.ru/files/0019/d4/9a/97660.png?v=1) no-repeat;
 --activ_nev: url(https://forumstatic.ru/files/0019/d4/9a/25455.png?v=1);
 --post_img: url(https://forumstatic.ru/files/0019/d4/9a/82794.png?v=1);
  --post_label: url(https://forumstatic.ru/files/0019/d4/9a/36389.png?v=1) no-repeat;
--writers_img: url(https://forumstatic.ru/files/0019/d4/9a/46533.png?v=1);
  --writers_label: url(https://forumstatic.ru/files/0019/d4/9a/11763.png?v=1) no-repeat;
 --plast: url(https://forumstatic.ru/files/0019/d4/9a/95184.png?v=1) no-repeat;
  --border: 1px solid rgba(192, 192, 185, 0.3);
  --nav_button: #0D0E0C;
--linkstats: #b9bc9f;
--textstats: #e8e8e8;
--icon: var(--link);
--profiletext: #E8E8E8;
--profileactive: #E8E8E8;
--profilelink: #B9BC9F;
--icon_old: #D4D4D0;
--icon_new: #9B3520;
--icon_closed: var(--link);
--texthead: #cdcdcd;
--h3link: #b9bc9f;
}

.dark #pun-index .tclcon .links a:hover {
background: #292f22;
}
/* Global
------------------------------------------*/

/* Применяется ко всем элементам */

* {
  margin: 0;
  padding: 0;
  border: none;
  text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* прокрутка 
-------------------------------------------------- /

/ Хром etc */

@supports selector(::-webkit-scrollbar) {

  *::-webkit-scrollbar-thumb {
    background: var(--green);
    border-radius: 4px;
  }

  *::-webkit-scrollbar-thumb:hover {
    background: var(--link-hover);
    cursor: default;
  }

  *::-webkit-scrollbar-track {
    background: var(--pun-bg);
  }

  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
}

/ Мозилла */

@supports not selector(::-webkit-scrollbar) {
  
{
  scrollbar-width: thin;
  scrollbar-color: var(--green) var(--pun-bg);}
}

/* выделение текста */

::selection {
  background: var(--link);
  color: var(--pun-bg);
}

:focus {
  outline: none;
}

/* все ссылки */

a,
.punbb #pun-admain a {
    text-decoration: none;
    color: var(--profilelink);
    transition: all .2s linear 0s;
    background-image: linear-gradient(to right, transparent 50%, rgb(176 174 173 / 62%) 50%);
    background-size: 200% 100%;
    transition: background .2s ease, color .2s ease;
}

a:hover,
.punbb #pun-admain a:hover {
  color: var(--link-hover);
  background-position: -100% 0%;
}

.post-vote a, .pa-fld1 a {
background-image: linear-gradient(to right, transparent 50%, transparent 50%);
background-size: 100% 100%;
}
.post-vote a:hover, .pa-fld1 a:hover {
background-image: linear-gradient(to right, transparent 50%, transparent 50%);
background-size: 100% 100%;
}

/* все заголовки */

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre {
  margin: 0;
}

h1,
h2 {
  padding: 10px 20px;
  font-weight: normal;
  text-align: center;
  display: none;
}

ul,
dl,
li,
dd,
dt {
  list-style: none;
}

address,
em {
  font-style: normal;
}

/* выключить список модераторов, отредактировано etc */

.modlist,
.lastedit,
.punbb div#pun-live-rusff,
.punbb .topic a.sharelink {
  display: none;
}

/* модальные окна, репутация, закладки etc */

#tags .container,
.post_report,
.post_reputation,
#MyBookmarks,
.inner.popup_graffiti,
.pun-modal .modal-inner,
#mask_dialog .inner,
.punbb-admin #pun-admin-award-form .inner {
    background: var(--status);
}

/* Формы
------------------------------------------- */

/* ОФОРМЛЕНИЕ КНОПОК */

input.button,
#pun-admain input.button,
#sub4,
input[type="button"],
input[type="submit"] {
    cursor: pointer;
    transition: all .2s linear 0s;
    border: 1px solid var(--pun-bg);
    border-radius: 100px;
    padding: 6px 16px;
    box-shadow: -1px 1px 3px 0 rgba(183, 183, 183, 0.6);
    background: var(--stats_hr);
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 9px;
    text-transform: uppercase;
    color: var(--linkstats);
}

input.button:hover,
#pun-admain input.button:hover,
#sub4:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    background: var(--linkstats);
    color: var(--pun-bg);
}

#togglePreview .button, #togglePreview .button:hover {
    border: none;
    box-shadow: none;
    background: none;
    padding: 5px 2px;
    color: var(--linkstats)
}

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

/* ОФОРМЛЕНИЕ ПОЛЕЙ ВВОДА */

input[type="text"],
input[type="password"],
textarea,
select {
    padding: 2px 5px;
    box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.15), 1px 1px 1px 0 rgba(255, 255, 255, 0.5);
    background: var(--stats_hr);
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 11px;
    color: var(--textstats);
}

optgroup {
  font-weight: bold;
}

/* флажки и чекбоксы */

.checkfield input[type="checkbox"],
.radiofield input[type="radio"] {
  margin: 0 3px;
}

p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 20px;
  vertical-align: middle;
}

.formal .container {
  padding: var(--pad1);
}

.formsubmit {
  padding: 0;
  margin: 10px 0 0 0;
}

.formsubmit input,
.formsubmit a,
.formsubmit span {
  margin: 0 6px 0 0;
}

fieldset {
  border: none;
}

fieldset legend {
  font-weight: bold;
}

fieldset fieldset {
  border: none;
  margin: 0;
  padding: 0 0 8px 0
}

.fs-box {
  padding: 5px 0;
}

.fs-box p,
.fs-box fieldset {
  padding: 0 0 8px 0;
}

.inline .inputfield,
.inline .selectfield,
.inline .passfield {
  float: left;
  margin-right: 10px;
}

.inline .infofield {
  clear: both
}

.datafield br {
  display: none
}

.required label,
.datafield span.input {
  font-size: 10px;
}

textarea,
.longinput input {
  width: 64%;
  margin: 0;
}

.hashelp {
  position: relative;
}

@media screen and (max-width: 540px) {
*{
max-width: 100%;
width: unset;
}

html, body, #pun, .tab_news, .tablica {
width: 100%;
box-sizing: border-box;
}

.tab_top, .tab_bottom:after {
    display: none;
}

.tab_bottom {
    width: 100%;
    flex-wrap: wrap;
    height: auto;
}

.tab_news {
    overflow: auto;
}

#pun-navlinks {
    top: 0;
}

#pun-navlinks .container {
    flex-wrap: wrap;
}

.category tr {
    width: 100%;
    flex-wrap: wrap;
}

#pun-index tbody.hasicon td.tcl {
    width: 100%;
    padding: 10px;
}

.stats_wrap {
    flex-wrap: wrap;
}

.forum tr {
    flex-wrap: wrap;
    width: 100%;
}

.punbb .forum td {
    width: 100% !important;
    text-align: left;
}

.forum thead {
    display: none;
}

#pun-viewforum .tc2:before, #pun-searchtopics .tc3:before {
    content: "ответов: ";
}

#pun-viewforum .tc3:before {
    content: "просмотров: ";
}

 #pun-searchtopics .tc2:before {
    content: "форум: ";
}

.post-author {
    padding: 10px;
    margin: 0;
    text-align: left;
}

.post-author, .post-body {
    width: 100%;
}

.pa-fld2, .pa-fld1, .pa-fld3, .post-author:after, .pa-reg {
    display: none;
}

.pa-avatar {
    max-width: 80px;
    max-height: 80px;
    position: absolute;
    top: 20px;
}

.pa-avatar img {
    max-width: 100%;
    max-height: 100%;
}

.pa-author, .pa-title, .pa-posts {
  text-align: left;
  margin-left: 90px;
}

.post-author ul {
    display: flex;
    flex-wrap: wrap;
}

.pa-author, .pa-title {
  width: 100%;
}

#form-buttons table tr {
    flex-wrap: wrap;
    justify-content: center;
}

.post-links, .post-links ul {
    margin-left: 0;
}

.post h3 {
    box-sizing: border-box;
}

.post-links a {
    font-size: 0;
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: rgba(152 152 152 / .38);
    padding: 5px;
    border-radius: 3px;
}

.post-links a:before {
    content: "";
    font-family: var(--fa);
    font-size: 14px;
}

.post-links .profile a:before {
    content: "\f2c2";    
}

.post-links .pl-info a:before {
    content: "\f05a";    
}

.post-links .pm a:before {
    content: "\f0e0";    
}

.post-links .email a:before, .messages-container .pl-email a:before {
    content: "\40";    
}

.post-links .pl-delete a:before {
    content: "\f2ed";    
}

.post-links .pl-edit a:before {
    content: "\f044";    
}

.post-links .pl-quote a:before {
    content: "\f27a";    
}

#viewprofile tr {
    display: flex;
    flex-direction: column;
}

#viewprofile td {
    width: 100% !important;
}

#profile-left {
    text-align: center;
}

#profile-right li {
    flex-direction: column;
}

#profile-right li span, #profile-right li strong {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 0 !important;
}

#profile .container {
    display: flex;
    flex-direction: column;
    padding: 10px 20px;
}

#profilenav{
        float: none;
    width: 100%;
    margin: 0;
}

#profilenav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin-bottom: 20px;
}

#viewprofile-next #profilenav {
    display: none;
}

.go-up, .go-down {
    margin-left: 0 !important;
    right: 0;
}
}