"Oshi no Ko"Ребёнок идола
Просмотрен 5-й эпизод/* AUTO=body_background */ body { background: url(https://ic.wampi.ru/2022/07/13/Y6ddc9c5c68343673.png) no-repeat fixed top right; }
/*Прозрачность*/
.l-page {
background-color: rgba(112,59,60, 0.76);
}
/*Персонаж в правом нижнем углу*/
.p-profiles-show .b-feedback:after {
content: '';
display: inline-block;
position: fixed;
width: 250px; /* ширина изображения */
height: 200px; /* высота изображения */
right: 80px; /* отступ справа, 0px значит, что отступа от правой границы нет*/
bottom: 20px; /* отступ снизу, 0px значит, что отступа от нижней границы нет*/
background: url(https://im.wampi.ru/2022/07/13/28606ee8386a54610a6a0fcba99b7740.png) repeat; /*Лично моя фотография, которую фотошопил.
Чтобы убрать её и поставить свою, то поменяйте её на прямую ссылку на изображение*/
background-size: cover;
z-index: 10;
pointer-events: none; /* мышь перестаёт замечать изображение */
}
/*Изменение цвета столбчатых графиков на сайте */
.bar.simple .bar.s3 { background: #FFFFFF;} /*Аква*/
.bar.simple .bar:hover.s3 { background: #FFFFFF;} /*Аква*/
.bar.simple .bar.s2 { background: #FFFFFF;} /*Ярко-бирюзовый*/
.bar.simple .bar:hover.s2 { background: #FFFFFF;} /*Ярко-бирюзовый*/
.bar.simple .bar.s1 { background: #FFFFFF;} /*Темно-красный*/
.bar.simple .bar:hover.s1 { background: #FFFFFF;} /*Темно-красный*/
.bar.simple .bar.s0 { background: #FFFFFF;} /*Ало-оранжевый*/
.bar.simple .bar:ho]
/*Конец*/
body {
color: #FFFFFF; /*тут ставите номер цвета*/
}
html[data-color-mode=light] {
--link-color: #000;
--link-hover-color: #000;
--link-active-color:#000;
}
/* Цвет текста в подзаголовках */
.subheadline {
color: rgba(0, 0, 0, 0.9);
}
/* Цвет ссылок в подзаголовках */
.subheadline > a {
color: rgba(0, 0, 0, 0.9);
}
/* Информация о пользователе */
/* Цвет ника пользователя в профиле */
.p-profiles .profile-head .c-brief header h1 {
color: #FFFFFF;
}
/* Цвет информации о пользователе */
.p-profiles .profile-head .c-brief header .notice {
color: #FFFFFF;
}
/* Цвет ссылок в информации о пользователе */
.p-profiles .profile-head .c-brief header .notice a {
color: white;
}
/* Цвет иконок под аватаркой */
.c-brief .profile-actions > a {
color: #FFFFFF;
}
/* Списки Аниме и Манги в профиле */
/* Названия разделов: Список аниме и Список манги */
.b-stats_bar .title {
color: #FFFFFF; /* Для приватных списков */
}
.b-stats_bar a.title {
color: white; /* Для открытых списков */
}
/* Цвет цифр в полосках */
.b-stats_bar .bar .first,
.b-stats_bar .bar .second,
.b-stats_bar .bar .third {
color: white;
}
/* Названия списков: Запланировано, Отложено и т.д. */
.b-stats_bar .stat_names .stat_name a {
color: #FFFFFF;
}
/* Разделители списков: по умолчанию – слеши */
.b-stats_bar .stat_names .stat_name::after {
color: #FFFFFF;
}
/* Ссылка на похожих пользователей */
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a {
color: white;
}
/* Активность пользователя в профиле */
/* Активность пользователя: заголовок */
.p-profiles .profile-head .c-info .c-additionals b {
color: #FFFFFF;
}
/* Активность пользователя: ссылки */
.p-profiles .profile-head .c-info .c-additionals div a {
color: black;
}
/* Активность пользователя: запятые */
.p-profiles .profile-head .c-info .c-additionals div::after {
color: #FFFFFF;
}
/* Блок История в профиле */
/* История: название пунктов */
.p-profiles .profile-head .c-history .entry .title {
color: white; /* Эта настройка излишняя, т.к. цвет наследуется от обычной ссылки */
}
/* История: действие пунктов */
.p-profiles .profile-head .c-history .entry .misc {
color: #fff !important;
}
/* История: дата пунктов */
.p-profiles .profile-head .c-history .entry .misc.date {
color: #FFFFFF !important;
}
/* Дниметр */
/* Даты дниметра (не пройденные) */
.p-profiles-show .lifetime .times .time {
color: #fff;
}
/* Даты дниметра (пройденные) */
.p-profiles-show .lifetime .times .time.checked {
color: #FFFFFF;
}
/* Цвет галочек */
.p-profiles-show .lifetime .times .time.checked::before {
color: red;
}
/* График активности */
/* Заголовок графика активности */
.p-profiles-show .profile-content .activity .title {
color: #FFFFFF;
}
/* Даты графика активности */
.bar.vertical .line .x_label {
color: #FFFFFF; /* Повлияет на другие графики на сайте */
}
/* Цифры в полосках графика */
.bar.vertical .line .bar-container .value {
color: white; /* Повлияет на другие графики на сайте */
}
/* Чтобы избежать влияния на другие графики, добавьте в начало
селектора класс .p-profiles-show а затем поставьте пробел */
/* Достижения */
/* Подзаголовки */
.p-profiles-show .achievements .header .title {
color: #FFFFFF; /* Надписи «Общие», «Жанровые» и «Франшизы» */
}
/* Лента c названием достижения */
.b-achievement.is-badge::before {
background: rgba(17, 34, 51, 0.5);
color: #fff;
}
/* Прогресс достижения */
.b-achievement.is-badge::after {
background: rgba(17, 34, 51, 0.7);
color: #fff;
}
/* Класс .b-achievement также используется на самой странице достижений.
Чтобы избежать влияния на другие страницы, добавьте в начало
селектора класс .p-profiles-show а затем поставьте пробел */
/* Полоска аниме */
.b-stats_bar.anime .bar .first {
background: linear-gradient(22deg, #A14A4A, #A14A4A);
}
.b-stats_bar.anime .bar .second {
background: linear-gradient(22deg, #B47474, #B47474);
}
.b-stats_bar.anime .bar .third {
background: linear-gradient(22deg, #BC8F8F, #BC8F8F);
}
/* Полоска манги */
.b-stats_bar.manga .bar .first {
background: linear-gradient(22deg, #A14A4A, #A14A4A);
}
.b-stats_bar.manga .bar .second {
background: linear-gradient(22deg, #B47474, #B47474);
}
.b-stats_bar.manga .bar .third {
background: linear-gradient(22deg, #BC8F8F, #BC8F8F);
}
.b-comment > .inner header .name-date .time {
color: #FFF;
}
.b-feedback>.marker-positioner>.marker-text, .b-feedback>.hover-activator {
background: brown;
}
.p-profiles .about.block .b-spoiler label {
border: none;
display: inline-block !important;
font-weight: bold; /* толщина шрифта, можно убрать, если не нужно */
color: #000; /* цвет текста спойлера */
background: #e8ebef; /* цвет фона спойлера */
height: 30px;
width: 100%;
font-size: 12pt; /* размер шрифта текста на спойлере */
padding-top: 3px;
text-align: center;
margin-bottom: 5px;
}
.p-profiles .about.block .b-spoiler .after:before, .about.block .b-spoiler .before:before {
content: '';
}
.p-profiles .about.block .b-spoiler .before {
width: 100%;
height: 50px;
display: inline-block !important;
margin-top: -50px;
}
/*Поддержка телефонной версии*/
/* Настройки mobile-версии */
@media (min-width: 360px) and (max-width: 599px) {
/* Черный верхнее меню */
.l-top_menu-v2 {
background: #000000;
}
}
/* Настройки tablet-версии */
@media (min-width: 600px) and (max-width: 1024px) {
/* Чёрный верхнее меню */
.l-top_menu-v2 {
background: #000000;
}
}
/* Настройки desktop-версии */
@media (min-width: 1025px) {
/* Черный верхнее меню */
.l-top_menu-v2 {
background: #000000;
}
}
/*Конец*/
.fullwidth.color1 label {
background: rgb(0 0 0 / 60%); /* Цвет фона спойлер-кнопки */
color: rgb(0 0 0); /* Цвет названия спойлер-кнопки */
}
.fullwidth.color1 label::after {
color: rgb(180 216 224 / 60%); /* Цвет подсказки "Открыть" на спойлер-кнопке */
}
/* Цвет списка жанров в каталоге */
.b-block_list li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background-color: transparent;
color: #ffff;
cursor: pointer;
font-family: helvetica,arial,sans-serif;
font-size: 12px;
line-height: 20.34px;
margin: 1px 0 2px;
overflow: hidden;
padding: 1px 3px 0 3px;
}
/*цвет фраз "нет достижений,клубов и тд*/
.b-nothing_here {
color: #fff;
font-size: 12px;
margin-left: 5px;
}
/* цвет иконок избранное, написать отзыв и тд под картинкой тайтла */
.b-subposter-action {
color: #ffff;
cursor: pointer;
display: inline-block;
height: 30px;
text-align: center;
width: 30px;
}
/*цвет текста информации тайтла*/
.b-entry-info .line .key {
color: #fff;
cursor: default;
display: inline;
}
/* цвет оценки тайтла */
.b-rate .text-score {
color: #fff;
font-family: Tahoma;
margin-left: 6px;
text-align: center;
}
.bar.horizontal .line .bar-container .value {
color: black;
cursor: default;
float: right;
font-size: 11px;
line-height: 16px;
padding-right: 3px;
}
.bar.horizontal .line .x_label {
color: #fff;
font-size: 12px;
font-weight: bold;
float: right;
line-height: 16px;
}
/* цвет текста роли автора тайтла */
.b-db_entry-variant-list_item>.info .line .key {
color: #fff;
cursor: default;
font-weight: bold;
margin-right: 2px;
}
/* время новостей справа */
.b-animes-menu .menu-topics-block .entry .time {
color: #fff;
float: right;
font-size: 10px;
padding-left: 4px;
}
/* цвет названия тайтла на его странице */
.b-separator {
color: #fff;
padding: 0 5px;
}
html[data-color-mode=light] {
--headline-color: #fff;
}
.b-db_entry>.c-about .additional-links .key {
color: #fff;
cursor: default;
float: left;
}
/* цвет текста самой информации о тайтле */
.b-entry-info .line .value {
color: #fff;
display: inline;
}
/* цвет ссылок жанров в информации о тайтле */
.b-tag[href] {
border-bottom-color: #fff;
cursor: pointer;
}
.b-tag[href] {
border-bottom-color: #fff;
cursor: pointer;
}
.b-tag[href] {
border-bottom-color: #fff;
cursor: pointer;
}
.b-tag[href] {
border-bottom-color: #fff;
cursor: pointer;
}
.b-tag.active[href], .b-tag[href]:hover {
background-color: #BB493E;
border-bottom-color: white;
color: #fff;
margin-left: 0;
margin-right: 6px;
padding-left: 3px;
padding-right: 3px;
text-decoration: none;
}
.b-tag {
border-bottom: 1px dashed #bbb;
color: #fff;
}
/* цвет текста в отзывах "в списке у автора* */
.b-review-topic.is-review_review_author_details>.inner .review-info .user-rate-label {
color: #fff;
font-size: 12px;
line-height: 12px;
white-space: nowrap;
}
/* цвет заголовка новости на главной странице*/
.b-news_wall-topic .title {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;
font-size: 15px;
max-height: 46.5px;
line-height: 1.55;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-wrap: break-word;
color: #fff;
font-family: var(--font-alt);
font-weight: 600;
}
.b-news_line-topic .status-line {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 11px;
}
/* цвет шапки сайта */
.l-top_menu-v2 {
background: #783d3d;
color: #fff;
height: var(--top-menu-height);
position: relative;
z-index: 10;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.l-top_menu-v2 .menu-dropdown>span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background: #783d3d;
}
.l-top_menu-v2 .submenu {
background: #9F6060;
border-bottom: 1px solid #986960;
border-left: 1px solid #986960;
border-right: 1px solid #986960;
display: none;
font-family: var(--font-alt);
overflow: hidden;
position: absolute;
width: 100%;
top: -999px;
left: 0;
}
.l-top_menu-v2 .menu-dropdown>span:focus {
-webkit-transition: background 0.2s ease;
transition: background 0.2s ease;
background-color: #986960;
}
.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 {
background-color: #9F6060
}
.l-top_menu-v2 .menu-dropdown>span a:active {
background-color: #9F6060;
}
.l-top_menu-v2 .menu-dropdown>span a:hover {
background-color: #9F6060;
}
/*цвет скрепки у ника*/
.p-profiles .profile-head .c-brief header h1.aliases:after {
font-family: shikimori;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga';
text-transform: none;
letter-spacing: normal;
content: "";
color: #fff;
cursor: pointer;
font-size: 12px;
margin-left: 8px;
margin-top: 16px;
}
.l-footer .copyright {
color: #fff;
float: right;
font: bold 11px "Trebuchet MS", tahoma, arial, verdana;
padding: 3px 1px 7px 0;
vertical-align: middle;
white-space: nowrap;
}
.item-add {
cursor: pointer;
color: #fff;
}