User:SYKASAVTOMATOM/common.css

/* AUTO=sticky_menu */ .l-top_menu-v2 { position: sticky; top: 0; } .l-top_menu-v2 .active .submenu { max-height: calc(100vh - 46px); overflow: auto; } /*Изменение цвета выделения*/
 * selection{

color: #fff; background: #ff6d70; } /*Изменение фоновой картинки.*/ body { background: fixed url(https://www.pixelstalk.net/wp-content/uploads/images7/Nirvana-Wallpaper-HD-Free-download.jpg) no-repeat #000 !important; background-size: cover !important; } /*Инверсия цвета для некоторых элементов.*/ .b-rate .stars-container, .l-top_menu-v2 .global-search input, .b-height_shortener .shade, .b-collection_search .field, .CodeMirror-vscrollbar, .b-main_search .input, .l-page .menu-toggler .toggler, .b-input select, .b-input input[type=number], .b-input textarea[type=number], .b-input input[type=text], .b-input input[type=file]{ filter: invert(100%); } .b-input input[disabled]{ color: #fff; background: #333; border-color: #333; } .ac_results.menu-suggest .ac_even, .ac_results.menu-suggest .ac_odd, .b-table tr, .b-table td, .p-user_rates-index .list-groups .summary.posters.list, .p-user_rates-index .list-groups .summary.posters.library{ background: #000; border: none; color: #fff; } .ac_results.menu-suggest .ac_even:hover, .ac_results.menu-suggest .ac_odd:hover{ background: #ff6d70; } /*Обесцвечивание логотипа Bluray возле выбора видео в плеере.*/ .b-video_variant .video-quality.bd{ filter: grayscale(100%); } /*Перекрашивание ссылок из синего в кирпичный. Наверное, это можно было сделать компактнее.*/ a, .b-stats_bar a.title, .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a, .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility span.link-replacement, .headline>a, .midheadline>a, .subheadline>a, .b-shiki_editor footer .about-bb_codes, .l-footer .links a, .b-options-floated a, .b-options-floated .link, .b-form .cancel, .b-link, header.head h1 a.back, header.head h2 a.back, .b-stats_bar .stat_names .stat_name a, .p-profiles .profile-head .c-mobile-actions a, .p-profiles .profile-head .c-mobile-actions span, .b-catalog_entry .cover .title, .p-dashboards-show .c-content .options .option, .b-forums .forum .link-with-input .link, .b-topic>.inner header .name-date a.name, .p-dashboards .user_list .list-type>.title .switch, .p-dashboards .user_list .history>.title .switch, .p-dashboards .user_list .list-type>.title .link, .p-dashboards .user_list .history>.title .link, .b-entry-info .line a, .b-catalog_entry-tooltip .inner .line .value .tag, .b-db_entry>.c-about .additional-links .line-container>.link, .b-db_entry>.c-about .additional-links .line-container>a, .b-height_shortener .expand, .b-catalog_entry-tooltip .inner a.name, .b-db_entry-note .name-container .name, .b-spoiler label, .b-mention, .b-mention s, .b-comment>.inner header .name-date a.name, .b-user.named_avatar .name, .b-animes-menu .menu-topics-block .entry .name, .b-lang_trigger span, .b-user16, .p-user_rates-index .stat-categories .category, .b-options-floated .action, .b-options-floated.mobile-desktop a, header.head a.misc, header.head a.edit, .p-topics header h1 a.reload, .p-animes_collection-index .pagination .link, .p-mangas_collection-index .pagination .link, .p-recommendations-index .pagination .link, .p-userlist_comparer-show .pagination .link, .b-video_variant.active a, .p-anime_videos-index .c-videos .video-variant-switcher, .b-video_variant a, .b-video_variant .video-author, .subheadline .misc-links>a, .b-dialog>.inner header .name-date a.name, .b-message>.inner header .name-date a.name, .b-user.detailed .history .line a .event, .p-profiles-edit .account .change-password a, .p-profiles-edit .misc .profile-action a:not(.b-button), .p-profiles-edit .misc .profile-action .link, .p-profiles-edit .misc .nickname-changes a:not(.b-button), .p-profiles-edit .misc .nickname-changes .link, .p-profiles-edit .list .profile-action a:not(.b-button), .p-profiles-edit .list .profile-action .link, .p-profiles-edit .list .nickname-changes a:not(.b-button), .p-profiles-edit .list .nickname-changes .link, .b-js-link, .p-contests-index .contest a, .p-contests .results a, .p-contests .match-day .match-link a, .p-contests .rating .member a, .b-contest_match .vs .actions .action span, .b-club .name, .c-actions .new_comment:after, .c-actions .new_review:after, .c-actions .fav-add:after, .c-actions .edit:after, .b-options-floated.mobile-phone a, .b-tag, .b-topic .footer-vote .vote-group .vote, .p-profiles .profile-head .c-info .c-additionals div a, .c-actions .fav-remove:after, .p-user_history-index .history-page .history-interval p a, .b-options-floated.mobile-phone_portrait a, .p-userlist_comparer .comparer table .name a, .b-shiki_editor footer .unpreview:not(.link), .b-shiki_editor footer .cancel, .b-shiki_editor footer .hide, .p-profiles-show .about a, .b-comments .comments-collapser, .club-actions .upload:after, .club-actions .invite:after, .club-actions .leave:after, .b-bb_codes-examples .result a, .b-edit_styles .edit_style .style_css .editor-expand.active, .b-edit_styles .edit_style .style_css .editor-collapse.active, .p-profiles .profile-head .c-brief header .notice a, .b-comment.aside-expanded>.inner aside.buttons .main-controls .item-reply, .b-comment.aside-expanded>.inner aside.buttons .main-controls .item-delete, .b-comment.aside-expanded>.inner aside.buttons .main-controls .item-cancel, .b-comment.aside-expanded>.inner aside.buttons .main-controls .item-edit, .b-comment.aside-expanded>.inner aside.buttons .main-controls .item-moderation, .b-topic.aside-expanded>.inner aside.buttons .main-controls .item-ignore, .b-topic.aside-expanded>.inner aside.buttons .main-controls .item-reply, .b-topic.aside-expanded>.inner aside.buttons .main-controls .item-cancel{ color: #ff6d70; font-weight: bold; border: none; } .l-top_menu .menu-items .entry a, .l-top_menu .submenu>.entry, .b-main_search ul.popup, .b-main_search .popup li.active, .b-main_search .popup li:hover, .b-main_search .input input, .b-main_search ul.popup li, .ac_results, div.b-db_entry-variant-list_item{ border: none; } .p-user_rates-index .list-lines tr td .new-value .item-add{ position: relative; } .p-user_rates-index .list-lines tr .name a{ color: #ff6d70; font-weight: bold; } .p-user_rates-index .list-lines tr .name a:hover{ color: #fff; } /*Удаление обводки у некоторых элементов*/ .p-dashboards-show .cc-news .c-generated_news .b-topic, .b-topic, .b-db_entry-note, .p-topics .l-menu .sticky-topics .topic, .p-topics .l-menu .clubs .entry, .p-topics .l-menu .reviews .entry, .l-top_menu .entry, .p-profiles .profile-head .c-history .entry{ border: none; } .p-user_rates-index .list-groups .summary.lines.library{ border-color: #333; } /*Изменение пиктограмм списка*/ .b-list li{ color: #ff6d70; list-style-image: none; list-style: disc; } /*Изменение стиля цитат*/ .b-quote { background: #000!important; color: #fff!important; border: 1px dashed; } /*Изменение цвета блока "Наверх" слева*/ .b-to-top .slide:before{ background: #000; } /*Изменение цвета блока с выбором действий у аниме и манги, типа просмотрено, прочитанно, отложенно и т.д.*/ .b-link_button.dark, .b-link_button, .b-add_to_list.watching .trigger, .b-add_to_list.watching .option, .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger, .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option, .b-add_to_list.planned .trigger, .b-add_to_list.planned .option, .b-comments-notifier, .b-add_to_list.completed .trigger, .b-add_to_list.completed .option, .b-add_to_list.rewatching .trigger, .b-add_to_list.rewatching .option, .b-add_to_list.on_hold .trigger, .b-add_to_list.on_hold .option, .b-add_to_list.dropped .trigger, .b-add_to_list.dropped .option{ color: #fff; background: #ff6d70; border: none; } .b-add_to_list .plus, .b-add_to_list.completed .edit, .b-add_to_list.dropped .edit, .b-add_to_list.on_hold .edit, .b-add_to_list .expanded-options .remove-trigger .text{ color: #fff; } .b-link_button.dark:hover, .b-link_button:hover, .p-user_rates-index .list-lines tr.editable:hover, .b-comments-notifier:hover{ background: #cb4154; border: none; } .p-user_rates-index .list-lines tr.editable:hover, /*Изменение цвета кнопок*/ .b-form input[type=submit], .b-button{ background: #ff6d70; border-radius: 3px; transition: background-color .1s linear; transition-timing-function: cubic-bezier(0, 0, 0.3, 1); } /*Изменение цвета кнопок при наведении*/ .b-form input[type=submit]:hover, .b-button:hover{ background: #cb4154; } .tooltip-inner .close, .b-comments .comments-loader, .b-comments .comments-hider, .b-comments .comments-expander, .p-animes-show .other-names.click-loader, .p-mangas-show .other-names.click-loader, .p-ranobe-show .other-names.click-loader, .p-user_rates-index .list-lines tr.edit-form form, .b-shiki_editor.previewed .body .preview, .b-hot_topics-v2{ color: #fff; background: #000; border: none; } .b-entry-info .line .b-tag{ color: #ff6d70; font-weight: bold; border: none; } .b-anime_status_tag.news:before, .b-comments .comments-loader:hover, .b-comments .comments-expander:hover{ color: #fff; background: #ff6d70; border: none; } .b-hot_topics, .p-dashboards-show .cc-second .cc-inner .c-my_list, .tooltip-inner, .b-postloader.collapsed, .b-topic .footer-vote{ border: none; background: #000; color: #fff; } .p-dashboards-show .cc-news .c-news_topics .b-topic, .b-comment, .l-top_menu .submenu, .p-dashboard .l-content .b-catalog_entry, .p-dashboard .l-menu .ongoing{ border: none; } .cm-s-solarized.cm-s-light .CodeMirror-linenumber, .b-shiki_editor .body .editor textarea { background: #000; border: 0px; } /*Изменение цвета некоторых надписей и кнопок на серый*/ .p-profiles .profile-head .c-brief header .notice, .p-profiles-show .profile-content .activity .title, .bar.vertical .line .x_label, .b-hot_topics .topic.subject, .b-catalog_entry .cover .misc span, .b-entry-info .line .value, .b-rate .score-notice, .p-user_rates-index .list-groups .summary .stat-value, .p-user_rates-index .list-groups .summary.lines, .p-user_rates-index .l-content .order-control, header.head .notice, .b-video_player .cc-player_controls .episode-num .video-link a, .p-anime_videos-index .same-videos .title, .p-anime_videos-index .c-anime_video_episodes .title, .p-anime_videos-index .c-videos .title, .b-video_variant .episode-num, .b-video_variant .video-id, .b-video_variant .episode-hostings, .b-video_variant .video-hosting, .b-video_variant .video-language, .b-user.detailed .history .line .event, .p-contests .match-day .match-link .c-column.loser a, .p-contests .match-day .match-link .c-column.created a, .b-animes-menu .total-rates, .c-actions .new_comment, .c-actions .new_review, .c-actions .fav-add, .c-actions .edit, .c-actions .fav-remove, .p-user_rates-index .list-lines tr td .rewatches{ color: #9da2a8; } .p-profiles .profile-head .c-info .c-additionals b, header.head h1 a.back:before, header.head h2 a.back:before, .b-comment .inner .name-date a.name .normal, .b-hot_topics-v2 .subject{ color: #7b8084; } .b-edit_styles .edit_style .style_css .editor-expand.active:hover, .b-edit_styles .edit_style .style_css .editor-collapse.active:hover, .p-user_rates-index .list-lines .selectable:hover{ filter: brightness(0.6); } .p-user_rates-index .list-lines tr.edit-form .b-input.text textarea, .b-bb_codes-examples .example .textarea{ border: 1px solid #333; color: #fff; background: #000; } .p-user_rates-index .list-lines tr td .new-value input{ background: #333; border: none; } body[data-locale=ru] .b-offtopic_marker.off:before{ border: 0px; } /*Изменение цвета пропусков в нумерации строк кода и ползунка справа от редактора кода.*/ .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber, .CodeMirror-scroll, .CodeMirror-sizer, .b-edit_styles .page_background_color .range-slider .noUi-handle, .l-top_menu-v2 .menu-dropdown > span{ background: #000; } /*Удаление белой рамки вокруг редактора кода*/ .b-edit_styles .edit_style .style_css .CodeMirror, .b-edit_styles .new_style .style_css .CodeMirror { background: #000; border: 0px; } /*Удаление тени текста в редакторе кода. С ней текст был расплывчатый.*/ .cm-s-solarized.cm-s-light{ text-shadow: #000 0 0px; } /*Нумирация строк кода белым цветом*/ .CodeMirror pre, .cm-s-solarized.cm-s-light .CodeMirror-linenumber, .b-shiki_editor .body .editor textarea{ color: #fff; border: 0px; } .b-collection_search .field input{ border: none; color: #000; } /*Изменение цвета позунка и ввода текста справа от редактора кода*/ .noUi-connects{ background: #000; color: #fff; } .b-edit_styles .body_background #body_background_input{ border-color: #000; } .b-input select{ color: #000; } /*Изменение цвета столбцов активности в профиле*/ .bar.simple .bar.s3 { background: #cb4154; transition: background-color .1s linear; transition-timing-function: cubic-bezier(0, 0, 0.3, 1); } .bar.simple .bar:hover.s3 { background: #ff6d70;} .bar.simple .bar.s2 { background: #cb4154; transition: background-color .1s linear; transition-timing-function: cubic-bezier(0, 0, 0.3, 1); } .bar.simple .bar:hover.s2 { background: #ff6d70;} .bar.simple .bar.s1 { background: #cb4154; transition: background-color .1s linear; transition-timing-function: cubic-bezier(0, 0, 0.3, 1); } .bar.simple .bar:hover.s1 { background: #ff6d70;} .bar.simple .bar.s0 { background: #cb4154; transition: background-color .1s linear; transition-timing-function: cubic-bezier(0, 0, 0.3, 1);} .bar.simple .bar:hover.s0 { background: #ff6d70;} .b-stats_bar.lifetime .bar .first { background: #ff6d70; } /*Изменение цвета шкалы манги и аниме рядом с аватаркой*/ .b-stats_bar.anime .bar .first, .b-stats_bar .bar .third, .b-stats_bar.manga .bar .first{ background: #cb4154; } /*Вторая часть шкалы аниме и манги рядом с аватаркой*/ .b-stats_bar.anime .bar .second, .b-stats_bar.manga .bar .second{ background: #ff6d70; } div { color: #fff; } header.head h1, header.head h2{ color: #fff; } /*Скрытие блока с отчетом об ошибке слева*/ .b-feedback { visibility: hidden; } /*Закругление аватарки*/ .avatar, div.avatar img, .p-user_rates-index .l-menu .avatar img, .b-user.avatar img, .b-user.named_avatar img, .b-user.avatar_fixed_margin img, .b-comment>.inner header img, .b-user.detailed .info .image-name .image, .b-dialog>.inner header img, .b-message>.inner header img, .l-top_menu-v2 .menu-dropdown.profile > span img{ border-radius: 50%; } .ac_results .character-suggest .avatar{ border-radius: 0%; } /*Затемнение фона заголовков*/ .headline, .midheadline, .subheadline { color: #fff; background: #000; border-left: 0px; } /*Блок с контентом*/ .l-page { background: #000; box-shadow: 0 0 10px rgba(0,0,0,0.5); border-radius: 3px; opacity: 0.9; /*полупрозрачность*/ margin-top: 14px; /*отступ шапки 46px*/ margin-bottom: 14px; } /*шапка*/ .l-top_menu-v2{ background: #000; opacity: 0.9; border: 0px; } .l-top_menu .menu-items .entry a, .l-top_menu .submenu>.entry, .b-main_search ul.popup { background: #000; border: 0px; } .l-top_menu .menu-items>.entry>.contest{ display: none; } b { color: #fff; } /*Альтернативное расположение блоков в профиле от grin3671*/ @media only screen and (min-width: 768px) { .p-profiles-show .profile-content .cc-2 > .c-column { width: 100%; } .p-profiles-show .profile-content .cc-2 > .c-left { position: relative; width: 77%; padding-right: 30px; margin-right: 0; z-index: 1; } .p-profiles-show .lifetime { margin-bottom: 15px; } .p-profiles-show .profile-content .cc-2 > .c-right { float: none; } .p-profiles-show .profile-content .cc-2 > .c-right .cc-2a { width: 23%; overflow: hidden; } .p-profiles-show .profile-content .cc-2 > .c-right .cc-2a > .c-column { width: 100%; margin: 0; } .p-profiles-show .profile-content .cc-2 > .c-right .cc-2a > .c-column:last-child { margin-top: 15px; } .p-profiles-show .profile-content .cc-2 > .c-right > .block:last-child { clear: both; } } /*Далее адаптация под мобильные устройства*/ @media screen and (max-width: 1024px){ body{ background-size: auto !important; } .p-profiles-show .b-feedback:after{ display: none; } /*Блок с контентом*/ .l-page { background: #000; opacity: 0.9; margin-top: 0px; margin-bottom: 0px; border-radius: 0px; } }