/* ТЕЛО */
#pun {
position: relative;
width: 1045px;
margin: 300px auto 150px auto;
background: repeat transparent url(https://forumstatic.ru/files/001b/f0/c8/77273.png);
padding: 30px 30px;
box-sizing: border-box;
}
/* КОНТЕНТА ВНУТРИ ТЕЛА */
.punbb {
height: auto;
width: 985px;
box-sizing: border-box;
padding: 0px 10px;
position: relative;
border: 1px solid #ccccc5;
}
.multipage { margin-top: 90px!important; }
#pun-main { margin-top: 55px!important; }
.adminmain {
padding-left: 155px;
margin-bottom: 6px;
margin-top: 70px;
}
/* ЗАДНИЙ ФОН */
body {
background: url(https://forumstatic.ru/files/001b/f0/c8/64783.png) no-repeat fixed top center;
background-color: #161618;
}
/* шапка */
#pun-title {
background: url(https://upforme.ru/uploads/001b/dc/dc/130/221397.png);
margin-left: -41px;
margin-top: -330px;
width: 1045px;
height: 369px;
margin-bottom: -110px;
}
/* ФУТЕР */
#pun-about .container {
background: url(https://forumstatic.ru/files/001b/f0/c8/18758.png);
width: 1045px;
height: 250px;
margin: -85px -41px -175px;
}
/* РЕЙТИНГ */
#pun-about .container .item1 {
margin-top: 78px;
width: 1044px;
position: absolute;
font-family: 'Play';
font-size: 7px;
text-align: center;
text-transform: lowercase;
}
/* ПРОФИЛЬ */
.post-author {
width: 284px;
margin-top: -50px;
background: url(https://forumstatic.ru/files/001b/f0/c8/90252.png) top no-repeat, url(https://forumstatic.ru/files/001b/f0/c8/55147.png) bottom no-repeat, url(https://forumstatic.ru/files/001b/f0/c8/75911.png) repeat;
padding: 15px 15px;
box-sizing: border-box;
margin-left: -41px;
}
.post-author ul {
width: 260px;
padding: 0px 15px 10px 20px !important;
box-sizing: border-box;
text-align: center;
font: var(--body-font);
color: var(--proftext);
margin: 0px;
}
/* НИК АВТОРА */
.pa-author { font: var(--h1-font);
padding-top: 6px;
font-size: 16px; }
.pa-author a { }
.pa-author a:hover {color: var(--link)!important;}
/* СТАТУС */
.pa-title { margin: 13px 0px 10px;
text-transform: lowercase;}
/* АВАТАР ПОЛЬЗОВАТЕЛЯ */
.pa-avatar {
margin-bottom: 5px !important;
text-align: center;
}
.pa-avatar img {
max-width: 180px;
max-height: 180px;
border: 1px solid #222222 !important;
box-shadow: 0 0 2px #161515;
}
/* ПОЛЯ ПРОФИЛЯ */
.pa-fld5 {
background: #090909;
border: 1px solid #080706;
outline: 1px solid #1e1a18;
width: 70%;
height: 23px;
font: var(--h1-font);
color: var(--doptext);
font-size: 10px;
line-height: 25px;
margin-top: -10px;
margin-bottom: 20px;
border-radius: 5px;
text-transform: uppercase;
position: relative;
z-index: 100;
margin-left: 35px;
}
.pa-fld1 {
margin-left: -18px !important;
background: url(https://forumstatic.ru/files/001b/f0/c8/20221.png) no-repeat;
width: 260px;
height: 82px;
margin-top: 10px;
padding-top: 15px;
margin-bottom: -20px;
}
.pl0 {
width: 261px;
height: 50px;
position: relative;
}
#pl1 {
font: var(--body-font);
text-transform: uppercase;
font-size: 12px;
text-align: center;
position: relative;
padding-top: 12px;
text-shadow: 1px 1px black;
color: var(--hovlink);
}
#pl2 { font: var(--body-font);
text-align: center;
text-shadow: 1px 1px black;
color: var(--hovlink);
}
#pl3 {
margin-top: -55px!important;
max-width: 30%;
}
/* лз */
.pa-fld2 { background: #0e0e0e;
border: 1px solid #080706;
outline: 1px solid #1e1a18;
border-radius: 10px;
margin-top: 20px;
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 10px;}
.lzname {
font: var(--h1-font);
font-size: 12px;
line-height: 13px;
text-transform: uppercase;
text-shadow: 1px 1px black;
background: #090909;
display: block;
position: relative;
top: -13px;
padding: 7px 0px 4px;
border: 1px solid #080706;
outline: 1px solid #1e1a18;
width: 80%;
border-radius: 5px;
}
.lzname a { }
.lztext {
text-align: justify;
padding: 10px !important;
margin-top: -10px !important;
position: relative;
line-height: 12px;
text-shadow: 1px 1px black;
font-size: 10px;
color: var(--headtext);
}
.lztext a { }
.pa-fld2 a:hover {}
.lztext a:hover {}
/*посты */
li.pa-fld4 {
font: var(--h1-font);
width: 95px;
position: absolute;
height: 39px;
text-align: center;
margin-left: 125px!important;
margin-top: -61px !important;
font-size: 36px;
font-weight: 100 !important;
background: #0e0e0e;
border: 1px solid #080706;
outline: 1px solid #1e1a18;
padding: 10px 0px !important;
line-height: 45px;
border-radius: 10px;
}
.pa-fld4 span {display:none}
/* деньги */
.pa-fld3 {
width: 95px;
height: 10px;
text-align: center;
padding: 3px 5px 3px 5px !important;
font-size: 7px;
text-transform: uppercase;
text-shadow: 1px 1px black;
font-weight: bolder;
background: #0e0e0e;
border: 1px solid #080706;
outline: 1px solid #1e1a18;
border-radius: 5px;
margin-left: 5px !important;
margin-bottom: 3px;}
li.pa-ua {
margin-top: 0.7em;
display: none!important;
justify-content: center;}
.pa-online {font-size: 9px;
padding: 10px 0;}
#profilenav h2 {
text-align: left !important;
}
/* ПОСТЫ, РЕПУТАЦИЯ */
.pa-posts {
width: 95px;
height: 10px;
text-align: center;
padding: 3px 5px 3px 5px !important;
font-size: 7px;
text-transform: uppercase;
text-shadow: 1px 1px black;
font-weight: bolder;
background: #0e0e0e;
border: 1px solid #080706;
outline: 1px solid #1e1a18;
border-radius: 5px;
margin-left: 5px !important;
margin-bottom: 3px;}
.pa-respect {
width: 95px;
height: 10px;
text-align: center;
padding: 3px 5px 3px 5px !important;
font-size: 7px;
text-transform: uppercase;
text-shadow: 1px 1px black;
font-weight: bolder;
background: #0e0e0e;
border: 1px solid #080706;
outline: 1px solid #1e1a18;
border-radius: 5px;
margin-left: 5px !important;
}
.pa-respect a {
color: var(--proftext)!important;}
.pa-respect a img {
height: 8px;
position: relative;
top: 1.5px;
object-fit: contain;
filter: grayscale(.2) brightness(0.6);
}
/* ОТОБРАЖЕНИЕ ПРИ ОТВЕТИТЬ */
#pun-post .pa-author {
width: 244px !important;
text-shadow: rgb(0 0 0) 1px 1px 0px;
text-align: center;
height: 100px;
font-size: 12px!important;
letter-spacing: 1px;
font-family: Vogue Highline serif;
font-weight: bold;
color: #87694d!important;
text-transform: uppercase;
margin: 29px 5px 16px 59px!important;
}
/* АЙПИ */
.pa-ip {
clear: both;
color: #626262cf!important;
font-size: 7px;
margin-top: 10px!important;
}
.pa-awards {
padding: 20px 0px 0px 0px!important;
}
/* ПОДФОРУМ */
#pun-index .category table {padding: 0px 0px 0px 10px;}
#pun-index .hasicon tr {
z-index: 1;
width: 830px;
position: relative;
display: table;
background: var(--forcol);
margin-bottom: 20px !important;
border: var(--bordin);
margin-left: 65px;
padding: 10px;
box-sizing: border-box;
border-radius: 15px;
}
#pun-index .tclcon {
width: 475px;
min-height: 35px !important;
position: relative;
text-align: justify;
color: var(--t-body);
font: var(--body-font);
font-size: 10px;
line-height: 13px;
}
#pun-index .tclcon a {}
/* НАЗВАНИЕ */
#pun-index .tclcon h3 {
display: block;
margin: 0px;
position: relative;
padding: 0px 0px 0px 30px;
background: url(https://forumstatic.ru/files/001b/f0/c8/75715.png);
width: 500px;
height: 30px;
box-sizing: border-box;
margin-left: -25px;
}
#pun-index .tclcon h3 a { color: var(--doplink);
font: var(--h1-font);
font-size: 17px;
text-transform: uppercase;
line-height: 32px;}
#pun-index .tclcon a:hover {
color: var(--hovlink); letter-spacing: 0px;
}
/* ССЫЛКИ */
#pun-index .tclcon span {
display: block;
font-weight: bold;
margin-top: 13px;
background: #b19e91;
width: 475px;
padding: 2px 20px;
box-sizing: border-box;
border-radius: 10px;
text-transform: uppercase;
color: #502c21;
margin-bottom: 7px;
}
#pun-index .category .tc2, #pun-index .category .tc3, #f-subforums .tc2, #f-subforums .tc3 { display: none!important; }
/* описание подфорумов и ссылки */
.f_desc_wrap {
display: flex;
justify-content: space-between;
gap: 10px;
flex-direction: column;
width: 475px;
}
.f_desc {
flex: 0 0 1;
width: auto /*ширина блока с текстом*/;
margin-bottom: -25px;
}
.f_links {
flex: 0 0 auto;
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 10px;
background: var(--backcol);
padding: 5px;
border: var(--bordin);
border-radius: 10px;
position: relative;
bottom: -25px;
}
.f_links a {
font: var(--body-font);
flex: auto;
line-height: 10px;
text-transform: uppercase;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
}
.f_links a:hover { }
.Tems_And_messages {
display: inline-block!important;
width: auto;
height: 25px;
letter-spacing: 0.5px;
font-size: 7px;
text-transform: uppercase;
color: var(--t-body);
font-family: 'play';
}
.main table .Add {
display: block;
padding: 0px;
width: auto;
position: absolute;
top: 6px;
right: 18px;
}
.Tems_And_messages .right {
float: right!important;
margin: 0 2px!important;
}
/* категории
-------------------------------------------------------------*/
.category h2 span {
display: block;
background: url(https://forumstatic.ru/files/001b/f0/c8/63210.png) no-repeat;
z-index: 1;
color: var(--doptext);
text-transform: lowercase;
width: 1044px;
height: 121px;
box-sizing: border-box;
font: var(--body-font);
text-align: center;
font-size: 0px;
margin-left: -41px;
margin-top: -30px;
margin-bottom: -30px;
}
div#pun-category1 .catright::after {
content: "«у нас проблема. и когда я говорю проблема, я подразумеваю глобальный кризис...» ";
top: -34px;
position: relative;
font: var(--body-font);
font-size: 7px;
color: var(--doptext);
letter-spacing: 1px;
text-align: center;
display: block;
}
div#pun-category2 .catright::after {
content: "«семья — это не те, кто тебя балует и следует всякому твоему капризу. это те, кто сражается за тебя и за кого сражаешься ты»";
top: -34px;
position: relative;
font: var(--body-font);
font-size: 7px;
color: var(--doptext);
letter-spacing: 1px;
text-align: center;
display: block;
}
div#pun-category3 .catright::after {
content: "«и скажу по опыту, ненавидеть можно только то, что в иных обстоятельствах можно было полюбить» ";
top: -34px;
position: relative;
font: var(--body-font);
font-size: 7px;
color: var(--doptext);
letter-spacing: 1px;
text-align: center;
display: block;
}
div#pun-category4 .catright::after {
content: "«когда ты теряешь кого-то, это чувство всегда остаётся с тобой, постоянно напоминая тебе, как легко можно пораниться» ";
top: -34px;
position: relative;
font: var(--body-font);
font-size: 7px;
color: var(--doptext);
letter-spacing: 1px;
text-align: center;
display: block;
}
div#pun-category5 .catright::after {
content: "«за всю мою долгую жизнь, я пришёл к выводу, что мы навеки связаны с теми, кто с нами одной крови» ";
top: -34px;
position: relative;
font: var(--body-font);
font-size: 7px;
color: var(--doptext);
letter-spacing: 1px;
text-align: center;
display: block;
}
div#pun-category6 .catright::after {
content: "«самопожертвование редко оправдывает ожидания тех, кто приносит себя в жертву» ";
top: -34px;
position: relative;
font: var(--body-font);
font-size: 7px;
color: var(--doptext);
letter-spacing: 1px;
text-align: center;
display: block;
}
div#pun-category7 .catright::after {
content: "«когда чувства искренни, ты не можешь просто отвернуться»";
top: -34px;
position: relative;
font: var(--body-font);
font-size: 7px;
color: var(--doptext);
letter-spacing: 1px;
text-align: center;
display: block;
}
/* СТАТИСТИКА
-------------------------------------------------------------*/
#pun-stats h2 span { display: block;
background: url(https://forumstatic.ru/files/001b/f0/c8/63210.png) no-repeat;
z-index: 1;
color: var(--doptext);
text-transform: lowercase;
width: 1044px;
height: 121px;
box-sizing: border-box;
font: var(--body-font);
text-align: center;
font-size: 0px;
margin-left: -41px;
margin-top: -30px;
margin-bottom: -30px;
}
#pun-stats h2 {}
#pun-statistic .tc3 {width:15%;}
#pun-statistic .tc-username {width:unset;text-align:left;}
#pun-statistic .tc-title {width:25%;text-align:left;}
#pun-statistic .tc-registered {width:20%;}
#pun-statistic .tc-topic {width:50%;}
/* оформление статистики */
#pun-stats { }
/* оформление блока в статистике */
#pun-stats .container {
position: relative;
padding: 20px;
box-sizing: border-box;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
text-align: justify;}
#pun-stats .container span { font: var(--body-font); }
#pun-stats .container span a { }
#pun-stats .container strong { font: var(--body-font); }
#pun-stats .container strong a { }
/* вся инфа в 1 строчке */
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
color: var(--t-body);
text-align: center;
padding: 3px 10px 3px 10px;
margin-right: 5px;
display: inline-block;
text-transform: lowercase;
background: var(--forcol);
position: relative;
margin-bottom: 10px;
border: var(--bordin);
border-radius: 8px;
}
/* активные пользователи */
li#onlinelist {
margin-top: 10px;
width: 100%;
font: var(--body-font);
color: var(--t-body);
line-height: 15px;
text-align: justify;
text-transform: lowercase;
}
li#onlinelist a { color: var(--link) !important;
font: 10px 'Mulish Bold'; }
/*ИКОНКИ */
/* старые главная */
#pun-index table Div.icon {
background-image: url(https://forumstatic.ru/files/001b/f0/c8/62330.png);
background-repeat: no-repeat;
border-style: none;
display: block;
height: 45px;
margin-left: -95px;
margin-top: -5px;
width: 44px;
z-index: 1;
position: absolute;
}
/* новые главная */
#pun-index TR.inew Div.icon {
background-image: url(https://forumstatic.ru/files/001b/f0/c8/83298.png);
background-repeat: no-repeat;
filter: saturate(3);
}
/* старые */
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
float: left;
display: block;
position: relative;
margin: 3px 8px;
width: 10px;
height: 10px;
background: var(--t-body);
opacity: 0.3;
border-radius: 50%;
}
/* новые */
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
background: var(--doptext);
opacity: 1;
}
/* важные */
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
background: var(--hovlink); opacity: 1;
}
/* закрытые*/
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
background: var(--t-body); opacity: 1;
}
/* КНОПКИ ВВЕРХ ВНИЗ
-------------------------------------------------------------*/
.go-up, .go-down {
cursor: pointer;
display: none;
height: 32px;
opacity: 1;
position: fixed;
width: 57px;
z-index: 990;
}
/* КНОПКИ ВВЕРХ ВНИЗ ПРИ НАВЕДЕНИИ ЧУТЬ СНИЖАЕТСЯ ПРОЗРАЧНОСТЬ КНОПКИ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {
opacity: 0.7;
}
/* РАСПОЛОЖЕНИЕ КНОПКИ ВВЕРХ
-------------------------------------------------------------*/
.go-up {
bottom: 58%;
margin-left: 1050px !important;
}
/* РАСПОЛОЖЕНИЕ КНОПКИ ВНИЗ
-------------------------------------------------------------*/
.go-down {
bottom: 45%;
margin-left: 1050px !important;
}
/* КНОПКИ ВВЕРХ ВНИЗ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {
opacity: 1;
}
/*************************************************************
ТОПИКИ И ВСЯКОЕ МЕЛКОЕ В ШАПКЕ
**************************************************************/
/* ОБЪЯВЛЕНИЕ
-------------------------------------------------------------*/
/* форма объявления */
#pun-announcement {
text-align: center;
top: 30px;
position: relative;
}
.plashka {
display: inline-block;
transition-duration: 1s;
padding: 7px 20px 7px 20px;
margin-right: 5px!important;
color: var(--link);
min-width: 100px;
background: var(--forcol);
border: var(--bordin);
font: var(--body-font);
text-transform: lowercase;
}
.plashka a { color: var(--link);
font: var(--h1-font);
font-variant: normal;
text-transform: uppercase;
}
.plashka:hover { filter: brightness(1.2);}
.plashka:hover a { }
#tooltip {
position: absolute;
background: #262e31;
z-index: 999;
max-width: 180px;
border: none;
border-radius: 2px;
box-shadow: 0 0 0 1px rgba(0,0,0,.05);
font-family: alice; /* шрифт */
font-size: 10px; /* размер текста */
display: none;
color: #9c9c9c; /* цвет текста */
text-align: center;
padding: 2px 6px 3px 6px;
text-shadow: 1px 1px 0 #1d2835;
letter-spacing: 2px
}
#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;
}
.reactions-root .emoji-mart-bar{border:none!important;}
/*ТАБЛИЦА
--------------------------------------------------------------------------------------------*/
/* активисты */
.activep {
position: absolute;
left: 485px;
top: -210px;
z-index: 100;
transition: 0.3s ease-in-out!important;
color: var(--headtext)!important;
text-align: left;
font: 7px tahoma;
text-transform: uppercase;
line-height: 14px;
width: 200px;
height: 40px;
text-shadow: 1px 1px black; font-weight: bolder;
}
.activep a {font-family: poiret one!important;
text-transform: lowercase;
font-size: 14px; color: var(--headtext)!important;}
/* активисты */
.activ {
position: absolute;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 5px;
column-gap: 10px;
left: 55px;
top: -225px;
z-index: 100;
transition: 0.3s ease-in-out !important;
}
.activ a { background: #3b4943;
width: 43px;
height: 43px;
border-radius: 7px; }
.activ img { transition: 0.3s ease-in-out !important;
border-radius: 7px;
width: 43px;
height: 43px;
mix-blend-mode: overlay;
filter: grayscale(1); }
.activ img:hover { filter: grayscale(1) brightness(1.5); }
/* постописцы */
.poster {
position: absolute;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 10px;
column-gap: 10px;
left: 711px;
top: -225px;
z-index: 100;
transition: 0.3s ease-in-out !important;
}
.poster a { background: #3b4943;
width: 43px;
height: 43px;
border-radius: 7px; }
.poster img { transition: 0.3s ease-in-out !important;
border-radius: 7px;
width: 43px;
height: 43px;
mix-blend-mode: overlay;
filter: grayscale(1);
}
.poster img:hover { filter: grayscale(1) brightness(1.5);}
/* новости о проекте */
.info1 {
width: 300px;
position: absolute;
top: -314px;
left: 335px;
z-index: 100;
font: var(--body-font);
font-size: 9px;
color: var(--headhov);
text-transform: uppercase;
text-align: center;
letter-spacing: 0.5px;
text-shadow: 1px 1px black;
}
.info1 a:hover {
color: var(--headtext)!important;
font-weight: 600 !important;
text-shadow: 0px 0px 1px #000;
}
/* лучший пост */
.bestpost {
width: 360px;
overflow: auto;
position: absolute;
top: -190px;
left: 305px;
z-index: 100;
font: var(--body-font);
padding: 0px 5px 5px 0px;
color: var(--headtext) !important;
line-height: 13px;
text-align: justify;
height: 60px;
}
.bestpostname {
width: 275px;
overflow: auto;
position: absolute;
top: -224px;
left: 346px;
z-index: 100;
line-height: 15px;
text-align: center;
color: var(--headtext) !important;
font: var(--body-font);
text-transform: uppercase;
font-size: 9px;
text-shadow: 1px 1px black;
font-weight: bolder;
}
.bestpostname a {
text-transform: uppercase;
padding-left: 5px;
}
.bestpostname a:hover {color: var(--hovlink)!important;}
.bestplay {
width: 180px;
height: 30px;
overflow: auto;
position: absolute;
top: -162px;
left: 65px;
z-index: 100;
text-align: center;
color: var(--headtext) !important;
font: var(--body-font);
text-transform: uppercase;
font-size: 8px;
text-shadow: 1px 1px black;
font-weight: bolder;
box-sizing: border-box;
line-height: 12px;
}
.bestplay a {
text-transform: uppercase;
}
.bestplay a:hover {color: var(--hovlink)!important;}
/* лучший эпизод*/
.bestep {
width: 180px;
overflow: auto;
position: absolute;
top: -162px;
left: 723px;
z-index: 100;
text-align: center;
color: var(--headtext);
font: var(--body-font);
text-transform: uppercase;
font-size: 8px;
line-height: 12px;
font-weight: bolder;
text-shadow: 1px 1px black;
}
.bestep a {
text-transform: uppercase;
}
.bestep a:hover {color: var(--hovlink)!important;}
/* ссылки*/
.link {
display: flex;
width: 220px;
position: absolute;
top: -312px;
left: 30px;
z-index: 100;
text-align: center;
justify-content: space-between;
}
.link a {
font: var(--body-font);
color: var(--hovlink) !important;
text-transform: uppercase;
position: relative;
display: inline-block;
font-size: 8px;
}
.link a:hover {color: var(--headhov)!important;}
.link1 {
display: flex;
width: 220px;
position: absolute;
top: -312px;
left: 730px;
z-index: 100;
text-align: center;
justify-content: space-evenly;
}
.link1 a {
font: var(--body-font);
color: var(--hovlink) !important;
text-transform: uppercase;
position: relative;
display: inline-block;
font-size: 8px;
}
.link1 a:hover {color: var(--headhov)!important;}
.cop a {
position: absolute;
font: var(--body-font);
text-align: center;
color: var(--doptext) !important;
margin-top: 135px;
left: 26px;
text-transform: uppercase;
font-size: 9px;
width: 180px;
background: #111111;
}
.cop:hover a {color: var(--link)!important; }
/*---------- баннеры -------------*/
.ban {
position: absolute;
height: 65px;
width: 720px;
left: 260px;
bottom: -125px;
text-align: center;
overflow: auto;
overflow-x: hidden;
padding: 0 10px 0px 0px;
}
.ban img {opacity: 0.3; filter: grayscale(1); transition: 0.3s ease-in-out!important;}
.ban img:hover {opacity: 1; filter: grayscale(0); transition: 0.3s ease-in-out!important;}
/*---------- нужные -------------*/
.need {
bottom: -110px !important;
left: 17px;
position: absolute;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 9px;
column-gap: 10px;
transition: 0.3s ease-in-out !important;
color: var(--doptext);
}
.need span {position: relative;
top: 10px;}
.need a { background: #3b4943;
width: 43px;
height: 43px;
border-radius: 7px; }
.need img { transition: 0.3s ease-in-out !important;
border-radius: 7px;
width: 43px;
height: 43px;
mix-blend-mode: overlay;
filter: grayscale(1);}
.need img:hover { filter: grayscale(1) brightness(1.5); }
/*---------------------------------- ГОСТЕВАЯ ---------------------------------- */
.guest {
width: 800px;
height: 450px;
background: url(https://upforme.ru/uploads/001b/dc/dc/130/914464.png);
margin-left: 70px !important;
margin-top: 30px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: center;
align-items: center;
}
.guest span { display: block;
font: var(--h1-font);
color: var(--doptext);
font-size: 30px;
text-shadow: 1px 1px black;
margin-top: 35px; }
.guest faq {
display: block;
font: var(--body-font);
text-transform: uppercase;
color: var(--proftext);
text-shadow: 1px 1px #000;
text-align: center;
}
.guest rules {
padding: 10px 70px;
font: var(--body-font);
color: var(--proftext);
text-shadow: 1px 1px #000;
text-align: justify;
margin-top: 20px;
}
.guest ams {
text-align: center;
font: var(--h1-font);
text-transform: uppercase;
font-weight: bold;
color: var(--doptext) !important;
margin-top: 20px;
}
.guest ams a {color: var(--doptext)!important;}
.guest pers a, .guest face a {color: var(--doptext)!important;}
.guest pers {
position: absolute;
width: 320px;
height: 150px;
margin-top: 230px;
margin-left: -330px;
font: var(--body-font);
overflow-y: auto;
color: var(--proftext);
letter-spacing: 0.3px;
padding: 10px;
}
.guest face {
position: absolute;
width: 320px;
height: 150px;
margin-top: 230px;
margin-left: 320px;
font: var(--body-font);
overflow-y: auto;
color: var(--proftext);
letter-spacing: 0.3px;
padding: 10px;
}
.guest pers span, .guest face span {
display: block;
font: var(--h1-font);
color: var(--doptext);
text-shadow: 1px 1px black;
text-align: center;
margin-bottom: 10px;
margin-top: 0px;
}
/*---------------------------------- банк ---------------------------------- */
.bank {
width: 800px;
height: 600px;
background: url(https://upforme.ru/uploads/001b/dc/dc/130/477308.png);
margin-left: 80px !important;
margin-top: 30px;
}
.bank rules {
position: absolute;
width: 689px;
height: 50px;
margin-top: 40px;
margin-left: 49px;
line-height: 127%;
font-size: 10px;
padding: 5px;
font-family: verdana;
overflow-y: auto;
color: var(--proftext);
text-shadow: 1px 1px #000;
text-align: justify;
}
.bank get a, .bank spend a {
color: #7f7f7f!important;
}
.price {
position: absolute;
width: 305px;
height: 425px;
margin-top: 130px !important;
margin-left: 40px !important;
font: var(--body-font);
overflow-y: auto;
color: var(--proftext);
text-shadow: 1px 1px #000;
text-align: left;
padding-left: 20px;
}
.bank span {
text-transform: uppercase;
font-weight: bolder;
color: var(--doptext);
}
.bank spend {
position: absolute;
width: 305px;
height: 425px;
margin-top: 130px!important;
margin-left: 420px!important;
font: var(--body-font);
overflow-y: auto;
color: var(--proftext);
text-shadow: 1px 1px #000;
text-align: left;
padding-left: 20px;
}
/*---------------------------------- внешности и роли ---------------------------------- */
.vnesh {
width: 800px;
height: 750px;
background: url(https://upforme.ru/uploads/001b/dc/dc/130/477308.png);
margin-left: 80px !important;
margin-top: 30px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.vnesh rules {
font-size: 10px;
overflow-y: auto;
color: var(--proftext);
text-shadow: 1px 1px #000;
text-align: center;
margin-top: 40px;
display: block;
}
.vnesh rules span {display: block;
font: var(--h1-font);
font-size: 20px;
font-weight: bolder;
}
.vnesh rules2 {
font-size: 10px;
overflow-y: auto;
color: var(--proftext);
text-shadow: 1px 1px #000;
text-align: left;
display: block;
margin-top: 30px;
}
#vnesh2 {
margin-top: 40px;
}
/*---------------------------------- расы ---------------------------------- */
.race {
width: 800px;
height: 800px;
background: url(https://upforme.ru/uploads/001b/dc/dc/130/477308.png);
margin-left: 80px !important;
margin-top: 30px;}
.race rules {
position: absolute;
width: 689px;
height: 50px;
margin-top: 40px;
margin-left: 49px;
line-height: 127%;
font-size: 10px;
padding: 5px;
font-family: verdana;
overflow-y: auto;
color: #7f7f7f;
text-shadow: 1px 1px #000;
text-align: center;
}
.race rules span {display: block;
font: var(--h1-font);
font-size: 20px;
font-weight: bolder;
}
#race span {
font: var(--h1-font);
font-weight: bolder;
color: var(--proftext);
}
/* ПАГИНАЦИЯ © blanche. брать можно только с копирайтом */
.pagelink strong, .pagelink a {transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s; display: inline-block;}
.pagelink strong {margin: 0px 0px 0px 10px; padding: 0 0px 3px 0; font-weight: normal; font-size: 10px;}
.pagelink strong, .pagelink a:hover {transform: scale(1.5);}
.pagelink a {padding: 0 1px 0 3px;}
.hotlink {
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
width: auto;
margin-top: 10px!important;
padding: 2px 0px 2px 0px;
font-weight: bold;
}
.hotlink a {
border: 1px solid #afada5;
}
.hotlink a:hover {
color: #a17e2e!important;
}
/* КНОПКИ ФОРМЫ ОТВЕТА С МЕСТОМ ПОД СИМВОЛЫ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ */
#form-buttons {
margin: 15px -14px 3px 0px;
padding: 4px 5px 0px 0px;
border-bottom: none;
border-radius: 5px 5px 0 0;
}
#pun-messages #form-buttons {/*В Личке*/
padding: 4px 5px 0px 0x;
}
small#plng { width: 150px;
/* text-align: center; */
margin-top: 28px!important;
left: -1px;
position: relative;
z-index: 1;
text-transform: lowercase;
/* line-height: 25px; */
font-family: 'tahoma'!important;
font-size: 10px!important;
}
small#plng b {font-size: 12px;
font-family: var(--fontd);
}
#pun-edit #font-area, #pun-edit #size-area, #pun-edit #color-area, #pun-edit #table-area, #pun-edit #smilies-area, #pun-edit #image-area, #pun-edit #imageup-area, #pun-edit #imageattach-area, #pun-edit #keyboard-area, #pun-edit #video-area, #pun-edit #addition-area, #pun-edit #spoiler-area {margin: 22px -21px 0 2px !important;}
#spoiler-area a, #image-area a {color: inherit;}
#keyboard-span input {box-shadow: none !important; text-shadow: none !important;}
#image-area, #color-area, #video-area, #spoiler-area, #addition-area div {height: auto !important;}
/* фон у элементов при нажатии в форме ответа (смайлы и т.д.) */
#tags .container {overflow-y: auto; height: 205px; z-index: 99999;line-height: 200%;}
#float, #tags .container {
padding: 10px !important;
color: var(--t-body);
background: var(--backcol);
border: var(--bordin);}
#keyboard-span input {border: none !important;
margin: 3px 2px !important;
height: 23px !important;
padding: 5px !important;
font-size: 12px !important;}
#imageupload-left strong {} #upload-button-container input[type=button] {font-weight: normal !important}
#image_upload .button { width: auto !important;}
/* ЦИТАТЫ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ
-------------------------------------------------------------*/
/* цитаты, спойлер, выделить код */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 10px 20px 25px 20px;
position: relative;
overflow: hidden;}
.punbb .post-content .quote-box, .punbb .post-content .code-box, .pun-modal .modal-inner, #mask_dialog .inner, .editBookmark, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #MyBookmarks {
font-size: 11px!important;
background: #cbc4b5;
font-family: var(--fontm)!important;
}
.punbb .post-content .quote-box, .punbb .post-content .code-box {
border-radius: 15px;
padding: 20px 15px 10px 15px!important;
background: #2626220d;
border: 1px #afada5 solid!important;
}
.punbb .quote-box cite:before, .punbb .code-box strong.legend:before, .post-content .spoiler-box > div:before {
font-size: 40px;
position: absolute;
left: 17px;
top: 16px;
color: #8c8a82;
opacity: 0.5!important;
content: '\269C';
font-weight: 100;
}
/* фон проставления репутации */
.post_reputation {
background-color: #bec2c7;
padding-right: 20px !important;
}
/* написал и выделить код */
.punbb .quote-box cite, .punbb .code-box strong.legend, .post-content .spoiler-box > div {
font-style: normal;
padding: 7px 10px;
display: block;
font-family: 'tahoma';
font-size: 11px;
text-align: justify;
margin: -9px 7px 15px 50px;
border-bottom: 1px solid #afada5;
line-height: 200%;
}
.post-content .spoiler-box > div {background: no-repeat 10px !important; margin-bottom: 0px;}
/* СПОЙЛЕР BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ. ПРОДОЛЖЕНИЕ В НАСТРОЙКАХ */
.post-content .spoiler-box > div:after {
content: '+';
font-size: 15px;
float: right;
margin: 16px -20px 0 0px;
transition: all .8s;
color: var(--forcol);
}
.post-content .spoiler-box > div.visible:after { transform: rotate(45deg);}
/* выделить код (скопировать код) */
#pun-main .code-box .scrollbox pre {
font-family: var(--fontm)!important;
font-size: 12px;}
/* КНОПКИ И ФОРМЫ ЗАПОЛНЕНИЯ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ*/
.checkbox {width: auto !important;}
/* 7.2 админка */
#pun-admain fieldset .handle, #pun-admain fieldset p {
border-color: #eee0!important;
background: #eee0!important;
}
/*настройка масок*/
#mask_dialog .inner {
cursor: default;
margin: 0;
width: 760px;
max-width: 99%;
max-height: 90%;
overflow-x: auto;
z-index: 100;
box-shadow: 0 0 40px #222;
padding: 8px;
background: #c4c2bb!important;
border-radius: 5px;
}
#mask_dialog .hv-add-template {
cursor: pointer;
float: right;
margin: 0px 36px 9px 18px;
}
#mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {
width: 95%;
background: #0000000f;
}
#mask_dialog .hv-form-block {
max-height: 415px;
overflow-y: auto;}
#post #mentions-area {
background-color: #e0c89e!important;
}
/*************************************************************
ЛИЧНАЯ СТРАНИЧКА
**************************************************************/
details summary /*СПОЙЛЕР ЗАДАНИЙ*/ {
background-color: #151515;
border: 1px solid #000000;
outline: 1px solid #333333;
z-index: 1000;
position: relative;
margin: 10px 0px -1px -6px!important;
text-transform: lowercase;
text-align: center;
line-height: 27px;
font-family: Fira Mono;
font-size: 13px;
color: #DAD9D9;
}
details summary::-webkit-details-marker {
display: none;
}
details summary::before {
display: none;
}
details[open] summary::before {
display: none;
}
/*ИКОНКА ЛИЦА ИЗ ЗАДАНИЙ*/
.lsquest {
height: 478px;
width: 345px;
position: absolute;
top: 21px;
left: 255px;
overflow: auto;
padding-right: 10px;
padding-left: 10px;
}
.quest { position: relative;}
.quest img {width: 100px;
height: 100px;
/* filter: grayscale(1); */}
.submenuItems {
display: none;
background: #151515;
border: 1px solid #333333;
text-align: center;}
.submenuItems .quest { margin: 0 5px;
position: relative;
display: inline-block;}
.submenuItems .quest img {
border-radius: 50%; position: absolute;
top: 0;
left: 0;
transition: all .5s;
}
/* .submenuItems .quest, .submenuItems .quest img {
width: 100px; height: 100px; filter: hue-rotate(137deg);} */
.submenuItems .quest span {
display: block;
text-align: center;
overflow: auto;
height: 100px;
width: 150px;
box-sizing: border-box;
padding-right: 7px;
font-size: 9px;
transition: all .5s;
opacity: 0;
color: #DAD9D9;
overflow-x: auto;
}
.submenuItems .quest img.x {mix-blend-mode: luminosity; opacity: .7}
.submenuItems .quest img.1 {filter: grayscale(0); opacity: 1}
/* .submenuItems .quest img.x {filter: grayscale(1); opacity: .7}
.submenuItems .quest img.1 {filter: grayscale(0); opacity: 1} */
.submenuItems .quest:hover img {
opacity: 0;
}
.submenuItems .quest:hover span {
opacity: 1;
}
/*ВСПЛЫВАЮЩАЯ ВКЛАДКА ЛИЧНОЙ СТРАНИЦЫ */
.lsss1 /*ПОДПУНКТ*/ {
background-color: #151515;
border: 1px solid #000000;
outline: 1px solid #333333;
text-transform: lowercase;
text-align: center;
font-family: Fira Mono;
font-size: 13px;
color: #DAD9D9;
}
.zss1 /*НАГРАДЫ ПОДАРКИ*/ {
text-align: center;
background: rgba(146, 143, 143, 0.27);
-webkit-box-shadow: rgba(0, 0, 0, 0.26) 1px 2px 4px, rgba(0, 0, 0, 0.57) 0px 0px 17px inset;
padding: 5px 5px 5px 5px;
display: inline-block;
width: 50px;
height: 50px;
margin: 10px 2px 0px 0px !important;
}
.zssok /*НАГРАДЫ ПОДАРКИ*/ {
text-align: center;
display: inline-block;
/* padding: 0 2px!important; */
width: 278px;
margin-left: 0;
line-height: 12px;
/* letter-spacing: 2px; */
/* margin: 2px 2px 2px 0px !important; */
}
.zss2 /*ИНСТА ДНЕВНИК*/ {
text-align: center;
background-color: rgba(61, 61, 61, 0.52);
padding: 5px 5px 5px 5px;
display: inline-block;
width: 150px;
}
.zss3 /*КВАДРАТ*/ {
width: 70px;
height: 70px;
border: 3px solid #423F3F;
box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
display: inline-block;
/* padding: 5px 5px 5px 5px; */
margin: 0px 10px 0px 0px !important;
}
.zss4 /*КВАДРАТ ТЕКСТ*/ {
width: 70px;
font-family: Fira Mono;
font-size: 10px;
color: #DAD9D9;
letter-spacing: 1px;
text-align: center;
background-color: rgba(61, 61, 61, 0.52);
}
.zss5 /*КВАДРАТ ЦИФРА*/ {
color: #eef0e6;
font-family: roboto slab;
font-size: 40px;
text-align: center;
}
.zss6 /*КОЛЛЕКЦИИ*/ {
width: 225px !important;
height: 40px !important;
background: rgba(146, 143, 143, 0.27);
-webkit-box-shadow: rgba(0, 0, 0, 0.26) 1px 2px 4px, rgba(0, 0, 0, 0.57) 0px 0px 17px inset;
padding: 5px 5px 5px 5px;
}
#waffles /*1 ВКЛАДКА*/ {height: 400px !important;
position: relative;
margin-left: 0px !important;}
.wafflesh /*1 АВАТАР*/ {height: 120px;
background-color: rgba(61, 61, 61, 0.52);
width: 100%;
position: absolute;
top: 0px;}
.wafflesh1 /*1 АВАТАР*/ { height: 80px;
width: 80px;
border: 6px solid #423F3F;
box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
position: absolute;
background-size: cover;
background-repeat: no-repeat;
top: 13px;
left: 14px;
background-blend-mode: multiply;
mix-blend-mode: luminosity;
background-color: #BEC2C5;}
.wafflesh2 /*1 ЦИТАТА*/ { height: 20px;
text-transform: uppercase;
position: absolute;
width: 480px !important;
right: 10px;
top: 15px;
font-family: Fira Mono;
font-size: 10px;
color: #9A9A9A;
letter-spacing: 1px;}
.wafflesh3 /*1 ИМЯ*/ { width: 400px;
text-shadow: 2px 2px 10px rgba(0,0,0,0.1);
color: #eef0e6;
font-family: Yellowtail;
position: absolute;
right: 50px;
top: 60px;
font-size: 45px;
text-align: center;
letter-spacing: -3px;
line-height: 30px;}
.naborka /*1 АЧИВКИ*/ {
text-align: center;
display: inline-block;
padding: 0 2px!important;
width: 558px !important;
margin-left: 0;
}
.naborka img.ah0 {mix-blend-mode: luminosity; opacity: .4}
.naborka img.ah1 {}
.lsss202 img.ah0 {mix-blend-mode: luminosity; opacity: .4}
.lsss202 img.ah1 {}
.p1ar { text-transform: uppercase; font-size: 12px; text-align: center; position: relative; padding-top: 12px; text-shadow: 1px 1px black; color: #B3B3B3; }
.p2ar { text-align: center; text-shadow: 1px 1px black; color: #B3B3B3;}
/*************** КОНЕЦ ВСПЛЫВАЮЩАЯ ВКЛАДКА ЛИЧНОЙ СТРАНИЦЫ ***************/
/******************************************************************
СТИЛЬ ХРОНОЛОГИИ СЮЖЕТА
******************************************************************/
.hrons01 /* ОСНОВНОЕ ОКНО */ {
height: 535px !important; background: url(http://upforme.ru/uploads/0014/e2/8d/3/861293.png) no-repeat !important; border-radius: 10px; margin-left: 35px; }
.hrons0ar /* АРКА */ {
background: #b4ac9b; width: 300px; border-radius: 10px; padding: 10px; margin: 10px 10px 10px 250px; position: absolute; }
.hrons0ar1 /* СТИЛЬ ТЕКСТА АРКИ */ {
font-size: 18px; text-align: center; line-height: 5px; color: #130901; font-weight: bold; font-family: Arial; }
.hronspole /* РАСПОЛОЖЕНИЕ ВКЛАДКИ*/ {
padding: 10px; margin: 80px 0px 0px 10px; position: absolute; width: 815px !important; }
.hrons_knopki /* РАСПОЛОЖЕНИЕ КНОПОК*/ {
margin: 20px 0px 0px 20px; position: absolute; width: 815px !important; }
.hrons04 /* ТЕКСТ */ {
width: auto; font-size: 11px; color: #080000; margin-top: 5px !important; text-align: justify; line-height: 15px; padding: 5px 10px 5px 10px; background-color: #b4ac9b; border-radius: 10px; font-weight: bold; font-family: Arial; font-size: 12px; }
.hrons05 /* ОКНО ЭПИЗОДА*/ {
width: auto; font-size: 11px; color: #080000; margin-top: 35px !important; text-align: justify; line-height: 12px; padding: 5px 10px 5px 10px; background-color: #b4ac9b; border-radius: 10px; }
.hrons06 /* ЭПИЗОД НАЗВАНИЕ*/ { width: 250px; border-radius: 10px; background-color: #c3bcae; font-size: 11px; color: #080000; margin: 0px 0px 5px 10px; margin-left: 525px !important; border: 1px solid rgba(160, 101, 50, 0.55); text-align: center; padding: 3px 1px 3px 1px; margin-top: -79px; font-family: Arial; }
.hrons07 /* ЭПИЗОД ФАКТЫ*/ {
border-radius: 10px; background-color: #c3bcae; font-size: 11px; color: #080000; border: 1px solid rgba(160, 101, 50, 0.55); text-align: center; padding: 3px 1px 3px 1px; margin: 0px 10px 5px 10px; font-family: Arial;}
.hrons08 /* ЭПИЗОД ОПИСАНИЕ*/ {
width: auto; font-size: 12px; color: #080000; margin-top: 5px !important; text-align: justify; line-height: 12px; padding: 5px 10px 5px 10px; font-family: Arial; }
.hrons053 /* КАРТИНКИ ЭПИЗОДА РАСПОЛОЖЕНИЕ*/ {
margin-top: -40px !important; position: inherit; }
.hrons051 /* КАРТИНКИ ЭПИЗОДА*/ {
border-radius: 100px; border: 1px solid rgba(160, 101, 50, 0.55); margin: 0px 5px 0px 10px; }
.hrons060 /* СТАТУС ЭПИЗОДА КРАСНЫЙ */ {
width: 20px; height: 20px; border-radius: 100px; background-color: #9C0606; color: #9C0606; border: 1px solid rgba(160, 101, 50, 0.55); margin-left: -20px !important; margin-top: 35px !important; }
.hrons061 /* СТАТУС ЭПИЗОДА ЗЕЛЕНЫЙ */ {
width: 20px; height: 20px; border-radius: 100px; background-color: #08612B; color: #08612B; border: 1px solid rgba(160, 101, 50, 0.55); margin-left: -20px !important; margin-top: 35px !important; }
.hrons062 /* СТАТУС ЭПИЗОДА БЕЛЫЙ */ {
width: 20px; height: 20px; border-radius: 100px; background-color: #EAEAEA; color: #EAEAEA; border: 1px solid rgba(160, 101, 50, 0.55); margin-left: -20px !important; margin-top: 35px !important; }
.s-tabshron>.stabhron,.s-tabshron>span /*Правки для Цвета фона и бордюров таблицы*/{}
.s-tabshron /*ширина таблицы*/ { width:840px; display:block; }
.s-tabshron>.stabhron /*высота вкладки*/{ height:430px; }
.s-tabshron>span /* Стиль "Ушка" вкладок */ {
position: relative; z-index: 100; color: #101001; cursor: pointer; display: inline-block; padding: 4px 4px 4px 4px; background: #c3bcae; border-radius: 10px; margin: 8px 0px 8px 8px; width: 100px; text-align: center; font-family: Arial; font-size: 13px; border: 1px solid rgba(160, 101, 50, 0.55); }
.s-tabshron>span.selected /* Активное "Ушко" */ {
color: #100101; background: #b4ac9b; font-weight: bold; font-family: Arial; font-size: 14px; border: 1px solid rgba(160, 101, 50, 0.55); }
.s-tabshron>.stabhron /* Стиль вкладки(LI)*/{
width: 800px; margin:0; display:none; overflow-y:auto; overflow-x:hidden; text-align:center; vertical-align:middle; padding: 0px 15px 0px 10px; }
/******************************************************************
КОНЕЦ СТИЛЯ ХРОНОЛОГИИ СЮЖЕТА
******************************************************************/
.hvStickerPackModal {
padding: 16px 16px 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: solid 1px #999;
border-radius: 4px;
background: var(--backcol)!important;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
position: absolute;
display: none;
bottom: 0;
left: 0;
z-index: 100;
}
.chr2, .chr2 * {box-sizing:border-box;}
.chr2 {
--chrw: 660px!important; /* ширина блока */
--chrbg: #; /* цвет фона */
--chrd: #ffffff; /* активный эпизод */
--chrc: #6a8972; /* закрытый эпизод */
--chbs: rgba(0,0,0,0.3); /* цвет границы */
}
.chr2 {width:var(--chrw); background:var(--chrbg); border-radius:16px; border:1px solid var(--chbs);
margin:10px auto 10px 10px!important; padding:26px 20px 24px 10px; position:relative; width: 675px;}
.chr2 p {padding:0px !important; margin:0px !important;}
.chr2 h7 {display:block; text-align:center; font-family:Cuprum, Tahoma, sans-serif; font-size:24px;}
.ch1 {position:relative; padding: 15px 0px; display:grid; grid-template-columns: 180px 1fr; grid-template-rows:auto; align-items:stretch;}
.ch1:first-of-type {/*shipovnik*/ padding-top:0px;}
.ch1:last-of-type {padding-bottom:0px;}
.ch2 {display:block; grid-column:1 / 2; grid-row:1 / -1; text-align:center; padding-right:10px; border-right:1px solid var(--chbs);}
.ch3 {display:block; grid-column:-2 / -1; grid-row:1 / -1; padding-left:14px; text-align:justify;}
.ch2 em {display:block; font-style:normal !important; font-weight:600; font-family:Cuprum, Tahoma, sans-serif; font-size:16px; padding-bottom:4px;}
.ch4 {text-transform:uppercase; font-family:Oswald, Tahoma, sans-serif; font-size:14px; letter-spacing:0.03em;}
.ch1:before {content:''; display:block; width:12px; height:12px; border-radius:50%; position:absolute; top:15px; left:-10px; transform:translateX(-50%);
background: var(--chrd); border:1px solid var(--chbs);}
.close.ch1:before {background:var(--chrc);}
/*************************************************************
СТИЛИ К СКРИПТАМ И ДОПОЛНЕНИЯ
**************************************************************/
/* Отключить надпись "Отредактировано" */
p.lastedit {display:none}
/*Убрать "Закрыто и "Важно"*/
.stickytext,.closedatafield{ display:none;}
/*отключение наград*/
li#navawards {display: none;}
/*Регулировка размера шрифта в постах © Alex_63*/
.FNTslider {
position: relative;
z-index: 100;
background: var(--forcol);
width: 110px;
height: 4px;
margin: 1px 5px !important;
border: var(--bordin);
float: right;
margin-right: 9% !important;
}
.FNTslider .before {
height: 4px;
border-right: none 0;
position: absolute;
background: var(--hovlink);
}
.FNTslider .thumb {
width: 5px;
height: 10px;
border-radius: 2px;
position: relative;
top: -3px;
background: var(--proftext);
cursor: pointer;
}
/* Разделение тем: "Важные темы" и "Темы форума" // © Alex_63 */
#pun-main .forum table{ table-layout: auto;}
#pun-main tr.tr-divider {
font-weight: bold;
background: #0000000f;
height: 20px!important;
font-family: 'tahoma';
text-transform: uppercase;
font-size: 8px;
}
/*Скрытие профиля в теме тегом*/
.hideprofile .post-author,.hideprofile .pl-email,.hideprofile .pl-website{display:none!important}
.hideprofile .post-body,.hideprofile .post-links,.hideprofile .post-links ul, .hideprofile h3>span{margin-left:0!important}
.hideprofile h3 { width: 100% !important;
margin-left: 0px !important;}
/*Переключение раскладки выделенного текста*/
#button-transL{background-image:url(https://i.imgur.com/IY448wH.png)}
/*ТЕГ абзаца - [indent]*/
#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}
/*выравнивание justify*/
#button-mybb {background-image:url('https://i.imgur.com/RdKU4no.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}