/* shiki-exo, SergejVolkov, 2019

Клуб темы: /clubs/2385-shiki-exo


downloadable.css, update-15.07.2019

Статичная часть темы, содержит импорт обновляемой части, выбор цветовых схем и прочие пользовательские настройки.
Скопируйте содержимое данного файла к себе на сайт в раздел 'Настройки' -> 'Внешний вид сайта'.

Вы можете добавлять свой код и настраивать тему так, как Вам удобно. */


/* Загрузка основного файла темы из облачного репозитория. */
@import url('https://raw.githubusercontent.com/SergejVolkov/sergejvolkov-shiki-theme/master/theme-current-version.css');

/* Выбор цветовой схемы. Для установки нужной замените 'scheme-light' (по умолчанию стоит светлая тема) в ссылке @import на один из идентификаторов, приведенных ниже:

scheme-light
scheme-light-teal
scheme-light-orange
scheme-light-pink
scheme-light-green
scheme-dark
scheme-dark-violet
scheme-dark-blue
scheme-dark-red
scheme-dark-green
scheme-glass-sapphire
scheme-glass-emerald
scheme-glass-ruby
scheme-glass-amethyst
scheme-glass-turquoise
scheme-grayscale
scheme-system

Примечание. Возможно, будут добавляться новые схемы, их полный список смотрите по ссылке github.com/SergejVolkov/sergejvolkov-shiki-theme или в клубе темы.

Вы можете создать свою собственную схему, скопировав содержимое одного из файлов предустановленных схем к себе в стиль и настроив значения переменных.
Назначение каждой из них описано в клубе темы в разделе 'Спецификация переменных':
/clubs/2385-shiki-exo/pages/1779-gaydy-sovety

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

Наслаждайтесь! */
@import url('https://github.com/SergejVolkov/sergejvolkov-shiki-theme/blob/master/scheme-light-orange.css');


/* Загрузка шрифта из Google Fonts. По умолчанию стоит шрифт 'Exo 2'.
Вы можете загрузить любой нравящийся Вам шрифт на fonts.google.com */
@import url('https://fonts.googleapis.com/css?family=Exo+2&subset=cyrillic');

:root {
/* Установка переменной шрифта.
Если Вы загрузили свой шрифт, укажите в кавычках его название на Google Fonts.
В противном случае Ваш шрифт не отобразится. */
--main-font: 'Exo 2', sans-serif;
/* В профиле на месте обычной аватарки отображается выбранная Вами картинка. */
--desktop-avatar-image: url('https://i.pinimg.com/564x/f9/92/92/f99292c2d14ec4607205ee10b996accd.jpg');
}

/*---------------------------------------------------------------------------------------------*/

/* Если Вы не используете один из списков аниме / манга, раскомментируйте этот импорт. */

/*@import url('https://raw.githubusercontent.com/SergejVolkov/sergejvolkov-shiki-theme/master/single-profile-list.css');*/

/*---------------------------------------------------------------------------------------------*/

/* Здесь Вы можете установить вместо одноцветного фона изображение.
Просто раскомментируйте эту часть кода и вставьте ссылку на свою картинку в указанное место.
Если Ваша картинка темная, выберите в @import dark версию, а если светлая - light версию (она уже стоит по умолчанию). */

/*@import url('https://raw.githubusercontent.com/SergejVolkov/sergejvolkov-shiki-theme/master/profile-background-light.css');

:root {
--profile-background-image: url('https://i.pinimg.com/564x/71/52/88/715288cddb66f313ae14e8dce044591a.jpg');
}*/

/*---------------------------------------------------------------------------------------------*/

/* Тут можно установить обложку для профиля.
Раскомментируйте эту часть кода и вставьте ссылку на свою картинку в указанное место.
Если Ваша картинка темная, выберите в первом @import dark версию, а если светлая - light версию (она уже стоит по умолчанию).
По умолчанию высота обложки - 35vw, то есть 35% от ее ширины, но Вы можете изменить это значение. */

/*@import url('https://raw.githubusercontent.com/SergejVolkov/sergejvolkov-shiki-theme/master/profile-cover-light.css');
@import url('https://raw.githubusercontent.com/SergejVolkov/sergejvolkov-shiki-theme/master/profile-cover.css');

:root {
--profile-cover-image: url('ссылка на картинку');
--profile-cover-height: 35vw;
}*/

/*---------------------------------------------------------------------------------------------*/

/* Если у Вас установлена обложка для профиля, Вы можете спрятать псевдоаватарку.
В мобильной версии вместо обложки будет отображаться обычная аватарка, поэтому переменная --desktop-avatar-image должна быть установлена.
В случае, если Вы пользуетесь только одним из списков аниме / манга, замените в ссылке hide-profile-avatar на hide-profile-avatar-single-list */

/*@import url('https://raw.githubusercontent.com/SergejVolkov/sergejvolkov-shiki-theme/master/hide-profile-avatar.css');*/

/*---------------- Пустой медиа-запрос для корректной работы мобильной версии -----------------*/

@media { }

/*---------------------------------- Место для Вашего кода ------------------------------------*/
/* Dark red theme / Темно-красная тема */
:root {
--top-menu-color: #C75A1A;
--top-menu-submenu-back-color: #D34A0A;
--top-menu-button-hover-color: #ad2803;
--top-menu-border-color: #f0f0f0;

--l-page-back-color-desktop: #470e01;
--l-page-back-color-mobile: #571302;
--quote-back-color: #7a2500;
--tile-back-color: #6b1502;
--tile-border-color: #bd4e00;
--headline-color: #bf6504;

--main-text-shadow-color: black;
--main-text-color: white;
--sec-text-color: #ebebeb;
--ter-text-color: #dedede;
--quat-text-color: #ababab;
--profile-nickname-color: #f29027;

--li-hover-color: #822611;
--li-active-color: #bf6504;
--main-link-color: #ff940a;
--main-link-hover-color: #e8e115;
--sec-link-color: #dedede;
--sec-link-active-color: #fff430;
--sec-link-hover-color: white;

--button-hover-color: #d46c00;
--orange-hover-color: #ff9a42;
--green-color: #7ffa2d;

--bar-s0-color: #b33b04;
--bar-s1-color: #c24d0e;
--bar-s2-color: #d66711;
--bar-s3-color: #e88317;
}
/* СМЕНА ОБЛОЖЕК */
/* Общие настройки обложек */
.b-catalog_entry .cover .image-cutter {
background-size: cover;
background-position: top center;
}


.b-catalog_entry > a[href *= 'characters/64769'] img,
.b-catalog_entry > a[href *= 'characters/21728-'] img {
opacity: 0; /* visibility: hidden ломает выбор аниме/персонажа в турнирах */
}


.b-catalog_entry a[href *= 'characters/64769'] .image-cutter {
background-image: url(cdn.myanimelist.net/images/characters/6/417875.jpg);
}


.b-catalog_entry > a[href *= 'characters/101165'] img {
opacity: 0;
}
.b-catalog_entry a[href *= 'characters/101165'] .image-cutter {
background-image: url(cdn.myanimelist.net/images/characters/11/417878.jpg);
}
.b-catalog_entry > a[href *= 'characters/76816'] img {
opacity: 0;
}
.b-catalog_entry a[href *= 'characters/76816'] .image-cutter {
background-image: url(cdn.myanimelist.net/images/characters/13/417889.jpg);
}
.b-catalog_entry > a[href *= 'characters/180833'] img {
opacity: 0;
}
.b-catalog_entry a[href *= 'characters/180833'] .image-cutter {
background-image: url(cdn.myanimelist.net/images/characters/16/417870.jpg);
}
.b-catalog_entry > a[href *= 'characters/128987'] img {
opacity: 0;
}
.b-catalog_entry a[href *= 'characters/128987'] .image-cutter {
background-image: url(cdn.myanimelist.net/images/characters/3/417888.jpg);
}
.b-catalog_entry > a[href *= 'characters/108343'] img {
opacity: 0;
}
.b-catalog_entry a[href *= 'characters/108343'] .image-cutter {
background-image: url(cdn.myanimelist.net/images/characters/8/417876.jpg);
}
.b-catalog_entry > a[href *= 'characters/180828'] img {
opacity: 0;
}
.b-catalog_entry a[href *= 'characters/180828'] .image-cutter {
background-image: url(cdn.myanimelist.net/images/characters/9/417867.jpg);
}
.b-catalog_entry > a[href *= 'characters/9879'] img {
opacity: 0;
}
.b-catalog_entry a[href *= 'characters/9879'] .image-cutter {
background-image: url(cdn.myanimelist.net/images/characters/16/303858.jpg);
}
.b-catalog_entry > a[href *= 'characters/16589'] img {
opacity: 0;
}
.b-catalog_entry a[href *= 'characters/16589'] .image-cutter {
background-image: url(cdn.myanimelist.net/images/characters/9/270417.jpg
);
}
.b-catalog_entry > a[href *= 'characters/13084'] img {
opacity: 0;
}
.b-catalog_entry a[href *= 'characters/13084'] .image-cutter {
background-image: url(cdn.myanimelist.net/images/characters/9/361192.jpg
);
}
.b-catalog_entry > a[href *= 'characters/13085'] img {
opacity: 0;
}
.b-catalog_entry a[href *= 'characters/13085'] .image-cutter {
background-image: url(cdn.myanimelist.net/images/characters/13/311634.jpg
);
}
.b-catalog_entry > a[href *= 'characters/12055'] img {
opacity: 0;
}
.b-catalog_entry a[href *= 'characters/12055'] .image-cutter {
background-image: url(cdn.myanimelist.net/images/characters/13/327061.jpg
);
}
.b-catalog_entry > a[href *= 'mangas/z35243'] img {
opacity: 0;
}
.b-catalog_entry a[href *= 'mangas/z35243'] .image-cutter {
background-image: url(cdn.myanimelist.net/images/manga/5/135141l.jpg
);
}