@import url(style_cs.1775514158.css);

/* -------- ROOT ----------*/
:root {
--font-body: 'Mulish';
--font-fancy: 'Anticva';
--text-color: #2f2f2f;
--hovlink: #5C653E;
--back-news: url(https://forumstatic.ru/files/001c/31/0c/62468.png);
--forcol: rgb(0 0 0 / 5%);
--forcol-border: solid 1px #0000001f;
--category: url(https://forumstatic.ru/files/001c/31/0c/16640.png);
--border: 1px solid #7b7b7b;
--prof-margin: 330px;
--modal: #c3c3c3;
}

/* -------- ØÐÈÔÒÛ ----------*/
@import url('https://forumstatic.ru/files/0019/47/79/29639.css');
@import url('https://forumstatic.ru/files/0019/47/79/45439.css');
@font-face {font-family: 'Rupster';
src:  url('https://forumstatic.ru/files/001c/32/58/59226.ttf');}
@font-face {font-family: 'Font Awesome';
src:  url('//forumstatic.ru/files/001a/da/7d/83987.ttf');}
@import url('https://fonts.googleapis.com/css?family=Oswald|Playfair+Display+SC|Playfair+Display|');
@import url('//fonts.googleapis.com/css?family=Yeseva+One&subset=latin,cyrillic');
@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@font-face {font-family: BAHNSCHRIFT;
src: url('https://forumstatic.ru/files/001a/e2/69/63630.ttf');}

@font-face {font-family: BodegaScript;
src: url('https://forumstatic.ru/files/001c/35/64/84716.ttf');}

@font-face {font-family: Schweimann ModerneC;
src: url('https://forumstatic.ru/files/001a/e2/69/11338.ttf?v=1');}

@font-face {font-family: 'Canalese';
src: url(https://forumstatic.ru/files/001b/35/c8/64455.ttf);}

@font-face {font-family: 'Ballerina';
src: url(https://forumstatic.ru/files/001b/35/c8/64541.ttf);}

@font-face {font-family: 'Glorya';
src: url(https://forumstatic.ru/files/001b/35/c8/38439.ttf);}

@font-face {font-family: 'Oldenglish';
src: url(https://forumstatic.ru/files/001b/35/c8/86224.ttf);}

@font-face {font-family: 'Signerica';
src: url(https://forumstatic.ru/files/001b/35/c8/77472.ttf);}

@font-face {font-family: 'Specials';
src: url(https://forumstatic.ru/files/001b/35/c8/47077.ttf);}

@font-face {font-family: 'Black Knight';
src: url(https://forumstatic.ru/files/001b/35/c8/52639.ttf);}

@font-face {font-family: 'Debiky';
src:  url(https://forumstatic.ru/files/001b/35/c8/34197.ttf);}

@font-face {font-family: 'Hamiltone';
src: url(https://forumstatic.ru/files/001b/35/c8/19671.ttf);}

@font-face {font-family: 'Caravan';
src: url(https://forumstatic.ru/files/001b/35/c8/64545.ttf);}

@font-face {font-family: 'Pecita';
src: url(https://forumstatic.ru/files/001b/35/c8/80363.ttf);}

@font-face {font-family: 'Ammys Handwriting';
src: url(https://forumstatic.ru/files/0019/41/eb/74049.ttf?v=1);}

@font-face {font-family: 'Ambidexter';
src: url(https://forumstatic.ru/files/0019/47/79/16546.otf);}

@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css');
@import url('https://use.fontawesome.com/releases/v5.15.1/css/all.css');
@font-face {font-family: 'Font Awesome';
src:  url('//forumstatic.ru/files/001a/da/7d/83987.ttf');}

@font-face {font-family: 'MurreyC';
src: url('//forumstatic.ru/files/0019/47/79/19046.ttf');}

@font-face {font-family: 'Eden Bold';
src: url('//forumstatic.ru/files/0019/47/79/19013.ttf');}

@font-face {font-family: 'Black KnightC';
src: url('//forumstatic.ru/files/001a/e2/69/11358.ttf');}

@font-face {font-family: 'Voguer Sans Free';
src: url('//forumstatic.ru/files/001a/e2/69/18991.ttf');}

@font-face {font-family: 'Anticva';
src: url('https://forumstatic.ru/files/001c/35/64/31260.otf');}

@font-face {font-family: 'Yeseva One';
src: url('https://forumstatic.ru/files/0019/47/79/86956.otf');}

/* -------- ÁÅÑÄÈÑÏËÅÉÍÈÊÈ È ÁÅÑÏÎËÅÇÍÎÑÒÈ ----------*/

hr, .title-logo, #pun-crumbs1 strong, #pun-crumbs2 strong, #pun-index .category th, #pun-navlinks h2, #pun-ulinks h2, #pun-announcement h2, #pun-main h1, #pun-status h2, #navawards, #pun-index .hasicon .tc2, #pun-index .hasicon .tc3, #adnav-standard ul .item-forms sup, #pun-index .tcr br, #pun-userlist .main h2, thead, .acchide, .punbb .forum h2, .stickytext, #title-logo-table, .modmenu span, .linksb .postlink, .closedatafield, #pun-debug h2, #pun-viewtopic h2, #pun-viewtopic .linkst .postlink, #pun-live-rusff, .sharelink {display: none;}

* { outline: none;}

ul {list-style: none;}
a  {text-decoration: none;}
strong { font-weight: 600;}

/* -------- ÁÅÑÄÈÑÏËÅÉÍÈÊÈ È ÁÅÑÏÎËÅÇÍÎÑÒÈ (óòî÷íåíèÿ) ----------*/

.post-box hr { display: block; }

/* -------- ÎÁÙÈÅ ÑÒÐÓÊÒÓÐÛ ----------*/

body {
    margin: 0;
    background: url(https://forumstatic.ru/files/001c/31/0c/27408.png) fixed;
    background-color: #332e2a;
    font: 500 12px var(--font-body);
    text-transform: lowercase;
    color: var(--text-color);
}

#pun {
    position: relative;
    width: 1100px;
    margin: 395px auto 240px auto;
    background: repeat transparent url(https://forumstatic.ru/files/0019/41/eb/54002.png);
    padding: 45px 30px 15px;
    box-sizing: border-box;
}

/* -------- ÑÊÐÎËË ----------*/

::-webkit-scrollbar { width: 3px; height: 3px; }
::-webkit-scrollbar-track { background-color: var(--forcol);}
::-webkit-scrollbar-thumb {background-color: var(--hovlink);}
::selection { background: var(--hovlink); color: var(--proftext); }
#pun-admain textarea::-webkit-scrollbar { width: 5px;}

/* -------- ÕÎÂÅÐ ÑÑÛËÎÊ ----------*/

a,
#pun #pun-admain a { transition: all .3s ease-in-out; color: var(--text-color); }

a:hover,
#pun-navlinks .container a:hover,
#pun-ulinks .container a:hover,
#pun-status .container a:hover,
#pun-index .tclon h3 a:hover,
#pun #pun-admain a:hover {
     color: var(--hovlink);
}

#pun-navlinks .container,
#pun-ulinks .container {
    margin: 10px 0 0;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 10px;
}

#pun-navlinks .container a {
     color: var(--text-color);
     font: 700 18px var(--font-body);
}

#pun-ulinks .container a {
     color: var(--text-color);
     font: 600 10px var(--font-body);
}

#pun-status .container {
    margin: 0;
    position: absolute;
    display: flex;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
    top: 35px;
    gap: 5px;
    font: 600 10px var(--font-body);
    color: var(--text-color);
}

#pun-status .container a { color: var(--text-color);}

.container.crumbs {
    margin: 20px 0;
    text-align: center;
    text-transform: lowercase;
    font: 700 11px var(--font-body);
}

#pun-main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1;
    gap: 35px;
    margin-top: 15px;
}

#pun-index #pun-main { gap: 45px;}

.punbb textarea {
    background: var(--forcol);
    color: var(--link);
    border: var(--forcol-border);
    border-radius: 0 0 10px 10px;
}

input,
select {
    background: var(--forcol);
    border: var(--forcol-border);
    border-radius: 2px;
    padding: 3px 6px;
    margin-top: 5px;
    color: var(--text-color);
    text-transform: lowercase;
}

fieldset {
    padding: 15px;
    border-radius: 5px 5px 0 0;
    margin-bottom: 5px;
    border: var(--forcol-border);
}

fieldset legend span { text-transform: uppercase; font-weight: 500; }
.fs-box { display: flex; flex-wrap: wrap; gap: 0 15px; }
.infofield {width: 100%;}

table { width: 100%; }

/* -------- ÀÂÀÒÀÐÊÈ ÍÀ ÑÒÐÀÍÈÖÀÕ ----------*/

.avatar-image {
    display: block;
    width: 30px;
    height: 30px;
    background-size: contain;
    border-radius: 20%;
    filter: grayscale(0.6) brightness(0.9);
}

.no-avatar span {background-image: url(https://forumstatic.ru/files/001c/31/0c/34537.png);}
.user-avatar {
    position: absolute; 
    left: 0;
    display: flex;
    width: fit-content;
    top: 55%;
    transform: translateY(-50%);
}

#pun-userlist .user-avatar { position: unset; transform: unset;}

.user-avatar .isonline {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: block;
    position: absolute;
    background: var(--hovlink);
    border: 3px solid #c6c6c5;
    z-index: 100;
    top: -4px; 
    right: 23px;
}

#pun-userlist .user-avatar .isonline {
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 2px 0 #434141;
}

/* -------- ÈÊÎÍÊÈ ----------*/

.punbb:not(#pun-index) .icon {
    float: left;
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    border: .4px solid #3838383b;
    background-color: #3838383b;
}

#pun-index .icon.inew {
    background: var(--hovlink);
    border: 3px solid rgb(203 203 202);
    outline: var(--forcol-border);
    display: block;
    height: 11px;
    width: 11px;
    border-radius: 50%;
    position: absolute;
    left: -9px;
    top: 40%;
}

/* -------- ÌÎÄÀËÜÍÛÅ ÎÊÍÀ ----------*/

#tags {position: relative;}
#tags .container {
    position: absolute;
    z-index: 2;
    right: 50px;
}

#tags > div {
    padding: 15px 10px 10px 10px !important;
    background-color: var(--modal);
    border-radius: 0 0 10px 10px;
    top: 50px;
    color: var(--text-color);
    border: var(--forcol-border);
    width: 300px;
}

/* ---------------- ÒÀÁËÈÖÛ ÌÅÆÒÅÌÜß -------------------*/

#pun-viewforum tbody,
#pun-searchtopics tbody {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: rgb(0 0 0 / 3%);
    border: 1px solid #0000000f;
    padding: 20px 20px 20px 40px;
    box-sizing: border-box;
}

#pun-viewforum tr,
#pun-searchtopics tr {
    display: grid;
    min-height: 40px;
    padding: 10px 0;
    grid-template-columns: 40% 12% 12% 30%;
    justify-content: space-between;
    border-bottom: solid 1px;
    border-image: linear-gradient(to right, #acacab, #c2c2c1) 1;
}

#pun-viewforum tr:last-of-type,
#pun-searchtopicstr:last-of-type {border:none;}

#pun-viewforum tr > *, #pun-searchtopics tr > * {display: flex; align-items: center;}
#pun-viewforum .tclcon, #pun-searchtopics .tclcon { display: flex; flex-direction: column; gap: 4px;}
#pun-viewforum .tclcon a, #pun-searchtopics .tclcon a {font-size: 14px;}
#pun-viewforum .byuser, #pun-searchtopics .byuser {font-size: 0;}
#pun-viewforum .byuser-username, #pun-searchtopics .byuser-username {font-size: 11px; font-weight: 600;}
#pun-viewforum .byuser-username:before, #pun-searchtopics .byuser-username:before  {content: 'ñîçäàíà: '; font-weight: 500;}

#pun-viewforum .tcr, #pun-searchtopics .tcr { flex-wrap: wrap; padding-left: 45px; position: relative;}
#pun-viewforum .tcr .byuser, #pun-searchtopics .tcr .byuser { order: -1;}
#pun-viewforum .tcr .byuser-username:before, #pun-searchtopics .tcr .byuser-username:before { content: 'ïîñëåäíåå ñîîáùåíèå îò: '; font-weight: 500;}
#pun-viewforum .tcr > a:before, #pun-searchtopics .tcr > a:before { content: 'êîãäà: '; font-weight: 500;}
#pun-viewforum .tcr > a:hover:before, #pun-searchtopics .tcr > a:hover:before { color: var(--text-color);}
#pun-viewforum .tcl .intd, #pun-searchtopics .tcl .intd  { position: relative; padding-left: 20px; }

#pun-viewforum .modmenu, #pun-searchtopics .modmenu { position: absolute; bottom: 0; right: 0; }


/* ---------------- ÌÅÆÒÅÌÜÅ -------------------*/

#pun-viewforum .postlink {
    position: relative;
    display: flex;
    justify-content: flex-end;
    height: 0;
    margin-top: -7px;
}

#pun-viewforum .modmenu .container strong a, .postlink .new-topic a, .postlink .new-poll a {
    font-size: 0;
    position: relative;
}

.linkst .postlink .new-poll a:after { content: '\f15b'; right: 15px; top: -20px;}
.linkst .postlink .new-topic a:after {content: '\f044'; right: 40px; top: -20px;}
#pun-viewforum .modmenu .container strong a:after {
    content: '\f085';
    left: -30px;
}

#pun-viewforum .modmenu .container strong a:after, .postlink .new-poll a:after, .postlink .new-topic a:after {
    position: absolute;
    font-family: 'Font Awesome';
    font-size: 18px;
    color: var(--t-body);
    opacity: .7;
    transition: opacity .3s ease-in-out;
}

/* ---------------- ÑÒÈËÈÇÀÖÈß ÀÄÌÈÍÊÈ -------------------*/

.punbb-admin { font-family: 'Raleway';}
#pun-adnav a {
    color: var(--text-color) !important;
    font-weight: 600 !important;
}

#pun-adnav a:hover { color: var(--hovlink)!important;}
.adformal h2, #pun-adnav h2 {
    text-transform: uppercase;
    text-align: center;
    background-color: rgb(45 43 43 / 99%) !important;
    border: none !important;
    border-radius: 7px;
    font-weight: 600 !important;
    color: #cbcbca !important;
}

#adnav-standard ul li {
    text-align: center;
    text-transform: lowercase;
    padding: 4px 0;
    margin: 3px;
    border: var(--forcol-border);
    border-radius: 5px;
    background: var(--forcol);
}

#adnav-standard > ul {
    display: flex!important;
    flex-direction: column!important;
} 

#adnav-standard ul .item1 {order: -5;} 
#adnav-standard ul .item6 {order: -4;} 
#adnav-standard ul .item-forms {order: -3;position: relative;} 
#adnav-standard ul .item15 {order: -2;position: relative;}
#adnav-standard ul .item20 {order: -1;}  

#adnav-standard ul .item15:after,
#adnav-standard ul .item-forms:after {
    content: "\f02e";
    font-family: 'Font Awesome';
    position: absolute;
    font-size: 11px;
    left: 4px;
    top: 0;
}

#adnav-standard ul li::marker {
    color: transparent!important;
    font-size: 0!important;
}

#pun-admain legend span {
    padding: 4px 9px !important;
    background: rgb(186 186 186) !important;
    border-radius: 5px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border: var(--forcol-border) !important;
    text-transform: uppercase;
}

#pun-admain fieldset .handle, #pun-admain fieldset p {
   padding: 6px 0px 15px!important;
   background-color: transparent!important;
   border-color: var(--forcol) !important;
   border-radius: 5px !important;
}

#pun-admain fieldset {background: none;}
#pun-admain textarea {
    width: 100% !important;
    box-sizing: border-box;
    padding: 10px !important;
}

#pun-admain .longinput input { width: 92% !important;}

#pun-admain input, #pun-admain select {
    background: var(--forcol);
    padding: 4px;
    border-radius: 3px;
    border: var(--forcol-border);
}

/* ---------------- ÑÒÈËÈÇÀÖÈß ÑÒÐÀÍÈÖÛ ÞÇÅÐÎÂ -------------------*/

#pun-userlist table { display: flex; justify-content: center;}
#pun-userlist .main tr {
    display: flex;
    flex-wrap: wrap;
    width: 195px;
    gap: 3px;
    padding: 10px;
    box-sizing: border-box;
    background: url(https://forumstatic.ru/files/001c/31/0c/13783.png);
    border: var(--forcol-border);
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 5px 1px #00000035;
    transition: all .3s ease-in-out;
    position: relative;
}

#pun-userlist .main tr:hover {transform: scale(1.1);}

#pun-userlist tbody { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; }
#pun-userlist .avatar-image {
    width: 80px;
    height: 80px;
    background-position: center;
    display: block;
    border-radius: 5px;
}

#pun-userlist .no-avatar span 
   {background-image: url(https://forumstatic.ru/files/001c/31/0c/34537.png)!important;}

#pun-userlist .username {display: flex;gap: 10px; justify-content: space-between; text-align: right; width: 100%;}
#pun-userlist .username a {font: 500 12px var(--font-fancy);}

#pun-userlist td:before { font-weight: 700; }
.user_title:before { content: 'ìûñëü: '; }
.relation:before { content: 'ïîöåëóéêè: '; }
.num_posts:before { content: 'ïîñòèêè: '; }
.registered:before { content: 'íà ðåéâå ñ: '; }
.last_visit:before { content: 'çàìå÷åí: '; }