/* structure by futura.rusff.me
-------------------------------------------------------------*/
/* CS1 Основа
-------------------------------------------------------------*/
/* CS1.1 Фон */
body {
background: url(https://i.imgur.com/JxwrgZ1.jpeg);
background-attachment: fixed;
}
body.day {
background: url(https://i.imgur.com/hsIdfNY.jpeg); background-attachment: fixed;}
#pun {background: #d5d5d5;
z-index: 1;}
.day #pun {background: #1c1c1c;}
/* CS1.2 Шапка */
#pun-title table
{background: url(https://forumstatic.ru/files/001c/2e/f1/66349.png);
background-repeat : no-repeat;
background-position: top center;
margin-left: 0px;
margin-top: 0px;
width: 1050px;
height: 463px;}
.day #pun-title table
{background: url(https://i.imgur.com/MIdrJjp.png); background-repeat : no-repeat; background-position: top center; margin-left: 0px; margin-top: 0px; width: 1050px; height: 463px;}
/* CS1.5 Футер*/
#html-footer {
margin-bottom: -30px;
text-align: center;
background: url("") fixed;
width: 1050px;
height: 110px;}
/* баннеры */
.banners
{
position: absolute;
padding-right: 0px;
margin: -5px 0px 0px 675px !important;
width: 300px;
height: 65px;
overflow-y: auto;
color: #e2dddd;
text-align: center;
}
.banners img {filter:grayscale(100); opacity: 0.3;}
.banners a:hover img {
transition-duration: 1s;
filter: none!important;
opacity: 1;
}
/* посты */
.ppostov {
position: absolute;
padding-right: 0px;
padding-top: 20px;
margin: -30px 0px 10px 60px !important;
height: 115px;
overflow-y: auto;
color: #000;
font-family: harmony;
font-size: 12px;
}
.day .ppostov { color: #5c5c5c;}
.ppostov a {
font-family: yeseva;
font-size: 15px;
color: #337077 !important;
}
.day .ppostov a {color: #5c5c5c !important;}
/* низ форума */
.underbg {position: relative;margin-top: 0px!important;}
.underline
{display: inline;text-transform: lowercase;font-size:11px;}
#pun-index #pun-stats.section {position: relative;font-size: 11px;}
/* CS2 Форум
-------------------------------------------------------------*/
/* CS2.1 Текст на форуме */
.punbb .main .container, .punbb .post .container, .punbb .post h3, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container, #pun-status .container, #pun-crumbs1 p.container, #pun-stats .container, #pun-about .container, #pun-crumbs2 .container, .linkst .pagelink, .linksb .pagelink {
color: #181818;
background-color: transparent;}
.day .punbb .main .container, .day .punbb .post .container, .punbb .post h3, .day #pun-title, .day #pun-title .container, .day .punbb .modmenu .container, .day .punbb legend span, .day #viewprofile h2 span, .day #profilenav h2 span, .day .punbb-admin #pun-admain legend span, .day .punbb .post h3 span, .day .punbb th, .day #viewprofile li, .day #setmods dl, .day #pun-navlinks .container, .day #pun-status .container, #pun-crumbs1 p.container, .day #pun-stats .container, .day #pun-about .container, .day #pun-crumbs2 .container, .day .linkst .pagelink, .linksb .pagelink {
color: #9c9c9c;
background-color: transparent;}
/* CS2.2 КАТЕГОРИИ */
#pun-category1.category h2 {
background: url(https://i.imgur.com/Upv6HzQ.png) no-repeat;
margin-top: 5px;
margin-bottom: -10px;
height: 100px;
font-size:0px !important;
}
.day #pun-category1.category h2 {
background: url(https://i.imgur.com/qdFoYPn.png) no-repeat; margin-top: 5px;margin-bottom: -10px;height: 100px;font-size:0px !important;}
#pun-category2.category h2 {
background: url(https://i.imgur.com/sac8GFI.png) no-repeat;
margin-top: 30px;
margin-bottom: 10px;
height: 100px;
font-size:0px !important;
}
.day #pun-category2.category h2 {
background: url(https://i.imgur.com/ek8LfIo.png) no-repeat;margin-top: 30px;margin-bottom: 10px;height: 100px;font-size:0px !important;}
#pun-category3.category h2 {
background: url(https://i.imgur.com/kjRgsK3.png) no-repeat;
margin-top: 30px;
margin-bottom: 10px;
height: 100px;
font-size:0px !important;
}
.day #pun-category3.category h2 {
background: url(https://i.imgur.com/38KfpwZ.png) no-repeat;margin-top: 30px;margin-bottom: 10px;height: 100px;font-size:0px !important;}
#pun-category4.category h2 {
background: url(https://i.imgur.com/jLPAd36.png) no-repeat;
margin-top: 30px;
margin-bottom: 10px;
height: 100px;
font-size:0px !important;
}
.day #pun-category4.category h2 {
background: url(https://i.imgur.com/yg44SYd.png) no-repeat;margin-top: 30px;margin-bottom: 10px;height: 100px;font-size:0px !important;}
#pun-category5.category h2 {
background: url(https://i.imgur.com/mCTgMcR.png) no-repeat;
margin-top: 30px;
margin-bottom: 10px;
height: 100px;
font-size:0px !important;
}
.day #pun-category5.category h2 {
background: url(https://i.imgur.com/ec6RDcO.png) no-repeat;margin-top: 30px;margin-bottom: 10px;height: 100px;font-size:0px !important;}
#pun-category6.category h2 {
background: url(https://i.imgur.com/6wF7Z6e.png) no-repeat;
margin-top: 30px;
margin-bottom: 10px;
height: 100px;
font-size:0px !important;
}
.day #pun-category6.category h2 {
background: url(https://i.imgur.com/tAF62ge.png) no-repeat;margin-top: 30px;margin-bottom: 10px;height: 100px;font-size:0px !important;}
/*надпись статистика*/
#pun-stats.section h2 {
text-transform: uppercase;
margin-top: 35px;
text-align: center;
font: 0px arial;
letter-spacing: 3px;
color: #969696;
}
/* CS2.3 Цитата етк*/
.punbb .quote-box {
background: #d5d5d5;
color: #242424;
text-transform: none;
border: 1px #191c1d solid;
border-radius: 30px 0px 0px 30px;
}
.day .punbb .quote-box {
background: #1c1c1c;
border: 1px #0e0e0e solid;
color: #9c9c9c;
box-shadow: 0px 0px 5px 5px rgb(12, 12, 12, 0.1);
}
.punbb .code-box {
background: #d5d5d5;
color: #242424;
text-transform: none;
border: 1px #191c1d solid;
border-radius: 30px 0px 0px 30px;
}
.day .punbb .code-box {
background: #1c1c1c;
border: 1px #161616 solid;
color: #9c9c9c;
box-shadow: 0px 0px 5px 5px rgb(12, 12, 12, 0.1);
}
.punbb .spoiler-box {
background: #cacaca;
color: #242424;
text-transform: none;
border: 1px #c6c6c6 solid;
border-radius: 0px;
box-shadow: inset 0px 0 0px 0px transparent,inset 0 0 0px 0px transparent,0px 0px 0px 0px transparent,0px 0px 0px 0px transparent;}
/* Форма ответа */
.punbb textarea {
background: #cacaca;
padding: 5px 5px 5px 5px!important;
margin-left: -5px !important;
border: 1px #ababab solid;
}
.day .punbb textarea {
background: #1f1f1f;
padding: 5px 5px 5px 5px!important;
border: 1px #161616 solid;
color: #9c9c9c;
}
/* CS2.4 Прокрутка */
::-webkit-scrollbar {width: 9px; height: 5px; background-color: #171717;}
::-webkit-scrollbar-thumb {background-color: #2a6369;}
/* выделенный текст */
::selection {background: #1f909d; color: #fff;}
.day ::selection {background: #9c9c9c; color: #101010;}
/* CS2.5 Переадресация */
#pun-redirect {
background: url("https://upforme.ru/uploads/000d/ab/00/2/969901.gif");
position: fixed;
text-align: center;
font-size: 11px;}
#pun-redirect .main-title {
margin-bottom: 0px!important;
text-align: center;
margin-top: 500px;
height: 100px;
background: url() center no-repeat;
font-size: 0px; }
/* CS2.6 Профиль */
/* меняем ссылку ника */
li.pa-author a, li.pa-author {
color: #1f909d !important;
font-size: 20px;
font-family: golos;
text-transform: uppercase;
font-weight: bolder;
line-height: 17px;
transition-duration: 1.5s;}
.day li.pa-author a, .day li.pa-author {
color: #9c9c9c !important;}
/*аватар*/
.pa-avatar img{
margin-top: 5px;
margin-left: 0px;
max-width: 180px;
max-height: 180px;
transition: all 0.5s ease-out;
}
.pa-avatar img:hover {
filter: invert(1);
transition: all 0.5s ease-out;
}
.pa-avatar.item2{
margin-left: 0px !important;
margin-bottom: 4px;
}
li.pa-avatar.item2 img {
border: 4px #d5d5d5 solid;
outline: 1px solid #191c1d;
outline-offset: 0px;
}
.day li.pa-avatar.item2 img {
border: 4px #151515 solid;
outline: 1px solid #0e0e0e;
outline-offset: 0px;
}
/* CS2.8 Окна, кнопки и прочее */
/* Окно репутации */
.punbb-admin #pun-admain .adcontainer, #pun-reputation div.inner div.container, #pun-report div.inner div.container , #pun-popup_awards div.inner div.container {
color: #171717;
background-color: #ceced0;
}
.day .punbb-admin #pun-admain .adcontainer, .day #pun-reputation div.inner div.container, .day #pun-report div.inner div.container, .day #pun-popup_awards div.inner div.container {
color: #9c9c9c;
background-color: #1c1c1c;
}
#pun-reputation .tc2 textarea {width: 600px !important;}
#pun-reputation .tcl {width: 80px !important;}
#pun-reputation h1 {
background-color: #ceced0;
text-align: center; width: 767px; height: 15px; margin-left: 0px; padding-top: 1px !important;}
.day #pun-reputation h1 {
background-color: #1c1c1c;}
/* Настройки кнопок "отправить", "посмотреть" и др. */
#pun-main .formsubmit input {
background: #242829;
padding: 6px;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #1f909d;
font-size: 12px;
font-family: vhs !important;
border: 1px solid #c4c4c4;
cursor: pointer;
}
#pun-main .formsubmit input {
background: #0e0e0e;
color: #9c9c9c;
border: 1px solid #151515;
}
/* Настройки выпадающих списков */
.punbb input, .punbb select {
background: #c9c9c9;
color: #252525;
font-family: rat !important;
}
.day .punbb input, .day .punbb select {
background: #242424;
color: #9c9c9c;
}
#spoiler-area {
background-color: #c9c9c9;
border: 1px solid #ababab;
padding: 5px 7px 5px 7px;
font-family: rat;
font-size: 12px;
}
.day #spoiler-area {
background: #242424;
color: #9c9c9c;
}
#video-area, #color-area, #table-area, #smilies-area, #keyboard-area, #addition-area, #image-area {
font-family: rat !important;
}
.day #video-area, .day #color-area, .day #table-area, .day #smilies-area, .day #keyboard-area, .day #addition-area, .day #image-area {
background: #242424;
color: #9c9c9c;
font-family: rat !important;
}
/* Окна в форме ответа */
#size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area {
background: #c9c9c9;
color: #000;
padding: 5px;
border: solid #ababab 1px !important;
box-shadow: 2px 3px 4px -2px rgba(0, 0, 0, 0.1);
}
.day #size-area, .day #font-area, .day #color-area, .day #smilies-area, .day #keyboard-area, .day #imageup-area, .day #font-area, .day #size-area, .day #color-area, .day #smilies-area, .day #image-area, .day #imageup-area, .day #imageattach-area, #.day keyboard-area, .day #video-area, .day #table-area, .day #addition-area {
background: #242424;
color: #9c9c9c;
border: solid #0e0e0e 1px !important;
}
/* Линия разделитель */
hr {
color: #1C6258;
background-color: #afafaf;
height: 1px;
border: none;}
.day hr {
background-color: #0e0e0e;}
/* CS3 Рамки
-------------------------------------------------------------*/
.punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, .punbb-admin #pun-admain .adcontainer {
border-color: transparent;}
/* CS4 Ссылки
-------------------------------------------------------------*/
/* CS4.1 Обычные ссылки*/
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #punbb-admain a:visited {
text-decoration: none;
color: #337077;}
.day .punbb a, .day .punbb a:link, .day .punbb a:visited,
.day .punbb-admin #pun-admain a, .day .punbb-admin #punbb-admain a:visited {
text-decoration: none;
color: #676767;}
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #000;}
.day .punbb a:hover, .day .punbb a:focus, .day .punbb a:active, .day .punbb-admin #pun-admain .nodefault,
.day .punbb-admin #punbb-admain a:hover, .day .punbb-admin #punbb-admain a:focus, .day .punbb-admin #punbb-admain a:active {color: #9c9c9c;}
/* CS4.2 Ссылки в меню навигации */
#pun-navlinks a {
color: #59b6cb;
font: 13px lemon;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0px;
transition-duration: 1s;}
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active, #pun-pagelinks a:active, #pun-pagelinks a:focus {
color: #17151d;
transition-duration: 1s;}
/* CS4.3 Пользовательские ссылки */
#pun-ulinks a {
color: #878b94;
text-transform: lowercase;
fon-size: 12px;
transition-duration: 1s;}
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
color: #17151d;
transition-duration: 1s;}
/* CS5 Иконки сообщений
-------------------------------------------------------------*/
/* Старые */
.punbb table Div.icon {
float: left;
display: block;
width: 25px;
height: 25px;
background-image: url();
background-repeat: no-repeat;
position: relative;
margin-left: 20px;
margin-top: 2px;
margin-right: 0px;}
/* Новые */
TR.inew Div.icon {
background: url(https://upforme.ru/uploads/001c/2e/f1/2/385468.png) no-repeat;
}
/* Важно */
TR.isticky Div.icon {
background: url() no-repeat;}
/* Закрыто */
TR.iclosed Div.icon {
background: url() no-repeat;}
/*CS6 Таблицы и прочее
---------------------------------*/
/*НАСТРОЙКА ПОЛЕЙ*/
/*анкета*/
li.pa-fld2 {
display: inline-block;
background: url(https://i.imgur.com/nZtSAlw.jpeg);
margin-top: 1px;
margin-left: 0px;
width: 230px !important;
text-align: center;
font-family: golos;
line-height: 10px;
padding: 5px 0px 5px 0px!important;
text-transform: uppercase;
letter-spacing: 0.6px;
}
.day li.pa-fld2 {
background: url(https://i.imgur.com/82Z4mlo.jpeg);}
.pa-fld2 a {
color: #1f909d!important;
font-size: 12px;
font-weight: bolder;
transition-duration: 1s;
}
.day .pa-fld2 a {color: #9c9c9c!important;}
/*мейн*/
li.pa-fld1 {
position: absolute;
margin-left: -8px !important;
margin-top: -10px !important;
}
.pa-fld1:hover {
transform: rotate(360deg);
transform-origin: center;
transition: all 0.5s linear 0s;
}
/*АВАТАР НА ГЛАВНОЙ СТРАНИЦЕ*/
div.punbb .user-avatar {
float:right;
margin: 3px 0 0 15px;
}
.punbb .user-avatar .avatar-image {
width: 25px !important;
height: 25px !important;
border-radius: 1 !important;
border: 0px dashed #1f909d;
float: right;
opacity: 100% !important;
}
.day .punbb .user-avatar .avatar-image { filter:grayscale(100);}
.punbb .user-avatar .isonline {
display: block;
position: absolute;
animation: blinkColor 3s linear infinite !important;
z-index: 100;
background-color: #1f909d !important;
margin: 1px 6px 1px 20px !important;
}
.day .punbb .user-avatar .isonline { background-color: #000 !important;}
/*ссылки в шапке*/
.plot a {
position: absolute;
top: 46px;
left: 662px;
font: 13px golos;
font-weight: bold;
color: #121212 !important;
text-transform: uppercase;
-webkit-transition: 0.5s ease;
background-color: #1f909d;
padding-left: 25px;
padding-right: 25px;
padding-top: 4px;
padding-bottom: 4px;
border-radius: 15px;
box-shadow: 4px 4px 5px -1px rgba(0,0,0,0) inset, 0px 0px 50px 10px rgb(57, 74, 83, 0.4);
}
.plot a:hover {
position: absolute;
color: #23343b;
-webkit-transition: 0.5s ease;
box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.4) inset, 0px 0px 50px 10px rgb(57, 74, 83, 0.4);
}
.day .plot a {
position: absolute;
top: 46px;
left: 662px;
font: 13px golos;font-weight: bold;
color: #303030 !important;
text-transform: uppercase; -webkit-transition: 0.5s ease;
background-color: #0a0a0a;
padding-left: 25px;padding-right: 25px;padding-top: 4px;padding-bottom: 4px;border-radius: 15px;
box-shadow: 0px 0px 50px 10px rgb(33, 33, 33, 0.45);}
.day .plot a:hover {
position: absolute;color: #262626 !important; -webkit-transition: 1s ease;box-shadow: 0px 0px 50px 10px rgb(33, 33, 33, 0.45);}
.needed a{
position: absolute;
top: 46px;
left: 800px;
font: 13px golos;
font-weight: bold;
color: #121212 !important;
text-transform: uppercase;
-webkit-transition: 0.5s ease;
background-color: #1f909d;
padding-left: 25px;
padding-right: 25px;
padding-top: 4px;
padding-bottom: 4px;
border-radius: 15px;
box-shadow: 4px 4px 5px -1px rgba(0,0,0,0) inset, 0px 0px 50px 10px rgb(57, 74, 83, 0.4);
}
.needed a:hover {
position: absolute;
color: #23343b;
-webkit-transition: 0.5s ease;
box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.4) inset, 0px 0px 50px 10px rgb(57, 74, 83, 0.4);
}
.day .needed a {
position: absolute;
top: 46px;
left: 800px;
font: 13px golos;font-weight: bold;color: #303030 !important;text-transform: uppercase;-webkit-transition: 0.5s ease;background-color: #0a0a0a;padding-left: 25px;padding-right: 25px;padding-top: 4px;padding-bottom: 4px;border-radius: 15px;box-shadow: 0px 0px 50px 10px rgb(33, 33, 33, 0.45);}
.day .needed a:hover {
position: absolute;color: #262626 !important; -webkit-transition: 0.5s ease;box-shadow: 0px 0px 50px 10px rgb(33, 33, 33, 0.45);}
.used a{
position: absolute;
top: 142px;
left: 662px;
font: 13px golos;
font-weight: bold;
color: #121212 !important;
text-transform: uppercase;
-webkit-transition: 0.5s ease;
background-color: #1f909d;
padding-left: 25px;
padding-right: 25px;
padding-top: 4px;
padding-bottom: 4px;
border-radius: 15px;
box-shadow: 4px 4px 5px -1px rgba(0,0,0,0) inset, 0px 0px 50px 10px rgb(57, 74, 83, 0.4);
}
.used a:hover {
position: absolute;
color: #23343b;
-webkit-transition: 0.5s ease;
box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.4) inset, 0px 0px 50px 10px rgb(57, 74, 83, 0.4);
}
.day .used a {
position: absolute;
top: 142px;
left: 662px;
font: 13px golos;font-weight: bold;color: #303030 !important;text-transform: uppercase;-webkit-transition: 0.5s ease;background-color: #0a0a0a;padding-left: 25px;padding-right: 25px;padding-top: 4px;padding-bottom: 4px;border-radius: 15px;box-shadow: 0px 0px 50px 10px rgb(33, 33, 33, 0.45);}
.day .used a:hover {
position: absolute;color: #262626 !important; -webkit-transition: 0.5s ease;box-shadow: 0px 0px 50px 10px rgb(33, 33, 33, 0.45);}
.faq a{
position: absolute;
top: 94px;
left: 662px;
font: 13px golos;
font-weight: bold;
color: #121212 !important;
text-transform: uppercase;
-webkit-transition: 0.5s ease;
background-color: #1f909d;
padding-left: 25px;
padding-right: 25px;
padding-top: 4px;
padding-bottom: 4px;
border-radius: 15px;
box-shadow: 4px 4px 5px -1px rgba(0,0,0,0) inset, 0px 0px 50px 10px rgb(57, 74, 83, 0.4);
}
.faq a:hover {
position: absolute;
color: #23343b;
-webkit-transition: 0.5s ease;
box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.4) inset, 0px 0px 50px 10px rgb(57, 74, 83, 0.4);
}
.day .faq a {
position: absolute;
top: 94px;
left: 662px;
font: 13px golos;font-weight: bold;color: #303030 !important;text-transform: uppercase;-webkit-transition: 0.5s ease;background-color: #0a0a0a;padding-left: 25px;padding-right: 25px;padding-top: 4px;padding-bottom: 4px;border-radius: 15px;box-shadow: 0px 0px 50px 10px rgb(33, 33, 33, 0.45);}
.day .faq a:hover {
position: absolute;color: #262626 !important; -webkit-transition: 0.5s ease;box-shadow: 0px 0px 50px 10px rgb(33, 33, 33, 0.45);}
.asleep a {
position: absolute;
top: 142px;
left: 870px;
font: 13px golos;
font-weight: bold;
color: #121212 !important;
text-transform: uppercase;
-webkit-transition: 0.5s ease;
background-color: #1f909d;
padding-left: 25px;
padding-right: 25px;
padding-top: 4px;
padding-bottom: 4px;
border-radius: 15px;
box-shadow: 4px 4px 5px -1px rgba(0,0,0,0) inset, 0px 0px 50px 10px rgb(57, 74, 83, 0.4);
}
.asleep a:hover {
position: absolute;
color: #23343b;
-webkit-transition: 0.5s ease;
box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.4) inset, 0px 0px 50px 10px rgb(57, 74, 83, 0.4);
}
.day .asleep a {
position: absolute;
top: 142px;
left: 870px;
font: 13px golos;font-weight: bold;color: #303030 !important;text-transform: uppercase;-webkit-transition: 0.5s ease;background-color: #0a0a0a;padding-left: 25px;padding-right: 25px;padding-top: 4px;padding-bottom: 4px;border-radius: 15px;box-shadow: 0px 0px 50px 10px rgb(33, 33, 33, 0.45);}
.day .asleep a:hover {
position: absolute;color: #262626 !important; -webkit-transition: 0.5s ease;box-shadow: 0px 0px 50px 10px rgb(33, 33, 33, 0.45);}
.calendar a{
position: absolute;
top: 94px;
left: 847px;
font: 13px golos;
font-weight: bold;
color: #121212 !important;
text-transform: uppercase;
-webkit-transition: 0.5s ease;
background-color: #1f909d;
padding-left: 25px;
padding-right: 25px;
padding-top: 4px;
padding-bottom: 4px;
border-radius: 15px;
box-shadow: 4px 4px 5px -1px rgba(0,0,0,0) inset, 0px 0px 50px 10px rgb(57, 74, 83, 0.4);
}
.calendar a:hover {
position: absolute;
color: #23343b;
-webkit-transition: 0.5s ease;
box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.4) inset, 0px 0px 50px 10px rgb(57, 74, 83, 0.4);
}
.day .calendar a {
position: absolute;
top: 94px;
left: 847px;
font: 13px golos;font-weight: bold;color: #303030 !important;text-transform: uppercase;-webkit-transition: 0.5s ease;background-color: #0a0a0a;padding-left: 25px;padding-right: 25px;padding-top: 4px;padding-bottom: 4px;border-radius: 15px;box-shadow: 0px 0px 50px 10px rgb(33, 33, 33, 0.45);}
.day .calendar a:hover {
position: absolute;color: #262626 !important; -webkit-transition: 0.5s ease;box-shadow: 0px 0px 50px 10px rgb(33, 33, 33, 0.45);}
.needed a, .used a, .calendar a, .faq a, .rules a, .asleep a {color: #121212 !important;}
/* вверх-вниз */
.go-up, .go-down {
position: fixed;
display: none;
cursor: crosshair
}
.go-up {
top: 510px;
margin-left: 1120px !important;
width: 100px;
height: 42px;
background: url(https://i.imgur.com/VfUJ9M8.png);
}
.day .go-up {
background: url(https://i.imgur.com/sv1XFnH.png);
}
.go-down {
top: 600px;
margin-left: 1120px !important;
width: 100px;
height: 42px;
background: url(https://i.imgur.com/Jnxslen.png);
}
.day .go-down {
background: url(https://i.imgur.com/nGWyoUz.png);
}
/*при наведении поле для ввода текста не выделяется полоской пошла нахуй полоска*/
input, textarea {
outline: none;
}
input:active, textarea:active {
outline: none;
}
:focus {
outline: none;
}
/* стикеры */
.hvStickerPackModalContainer .hvStickerPackModal {
background: #cdcdcd;
width: 1000px !important;
margin-left: 24px;
border: 1px solid #ababab;
}
.day .hvStickerPackModalContainer .hvStickerPackModal {
background: #242424;
border: 1px solid #0e0e0e;
}
.hvStickerPackModalContent {
border: none !important;
padding: 11px !important;
}
.hvStickerPackModalTab {
background: #c9c9c9 !important;
box-shadow: 0 0 0 0px #dfdfdf inset !important;
font-weight: 700 !important;
color: #1f909d !important;
border-radius: 12px !important;
border: 1px solid #1f909d;
}
.day .hvStickerPackModalTab {
background: #151515 !important;
color: #9c9c9c !important;
border: 1px solid #0e0e0e;
}
.hvStickerPackModalTab.active {
background: #1f909d !important;
color: #ebebeb !important;
box-shadow: 0 0 0 0px #dfdfdf inset !important;
font-weight: 700 !important;
border-radius: 12px;
}
.day .hvStickerPackModalTab.active {
background: #0e0e0e !important;
color: #9c9c9c !important;
}
/*вкладки*/
.custom_tag.custom_tag_tabtitle {
display: inline-grid;
justify-content: center;
cursor: pointer;
margin: 10px 10px -8px 0px;
font: bold 7px rat;
letter-spacing: .5px;
line-height: 8px;
text-transform: uppercase;
text-align: center;
margin-right: 2px;
border: solid 1px #1d1f1d;
border-bottom: none;
padding: 9px;
height: 8px;
background-color: #1d1f1d;
width: 85px;
color: #d0d0d0;
}
.custom_tag.custom_tag_tabtitle::-webkit-scrollbar-thumb:vertical { background-color:#eeeeee;border:solid 1px #e3e3e3;border-radius:0px; }
.custom_tag.custom_tag_tabtitle::-webkit-scrollbar { width:5px;background-color:transparent;border-radius:0px; }
.custom_tag.custom_tag_tabtitle p {padding: 0;}
.custom_tag.custom_tag_tabtitle.active {
background: #1d1f1d;
color: #8e3339;
border: 1px solid var#1d1f1d;
}
.custom_tag.custom_tag_tab {
overflow-y: auto;
margin: 8px 0px 0px 0px;
padding: 10px;
border: 1px solid #1d1f1d;
}
.tabsy {
width:95%;
padding:9px;
border:solid 1px #1d1f1d;
background-color:#f5f5f5;
color:#444444;
text-align:justify;
}
.tabsy-img {
border:solid 1px #1d1f1d;
background-color:#c9c5b9;
}
.tabsy-banner {
width: 100%;
height: 250px;
position: relative;
overflow: hidden;
}
.tabsy-banner img {
width: 100%;
height: 250px;
position: absolute;
overflow: hidden;
z-index: 0;
}
.tabsy-border {
border:solid 1px #e3e3e3;
border-top:none;
padding:10px 12px 0px 10px;
height:26px;
background-color:#e9e9e9; }
/*кнопка смены стиля*/
/*SWITCH*/
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
align-self: center;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
right: 0;
bottom: 0;
background-color: #0E0E0E;
-webkit-transition: 0.4s;
transition: 0.4s;
width: 50px;
height: 30px;
}
.slider:before {
position: absolute;
content: "";
height: 24px;
width: 24px;
left: 4px;
bottom: 3px;
background-color: #D6D6D6;
-webkit-transition: 0.4s;
transition: 0.4s;
}
input:checked + .slider {
background-color: #1f909d;
height: 30px;
width: 50px;
}
input:checked + .slider:before {
-webkit-transform: translateX(17px);
-ms-transform: translateX(26px);
transform: translateX(17px);
background-color: #D6D6D6;
}
/* Rounded sliders */
.slider {
border-radius: 30px;
}
.slider:before {
border-radius: 50%;
}
#stylelist {
position: absolute;
width: 100px;
margin: 10px 12px 12px;
top: -60px;
left: 478px;
}
.coolplash {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
padding: 24px 0px;
gap: 16px;
}
.cpmain {
padding: 4px 10px;
background: #ad79c7;
border-radius: 15px;
display: inline;
margin: -10px 0!important;
z-index: 1;
color: var(--bg-1);
font-weight: 700;
font-size: 12px;
}
.coolplash > div {
margin: 0 auto;
width: 320px;
display: flex;
flex-direction: column;
align-items: center;
}
.cpdesc {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 20px;
background: #fff;
border-radius: 10px;
font-weight: 500;
font-size: 12px;
line-height: 140%;
text-align: justify;
}
.coolplash li {
padding: 0 0px!important;
list-style: disc!important;
}
.coolplash ul {
padding: 0 0 0 20px!important;
}
.cpplashlist {
width: 392px!important;
display: inline-block!important;
padding: 6px 0px;
gap: 16px;
}
.theplash {
display: inline-block;
padding: 12px 4px;
width: 180px;
background: var(--daybg-2);
border-radius: 10px;
font-weight: 500;
font-size: 10px;
line-height: 10px;
text-align: center;
text-transform: lowercase;
margin: 0 0px 10px 0!important;
}
/* structure by futura.rusff.me
-------------------------------------------------------------*/