รςɭเгՇ

1147x638

/* Редизайн кнопки свернуть/развернуть */
.b-edit_styles .edit_style .style_css label, .b-edit_styles .new_style .style_css label {
    background: #797aa6;
    border-radius: 2px 2px 0 0;
    padding: 4px 10px;
    color: #fafafa;
    margin-top: 4px; /* возможно придётся настраивать вручную, что бы добиться эффекта единного интерфейса */
}
.b-edit_styles .edit_style .style_css .editor-expand, .b-edit_styles .edit_style .style_css .editor-collapse {
    color: #ddf5ff ;
    background: #0009;
    border-radius: 2px;
    text-transform: uppercase;
    min-width: 5.5rem;
    font-size: .875rem !important;
    padding: 6px 10px;
    font-weight: 700 !important;
    border: none;
}
.b-edit_styles .edit_style .style_css .editor-collapse:hover, .b-edit_styles .edit_style .style_css .editor-expand:hover {
    color: #d9baf6;
    transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
}
/* CSS Редактор */
.cm-s-solarized.cm-s-light {
    background-color: #282638;
    color: #fff;
    text-shadow: none;
}
.b-edit_styles .edit_style .style_css .CodeMirror, .b-edit_styles .new_style .style_css .CodeMirror {
    border: none !important;
}
.cm-s-solarized.cm-s-light .CodeMirror-linenumber {
    color: #858396;
}
.cm-searching {
    background-color: #fafafa30;
}
.CodeMirror-search-field {
    width: 400px !important;
    background: #0009 !important;
    color: #fff !important;
}
.cm-s-solarized.cm-s-light div.CodeMirror-selected {
    background: #44424a90;
}
.cm-s-solarized .cm-builtin {
  color: #FAD430;
}
.cm-s-solarized .cm-def {
  color: #fcc28c;
}
.cm-s-solarized .cm-string {
  color: #C3E88D;
}
.cm-s-solarized .cm-variable-2 {
  color: #9d9efe;
}
.cm-s-solarized .cm-variable-3 {
  color: #C792EA;
}
.cm-s-solarized .cm-number {
  color: #94FCA0;
}
.cm-s-solarized.cm-s-light .CodeMirror-gutters {
  background-color: #36334d;
}
.cm-s-solarized .cm-property {
  color: #80CBC4;
}
.cm-s-solarized .cm-variable {
  color: #89DDFF;
}
.cm-s-solarized .cm-tag {
  color: #FF5370;
}
.cm-s-solarized .cm-atom {
  color: #F77669;
}
.cm-s-solarized .cm-keyword {
  color: #C792EA;
}
.cm-s-solarized .cm-comment {
  color: #5C7E8C;
}
.cm-s-solarized .cm-qualifier {
  color: #FFCB6B;
}

364x401

/* Правка высоты всплывающего меню */
@media (min-width: 768px) { 
.l-top_menu-v2 .active .submenu, .l-top_menu-v2 .submenu {
    max-height: calc(50vh - 46px);
  }
}
/* Навигация по верхнему меню */
.l-top_menu-v2 .menu-icon:hover, .l-top_menu-v2 .menu-dropdown > span, .l-top_menu-v2 .menu-dropdown:hover > span, .l-top_menu-v2 .menu-icon.active, .l-top_menu-v2 .menu-icon:focus, .l-top_menu-v2 .menu-dropdown.active > span, .l-top_menu-v2 .menu-dropdown > span:focus, .l-top_menu-v2 .menu-dropdown > span a:hover, .l-top_menu-v2 .menu-dropdown > span a:active {
    background-color: transparent;
}
.l-top_menu-v2 .menu-dropdown.main > span:not(.mobile), .l-top_menu-v2 .menu-icon, .l-top_menu-v2 .menu-dropdown.profile > span span, .l-top_menu-v2 .menu-dropdown .submenu-triangle::after, .l-top_menu-v2 .global-search .search-marker::before {
    transition: 0.25s ease;
    opacity: 0.8;
}
.l-top_menu-v2 .menu-dropdown.main > span:not(.mobile):hover, .l-top_menu-v2 .menu-dropdown.active > span:not(.mobile), .l-top_menu-v2 .menu-icon:hover, .l-top_menu-v2 .menu-dropdown.profile > span:hover span, .l-top_menu-v2 .menu-dropdown.profile.active > span span, .l-top_menu-v2 .menu-dropdown:hover .submenu-triangle::after, .l-top_menu-v2 .menu-dropdown.active .submenu-triangle::after, .l-top_menu-v2 .global-search:hover .search-marker::before {
    opacity: 1;
}
/* Правка области для HOVER эффекта на мобильной версии */
@media (min-width: 320px) and (max-width: 767px) {
  .l-top_menu-v2 .menu-dropdown.profile > span a {
    width: 44px;
    justify-content: center;
  }
}
/* HOVER аватарки */
.l-top_menu-v2 .menu-dropdown.profile > span img {
    box-shadow: 0 0 0 0 transparent;
    transform: scale(1);
    transition: 0.25s ease;
}
.l-top_menu-v2 .menu-dropdown.profile > span:hover img {
    box-shadow: 0 0 0px 2px #d9baf6;
    filter: saturate(200%) opacity(0.8);
    transform: scale(1);
}
/* Выпадающее меню с новыми эффектами */
.l-top_menu-v2 .menu-dropdown .submenu {
    visibility: hidden;
    opacity: 0;
    top: 60%;
    transition: opacity .2s ease, top .2s linear, visibility .2s ease ;
    pointer-events: none;
}
.l-top_menu-v2 .menu-dropdown.active:hover .submenu {
    visibility: visible;
    opacity: 1;
    top: 100%;
    pointer-events: auto;
}
.l-top_menu-v2 .submenu > a {
    border-left: 0 solid #ddf5ff;
}
.l-top_menu-v2 .submenu > a:hover {
    border-left: 4px solid #d9baf6;
    background: #d9baf630;
    transition: .2s ease;
    color: inherit;
}
/* Анимация поиска */
.l-top_menu-v2 .global-search .search-results {
    animation: 0.34s fadeIn cubic-bezier(0.4, 0, 0.6, 1) !important;
}
/* На случай если нет уточнения этого вида ключевой анимации . Если есть - удалить */
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

1180x609

Клюэль Софи Нэт

Ранобэ

Певчий специализирующийся на песнопениях Keinez(Красный). Староста женской половины первого класса старшей школы академии Тремия. Проявляет особый интерес к Нейту, мальчику еретических песнопений цвета Ночи.

спойлер

Является двойником Настройщицы Миквекс цель которой - хранить все воспоминания людей. За десятки тысяч лет бесконечного цикла перерождений обрела самосознание и создала свою копию-защитника Армаририс.

[div=characters-container cc-8-g0]
[div=character-poster c-column b-catalog_entry c-character]
[div=tooltip minified][div=tooltip-inner][div=clearfix][div=close][/div]
[div=tooltip-details][div=b-catalog_entry-tooltip][div=entry-tooltip_container][div=inner p0]
[div=line][url=ссылка не ресурс с персонажем data name]Имя персонажа[/url][/div]
[div=additional-images][div=link][div=title]Тип произведения[/div]
[url=ссылка на произведение][poster]ссылка на изображение произведения[/poster][/url][/div][/div]
[div=text]Описание/Характеристика персонажа[/div][/div][/div][/div][/div][/div][/div][/div]
[url=ссылка на ресурс cover][div=image-decor][div=image-cutter][poster]ссылка на картинку[/poster]
[/div][/div][/url][/div]
[/div]

Нейт Йеллемиас

Ранобэ

Загадочный тринадцатилетний мальчик, перевёдшиеся в Академию Тремия. Специализируется на еретических песнопениях цвета Ночи.
Невинен и застенчив, чем только играет на руку своему окружению, состоящее предпочтительно из одноклассниц. В момент опасности становится смелым и решительным. Испытывает чувства к Клюэль.

Нейт Йеллемиас

[div=characters-container cc-8-g15]
[div=character-poster c-column b-catalog_entry c-character]
[div=tooltip minified][div=tooltip-inner][div=clearfix][div=close][/div]
[div=tooltip-details][div=b-catalog_entry-tooltip][div=entry-tooltip_container][div=inner p0]
[div=line][url=ссылка не ресурс с персонажем data name]Имя персонажа[/url][/div]
[div=additional-images][div=link][div=title]Тип произведения[/div]
[url=ссылка на произведение][poster]ссылка на изображение произведения[/poster][/url][/div][/div]
[div=text]Описание/Характеристика персонажа[/div][/div][/div][/div][/div][/div][/div][/div]
[url=ссылка на ресурс cover][div=image-decor][div=image-cutter][poster]ссылка на картинку[/poster]
[/div][/div][div=title two_lined]Имя персонажа[/div][/url][/div]
[/div]

.characters-container .tooltip {
    display: none;
}
.characters-container .tooltip-inner {
    margin-top: -2.5rem;
}
.character-poster:hover .tooltip, .character-poster-left:hover .tooltip {
    display: inline-flex;
    top: 0;
    right: 0;
    bottom: 0;
    margin-right: -1.2rem;
}
.character-poster-left:hover .tooltip {
    left: 0;
    margin-left: -1.2rem;
    margin-right: 0;
    right: auto;
}
.character-poster-left .tooltip-inner { 
    left: -20rem;
}