#pun-messages .user-avatar .isonline { top: 0px; right: 25px; }
#pun-viewforum .user-avatar .isonline {
width: 5px;
height: 5px;
border-radius: 50%;
display: block;
position: absolute;
top: -1px!important;
right: 27px!important;
animation: blinkColor .9s linear infinite;
-moz-animation: blinkColor .9s linear infinite;
-webkit-animation: blinkColor .9s linear infinite;
background: var(--hovlink);
z-index: 100;
}
/* СТРАНИЦА ЛИЧНЫХ СООБЩЕНИЙ
-------------------------------------------------------------*/
#pun-messages .post h3 {
margin-left: 222px !important;
width: 540px;
}
#pun-messages .post h3 span {
display: flex;
width: 520px;
position: absolute;
top: 25%;
text-shadow: none;
font-size: 11px !important;
text-transform: uppercase;
font-family: var(--h2-font);
font-weight: 700 !important;
color: #d4cfce !important;
}
#pun-messages .post-author {
margin-left: -146px !important;
margin-top: -28px !important;
min-height: 200px !important;
}
#pun-messages .post .pa-posts .fld-name { text-shadow: none; }
#pun-messages .fs-box { margin-right: -5px; }
#pun-messages .post-author ul {
margin: 0px;
}
#pun-messages .pa-author a { text-shadow: none !important;}
#pun-messages .pa-author { text-shadow: none !important; margin: 25px 0px 0px; }
#pun-messages .pa-title { }
#pun-messages .pa-posts {}
#pun-messages .post-body {margin-left: 206px!important; }
#pun-messages .post-body .post-content {
width: 104%;
}
#pun-messages .pa-posts {}
#pun-messages .post-body {margin-left: 110px!important; width: auto !important;}
#pun-messages .post-body .post-box {
margin-right: -35px;
margin-left: 46px;
}
#pun-messages .post-body .post-content { width: 96%; }
#pun-messages .post .container { border: none!important; margin-left: 70px !important;}
#pun-messages #post-form { margin-top: 0px!important; border: none!important; }
#pun-messages .indOnline, #pun-messages .indOffline, #pun-messages .pa-reg {display: none;}
.pmtc22 {
width: 20% !important;
line-height: 30px;
}
.pmtcl1 {width: 50% !important;}
/* ПРОКРУТКА, ВЫДЕЛЕНИЕ, ВВЕРХ-ВНИЗ, БЕГУНОК УВЕЛИЧЕНИЯ ТЕКСТА
-------------------------------------------------------------*/
/* выделенный текст */
::selection { background: #bfbcb4;
color: var(--hovlink);
}
/* ширина прокрутки */
::-webkit-scrollbar {
width: 2px;
height: 1px;
}
#pun-admain textarea::-webkit-scrollbar {
width: 5px!important;
}
/* движущаяся часть прокрутки */
::-webkit-scrollbar-thumb {
background-color: var(--head-text);
}
.blockcode .scrollbox::-webkit-scrollbar-thumb, #main-reply::-webkit-scrollbar-thumb, #tags .container::-webkit-scrollbar-thumb, #imageQueue::-webkit-scrollbar-thumb, #uploaded-images::-webkit-scrollbar-thumb, #mask_dialog .hv-form-block::-webkit-scrollbar-thumb, .punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-thumb, .hv-masks-storage::-webkit-scrollbar-thumb, #form-login #List-UserNames ul::-webkit-scrollbar-thumb, .pun-modal .container::-webkit-scrollbar-thumb, .unread-notifications #notifications-wrap::-webkit-scrollbar-thumb, #history_selected_version textarea::-webkit-scrollbar-thumb, .adinput textarea::-webkit-scrollbar-thumb, #post #wrapper div::-webkit-scrollbar-thumb, #post #wrapperBottom div::-webkit-scrollbar-thumb, .hvStickerPackModalContent::-webkit-scrollbar-thumb, .materielbag::-webkit-scrollbar-thumb {
background-color: #3f4850;
}
/* подложка прокрутки */
::-webkit-scrollbar-track {
background-color: black;
}
.blockcode .scrollbox::-webkit-scrollbar-track, #main-reply::-webkit-scrollbar-track, #tags .container::-webkit-scrollbar-track, #imageQueue::-webkit-scrollbar-track, #uploaded-images::-webkit-scrollbar-track, #mask_dialog .hv-form-block::-webkit-scrollbar-track, .punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-track, .hv-masks-storage::-webkit-scrollbar-track, #form-login #List-UserNames ul::-webkit-scrollbar-track, .pun-modal .container::-webkit-scrollbar-track, .unread-notifications #notifications-wrap::-webkit-scrollbar-track, #history_selected_version textarea::-webkit-scrollbar-track, .adinput textarea::-webkit-scrollbar-track, #post #wrapper div::-webkit-scrollbar-track, #post #wrapperBottom div::-webkit-scrollbar-track, .hvStickerPackModalContent::-webkit-scrollbar-track, .Select_Topics tbody::-webkit-scrollbar-track, .materielbag::-webkit-scrollbar-track {
background-color: #7f796b30;
}
/* ПРОФИЛЬ ПРИ НАСТРОЙКЕ + ЛИЧНЫЕ СООБЩЕНИЯ
-------------------------------------------------------------*/
#profilenav h2 { }
/* контейнер */
#profile .container { padding-left: 200px; }
/* навигация */
#profilenav { float: left; width: 200px; margin-left: -200px; }
/* отступы между строк в меню*/
#profilenav li { padding-bottom: 10px; font-weight: normal; }
/* отступ в управлении */
#setmods dl {padding: 0 0 0 110px; }
#setmods dt { float: left;
width: 150px;
margin-left: -190px;
padding: 10px;
display: inline;
}
#setmods dd { display: block; padding: 10px; font-weight: normal; }
/*настройки списка */
#profilenav ul { padding: 0px; }
/* заголовки в настройках профиля (у меня отключены) */
#viewprofile h2, #profilenav h2 { text-align: left;
margin: 0px!important;}
#viewprofile h2 span, #profilenav h2 span {
font-size: 15px;
text-align: center;
text-transform: uppercase; }
/* ПРОФИЛЬ в ПРЕДПРОСМОТРЕ
-------------------------------------------------------------*/
#viewprofile ul { padding: 0px; }
#viewprofile li { }
#viewprofile li span {
font-weight: 400;
text-align: center;
margin-bottom: 10px;
}
#viewprofile li strong, #viewprofile li div {
display: block;
font-weight: normal;
text-align: center;
color: #b9b9b9b3 !important;
}
#profile-left { width: 25%; padding-top:0 !important;}
#profile-right {width: 75%}
#profile-name strong {font-size:14px}
#profile-left #profile-name strong { color: var(--deep-blue) !important; font-weight: 800 !important; }
#profile-signature {padding:10px;}
/* ОСНОВНЫЕ НАСТРОЙКИ. НЕ ТРЕБУЮТ ИЗМЕНЕНИЙ
-------------------------------------------------------------*/
* html .tclcon {height: 1px}
html:has(+ :not(.day)) { min-width: 1200px; }
body {min-width: 1200px;}
/* отключить прокрутку снизу */
body {overflow-x: hidden}
/* отступы по умолчанию у тела */
body {margin: 0;}
/* элементы списка */
ul, dl, li, dd, dt { list-style: none; }
/* убрать курсив с текста везде кроме поста */
address, em {font-style: normal;}
/* убрать подчеркивание с ссылок */
a { text-decoration: none; }
/* скрытые элементы */
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after, #pun-title h1 span, #pun-main h1, #pun-debug h2 { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0; }
#button-files_rusff,
#button-graffiti_rusff {display: none!important;}
#post fieldset legend {display: none!important;}
.punbb-admin #pun-status {display: none!important;}
.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, #navawards a span { font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden }
#pun-ulinks .item5, .modlist, li.pa-ua, .pa-author imgб li#navawards, .lastedit, .pa-gifts, div#pun-live-rusff { display:none;}
/* информация при регистрации */
.info-box {padding: 0 30px; margin: 0 0 10px 0; }
.info-box * { padding: 0; }
#pun-main .info-box .legend { font-weight: 500; }
/* СКОПИРОВАНО ИЗ ЭКСТРЫ
-------------------------------------------------------------*/
#poll-special table.poll1 {width:auto}
#poll-special td {border:0}
.punbb .post-content img.postimg {max-width:100%; margin:0.4em 0}
#poll-special td {text-align:left !important; cursor:default !important}
#poll-special td.tac {text-align:center !important}
#poll-special td.tar {text-align:right !important}
#form-buttons table, .punbb .formal textarea {width:100%}
#form-buttons td {padding:0 !important; line-height:0; background-position:center; background-repeat:no-repeat; border:0; cursor:pointer;}
#form-buttons td img {height:26px; width:100%}
#form-buttons tr {text-align: center;}
#formkey, #formetc {display:none}
#main-reply {width:100%}
#pun-messages #post-form div.container {padding-left:2.3em}
#similar-topics {margin-top:1em}
#similar-topics div.container {padding-top:1.1em}
#similar-topics td {border:0; padding:0}
#similar-topics td.st-tcl {width:60%}
#similar-topics td.st-tc2 {width:25%; padding-right:1em; text-align:right}
#similar-topics td.st-tcr {width:15%; padding-right:1em; text-align:right}
.postlink.long {width:30em}
.postlink.long .new-topic {padding-right:12px}
#pun-online .tcl.action {width:35%}
#pun-online .tc3 {width:10%}
#pun-index .isub .tcl {padding-left: 3em !important;}
#pun-main #subforums {padding: 1em 0 1em 1em; margin-bottom: 5px;}
/** подгрузка видео и картинок
---------------------------------------------------------------*/
#video-host-list {margin-top:.3em; line-height:1.8em}
#video-area-tinp, #image-area-tinp {margin:.5em 0; padding:.3em; border:#66a solid 1px; height:70px}
#video-area-msg, #image-source-list, #image-area-actions, #spoiler-sels {line-height:2em}
p[class="checkfield"] img, div[class="checkfield"] img, fieldset[class="radiofield"] img {height:auto; max-height:50px}
#image-area-tcon-computer {margin:0 0 1em}
#image-area-tcon-computer td {border:none !important; padding:0}
#imageupload-left {width:140px}
#imageupload-right {padding-left:9px !important; background:transparent !important; max-width:380px}
#image-area-actions {text-align:right}
* html #imageQueue {height:expression( this.scrollHeight > 65 ? "66px" :"auto" )} /* sets max-height for IE */
* html #uploaded-images {height:expression( this.scrollHeight > 143 ? "144px" :"auto" )}
#imageQueue {max-height:72px; overflow-y:auto; margin-bottom:10px}
#uploaded-images {max-height:144px; overflow-y:auto}
#uploaded-images img {width:88px; height:66px; border:1px solid; margin-right:4px; cursor:pointer}
#upload-button-container, #image-width, #image-thumb-width, #image-insert-format, #insert-all-images-container {margin-top:10px}
#image-source-list a, #image-area-actions a, #spoiler-sels a {margin-right:15px; cursor:pointer}
#insert-image-tip {margin-top:10px}
#upload-button-container img {cursor:pointer; width:120px; height:30px}
#image_upload_input {position:absolute; z-index:-1; left:-9999px}
#selected-image-width, #selected-thumb-width {width:6em}
#imageupload-left input[type=button] {width:11em; text-align:center}
#upload-button-container input[type=button] {font-weight:bold}
#image-width, #image-thumb-width, #image-insert-format strong {font-size:.9em}
.uploadQueueItem {padding:.8em 1em; border:solid 1px #ddd; border-radius:5px; margin-bottom:.5em; background:rgba(238,238,238,0.22)}
.uploadQueueItem.error {border-color:rgba(255,0,0,0.25); background-color:rgba(255,0,0,0.08)}
.uploadQueueItem .cancel {font-size:20px; font-weight:700; font-family:Arial; float:right; margin:-.25em 0 0}
.uploadQueueItem .cancel a {text-decoration:none; color:#333!important}
.uploadProgress {display:block; width:98%; height:3px; margin:2px 0 0; background:#ddd; position:relative}
.uploadProgressBar {position:relative; background:#00adff; height:3px; width:.1%; transition:width .1s linear}
/** подсказки и затемнение фона при всплывающих страницах
---------------------------------------------------------------*/
.tipsy {padding:5px; font-size:11px; font-family:tahoma,helvetica,verdana,arial; position:absolute; z-index:100000; opacity: 1!important; width: 200px!important;}
.tipsy-inner {padding:5px 8px 4px; background-color:black; color:white; min-width: 200px!important; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position: absolute!important; top: -500px!important; opacity: 1!important; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 999999!important;}
.tipsy-arrow {display: none;}
.tipsy-n .tipsy-arrow {display: none;}
.tipsy-nw .tipsy-arrow {display: none;}
.tipsy-ne .tipsy-arrow {display: none;}
.tipsy-s .tipsy-arrow {display: none;}
.tipsy-sw .tipsy-arrow {display: none;}
.tipsy-se .tipsy-arrow {display: none;}
.tipsy-e .tipsy-arrow {display: none;}
.tipsy-w .tipsy-arrow {display: none;}
.jGrowl {z-index:9999; color:#fff; font-size:12px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; position:fixed}
.jGrowl.top-left {left:0; top:0}
.jGrowl.top-right {right:0; top:0}
.jGrowl.bottom-left {left:0; bottom:0}
.jGrowl.bottom-right {right:0; bottom:0}
.jGrowl.center {top:0; width:50%; left:25%}
.jGrowl.center .jGrowl-closer,.jGrowl.center .jGrowl-notification {margin-left:auto; margin-right:auto}
.jGrowl-notification {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; text-align:left; display:none; border-radius:5px; min-height:40px}
.jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff}
.jGrowl-notification .jGrowl-header {font-weight:700; font-size:.85em}
.jGrowl-notification .jGrowl-close {background-color:transparent; color:inherit; border:none; z-index:99; float:right; font-weight:700; font-size:1em; cursor:pointer}
.jGrowl-closer {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; display:none; border-radius:5px; padding-top:4px; padding-bottom:4px; cursor:pointer; font-size:.9em; font-weight:700; text-align:center}
.jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff}
@media print {.jGrowl {display:none}}
.pun-modal {position:fixed; width:100%; height:100%; top:0; left:0; bottom:0; z-index:100000}
.pun-modal .modal-bg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); cursor:pointer; z-index:110000}
.pun-modal .modal-inner {width:700px; max-width:94%; height:auto; max-height:44em; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); border-radius: 5px; box-shadow:0 0 14px rgba(0,0,0,.3); position:relative; z-index:120000; overflow:hidden}
.pun-modal h2,.pun-modal h1 {max-width:700px; margin:0!important; background-color: #b4ad9c;}
.pun-modal .container {padding:.6em 1em; max-height:40em; overflow:auto}
.pun-modal .closer {position:absolute; font-size:1.5em!important; line-height:.8em; right:.4em; padding:.3em!important; margin:-.3em!important; cursor:pointer; background:none 0 transparent!important}
.noscroll {overflow:hidden!important}
.notify-message.jg-notice, .notify-message.jg-reputation, .notify-message.jg-report, .notify-message.jg-award { border-left: 12px solid transparent!important; }
.jGrowl-notification .jGrowl-header, .jGrowl-notification .jGrowl-message {
font-weight: 500!important;
color: var(--doptext)!important;
font-family: var(--body-font)!important;
}
.jGrowl-notification .jGrowl-header a, .jGrowl-notification .jGrowl-message a {
font-weight: 500!important;
font-family: var(--body-font)!important;
}
.jGrowl-notification .jGrowl-message a {
color: var(--doptext)!important;
}
.jGrowl-notification .jGrowl-close {
border: none !important;
color: var(--doptext);
padding: 2px 8px !important;
font-size: 12px !important;
}
.flag-i {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
position: relative;
display: inline-block;
width: 1.33333333em;
line-height: 1em;
margin-right: 1em;
}
.flag-i:before { content: '\00a0';}
.social {
background-image: url(/i/social.1.png);
background-repeat: no-repeat;
float: left;
display: block;
margin: 3px 5px;
width: 16px;
height: 16px;
}
.social-vkontakte { background-position: -130px 0;}
.social-odnoklassniki { background-position: -78px 0;}
.social-mailru { background-position: -52px 0;}
.social-google { background-position: -26px 0;}
.social-yandex { background-position: -156px 0;}
.icons-pencil:before { content: '\270E'; } /* '' */
.hide-author .post-body {
margin-left: -10px;
width: 1000px;
position: relative !important;
padding: 10px 21px;
box-sizing: border-box;
}
.hide-author .post-content {
overflow: visible;
}
/*Регулировка размера шрифта в постах © Alex_63 */
.FNTslider {
border-radius: 4px;
position: absolute;
z-index: 1000;
background: #bcbcbc;
width: 109px;
height: 2px;
margin: 3px 5px;
border: solid 1px #bababa;
float: right;
margin-right: 10%;
}
#pun-messages .FNTslider { margin-right: 20%; }
.FNTslider .before {
height: 2px;
border: solid 1px transparent;
border-right: none 0;
border-radius: 4px 0 0 4px;
position: absolute;
background: #3f4850;
margin-top: -1px;
margin-left: -1px;
}
.FNTslider .thumb {
width: 3px;
height: 8px;
border-radius: 3px;
position: relative;
top: -3.5px;
background: #3f4850;
border: .2px solid #00000057;
cursor: pointer;
}
/* подсказки */
#tooltip,
.tipsy-inner {
z-index: 999999;
padding: 6px;
color: var(--head-text)!important;
font-weight: 400;
font-size: 10px;
letter-spacing: 0.5px;
box-shadow: var(--orange-border)!important;
background: var(--extra-back);
font-family: 'Rubik';
text-transform: uppercase;
border-radius: 5px;
font-weight: 400!important;
border: 1px solid #000;
}
#tooltip,
.tipsy-inner,
#respect figure .prof,
.tipsy-inner a {
color: var(--deep-blue) !important;
text-transform: lowercase!important;
text-decoration: none !important;
text-align: center;
}
#tooltip {
position: absolute;
max-width: 200px;
display: none;
}
#tooltip,
.tipsy-inner,
.num_msg,
.bubble,
.jGrowl-notification,
.jGrowl .messag_theme,
#messages-list a.Author {
background: var(--extra-back) top;
z-index: 50;
font-weight: 400!important;
}
/**************************************
ЛИЧНАЯ СТРАНИЧКА
******************/
/* Личная страница */
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: rgba(0,0,0,.8);
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
z-index: 100;
display: none;
top: 0;
left: 0;
}
.reveal-modal {
visibility: hidden;
top: 100px !important;
left: 50%;
position: fixed;
z-index: 101;
}
.reveal-modal.xlarge {
transform: translateX(-50%);
background: url(https://forumstatic.ru/files/001c/18/b8/82284.png?v=1);
width: 600px;
height: 560px;
border-radius: 10px;
box-shadow: 0 0 1px #000, 0 0 6px 2px #00000052;
}
.reveal-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 8px;
right: -30px;
color: var(--t-body);
text-shadow: 0 -1px 1px rgba(0,0,0,.6);
font-weight: bold;
cursor: pointer;
text-decoration: none;
transition: unset !important;
}
info {
display: flex;
flex-direction: column;
align-content: center;
flex-wrap: wrap;
width: 100%;
height: 100%;
}
info > * {
display: flex;
}
info * { font-weight: 400; color: #615f5f;}
about {
display: flex;
width: 470px;
height: 110px;
box-sizing: border-box;
padding: 22px 25px;
margin: 45px 0 20px;
position: relative;
flex-direction: column;
background: var(--extra-back);
border-radius: 5px;
border: 1px solid #000;
}
about h3,
info h4 {
margin: 0;
margin-bottom: 10px;
font-family: 'Anticva';
color: var(--deep-blue);
text-shadow: 0 1px 1px #000;
}
info h4 {
width: 100%;
text-align: center;
font-size: 13px;
}
about span {
width: 420px;
height: 40px;
overflow: auto;
font-size: 10px;
padding-right: 8px;
text-align: justify;
}
pic img {
display: block;
width: 50px;
height: 50px;
object-fit: cover;
filter: grayscale(1) brightness(0.4);
border-radius: 50%;
transition: opacity 0.3s ease-in-out;
}
arcanas a, pic {
position: relative;
display: flex;
width: fit-content;
transition: unset!important;
}
pic {
position: absolute;
left: -35px;
}
pic:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 50px;
height: 50px;
border-radius: 50%;
opacity: .2;
z-index: 1;
background-color: #18293a;
transition: opacity 0.4s ease;
}
arcanas, info_p, info_a, skill {
background: var(--extra-back);
border-radius: 5px;
border: 1px solid #000;
padding: 7px 20px;
display: flex;
width: 470px;
box-sizing: border-box;
flex-direction: column;
}
arcanas div {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0 8px;
margin-bottom: -15px;
}
arcanas a img {
display: block;
width: 40px;
height: 40px;
object-fit: cover;
filter: grayscale(1) brightness(0.4);
border-radius: 5px;
transition: opacity 0.3s ease-in-out;
border: var(--simple-border);
}
arcanas a:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 40px;
height: 40px;
border-radius: 5px;
opacity: .2;
z-index: 1;
background-color: #18293a;
transition: opacity 0.4s ease!important;
}
arcanas a:hover:before { opacity: 0; }
info_p div p:after,
info_a div p:after,
arcanas a:after {
position: absolute;
content: attr(data-text);
z-index: 1;
text-align: center;
padding: 4px 4px 6px;
border-radius: 5px;
line-height: 11px;
pointer-events: none;
transition: all .3s ease-in-out;
opacity: 0;
text-transform: none;
font-weight: 400;
min-width: 50px;
text-shadow: 0 0px 1px #000;
top: 47px;
left: 50%;
transform: translateX(-50%);
font-family: var(--body-font);
font-size: 10px;
color: var(--deep-blue);
background: var(--extra-back);
box-shadow: var(--t-shadow);
}
info_p div p:after,
info_a div p:after { top: 62px; }
arcanas a:hover:after,
info_p div p:hover:after,
info_a div p:hover:after { opacity: 1; }
skill {
padding: 10px 30px 25px;
margin-top: 20px;
}
skill p {
width: 410px;
height: 155px;
overflow: auto;
margin: 0;
padding-right: 8px;
font-size: 10px;
white-space: pre-wrap;
line-height: 12px;
text-align: justify;
}
skill h5 {
margin: 0px 0 10px;
font-size: 13px;
text-shadow: 0 1px 1px #000;
text-transform: uppercase;
font-family: 'Anticva';
}
info_p, info_a {
width: 470px;
height: 160px;
padding: 8px 25px 13px 20px;
}
info_a {
margin-bottom: 20px;
}
info_p div, info_a div {
width: 420px;
height: 120px;
overflow: auto;
display: flex;
flex-wrap: wrap;
gap: 8px;
padding-left: 5px;
padding-right: 8px;
}
info_p div p, info_a div p {
width: 60px;
height: 60px;
border-radius: 50%;
position: relative;
margin: 0;
cursor: pointer;
background-color: #1a1a1a;
border: var(--simple-border);
}
info_p div img, info_a div img {
width: 60px;
height: 60px;
border-radius: 50%;
filter: grayscale(.5) brightness(0.6);
transition: filter .3s ease-in-out;
}
info_p div img:hover, info_a div img:hover { filter: grayscale(0) brightness(1); }
.menu {
display: flex;
align-items: center;
justify-content: center;
border: none;
padding: 0;
}
.menu-links {
display: flex;
align-items: center;
gap: 15px;
position: absolute;
top: -15px;
left: 300px;
transform: translateX(-50%);
}
.menu span, .menu a {
display: flex;
text-align: center;
font-family: var(--body-font);
font-size: 10px;
box-sizing: border-box;
text-shadow: 0 0 1px #000;
text-transform: uppercase;
cursor: pointer;
transition: none !important;
background: var(--extra-back);
border-radius: 5px;
border: 1px solid #000;
width: 150px;
height: 30px;
justify-content: center;
align-content: center;
flex-wrap: wrap;
}
.menu span:hover, .menu a:hover {
color: var(--deep-blue);
text-shadow: 0 1px 1px #000;
}
.menu .tabactive {
color: var(--deep-blue);
text-shadow: 0 1px 1px #000;
}
#submenu {
padding: 0;
width: fit-content;
}
.submenutext {
display: none;
}
about span::-webkit-scrollbar,
skill p::-webkit-scrollbar,
info_a div::-webkit-scrollbar,
info_p div::-webkit-scrollbar {
width: 1px !important;
}
about span::-webkit-scrollbar-thumb,
skill p::-webkit-scrollbar-thumb,
info_a div::-webkit-scrollbar-thumb,
info_p div::-webkit-scrollbar-thumb {
background-color: #3f4850 !important;
}
/* оформление блоков анкеты */
.razdel p, .raz_text p {
margin: 0 0 0 0px;
padding: 0 !IMPORTANT;
line-height: normal !important;
}
.razdel {
background: #000 url(https://forumstatic.ru/files/001c/18/b8/44746.png?v=1);
height: 40px;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
font-family: 'Jost';
color: #c9c8c8;
text-transform: uppercase;
font-size: 14px;
letter-spacing: .4px;
border-radius: 4px;
}
.raz_text {
margin-top: 10px;
background: #b2b2b291;
border-radius: 4px;
border: 1px solid #a1a0a0b8;
font-family: 'Jost';
font-size: 13px;
padding: 20px;
}
.anketa p {
margin: 0 0 0 0px;
padding: 0 !IMPORTANT;
line-height: normal !important;
}
.anketa {
background: url(https://forumstatic.ru/files/001c/18/b8/36317.png?v=1) bottom right no-repeat #b2b2b2;
margin: 10px 10px;
border-radius: 5px;
overflow: hidden;
border: 1px solid #a6a5a5;
}
.anketa p,
.raz_text p,
.razdel p { font-family: 'Jost'; }
.anketa_shap {
background: #b8b8b89e;
padding: 20px;
border-bottom: 1px solid #a6a5a5;
box-sizing: border-box;
font-family: 'Viaoda Libre';
}
.anketa_shap p { font-family: 'Viaoda Libre'; }
.anketa_shap p {
font-size: 27px !IMPORTANT;
}
.sec_name p {
font-family: 'Jost';
font-weight: 400;
font-size: 14px !important;
}
.ank_img {
display: flex;
justify-content: center;
margin: 10px;
}
.ank_img p {
font-family: 'Jost';
font-size: 12px;
text-align: center;
}
.ank_inf {
display: flex;
margin: 20px 40px;
gap: 30px;
justify-content: center;
}
.frk, .dejt, .thr {
background: #b6b6b6;
display: block;
width: 200px;
border: 1px solid #a6a5a5;
border-radius: 4px;
box-sizing: border-box;
padding: 10px;
text-align: center;
font-family: 'Jost';
}
.frk p strong, .dejt p strong, .thr p strong {
text-transform: uppercase;
font-weight: 500;
color: #8f3c3c;
}
.ank_text {
background: #b6b6b6;
display: block;
border: 1px solid #a6a5a5;
border-radius: 4px;
box-sizing: border-box;
padding: 20px 30px;
text-align: justify;
font-family: 'Jost';
margin: 0 40px 20px;
}
.ank_dop {
background: #b6b6b6;
display: block;
border: 1px solid #a6a5a5;
border-radius: 4px;
box-sizing: border-box;
padding: 20px 30px;
text-align: justify;
font-family: 'Jost';
margin: 0 40px 20px;
}
.post-content td {
vertical-align: top;
}
.inft {
position: absolute;
width: 290px;
top: 280px;
/* border: red 1px solid; */
left: 30px;
height: 20px;
font-family: jost;
text-align: center;
box-sizing: border-box;
letter-spacing: .3px;
text-transform: uppercase;
}
.tarot-dice {
background: var(--forcol);
border-radius: 7px !important;
border: 1px solid #46464638 !important;
text-transform: uppercase;
font-family: 'Rubik';
font-size: 9px;
font-weight: 500;
padding: 6px 10px 6px 10px;
position: absolute;
right: 0;
bottom: -35px;
transition: all .3s ease-in-out;
cursor: pointer;
}
.tarot-dice:hover {
background: none;
cursor: pointer !important;
color: var(--hovlink);
}
#pun-messages .tarot-dice { position: unset; }
/* очередность
-------------------------------------------------------------*/
#slideout {
z-index: 200;
position: fixed;
top: 20px;
right: 30px;
width: 36px;
height: 36px;
padding: 0px 0;
text-align: center;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
#slideout:before {
content: '\f5ad';
position: absolute;
font-family: 'Font Awesome';
color: var(--hovlink);
font-size: 20px;
box-sizing: border-box;
padding: 5px;
background: var(--second-blue);
box-shadow: var(--t-shadow) !important;
text-shadow: 0 0px 3px #ffffff26;
border-radius: 50%;
}
#slideout_inner {
color: var(--proftext);
position: fixed;
top: 18px;
right: -303px;
background: var(--helpcol);
width: 300px;
height: 185px;
transition-duration: 0.3s;
border-radius: 20px 0 0 20px;
text-align: left;
font-size: 10px;
border: var(--orange-border);
outline: var(--black-outline);}
#slideout_inner_textarea {
width: 230px;
height: 320px !important;
margin-bottom: 1px;
overflow: auto;
margin-top: -10px;
margin-left: 45px;
background: url(https://forumstatic.ru/files/001c/30/dc/43747.png?v=1) center top no-repeat;
background-color: #1d262e;
box-shadow: inset 0 0 0 1px #3e4d55, 0 0 0 .5px #0f1314, 0 0 4px .4px #000;
color: #7b8189;
padding: 20px;
border-radius: 10px;
}
#slideout:hover { right: 219px; }
#slideout:hover #slideout_inner { right: 0; }
.ochered a {
text-transform: uppercase;
z-index: 300;
font-weight: 600 !important;
color: var(--proftext) !important;
font-size: 10px;
letter-spacing: .3px;
}
.ochered a:hover {
color: var(--hovlink)!important;
}
.ochered {
font-family: var(--body-font);
text-transform: uppercase;
z-index: 300;
text-shadow: #000 .5px .5px .5px;
white-space: pre-wrap;
font-weight: 600;
}
.ochered center {
font-family: var(--h2-font);
font-size: 13px;
margin-left: -30px;
font-weight: 700;
}
/*************************
Стиль для Быстрой смены аккаунтов
Deff
*************************/
/*Cкрытие формы входа без клика*/
#pun-navlinks a:not(.NextShow)+span.odd{
display:none!important;
}
#pun-navlinks #New-exit img{
position: absolute;
left: 5px;
top: 7px;
margin: 0;
width: 21px;
height: auto;
opacity: .77;
}
#pun-navlinks #New-exit:hover{
opacity: .4;
}
/*Стиль доп-иконки Выход!*/
.punbb #pun-navlinks a#New-exit {
position: absolute;
box-sizing: border-box;
width: 20px;
height: 20px;
z-index: 10000!important;
margin-top: 0px!important;
margin-left: 19px!important;
float: none!important;
visibility: visible!important;
}
.punbb #pun-navlinks a#New-exit:before {
content:none;
}
.punbb #pun-navlinks a#New-exit:after {
content:none;
}
.punbb #pun-navlinks #form-login input{
text-align: center;
text-align: center;
/*border: 2px inset rgb(62 42 36)!important;*/
text-rendering: auto;
color: #000000!important;
margin-top: 7px!important;
margin-bottom: 4px!important;
padding: 4px 6px;
/*border-radius: 5px!important;*/
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block!important;
text-align: center;
font: normal normal 400 11px/normal Arial!important;
/* background-color: rgb(52, 42, 35); */
/* box-shadow: inset 0px 0px 3px rgb(18, 9, 6); */
}
.punbb #form-login #fld1,#form-login #fld2{
background-color: #a1a1a1!important;
}
.punbb #pun-navlinks #form-login input[type="submit"]{
border: 2px outset rgba(161, 166, 166, 0.73)!important;
color: #d1d6dc!important;
cursor: pointer;
border-radius: 4px!important;
padding: 6px 12px!important;
font-weight: 700!important;
transition: .33s;
background: #7f2e2f!important;
transition: .33s;
}
.punbb #pun-navlinks #form-login input[type="submit"]:hover{
border: 2px inset rgba(161, 166, 166, 0.73)!important;
color: #fff!important;
background: 954D4D!important;
transition: .66s;
}
/*Стиль формы входа*/
.punbb #pun-navlinks #form-login {
/* text-shadow: 1px 1px 0 rgb(0 0 0);*/
display: block;
font: normal normal 400 11px/normal Tahoma;
letter-spacing: normal;
color: #cacaca;
text-transform: none;
position: absolute!important;
left: 0px;
top: 12px;
z-index: 100000!important;
padding: 7px 12px;
background: #3A3A3A;
border-color: #242424;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-radius: 0 0 6px 6px;
text-align: center;
/* box-shadow:inset 0 0 4em rgba(23,23,13,.99); */
}
#pun-navlinks #navlogin #form-login {
margin-left: -20px;/*Подвижки формы влево от вход*/
}
#pun-navlinks #navlogout #form-login {
margin-left: -34px;/*Подвижки формы влево от выход*/
}
.ismoderator #pun-navlinks #navlogout #form-login {
margin-left: -72px!important;/*Подвижки формы влево от выход для АМС*/
}
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */
#pun-navlinks #form-login input[value="Войти"]+p{
margin-bottom: 11px;
margin-top: 11px;
}
.punbb #pun-navlinks #form-login a.Rega,
.punbb #pun-navlinks #form-login a.Forgot{
position:relative;
text-transform: none!important;
z-index:20;
text-shadow:none;
cursor:pointer;
color:#cacaca;!important;
font: normal normal 400 10px/normal Tamota!important;
letter-spacing:0.3px !important;
}
.punbb #pun-navlinks #form-login a.Rega:hover,
.punbb #pun-navlinks #form-login a.Forgot:hover{
color: #4a7f8d!important;
}
.punbb #pun-navlinks #form-login a.Rega:before,
.punbb #pun-navlinks #form-login a.Forgot:before{
content:none;
}
/* Помечаем красным незаполненные поля!*/
#form-login input.none{
outline:red dashed 2px!important;
}
/*Форма слево(с Никами) */
#List-UserNames {
position: absolute;
margin-top: -8px;
min-height: 90px;
width: 220px;
right: 100%;
padding: 12px 19px 12px 17px;
background: #3A3A3A;
border-color: #242424;
border-style: solid;
border-width: 1px 2px 2px 2px;
border-radius: 0 0 0px 6px;
text-align: center;
/*box-shadow:inset 0.23em 0 3.4em rgba(20,20,11,.99);*/
}
/*Стиль контейнера под список Ников*/
.punbb #List-UserNames ul{
padding:0;
overflow:hidden;
overflow-y:auto;
min-height:36px;
max-height:72px;/*Видимое число Ников без прокрутки! сейчас - 4*/
}
.punbb #List-UserNames li {
display: block!important;
position: relative;
background: #7f2e2f;
text-align: left;
box-shadow: 2px 2px 1px rgb(27 15 11);
padding-left: 5px!important;
font: normal normal 700 12x/normal Verdana!important;
margin: 1px auto!important;
padding: 2px 0;
transition: .33s;
}
.punbb #List-UserNames li:hover{
opacity:.84;
/*background:#546a6b!important;*/
}
/*Стиль Ников*/
.punbb #List-UserNames li>b{
cursor: pointer;
opacity: .8;
color: #DDDDDD;
text-shadow: 1px 1px 1px rgb(0 0 0);
}
.punbb #List-UserNames li>b:hover{
opacity:.93;
text-shadow:1px 1px 1px rgba(0,0,0,.6);
}
/*Скролл контейнера с никами*/
#List-UserNames ul::-webkit-scrollbar {
width: 5px;
height: 5px;
}
#List-UserNames ul::-webkit-scrollbar-track {
background-color: #6F7575;
/* border: 1px solid #4a5563; */
box-shadow: 0 0 6px #040404 inset, 0 0 0 2px #75869d inset;
}
#List-UserNames ul::-webkit-scrollbar-thumb {
background-color: #a1a1a1;
border: 2px solid #a1a1a1;
box-shadow: none;
}
/*Кнопки Удалить (правее ников)*/
#List-UserNames ul li>span {
display: inline-block;
padding: 0 3px;
position: absolute;
opacity: .88;
cursor: pointer;
top: 0;
bottom: 0;
right: 2px;
font: normal normal 700 10.56px/normal Verdana;
color: #DDDDDD;
text-shadow: 1px 1px 1px rgb(0 0 0);
}
/*Текст при отсутствии запомненных Ников!*/
#List-UserNames ul:empty:before{
display:inline-block;
content: "У Вас нет запомненных ников, введенных через форму справа, или через перенос ниже!";
}
/*Кнопка выход-2*/
#navlogin #exit-2 {
display:none;
}
#navlogout .Rega,
#navlogout .Forgot {
display:none;
}
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/
#List-UserNames ul+span{
display:inline-block;
padding:6px 0 8px 0;
text-align:left;
font: normal normal 400 10.56px/normal Verdana;
}
/*Сам инпут*/
.punbb #List-UserNames input {
background: #6b6b6b!important;
/*border: 2px inset rgb(62 42 36)!important;*/
border-radius: 6pximportant;
text-shadow: none!important;
color: #3e2a24!important;
/*background-color: #342a23;*/
font: normal normal 400 11px/normal Arial!important;
/*box-shadow: inset 0px 0px 3px rgb(18, 9, 6);*/
margin-top: 9px;
padding: 2px !important;
vertical-align: middle;
}
/*Стрелочки к инпуту*/
#List-UserNames ul+span b{
font: normal normal 400 13px/normal Verdana;
padding:0 3px;
color: #cacaca;
}
/*Кликалка слево, чуть выше инпута*/
#List-UserNames .a1-copy{
display:inline-block!important;
cursor:pointer;
float:left;
}
/*Кликалка справо*/
#List-UserNames .a1-paste{
cursor:pointer;
display:inline-block!important;
float:right;
}
/*Подсказки на кликалках*/
.tipsy.a11 {
font: normal normal 400 11px/normal Tahoma!important;
margin-top:-22px!important;
margin-left: 148px!important;
max-width:170px;
}
/*************************
//Конец Стиля для Быстрой смены аккаунтов
*************************/
