/* загрузка шрифтов
-------------------------------------------------------------*/

@import url(style_cs.1760970289.css);

@import url('https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css');


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

.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 {

--bodybg: #99CC99 url(https://forumstatic.ru/files/001c/8f/db/93015.jpg) no-repeat top center/cover; /* фон форума */
--linkmain: #993300; /* основные ссылки */
--navlink: #fff; /* верхняя навиг ссылки */
--hlink: #000; /* при наведении общ */
--hlinkl: #eee; /* при наведении светлые */
--punbg: #eee; /* фон тела */
--back1: #f3f3f3; /* фон в статистике */
--fa: 'Font Awesome 6 Pro', 'Font Awesome 6 Brands'; /* шрифт иконок */
--p-width:220px;


}

/* Дополнительные переменные
------------------------------------------*/

/*  для темной темы */


/* Основные настройки
------------------------------------------*/

* {
margin: 0;
padding: 0;
border:0;
text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
scrollbar-color: #fff #000;
scrollbar-width: thin;
}

*::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

*::-webkit-scrollbar-track {
  background-color: #000;
}

*::-webkit-scrollbar-thumb {
  background-color: #fff;
}

a, .punbb #pun-admain a {
color: var(--linkmain);
text-decoration:none;
}

a:hover, .punbb #pun-admain a:hover {
color: var(--hlink);
text-decoration:none;
}


input[type=button], input[type=submit] {
border:1px solid #000;
padding:3px 10px 5px;
}

input[type=text], select, input[type=password] {
border: 1px solid #eee;
padding: 5px;
}

textarea {
padding:5px 10px;
}

ul li {
list-style:none;
}

h1, h2 {
padding: 5px 20px;
text-align: center;
}

:focus {
outline:none;
}

table, table tbody {
width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
background: var(--back1);
border-radius: 10px;
}

.main tr {
    width: 100%;
    justify-content: space-between;
    display: flex;
    text-align: left;
    gap: 10px;
    padding: 10px;
    box-sizing: border-box;
}




.tcl {
width: 50%;
}

.intd {
    display: flex;
    gap: 20px;
    align-content: center;
    align-items: center;
}

tr .icon {
display:block;
width:20px;
height:20px;
border-radius:50%;
background: #fff;
flex-shrink: 0;
}



.tc3, .tc2 {  
width: 10%;
text-align: center;
}

.tcr { 
width: 30%;
}

.modmenu .container {
display: flex;
justify-content: space-between;
}

.modmenu .container:after {
display:none;
}


/* форумная таблица
------------------------------------------*/

/* фон */

html {
  background: var(--bodybg);
}

/* заплатка для фиксированного фона */

body::before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-width: 100vw;
  min-height: 100vh;
  z-index: -10;
  background: var(--bodybg);
}

/* тело форума */

#pun {
background: var(--punbg);
width:1000px;
margin: 200px auto 50px;
}

.punbb >div .container {
padding:10px 20px;
}

.punbb {
font: normal 11px/16px Verdana, Arial, sans-serif;

}

h1.title-logo {
display: none;
}

#pun-navlinks ul.container, #pun-ulinks ul.container{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
justify-content: center;
}

#pun-navlinks {
position: absolute;
top: 0;
width: 1000px;
}

#pun-navlinks ul.container a {
color: var(--navlink); 
}

#pun-navlinks ul.container a:hover {
color: var(--hlinkl); 
}

#pun-title {
height: 140px;
position: absolute;
width: 1000px;
background: #b7acac;
top: 40px;
}

.linkst, .linksb {
padding: 5px 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.punbb .postlink.long {
width: fit-content;

}

.punbb .main .linksb:after {
display:none;
}

.punbb .user-avatar .avatar-image {
    border-radius: 50%;
    height: 25px !important;
    width: 25px !important;
    opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
}

.punbb .user-avatar .isonline {
width: 8px;
height: 8px;
border-radius: 50%;
display: block;
position: absolute;
top: 0px !important;
right: 10px !important;
animation: blinkColor .9s 
linear infinite;
-moz-animation: blinkColor .9s linear infinite;
-webkit-animation: blinkColor .9s 
linear infinite;
background: #8ac176;
z-index: 100;
}





/* главная страница
------------------------------------------*/

#pun-index thead, #pun-index .tc3, #pun-index .tc2 {
display: none;
}

#pun-index .tcl {
width: 60%;
}

#pun-index .tcr {
width: 40%;
}

#pun-index .user-avatar {
height: 40px;
vertical-align: middle;
display: flex;
align-items: center;
}

#pun-index .user-avatar .isonline {
top: 6px !important;
right: 10px !important;}

/* прочие страницы
------------------------------------------*/
#pun-searchtopics .tc2 {
width: 30%;
}

#pun-ulinks, #pun-status, #pun-crumbs1, #pun-index .tcr {
text-transform: lowercase; }

#pun-navlinks {
text-transform: uppercase; }

#pun-viewforum thead {
    border-bottom: 1px solid #ececec;
    background: var(--back1);
    font-size: 10px;
    text-transform: lowercase;
    border-radius: 10px 10px 0px 0px;
    text-align:center;
}

/* топик
------------------------------------------*/

.topic a.sharelink {
   display: none;
}

h3 span {
    display: flex;
    justify-content: space-between;
    padding: 5px 20px;
}

a.permalink {
    order: -1;
}

.post-author {
    width: var(--p-width);
    text-align: center;
}

.pa-posts, .pa-respect, .pa-fld5, .pa-fld4 {
    display: inline-block;
    margin: 10px 5px;
}
.pa-posts .fld-name, .pa-respect .fld-name, .pa-fld5 .fld-name, .pa-fld4 .fld-name {
    display: block; 
    font-size:0px;
}

.pa-posts .fld-name:before {
font-family: var(--fa);
font-size: 20px;
content: '\f0e0';
} 

.pa-respect .fld-name a:before, .gid3 .pa-respect .fld-name:before {
font-family: var(--fa);
font-size: 20px;
content: '\f004';
} 

.pa-fld5 .fld-name:before {
font-family: var(--fa);
font-size: 20px;
content: '\f005';
} 

.pa-fld4 .fld-name:before {
font-family: var(--fa);
font-size: 20px;
content: '\f304';
}


/* плашка
------------------------------------------*/

.plsh {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 0px;
}


.plsh img {
    max-width: 50px;
    max-height: 50px;
}


.post >.container {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    gap: 10px 20px;
}

.post-body {
    width: calc(100% - var(--p-width) - 20px);
}
.post-links ul { 
    display: flex;
    gap: 10px;
    width: 100%;
}

.post-links {
flex-grow:1;
}

li.pl-delete {
    margin-left: auto;
}

.punbb .post .post-links ul:after, .punbb .post .container:after {display:none;}

#topic-users-in .container {
    display: block;
}

#pun-viewtopic .pagelink {
    margin-right: auto;
    order: -1;
}

#pun-viewtopic .subscribelink {
    flex-grow: 1;
    text-align: right;
    width: 100%;
}


/* профиль и лс
------------------------------------------*/

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

#profilenav {
    float: left;
    width: 150px;
    margin-left: -150px;
}

#profile .container {
    padding-left: 170px;
}

#profile .clearer {
    display: none;
}

#profile form#messages {
    margin-top: 10px;
}


/* форма ответа
------------------------------------------*/

textarea#main-reply {
    box-sizing: border-box;
}
.punbb #form-buttons table {
    width: 100%;
}

p.formsubmit {
    margin-top: 20px;
}

/* статистика
------------------------------------------*/
#pun-stats .container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px 20px;
text-transform: lowercase;
}

li#onlinelist {
width: 100%;
text-align: justify;
}

#pun-stats .container .item4, #pun-stats .container .item3, #pun-stats .container .item2, #pun-stats .container .item1 {
    background: var(--back1);
    padding: 3px 15px;
    border-radius: 10px;
}