Aizek Shturm

/* собственная надпись вместо стандартного логотипа*/
.l-top_menu-v2 .logo-container .logo { background: none; height: 31px; }
.logo:after { content: '士気 m o r i ~' ; color: #f7f7f7; font-size: 22px; padding-left: 4px; }

.l-top_menu-v2 .menu-dropdown>button>span, .l-top_menu-v2 .submenu>a, .l-top_menu-v2 .global-search, .l-top_menu-v2 .global-search input{ font-size: 11px; }
.l-top_menu-v2 .submenu>a{ height:20px; padding-left: 7px; }
.l-top_menu-v2 .menu-dropdown.main>button:not(.mobile) span { margin-left: 7px; }
.l-top_menu-v2 .menu-dropdown.profile>button, .l-top_menu-v2 .menu-dropdown.main, .l-top_menu-v2 .menu-dropdown.main>button:not(.mobile) { min-width: 130px; max-width: 150px; }
/* фон */
 .l-top_menu-v2 { background: #343434; border-bottom: 0px; height: 32px; }
/* фон под разворотами */
.l-top_menu-v2 .submenu, .b-main_search ul.popup{ border: 0px; background: #343434; }
.l-top_menu-v2 .menu-icon, .l-top_menu-v2 .menu-dropdown>button{ height: 32px; }
/* выборы прочих разворотов */
.l-top_menu-v2 .submenu>.entry, .b-main_search ul.popup li { border: 0px; }
/* обычное состояние */
.l-top_menu-v2 .inner .logo, .l-top_menu-v2 .menu-items>.entry.selected, .l-top_menu-v2 .menu-items>.entry, .menu.menu-userbox { transition: 0.2s; }
/* Закрепление верхнего меню */
.l-top_menu-v2 { position: fixed; top: 0; left: 0; right: 0; } .l-page { margin-top: 33px; } .b-comments-notifier { top: 33px !important; }
/* прозрачность */
.l-top_menu-v2 { opacity: .85; }

.l-top_menu-v2 .logo-container .glyph, .l-top_menu-v2 .global-search .hotkey-marker, .l-top_menu-v2 .global-search .search-marker, .l-top_menu-v2 .global-search .clear,
.l-top_menu-v2 .icon-profile:before, .l-top_menu-v2 .icon-anime_list:before, .l-top_menu-v2 .icon-manga_list:before, .l-top_menu-v2 .icon-characters:before, .l-top_menu-v2 .icon-mail:before, .l-top_menu-v2 .icon-achievements:before, .l-top_menu-v2 .icon-settings:before,
.l-top_menu-v2 .icon-site_rules:before, .l-top_menu-v2 .icon-faq:before, .l-top_menu-v2 .icon-sign_out:before, .l-top_menu-v2 .icon-anime:before, .l-top_menu-v2 .icon-manga:before, .l-top_menu-v2 .icon-ranobe:before, .l-top_menu-v2 .icon-forum:before, .l-top_menu-v2 .icon-clubs:before, .l-top_menu-v2 .icon-collections:before, .l-top_menu-v2 .icon-reviews:before, .l-top_menu-v2 .icon-contests:before, .l-top_menu-v2 .icon-users:before, .l-top_menu-v2 .icon-calendar:before, .l-top_menu-v2 .icon-info:before, .l-top_menu-v2 .icon-socials:before, .l-top_menu-v2 .icon-moderation:before,
.l-top_menu-v2 .global-search .search-results .nothing_found.active:before, .l-top_menu-v2 .global-search .search-results .nothing_found:focus:before, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item.active:before, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item:focus:before, .l-top_menu-v2 .global-search .search-results .search-mode.active:before, .l-top_menu-v2 .global-search .search-results .search-mode:focus:before,
.l-top_menu-v2 .global-search .search-results .nothing_found:before, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item:before, .l-top_menu-v2 .global-search .search-results .search-mode:before,
.l-top_menu-v2 .global-search input.has-value ~ .clear,
.l-top_menu-v2.is-search-mobile .global-search .clear { display:none; }
.l-top_menu-v2 .global-search .search-results .search-mode:active:before, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item:active:before
{ background: none; }
/* фикс поиска */
.l-top_menu-v2 .global-search, .l-top_menu-v2 .global-search input{ background: rgba(25,25,25,0.65); color: #ffffff; transition: 0.2s; height: 20px; margin-right: 0px; }
.l-top_menu-v2 .global-search input{ padding: 0 0 0 4px; border-radius: 0px; }
.l-top_menu-v2 .menu-dropdown.profile>button img { height: 24px; }
.l-top_menu-v2 .global-search .search-results .nothing_found, .l-top_menu-v2 .global-search .search-results .search-mode{ font-size: 11px; line-height: 20px; padding-top: 0px; }
.l-top_menu-v2 .global-search .search-results{ top:28px; }
.l-top_menu-v2 .global-search .search-results .nothing_found.active, .l-top_menu-v2 .global-search .search-results .nothing_found:focus, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item.active, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item:focus, .l-top_menu-v2 .global-search .search-results .search-mode.active, .l-top_menu-v2 .global-search .search-results .search-mode:focus,
.l-top_menu-v2 .global-search .search-results .nothing_found, .l-top_menu-v2 .global-search .search-results .search-mode{ padding-left: 5px; }
.l-top_menu-v2 .menu-icon.search:before { line-height: 35px; }
@media screen and (max-width: 1024px){ .l-top_menu-v2.is-search-mobile .global-search { position: relative; background: none; }
 .l-top_menu-v2.is-search-mobile .global-search{ padding: 0px 0; top: 0px; }
.l-top_menu-v2.is-search-mobile .global-search .search-results { margin-top: 0px; } }
.l-top_menu-v2 .menu-icon.trigger:before{ line-height: 0px; }
.l-top_menu-v2 .global-search .search-results .nothing_found, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item, .l-top_menu-v2 .global-search .search-results .search-mode{ padding-left:5px }

/* альтернативный макет профиля без графиков активности */
.profile-head .p-profiles-show .profile-content .cc-2 > .c-left { display: none; }
.p-profiles-show .profile-content .cc-2 > .c-right { display: flex; flex-direction: row-reverse; width: 100%; float: none; margin: 0; }
.p-profiles-show .profile-content .cc-2 > .c-right > .cc-2a { flex-shrink: 0; width: 19%; margin: 0 0 0 30px !important; }
.p-profiles-show .profile-content .cc-2 > .c-right > .block { flex-grow: 1; }
.p-profiles-show .profile-content .cc-2 > .c-right .cc-2a > .c-column { width: 100%; }
.p-profiles-show .lifetime { display: none; }
.p-profiles-show .profile-content .activity:last-child { display: none; }

/* а конкретно эта часть кода меняет местами блоки */
@media (min-width:1200px) {
.p-profiles .profile-head .c-history.x3 { margin-top: -999px !important; }
.p-profiles-show .profile-content .cc-2 > .c-right > .cc-2a { position: absolute; top: -240px; }
.p-profiles .profile-head .c-info { width: 62%; } } /* либо значение width 60% */

/* альтернативный макет профиля без графиков активности */
.profile-head .p-profiles-show .profile-content .cc-2 > .c-left { display: none; }
.p-profiles-show .profile-content .cc-2 > .c-right { display: flex; flex-direction: row-reverse; width: 100%; float: none; margin: 0; }
.p-profiles-show .profile-content .cc-2 > .c-right > .cc-2a { flex-shrink: 0; width: 19%; margin: 0 0 0 30px !important; }
.p-profiles-show .profile-content .cc-2 > .c-right > .block { flex-grow: 1; }
.p-profiles-show .profile-content .cc-2 > .c-right .cc-2a > .c-column { width: 100%; }
.p-profiles-show .lifetime { display: none; }
.p-profiles-show .profile-content .activity:last-child { display: none; }
/* блок скрыт с иконкой вместо истории просмотра */
.p-profiles .profile-head .c-history:after { content: "Блок скрыт"; opacity: .5; visibility: visible; position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%);font-size: max(1em, min(1em, 5.333vw)); }  
.p-profiles .profile-head .c-history:before { visibility: visible; opacity: .4; content: "\e83f"; font-family: 'fuji';    font-size: max(4em, min(1em, 5.333vw)); position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%); } 
.p-profiles .profile-head .c-history{ visibility: hidden; }
@import url(https://raw.githubusercontent.com/Fujitawa/Lab/main/icons/css/fuji-embedded.css);
@media (min-width:768px) { .profile-content { top: -60px; position: relative; } }

/* альтернативное расположение блоков */
.profile-head .p-profiles-show .profile-content .cc-2 > .c-left { display: none; }
.p-profiles-show .profile-content .cc-2 > .c-right { display: flex; flex-direction: row-reverse; width: 100%; float: none; margin: 0; }
.p-profiles-show .profile-content .cc-2 > .c-right > .cc-2a { flex-shrink: 0; width: 19%; margin: 0 0 0 30px !important; }
.p-profiles-show .profile-content .cc-2 > .c-right > .block { flex-grow: 1; }
.p-profiles-show .profile-content .cc-2 > .c-right .cc-2a > .c-column { width: 100%; }
.p-profiles-show .lifetime { display: none; }
.p-profiles-show .profile-content .activity:last-child { display: none; }
.p-profiles .profile-head .c-history:after { content: "Блок скрыт"; opacity: .5; visibility: visible; position: absolute; top: 60%; left: 50%; transform: translate(-40%, -50%);font-size: max(1em, min(1em, 5.333vw)); }  
.p-profiles .profile-head .c-history:before { visibility: visible; opacity: .4; content: "\e83f"; font-family: 'fuji';    font-size: max(4em, min(1em, 5.333vw)); position: absolute; top: 35%; left: 50%; transform: translate(-40%, -50%); } 
.p-profiles .profile-head .c-history{ visibility: hidden; }
@import url(https://raw.githubusercontent.com/Fujitawa/Lab/main/icons/css/fuji-embedded.css);
@media (min-width:768px) {
.profile-content { top: -62px; position: relative; } }
/* доп настройка длинны блоков список аниме и манги */
.p-profiles .profile-head .c-history.x3 { margin-bottom: 13px }
.p-profiles .profile-head .c-history{ visibility: hidden; margin-left: 0px; width: 22% }
.b-catalog_entry .cover .image-cutter::before { padding-bottom: 170%; }
/* положение иконок под аватаркой */
.p-profiles .profile-head .c-brief .avatar .profile-actions { margin-top: 4px; text-align: center; }

/* скрыть историю просмотра */
.p-profiles .profile-head .c-history:after { content: "Блок скрыт"; opacity: .5; visibility: visible; position: absolute; top: 60%; left: 50%; transform: translate(-40%, -50%);font-size: max(1em, min(1em, 5.333vw)); }  
.p-profiles .profile-head .c-history:before { visibility: visible; opacity: .4; content: "\e83f"; font-family: 'fuji';    font-size: max(4em, min(1em, 5.333vw)); position: absolute; top: 35%; left: 50%; transform: translate(-40%, -50%); } 
.p-profiles .profile-head .c-history{ visibility: hidden; }
@import url(https://raw.githubusercontent.com/Fujitawa/Lab/main/icons/css/fuji-embedded.css); /* импорт иконок */
@media (min-width:768px) {
.profile-content { top: -62px; position: relative; } }

@media (min-width:1024px) { .block.achievements .cc-2 { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 10px; }
.block.achievements .cc-2 > .c-column { width: 100% !important; }
.block.achievements .cc-2 > .c-column:nth-child(1) {
  grid-area: 1 / 1 / 2 / 2; }
.block.achievements .cc-2 > .c-column:nth-child(2) {
  grid-area: 1 / 2 / 2 / 3; }
.block.achievements .cc-2 > .c-column:nth-child(3) { grid-area: 2 / 1 / 3 / 4; }
.block.achievements .cc-2 > .c-column:nth-child(4) { grid-area: 1 / 3 / 2 / 4; }
.p-profiles-show .achievements .cc-authors .b-achievement {
  width: 49.25%; }
.profile-content .cc-authors > *:nth-child(2), .profile-content .cc-authors > *:nth-child(4) { display: none; }
.cc-franchises { display: grid; grid-template-columns: repeat(8, 1fr); grid-column-gap: 5px; }
.p-profiles-show .achievements .cc-franchises .b-badge { width: 100%; }
#profiles_show .cc-2 > .c-column { margin-bottom: 10px; } }

.p-profiles-show .profile-head:before {content: ''; display: block; height: 470px; background: url("https://pp.userapi.com/c846520/v846520672/182cf3/8rkqihiXq18.jpg") no-repeat; background-size: cover; margin: -15px; margin-bottom: 5px; }

/* Избранное в виде фото */
@media (min-width: 1024px) { #profiles_show .cc-favourites { background: url(https://66.media.tumblr.com/00816ee3f3a0e74d2316080a3e9a10e3/tumblr_mjnncySTeM1rb345qo1_500.gif) center; background-size: cover; transition: all 2.55s ease; border-radius: 10px; } /* center выравнивает по центру, а border-radius делает скругление картинки/гифки (убираем если не нужно) */
#profiles_show .cc-favourites:hover { background: none; }

#profiles_show .cc-favourites:hover .c-column { opacity: 1; transition: opacity 0.60s ease, background 0.20s ease; }

#profiles_show .cc-favourites .c-column { opacity: 0; transition: opacity 0.55s ease, background 0.20s ease; border-top: none; } }

.p-profiles .profile-head .c-brief .avatar { position: relative; }
.p-profiles .profile-head .c-brief .avatar::before { content: ''; position: absolute; width: 100%; padding-bottom: 100%; background: url(https://i.imgur.com/ZCZ2Qfc.gif) top center / cover; border-radius: 0px; } .p-profiles .profile-head .c-brief .avatar img { opacity: 0; }

.p-profiles-show .b-feedback:after { content: ''; display: inline-block; position: fixed; width: 70px; height: 70px; right: 25px; bottom: 20px; background: url("https://abs.twimg.com/emoji/v2/72x72/1f530.png") no-repeat; background-size: cover; z-index: 10; pointer-events: none; }

.b-feedback { display: none; }

.p-profiles-show .b-feedback:after { content: ''; display: inline-block; position: fixed; width: 207px; height: 40px; right: 55px; bottom: 20px; background: url("https://sun9-3.userapi.com/impf/bXkq6VFNc-xXDGpXrkxqKBMQcFg_M3-uLaVqrA/if6evL5aigg.jpg?size=207x40&quality=95&sign=28b35ef78caac2ee0722444b2d3562de&type=album") no-repeat; background-size: cover; z-index: 10; pointer-events: none; }

.b-feedback { display: none; }

.b-quote {
background: rgba(100,159,176, 0.3);  border: 1px dashed #000000; color: black; font-style: italic; margin: 5px 0 5px 5px; overflow: hidden; padding: 5px 10px;
}

.bs_tabs [data-tab-switch] { display: inline-block; padding: 10px 15px; margin-right: 2px; margin-bottom: -1px; border: 1px solid transparent; border-radius: 4px 4px 0 0; cursor: pointer; user-select: none; opacity: .6; } 
/* padding 10px(высота) 15px(ширина) - размер кнопок  */
/* margin-right: 2px - отступ между кнопками */
/* margin-bottom: -1px - отступ между кнопкой таба и самим вложением */  
/* border-radius - настройка закругленности углов рамки */
/* opacity: .6 - значение прозрачности неактивных кнопок*/
.bs_tabs [data-tab-switch]:not(.active):hover { background-color: rgba(137,157,169,0 .2); } /* цвет неактивных кнопок при наведении */
.bs_tabs [data-tab-switch].active { cursor: default; border: 2px solid rgba(137,157,169, .5); border-bottom-color: transparent; opacity: 1; }
.bs_tabs [data-tab] { padding: 15px; border: 1px solid rgba(137,157,169, .5); } /* настройка отступов, толщины и цвета рамки */
.bs_tabs [data-tab-switch].active,
.bs_tabs [data-tab] { background-color: #fff; } /* изменения цвета фона вложения */

[div=bs_tabs to-process data-dynamic=tabs]
[div]
[div=active data-tab-switch]Tab 1[/div][div data-tab-switch]Tab 2[/div][div data-tab-switch]Tab 3[/div][div data-tab-switch]Tab 4[/div]
[/div][div data-tab]
Content 1[/div]
[div=hidden data-tab]
Content 2[/div]
[div=hidden data-tab]
Content 3[/div]
[div=hidden data-tab]
Content 4[/div]
[/div]

/* настройка табов */
[data-tab-switch] { display: inline-block; padding: 10px 45px; margin-right: 2px; margin-bottom: -5px; border: 1px solid transparent; border-radius: 0px 0px 0 0; cursor: pointer; user-select: none; opacity: .9;}
[data-tab-switch]:not(.active):hover { background-color: #525e65; }
[data-tab-switch].active { cursor: default; border: 2px solid black; border-bottom-color: transparent; opacity: 1; }
[data-tab] { padding: 10px; border: 2px solid black; opacity: 1 }
[data-tab-switch].active,
[data-tab] { background-color: #f2f3f4; }

[div=to-process data-dynamic=tabs]
[div=b-link_button inline active data-tab-switch]Tab 1[/div]
[div=b-link_button inline data-tab-switch]Tab 2[/div]
[div data-tab]Content 1[/div]
[div=hidden data-tab]Content 2[/div]
[/div]

/* скрыть постеры при наведении */
#profiles_show .entry-tooltip_container > a { display: none !important; }

.l-footer .copyright { color: rgb(40,40,40); }
.l-footer .copyright:after { content: '／人◕ ‿‿ ◕人＼' }

/* Тёмный фон страницы, чтобы на нём видеть белые снежинки. */
/* (можно удалить) */
body {
  background: #1e3078;
}

/* Слой с изображениями снега */
body:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Изображения снега: */
  background-image: url("https://i.imgur.com/TpOI4DC.png"),
                    url("https://i.imgur.com/92lgmBN.png"),
                    url("https://i.imgur.com/ACiIkIG.png");
  /* Размер изображений по порядку: */
  /* (размер уменьшен в 2 раза: снежинки больше похожи на точки, чем на  детские рисунки */
  /* (можно удалить) */
  background-size: 250px, 200px, 150px;
  /* Скорость анимации: */
  /* (чем больше время, тем медленнее идет снег) */
  animation: snow 16s linear infinite;
}

/* Анимация снега */
@keyframes snow {
  0% {
    background-position: 0px 0px,
                         0px 0px,
                         0px 0px;
  }
  100% {
    /* (Указан полный размер изображений по прядку, указанному в body:before) */
    background-position: 500px 1000px,
                         400px 400px,
                         300px 300px;
  }
}

.b-animes-menu > .block:has([href*="/collections/"]) > .block { display: none; }

/* скрыть студию под постерами тайтлов в турнире */
.p-contests .results .cc-result .c-winner .b-catalog_entry .cover .misc span { display: none; }

/* гифка с Юки в списках */
.p-user_rates-index .l-menu .avatar::before { 
content: ''; position: absolute; width: 99%; padding-bottom: 75%; background: url(https://i.imgur.com/lYcNRZe.gif) top center /  cover; border-radius: 0px; 
}
/* добавление черной рамки */
.p-user_rates-index .l-menu .avatar::before { border: 2px solid black; }

.p-user_rates-index .list-lines tr.editable { 
border: 1px solid black; 
}

.b-animes-menu .friend-rate .b-user16 { overflow: visible }

[span=b-menu-line is-spoilers][span=blurred]пример текста[/span][/span]